完善控件配置

src/services/defaults.ts

@@ -1605,66 +1605,72 @@ export const formComponents = [
       },
       {
         name: '树',
-        icon: 'l-pc', //l-shu
+        icon: 'l-shu', //l-shu
         data: {
           name: 'leTree',
-          width: 200,
-          height: 200,
+          width: 150,
+          height: 210,
           expanded: ['1', '2'],
+          fontSize:20,
+          disableInput: true,
           data: [
             {
+              key:'1',
               label: '1',
               children: [
                 {
+                  key:'1-1',
                   label: '1-1'
                 },
                 {
+                  key:'1-1',
                   label: '1-2'
                 }
               ]
             },
             {
+              key:'2',
               label: '2',
               children: [
                 {
+                  key:'2-1',
                   label: '2-1',
                   children: [
                     {
+                      key:'2-1-1',
                       label: '2-1-1',
-                      children: [
-                        {
-                          label: '2-1-1-1'
-                        },
-                        {
-                          label: '2-2-2-2'
-                        }
-                      ]
                     },
                     {
+                      key:'2-1-2',
                       label: '2-2-2'
                     }
                   ]
                 },
                 {
+                  key:'2-2',
                   label: '2-2'
                 }
               ]
             },
             {
+              key:'3',
               label: '3'
             },
-            {
-              label: '4',
-              children: [
-                {
-                  label: '4-1'
-                },
-                {
-                  label: '4-2'
-                }
-              ]
-            },
-          ]
+          ],
+          props:{
+            custom:[
+              {
+                key: 'expandAll',
+                label: '展开全部节点',
+                type: 'bool',
+              },
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+              }
+            ]
+          }
         },
       },
       {
@@ -2063,7 +2069,7 @@ export const formComponents = [
       },
       {
         name: '面包屑',
-        icon: 'l-pc', //l-mianbaoxie
+        icon: 'l-mianbaoxie', //l-mianbaoxie
         data: {
           name: 'Breadcrumb',
           width: 200,
@@ -2088,6 +2094,21 @@ export const formComponents = [
               target:'_self'
             }
           ],
+          props:{
+            custom:[
+              {
+                key: 'gap',
+                label: '间距',
+                type: 'number',
+                min: 0,
+              },
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+              },
+            ]
+          }
         },
       },
       {
@@ -2206,7 +2227,7 @@ export const formComponents = [
       },
       {
         name: '分页',
-        icon: 'l-pc', //l-fenye
+        icon: 'l-fenye', //l-fenye
         data: {
           name: 'lePagination',
           width: 300,
@@ -2216,6 +2237,7 @@ export const formComponents = [
           pageSize: 5,
           current: 1,
           maxPageBtn: 5,
+          disableInput:true,
           pageSizeOptions: [5, 10, 20, 30],
           props: {
             custom: [
@@ -2232,12 +2254,12 @@ export const formComponents = [
               },
               {
                 key: 'pageSizeOptions',
-                label: '分页大小控制器',
-                type: 'Array',
+                label: '分页大小',
+                type: 'code',
               },
               {
                 key: 'maxPageBtn',
-                label: '最多显示页码按钮数',
+                label: '最多显示页码数按钮数',
                 type: 'number',
               },
             ],
@@ -2292,12 +2314,22 @@ export const formComponents = [
           selectKey: '1',
           selectedKeys: [],
           theme: '',
+          disableInput:true,
           data: [
             { text: '场景一', key: '0', isForbidden: true },
             { text: '场景二', key: '1' },
             { text: '场景三', key: '2' },
             { text: '场景四', key: '3' },
           ],
+          props:{
+            custom:[
+              {
+                key:'data',
+                label:'数据',
+                type:'code'
+              }
+            ]
+          }
         },
       },
       {
@@ -2310,12 +2342,23 @@ export const formComponents = [
           direction: 'horizontal',
           selectedKeys: ['0'],
           theme: 'multiple',
+          disableInput:true,
+
           data: [
             { text: '场景一', key: '0' },
             { text: '场景二', key: '1', isForbidden: true },
             { text: '场景三', key: '2' },
             { text: '场景四', key: '3' },
           ],
+          props:{
+            custom:[
+              {
+                key:'data',
+                label:'数据',
+                type:'code'
+              }
+            ]
+          }
         },
       },
     ],
@@ -2409,7 +2452,7 @@ export const formComponents = [
           height: 30,
           disableAnchor: true,
           direction: 'horizontal', // 'vertical', //'horizontal',
-          theme: '',
+          theme: 'normal',
           itemPosition: [],
           data: [
             { key: '1', text: '选项一', isForbidden: true },
@@ -2417,6 +2460,33 @@ export const formComponents = [
             { key: '3', text: '选项三' },
           ],
           selectKey: '2',
+          props:{
+            custom:[
+              {
+                key:'data',
+                label:'数据',
+                type:'code'
+              },
+              {
+                key:'direction',
+                label:'排列方向',
+                type:'select',
+                options: [
+                  { label: '横向', value: 'horizontal' },
+                  { label: '纵向', value: 'vertical' },
+                ],
+              },
+              {
+                key:'theme',
+                label:'模式',
+                type:'select',
+                options: [
+                  { label: '通用模式', value: 'normal' },
+                  { label: '按钮模式', value: 'button' },
+                ],
+              },
+            ]
+          }
         },
       },
       {
@@ -2427,13 +2497,40 @@ export const formComponents = [
           width: 300,
           height: 30,
           direction: 'horizontal', // 'vertical', //'horizontal',
-          theme: '',
+          theme: 'normal',//button   normal
           data: [
             { key: '1', text: '选项一', isForbidden: true },
             { key: '2', text: '选项示例二' },
             { key: '3', text: '选项三' },
           ],
           selectedKeys: ['2', '3'],
+          props:{
+            custom:[
+              {
+                key:'data',
+                label:'数据',
+                type:'code'
+              },
+              {
+                key:'direction',
+                label:'排列方向',
+                type:'select',
+                options: [
+                  { label: '横向', value: 'horizontal' },
+                  { label: '纵向', value: 'vertical' },
+                ],
+              },
+              {
+                key:'theme',
+                label:'模式',
+                type:'select',
+                options: [
+                  { label: '通用模式', value: 'normal' },
+                  { label: '按钮模式', value: 'button' },
+                ],
+              }
+            ]
+          }
         },
       },
       {
@@ -2619,12 +2716,19 @@ export const formComponents = [
       },
       {
         name: '圆形按钮',
-        icon: 'l-pc', //l-yuanxinganniu
+        icon: 'l-yuanxinganniu', //l-yuanxinganniu
         data: {
           name: 'roundSwitch',
-          width: 50,
-          height: 50,
-          checked:true
+          width: 128,
+          height: 128,
+          checked:true,
+          disableInput: true,
+          offColor: '#FFA98F',
+          onColor: '#80D99F',
+          color: '#4583FF', //66 33
+          background: '#4583FF33',
+          offShadowColor: '#FF5D3C',
+          onShadowColor: '#58CC84'
         },
       },
       {
@@ -2643,12 +2747,19 @@ export const formComponents = [
       },
       {
         name: '转换开关',
-        icon: 'l-pc', //l-zhuanhuankaiguan
+        icon: 'l-zhuanhuankaiguan', //l-zhuanhuankaiguan
         data: {
           name: 'changeOverSwitch',
           width: 128,
           height: 128,
-          checked:true
+          checked:true,
+          disableInput: true,
+          offColor: '#FFA98F',
+          onColor: '#80D99F',
+          color: '#4583FF', //66 33
+          background: '#4583FF33',
+          offShadowColor: '#FF5D3C',
+          onShadowColor: '#58CC84'
         },
       },
       {