提交树和分页控件配置

src/services/defaults.ts

@@ -177,18 +177,18 @@ export interface FormItemType extends FormItem {
   tips?: string; // 提示
   placeholder?: string; // input placeholder
   type:
-    | 'text' // string 类型输入框
-    | 'number'
-    | 'color'
-    | 'textarea'
-    | 'select'
-    | 'switch'
-    | 'code'
-    | 'image'
-    | 'icon'
-    | 'slider'
-    | 'autoComplete'
-    | 'label'; // 文字，不含输入框;
+  | 'text' // string 类型输入框
+  | 'number'
+  | 'color'
+  | 'textarea'
+  | 'select'
+  | 'switch'
+  | 'code'
+  | 'image'
+  | 'icon'
+  | 'slider'
+  | 'autoComplete'
+  | 'label'; // 文字，不含输入框;
   options?: {
     // 选项
     label: string; // 选项的标题，可以使用 html
@@ -1306,8 +1306,64 @@ export const formComponents = [
         name: '树',
         icon: 'l-pc', //l-shu
         data: {
+          name:'leTree',
           width: 200,
           height: 200,
+          expanded:['1','2'],
+          data:[
+            {
+              label:'1',
+              children:[
+                {
+                  label:'1-1'
+                },
+                {
+                  label:'1-2'
+                }
+              ]
+            },
+            {
+              label:'2',
+              children:[
+                {
+                  label:'2-1',
+                  children:[
+                    {
+                      label:'2-1-1',
+                      children:[
+                        {
+                          label:'2-1-1-1'
+                        },
+                        {
+                          label:'2-2-2-2'
+                        }
+                      ]
+                    },
+                    {
+                      label:'2-2-2'
+                    }
+                  ]
+                },
+                {
+                  label:'2-2'
+                }
+              ]
+            },
+            {
+              label:'3'
+            },
+            {
+              label:'4',
+              children:[
+                {
+                  label:'4-1'
+                },
+                {
+                  label:'4-2'
+                }
+              ]
+            },
+          ]
         },
       },
       {
@@ -1677,8 +1733,40 @@ export const formComponents = [
         name: '分页',
         icon: 'l-pc', //l-fenye
         data: {
-          width: 200,
+          name: 'lePagination',
+          width: 300,
           height: 200,
+          size: 'small',
+          total:25,
+          pageSize:5,
+          current:1,
+          maxPageBtn:5,
+          pageSizeOptions:[5,10,20,30],
+          props: {
+            custom: [
+              {
+                key: 'total',
+                label: '数据总条数',
+                type: 'number',
+                min: 0,
+              },
+              {
+                key: 'pageSize',
+                label: '每页数据量',
+                type: 'number',
+              },
+              {
+                key: 'pageSizeOptions',
+                label: '分页大小控制器',
+                type: 'Array',
+              },
+              {
+                key: 'maxPageBtn',
+                label: '最多显示页码按钮数',
+                type: 'number',
+              },
+            ],
+          },
         },
       },
       {
@@ -1725,15 +1813,15 @@ export const formComponents = [
           name: 'leTab',
           width: 500,
           height: 50,
-          direction:'horizontal',
-          selectKey:'1',
-          selectedKeys:[],
-          theme:'',
-          data:[
-            {text:'场景一',key:'0',isForbidden:true},
-            {text:'场景二',key:'1'},
-            {text:'场景三',key:'2'},
-            {text:'场景四',key:'3'}
+          direction: 'horizontal',
+          selectKey: '1',
+          selectedKeys: [],
+          theme: '',
+          data: [
+            { text: '场景一', key: '0', isForbidden: true },
+            { text: '场景二', key: '1' },
+            { text: '场景三', key: '2' },
+            { text: '场景四', key: '3' }
           ]
         },
       },
@@ -1744,14 +1832,14 @@ export const formComponents = [
           name: 'leTab',
           width: 500,
           height: 50,
-          direction:'horizontal',
-          selectedKeys:['0'],
-          theme:'multiple',
-          data:[
-            {text:'场景一',key:'0'},
-            {text:'场景二',key:'1',isForbidden:true},
-            {text:'场景三',key:'2'},
-            {text:'场景四',key:'3'}
+          direction: 'horizontal',
+          selectedKeys: ['0'],
+          theme: 'multiple',
+          data: [
+            { text: '场景一', key: '0' },
+            { text: '场景二', key: '1', isForbidden: true },
+            { text: '场景三', key: '2' },
+            { text: '场景四', key: '3' }
           ]
         },
       },
@@ -1846,8 +1934,8 @@ export const formComponents = [
           height: 30,
           disableAnchor: true,
           direction: 'horizontal', // 'vertical', //'horizontal',
-          theme:'',
-          itemPosition:[],
+          theme: '',
+          itemPosition: [],
           data: [
             { key: '1', text: '选项一', isForbidden: true },
             { key: '2', text: '选项示例二' },
@@ -1864,7 +1952,7 @@ export const formComponents = [
           width: 300,
           height: 30,
           direction: 'horizontal', // 'vertical', //'horizontal',
-          theme:'',
+          theme: '',
           data: [
             { key: '1', text: '选项一', isForbidden: true },
             { key: '2', text: '选项示例二' },