@arkxos/arkos-system 0.1.0

package/src/admin/visual/js/app-form.config.js

@@ -0,0 +1,1301 @@
+export const form = [
+  {
+    name: '表单',
+    type: 'app-form',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '提示方式',
+            fieldName: 'errorType',
+            fieldType: 'buttons',
+            default: 'message',
+            options: [
+              { value: '不提示', key: 'none' },
+              { value: '底部显示', key: 'message' },
+              { value: '底部红线', key: 'border-bottom' },
+              { value: '弹窗', key: 'toast' }
+            ],
+            description: '校验错误提示方式'
+          },
+          {
+            name: '标签位置',
+            fieldName: 'labelPosition',
+            fieldType: 'buttons',
+            default: 'top',
+            options: [
+              { value: '左侧', key: 'left' },
+              { value: '上方', key: 'top' }
+            ],
+            description: '表单域提示文字的位置'
+          },
+          {
+            name: '标签长度',
+            fieldName: 'labelWidth',
+            fieldType: 'number',
+            default: 120,
+            point: 0,
+            show: data => data['labelPosition'] === 'left',
+            description: '表单域标签标签长度'
+          },
+          {
+            name: '对齐方式',
+            fieldName: 'labelAlign',
+            fieldType: 'buttons',
+            default: 'right',
+            options: [
+              { value: '左侧', key: 'left' },
+              { value: '中间', key: 'center' },
+              { value: '右侧', key: 'right' }
+            ],
+            show: data => data['labelPosition'] === 'left',
+            description: '字体的对齐方式'
+          },
+          {
+            name: '显示下边框',
+            fieldName: 'borderBottom',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '表单项',
+    type: 'app-form-item',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '标签文本',
+            fieldName: 'label',
+            fieldType: 'input',
+            default: ''
+          },
+          {
+            name: '下划线边框',
+            fieldName: 'borderBottom',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+          },
+          {
+            name: '标签长度',
+            fieldName: 'labelWidth',
+            fieldType: 'number',
+            default: 120,
+            point: 0,
+            description: '表单域标签标签长度'
+          },
+          {
+            name: '对齐方式',
+            fieldName: 'labelAlign',
+            fieldType: 'buttons',
+            default: 'right',
+            options: [
+              { value: '左侧', key: 'left' },
+              { value: '中间', key: 'center' },
+              { value: '右侧', key: 'right' }
+            ],
+            description: '字体的对齐方式'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '单行文本框',
+    type: 'app-form-input',
+    formItem: '1',
+    inputData: true,
+    fieldList: '内容',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '字体大小',
+            fieldName: 'fontSize',
+            fieldType: 'number',
+            default: 14,
+            description: '输入框字体的大小'
+          },
+          {
+            name: '最大长度',
+            fieldName: 'maxlength',
+            fieldType: 'number',
+            description: '最大输入长度'
+          },
+          {
+            name: '占位文本',
+            fieldName: 'placeholder',
+            fieldType: 'input',
+            default: '',
+            description: '输入框占位文本'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: 'input',
+            default: '',
+          },
+          {
+            name: '前缀图标',
+            fieldName: 'prefixIcon',
+            fieldType: 'icon-select',
+            size: '15px',
+            default: '',
+            description: '自定义前缀图标'
+          },
+          {
+            name: '后缀图标',
+            fieldName: 'suffixIcon',
+            fieldType: 'icon-select',
+            size: '15px',
+            default: '',
+            description: '自定义后缀图标'
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '边框',
+            fieldName: 'border',
+            fieldType: 'buttons',
+            default: 'surround',
+            options: [
+              { value: '边框', key: 'surround' },
+              { value: '底边框', key: 'bottom' },
+              { value: '无', key: 'none' }
+            ]
+          },
+          {
+            name: '清除按钮',
+            fieldName: 'clearable',
+            fieldType: 'switch',
+            default: true,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否显示清除按钮'
+          },
+          {
+            name: '是否只读',
+            fieldName: 'readonly',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '统计字数',
+            fieldName: 'showWordLimit',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否显示统计字数'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '多行文本框',
+    type: 'app-form-textarea',
+    formItem: '1',
+    inputData: true,
+    fieldList: '内容',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '高度',
+            fieldName: 'height',
+            fieldType: 'number',
+            default: 50,
+            description: '输入框高度'
+          },
+          {
+            name: '自动高度',
+            fieldName: 'autoHeight',
+            fieldType: 'number',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否自动增加高度'
+          },
+          {
+            name: '最大长度',
+            fieldName: 'maxlength',
+            fieldType: 'number',
+            description: '最大输入长度'
+          },
+          {
+            name: '占位文本',
+            fieldName: 'placeholder',
+            fieldType: 'input',
+            default: '',
+            description: '输入框占位文本'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: 'input',
+            default: '',
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '统计字数',
+            fieldName: 'count',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否显示统计字数'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '数字输入框',
+    type: 'app-form-number',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '字体大小',
+            fieldName: 'fontSize',
+            fieldType: 'number',
+            description: '输入框字体的大小'
+          },
+          {
+            name: '最小值',
+            fieldName: 'min',
+            fieldType: 'number',
+          },
+          {
+            name: '最大值',
+            fieldName: 'max',
+            fieldType: 'number',
+          },
+          {
+            name: '小数位数',
+            fieldName: 'precision',
+            fieldType: 'number',
+            default: 2
+          },
+          {
+            name: '占位文本',
+            fieldName: 'placeholder',
+            fieldType: 'input',
+            default: '',
+            description: '输入框占位文本'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: 'input',
+            default: '',
+          },
+          {
+            name: '前缀图标',
+            fieldName: 'prefixIcon',
+            fieldType: 'icon-select',
+            size: '15px',
+            default: '',
+            description: '自定义前缀图标'
+          },
+          {
+            name: '后缀图标',
+            fieldName: 'suffixIcon',
+            fieldType: 'icon-select',
+            size: '15px',
+            default: '',
+            description: '自定义后缀图标'
+          },
+          {
+            name: '边框',
+            fieldName: 'border',
+            fieldType: 'buttons',
+            default: 'surround',
+            options: [
+              { value: '边框', key: 'surround' },
+              { value: '底边框', key: 'bottom' },
+              { value: '无', key: 'none' }
+            ]
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '清除按钮',
+            fieldName: 'clearable',
+            fieldType: 'switch',
+            default: true,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否显示清除按钮'
+          },
+          {
+            name: '是否只读',
+            fieldName: 'readonly',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '密码框',
+    type: 'app-form-password',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '字体大小',
+            fieldName: 'fontSize',
+            fieldType: 'number',
+            description: '输入框字体的大小'
+          },
+          {
+            name: '最大长度',
+            fieldName: 'maxlength',
+            fieldType: 'number',
+            description: '最大输入长度'
+          },
+          {
+            name: '占位文本',
+            fieldName: 'placeholder',
+            fieldType: 'input',
+            default: '',
+            description: '输入框占位文本'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: 'input',
+            default: '',
+          },
+          {
+            name: '前缀图标',
+            fieldName: 'prefixIcon',
+            fieldType: 'icon-select',
+            size: '15px',
+            default: '',
+            description: '自定义前缀图标'
+          },
+          {
+            name: '后缀图标',
+            fieldName: 'suffixIcon',
+            fieldType: 'icon-select',
+            size: '15px',
+            default: '',
+            description: '自定义后缀图标'
+          },
+          {
+            name: '边框',
+            fieldName: 'border',
+            fieldType: 'buttons',
+            default: 'surround',
+            options: [
+              { value: '边框', key: 'surround' },
+              { value: '底边框', key: 'bottom' },
+              { value: '无', key: 'none' }
+            ]
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '清除按钮',
+            fieldName: 'clearable',
+            fieldType: 'switch',
+            default: true,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否显示清除按钮'
+          },
+          {
+            name: '是否只读',
+            fieldName: 'readonly',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '统计字数',
+            fieldName: 'showWordLimit',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否显示统计字数'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '下拉框',
+    type: 'app-form-select',
+    formItem: '1',
+    eventList: '初始化事件,变更事件',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '占位文本',
+            fieldName: 'label',
+            fieldType: 'input',
+            default: '--请选择--',
+            description: '输入框占位文本'
+          },
+          {
+            name: '数据来源',
+            fieldName: 'dataSource',
+            fieldType: 'buttons',
+            default: '',
+            options: [
+              { value: '枚举', key: 'enum' },
+              { value: '字典', key: 'dict' },
+              { value: '数据模型', key: 'dataModel' },
+            ]
+          },
+          {
+            name: '来源枚举',
+            fieldName: 'enumValue',
+            fieldType: 'input',
+            default: '',
+            show: (data) => data['dataSource'] === 'enum',
+            description: '多个枚举值时以“,”分割（英文逗号）'
+          },
+          {
+            name: '来源字典',
+            fieldName: 'dictCode',
+            fieldType: 'dict-tree',
+            default: '',
+            show: (data) => data['dataSource'] === 'dict'
+          },
+          {
+            name: '数据模型',
+            fieldName: 'dataModelId',
+            fieldType: 'tree',
+            default: '',
+            dataUrl: '/system/dataModel/queryTree',
+            typeSelect: 'model',
+            show: (data) => data['dataSource'] === 'dataModel',
+          },
+          {
+            name: '值字段',
+            fieldName: 'value',
+            fieldType: 'select',
+            default: '',
+            options: (data) => data['dataSource'] === 'dataModel' ? data['fieldOptions'] : '',
+            show: (data) => data['dataSource'] === 'dataModel'
+          },
+          {
+            name: '显示字段',
+            fieldName: 'label',
+            fieldType: 'select',
+            default: '',
+            options: (data) => data['dataSource'] === 'dataModel' ? data['fieldOptions'] : '',
+            show: (data) => data['dataSource'] === 'dataModel'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: (data) => data['dataSource'] === 'enum' || data['dataSource'] === 'dataModel'
+              ? 'select'
+              : 'dict-select',
+            dictCode: (data) => data['dataSource'] === 'enum' ? '' : data['dictCode'],
+            options: (data) => data['dataSource'] === 'enum'
+              ? data['enumValue']
+              : (data['dataSource'] === 'dataModel' ? (data['fieldValueOptions'] || '') : ''),
+            default: '',
+            show: (data) => data['multiple'] === false
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: (data) => data['dataSource'] === 'enum' || data['dataSource'] === 'dataModel'
+              ? 'selects'
+              : 'dict-selects',
+            dictCode: (data) => data['dataSource'] === 'enum' ? '' : data['dictCode'],
+            options: (data) => data['dataSource'] === 'enum'
+              ? data['enumValue']
+              : (data['dataSource'] === 'dataModel' ? (data['fieldValueOptions'] || '') : ''),
+            default: '',
+            show: (data) => data['multiple'] === true
+          },
+          {
+            name: '显示蒙版',
+            fieldName: 'overlay',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '蒙版透明度',
+            fieldName: 'overlayOpacity',
+            fieldType: 'number',
+            description: '蒙版透明度'
+          },
+          {
+            name: '显示选中名称',
+            fieldName: 'showOptionsLabel',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '渲染层级',
+            fieldName: 'zIndex',
+            fieldType: 'number',
+            description: '渲染层级'
+          },
+          {
+            name: '渲染层级',
+            fieldName: 'zIndex',
+            fieldType: 'number',
+            description: '渲染层级'
+          },
+          {
+            name: '下拉项目颜色',
+            fieldName: 'itemColor',
+            fieldType: 'color-picker',
+            description: '下拉项目颜色'
+          },
+          {
+            name: '下拉图标颜色',
+            fieldName: 'iconColor',
+            fieldType: 'color-picker',
+            description: '下拉箭头图标颜色'
+          },
+          {
+            name: '下拉箭头图标大小',
+            fieldName: 'iconSize',
+            fieldType: 'number',
+            description: '下拉箭头图标大小'
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '单选框',
+    type: 'app-form-radio',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '大小',
+            fieldName: 'size',
+            fieldType: 'number',
+          },
+          {
+            name: '数据来源',
+            fieldName: 'dataSource',
+            fieldType: 'buttons',
+            default: '',
+            options: [
+              { value: '枚举', key: 'enum' },
+              { value: '字典', key: 'dict' },
+            ]
+          },
+          {
+            name: '来源枚举',
+            fieldName: 'enumValue',
+            fieldType: 'input',
+            default: '',
+            show: (data) => data['dataSource'] === 'enum',
+            description: '多个枚举值时以“,”分割（英文逗号）'
+          },
+          {
+            name: '来源字典',
+            fieldName: 'dictCode',
+            fieldType: 'dict-tree',
+            default: '',
+            show: (data) => data['dataSource'] === 'dict'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: (data) => data['dataSource'] === 'enum' ? 'radio' : 'dict-radio',
+            dictCode: (data) => data['dataSource'] === 'enum' ? '' : data['dictCode'],
+            options: (data) => data['dataSource'] === 'enum' ? data['enumValue'] : '',
+            default: '',
+          },
+          {
+            name: '选中颜色',
+            fieldName: 'activeColor',
+            fieldType: 'color-picker',
+            description: '选中状态下的颜色'
+          },
+          {
+            name: '未选中颜色',
+            fieldName: 'inactiveColor',
+            fieldType: 'color-picker',
+            description: '未选中的颜色'
+          },
+          {
+            name: '图标大小',
+            fieldName: 'iconSize',
+            fieldType: 'number',
+            description: '图标的大小'
+          },
+          {
+            name: '图标颜色',
+            fieldName: 'iconColor',
+            fieldType: 'color-picker',
+            description: '图标颜色'
+          },
+          {
+            name: '文字颜色',
+            fieldName: 'labelColor',
+            fieldType: 'color-picker',
+            description: '提示文字颜色'
+          },
+          {
+            name: '字体大小',
+            fieldName: 'labelSize',
+            fieldType: 'number',
+            description: '字体大小'
+          },
+          {
+            name: '形状',
+            fieldName: 'shape',
+            fieldType: 'buttons',
+            default: 'circle',
+            options: [
+              { value: '方形', key: 'square' },
+              { value: '圆型', key: 'circle' }
+            ]
+          },
+          {
+            name: '布局方式',
+            fieldName: 'placement',
+            fieldType: 'buttons',
+            default: 'row',
+            options: [
+              { value: '横向', key: 'row' },
+              { value: '纵向', key: 'column' }
+            ]
+          },
+          {
+            name: '图标位置',
+            fieldName: 'iconPlacement',
+            fieldType: 'buttons',
+            default: 'row',
+            options: [
+              { value: '左侧', key: 'left' },
+              { value: '右侧', key: 'right' }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '多选框',
+    type: 'app-form-checkbox',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '大小',
+            fieldName: 'size',
+            fieldType: 'number',
+          },
+          {
+            name: '数据来源',
+            fieldName: 'dataSource',
+            fieldType: 'buttons',
+            default: '',
+            options: [
+              { value: '枚举', key: 'enum' },
+              { value: '字典', key: 'dict' },
+            ]
+          },
+          {
+            name: '来源枚举',
+            fieldName: 'enumValue',
+            fieldType: 'input',
+            default: '',
+            show: (data) => data['dataSource'] === 'enum',
+            description: '多个枚举值时以“,”分割（英文逗号）'
+          },
+          {
+            name: '来源字典',
+            fieldName: 'dictCode',
+            fieldType: 'dict-tree',
+            default: '',
+            show: (data) => data['dataSource'] === 'dict'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: (data) => data['dataSource'] === 'enum' ? 'checkbox' : 'dict-checkbox',
+            dictCode: (data) => data['dataSource'] === 'enum' ? '' : data['dictCode'],
+            options: (data) => data['dataSource'] === 'enum' ? data['enumValue'] : '',
+            default: '',
+          },
+          {
+            name: '选中颜色',
+            fieldName: 'activeColor',
+            fieldType: 'color-picker',
+            description: '选中状态下的颜色'
+          },
+          {
+            name: '未选中颜色',
+            fieldName: 'inactiveColor',
+            fieldType: 'color-picker',
+            description: '未选中的颜色'
+          },
+          {
+            name: '图标大小',
+            fieldName: 'iconSize',
+            fieldType: 'number',
+            description: '图标的大小'
+          },
+          {
+            name: '图标颜色',
+            fieldName: 'iconColor',
+            fieldType: 'color-picker',
+            description: '图标颜色'
+          },
+          {
+            name: '文字颜色',
+            fieldName: 'labelColor',
+            fieldType: 'color-picker',
+            description: '提示文字颜色'
+          },
+          {
+            name: '字体大小',
+            fieldName: 'labelSize',
+            fieldType: 'number',
+            description: '字体大小'
+          },
+          {
+            name: '形状',
+            fieldName: 'shape',
+            fieldType: 'buttons',
+            default: 'circle',
+            options: [
+              { value: '方形', key: 'square' },
+              { value: '圆型', key: 'circle' }
+            ]
+          },
+          {
+            name: '布局方式',
+            fieldName: 'placement',
+            fieldType: 'buttons',
+            default: 'row',
+            options: [
+              { value: '横向', key: 'row' },
+              { value: '纵向', key: 'column' }
+            ]
+          },
+          {
+            name: '图标位置',
+            fieldName: 'iconPlacement',
+            fieldType: 'buttons',
+            default: 'row',
+            options: [
+              { value: '左侧', key: 'left' },
+              { value: '右侧', key: 'right' }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '开关',
+    type: 'app-form-switch',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '尺寸',
+            fieldName: 'size',
+            fieldType: 'number',
+            default: 25
+          },
+          {
+            name: '数据来源',
+            fieldName: 'dataSource',
+            fieldType: 'buttons',
+            default: '',
+            options: [
+              { value: '枚举', key: 'enum' },
+              { value: '字典', key: 'dict' },
+            ]
+          },
+          {
+            name: '来源枚举',
+            fieldName: 'enumValue',
+            fieldType: 'input',
+            default: '',
+            show: (data) => data['dataSource'] === 'enum',
+            description: '多个枚举值时以“,”分割（英文逗号）'
+          },
+          {
+            name: '来源字典',
+            fieldName: 'dictCode',
+            fieldType: 'dict-tree',
+            default: '',
+            show: (data) => data['dataSource'] === 'dict'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: (data) => data['dataSource'] === 'enum' ? 'switch' : 'dict-switch',
+            dictCode: (data) => data['dataSource'] === 'enum' ? '' : data['dictCode'],
+            options: (data) => data['dataSource'] === 'enum' ? data['enumValue'] : '',
+            default: '',
+          },
+          {
+            name: '选中颜色',
+            fieldName: 'activeColor',
+            fieldType: 'color-picker',
+            description: '选中状态下的颜色'
+          },
+          {
+            name: '未选中颜色',
+            fieldName: 'inactiveColor',
+            fieldType: 'color-picker',
+            description: '未选中的颜色'
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '日期选择',
+    type: 'app-form-date',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '占位文本',
+            fieldName: 'placeholder',
+            fieldType: 'input',
+            default: '',
+            description: '输入框占位文本'
+          },
+          {
+            name: '显示格式',
+            fieldName: 'format',
+            fieldType: 'input',
+            default: 'YYYY-MM-DD',
+            description: '显示在输入框中的格式'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: 'date',
+            default: '',
+            format: (data) => data['format'] || undefined,
+            valueFormat: (data) => data['value-format'] || undefined,
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '评分',
+    type: 'app-form-rate',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '尺寸',
+            fieldName: 'size',
+            fieldType: 'number',
+            default: 18
+          },
+          {
+            name: '选中颜色',
+            fieldName: 'activeColor',
+            fieldType: 'color-picker',
+            description: '选中状态下的颜色'
+          },
+          {
+            name: '未选中颜色',
+            fieldName: 'inactiveColor',
+            fieldType: 'color-picker',
+            description: '未选中的颜色'
+          },
+          {
+            name: '间距',
+            fieldName: 'gutter',
+            fieldType: 'number',
+            default: 4,
+            description: '星星之间的距离'
+          },
+          {
+            name: '默认值',
+            fieldName: 'default',
+            fieldType: 'number',
+            point: (data) => data['allowHalf'] ? 1 : 0,
+            default: 0
+          },
+          {
+            name: '最小值',
+            fieldName: 'minCount',
+            fieldType: 'number',
+            default: 1,
+            description: '最少选中星星的个数'
+          },
+          {
+            name: '是否半选',
+            fieldName: 'allowHalf',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ],
+            description: '是否允许半星选择'
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否禁用',
+            fieldName: 'disabled',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    name: '图片控件',
+    type: 'app-form-image',
+    formItem: '1',
+    inputData: true,
+    fieldList: '内容',
+    defaultObject: true,
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '宽度',
+            fieldName: 'width',
+            fieldType: 'input',
+            default: '100px'
+          },
+          {
+            name: '高度',
+            fieldName: 'height',
+            fieldType: 'input',
+            default: '100px'
+          },
+          {
+            name: '形状',
+            fieldName: 'shape',
+            fieldType: 'buttons',
+            default: 'circle',
+            options: [
+              { value: '方形', key: 'square' },
+              { value: '圆型', key: 'circle' }
+            ]
+          },
+          {
+            name: '圆角',
+            fieldName: 'radius',
+            fieldType: 'number',
+            default: 0
+          },
+          {
+            name: '是否只读',
+            fieldName: 'readonly',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          },
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    type: 'app-form-affix',
+    name: '附件控件',
+    formItem: '1',
+    styleList: [
+      {
+        type: 'group',
+        name: '基础设置',
+        children: [
+          {
+            name: '是否必填',
+            fieldName: 'required',
+            fieldType: 'switch',
+            default: false,
+            options: [
+              { value: '', key: true },
+              { value: '', key: false }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+]