@dckj-npm/dc-material 0.1.358 → 0.1.360

package/es/components/form/form.js

@@ -1,1367 +1,34 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _Upload from "@alifd/next/es/upload";
+import _Checkbox from "@alifd/next/es/checkbox";
 import _Radio from "@alifd/next/es/radio";
+import _Input from "@alifd/next/es/input";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _Form from "@alifd/next/es/form";
 var _excluded = ["dataList", "onClick", "children"];
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import "./index.scss";
 // import { default as FormItem } from './form-item'
 // import { convertChildren } from '../../utils/children-node-handle'
 // import DCFormItem from './form-item.tsx'
 
-import { DYNAMIC_COLUMN_DATA_TYPE_BUTTON, DYNAMIC_COLUMN_DATA_TYPE_AUTO, DYNAMIC_COLUMN_DATA_TYPE_TEXT, DYNAMIC_COLUMN_DATA_TYPE_TEXTAREA, DYNAMIC_COLUMN_DATA_TYPE_MOBILE, DYNAMIC_COLUMN_DATA_TYPE_INT, DYNAMIC_COLUMN_DATA_TYPE_EMAIL, DYNAMIC_COLUMN_DATA_TYPE_ID_CARD, DYNAMIC_COLUMN_DATA_TYPE_NUMBER, DYNAMIC_COLUMN_DATA_TYPE_LABEL, DYNAMIC_COLUMN_DATA_TYPE_RADIO } from "../../entity/dynamic-column-data-type";
-var FormItem = _Form.Item;
-import arrowRight from "../../assets/icon/form/right.png";
-
-/**
- * 数据
- */
-
-var Form = function Form(_ref) {
-  var dataList = _ref.dataList,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  dataList = [{
-    columnComment: '公司编码',
-    columnName: 'company_code',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 1,
-    columnKeyTypeEnum: {
-      code: 1,
-      name: '单行文本',
-      dbTypeName: 'varchar',
-      ordinal: 0
-    },
-    isRequired: 0,
-    defaultValue: "SERIAL_NUMBER(CONCAT('JL',DATE_FORMAT(NOW(),'YYYYMMdd')),3,${公司列表.公司编码})",
-    defaultValueTypeEnum: {
-      code: 4,
-      name: '初始化公式',
-      ordinal: 3
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入公司编码',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '公司名称',
-    columnName: 'company_name',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 1,
-    columnKeyTypeEnum: {
-      code: 1,
-      name: '单行文本',
-      dbTypeName: 'varchar',
-      ordinal: 0
-    },
-    isRequired: 1,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入公司名称',
-    searchType: 2,
-    searchTypeEnum: {
-      code: 2,
-      name: '模糊查询',
-      ordinal: 2
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '统一社会信用代码',
-    columnName: 'credit_code',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 1,
-    columnKeyTypeEnum: {
-      code: 1,
-      name: '单行文本',
-      dbTypeName: 'varchar',
-      ordinal: 0
-    },
-    isRequired: 1,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入统一社会信用代码',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '法人/负责人',
-    columnName: 'legal',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 1,
-    columnKeyTypeEnum: {
-      code: 1,
-      name: '单行文本',
-      dbTypeName: 'varchar',
-      ordinal: 0
-    },
-    isRequired: 1,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入法人/负责人',
-    searchType: 1,
-    searchTypeEnum: {
-      code: 1,
-      name: '精确查询',
-      ordinal: 1
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '联系人',
-    columnName: 'contacts',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 1,
-    columnKeyTypeEnum: {
-      code: 1,
-      name: '单行文本',
-      dbTypeName: 'varchar',
-      ordinal: 0
-    },
-    isRequired: 1,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入联系人',
-    searchType: 1,
-    searchTypeEnum: {
-      code: 1,
-      name: '精确查询',
-      ordinal: 1
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '联系电话',
-    columnName: 'phone',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 12,
-    columnKeyTypeEnum: {
-      code: 12,
-      name: '手机',
-      dbTypeName: 'varchar',
-      ordinal: 6
-    },
-    isRequired: 1,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '^1[3-9]\\d{9}$',
-    fieldValidationType: '手机号码',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入联系电话',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '邮箱',
-    columnName: 'email',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 36,
-    columnKeyTypeEnum: {
-      code: 36,
-      name: '邮箱',
-      dbTypeName: 'varchar',
-      ordinal: 7
-    },
-    isRequired: 0,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$',
-    fieldValidationType: '邮箱',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入邮箱',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '注册资金（万元）',
-    columnName: 'registered_capital',
-    columnSize: 10,
-    columnType: 'numeric',
-    columnKeyType: 35,
-    columnKeyTypeEnum: {
-      code: 35,
-      name: '数值',
-      dbTypeName: 'numeric',
-      ordinal: 4
-    },
-    isRequired: 0,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '^(([1-9]{1}\\d*)|([0]{1}))(\\.(\\d){0,6})?$',
-    fieldValidationType: '数值',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入注册资金（万元）',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '公司简称',
-    columnName: 'abbreviation',
-    columnSize: 20,
-    columnType: 'varchar',
-    columnKeyType: 1,
-    columnKeyTypeEnum: {
-      code: 1,
-      name: '单行文本',
-      dbTypeName: 'varchar',
-      ordinal: 0
-    },
-    isRequired: 0,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入公司简称',
-    searchType: 2,
-    searchTypeEnum: {
-      code: 2,
-      name: '模糊查询',
-      ordinal: 2
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '上级公司',
-    columnName: 'parent_company',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 48,
-    columnKeyTypeEnum: {
-      code: 48,
-      name: '引用字段',
-      dbTypeName: 'varchar',
-      ordinal: 30
-    },
-    isRequired: 0,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请选择上级公司',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: 'company_name',
-    joinTable: 'dynamic_tb_gslb',
-    joinTableInfo: {
-      id: '51153f5cbb133a2808',
-      mainTableId: '1018146856456294400',
-      joinAlias: 't128',
-      joinSerial: 13,
-      relationId: '',
-      joinTableId: '1018146856456294400',
-      tableComment: '公司列表',
-      joinNum: 1,
-      joinTitle: '公司列表-公司列表',
-      joinType: 0,
-      showColumns: 'company_name',
-      valueColumn: '',
-      showType: 1,
-      joinColumnList: [{
-        id: '1041753714337124352',
-        fkJoinId: '51153f5cbb133a2808',
-        conditionKey: 'is_deleted',
-        conditionValue: '0',
-        conditionValueLabel: '0',
-        groupSerial: 0,
-        relation: 'eq',
-        valueType: 1
-      }, {
-        id: '1054759508179554304',
-        fkJoinId: '51153f5cbb133a2808',
-        conditionKey: 'id',
-        conditionValue: 'parent_company',
-        groupSerial: 0,
-        relation: 'eq',
-        valueType: 0
-      }, {
-        id: '1055823800974839808',
-        fkJoinId: '51153f5cbb133a2808',
-        conditionKey: 'company_name',
-        conditionValue: 'parent_company',
-        groupSerial: 0,
-        relation: 'eq',
-        valueType: 0
-      }],
-      showColumnList: []
-    },
-    linkageTableColumn: 'id',
-    selectAction: '/dynamicFormTableRecord/listJoinRelation?relationId=51153f5cbb133a2808',
-    selectActionLabel: 'company_name',
-    selectActionLabelArr: ['company_name'],
-    selectActionType: 14,
-    selectActionTypeEnum: {
-      code: 14,
-      name: '关联关系',
-      action: '/dynamicFormTableRecord/listJoinRelation?relationId={relationId}',
-      label: 'id',
-      key: 'id',
-      ordinal: 7
-    },
-    selectActionValue: 'company_name'
-  }, {
-    columnComment: '公司类型',
-    columnName: 'company_type',
-    columnSize: 500,
-    columnType: 'varchar',
-    columnKeyType: 19,
-    columnKeyTypeEnum: {
-      code: 19,
-      name: '下拉框',
-      dbTypeName: 'varchar',
-      ordinal: 17
-    },
-    isRequired: 0,
-    defaultValue: '内部',
-    defaultValueTypeEnum: {
-      code: 1,
-      name: '自定义',
-      ordinal: 1
-    },
-    fieldValidation: '',
-    fieldValidationType: '',
-    fieldSuffix: '',
-    guideWords: '请选择公司类型',
-    searchType: 1,
-    searchTypeEnum: {
-      code: 1,
-      name: '精确查询',
-      ordinal: 1
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '/dynamicFormTable/listColumnOptionByColumnId/1018146866963025920',
-    selectActionLabel: 'optionName',
-    selectActionLabelArr: ['optionName'],
-    selectActionType: 1,
-    selectActionTypeEnum: {
-      code: 1,
-      name: '自定义',
-      action: '/dynamicFormTable/listColumnOptionByColumnId/{columnId}',
-      label: 'optionName',
-      key: 'optionValue',
-      ordinal: 1
-    },
-    selectActionValue: 'optionValue',
-    columnOptionList: [{
-      id: '1057621891046576128',
-      gmtCreate: '2024-11-23 08:52:54',
-      gmtModified: '2024-11-23 08:52:54',
-      fkColumnId: '1018146866963025920',
-      fkTableId: '1018146856456294400',
-      optionName: '内部',
-      optionValue: '内部',
-      isDefault: 1,
-      sortCode: 1,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }, {
-      id: '1057621891122073600',
-      gmtCreate: '2024-11-23 08:52:54',
-      gmtModified: '2024-11-23 08:52:54',
-      fkColumnId: '1018146866963025920',
-      fkTableId: '1018146856456294400',
-      optionName: '外部',
-      optionValue: '外部',
-      isDefault: 0,
-      sortCode: 2,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }]
-  }, {
-    columnComment: '成立日期',
-    columnName: 'establishment_date',
-    columnSize: 0,
-    columnType: 'date',
-    columnKeyType: 6,
-    columnKeyTypeEnum: {
-      code: 6,
-      name: '日期',
-      dbTypeName: 'date',
-      ordinal: 8
-    },
-    isRequired: 1,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请选择成立日期',
-    searchType: 1,
-    searchTypeEnum: {
-      code: 1,
-      name: '精确查询',
-      ordinal: 1
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '登记注册类型',
-    columnName: 'registration_type',
-    columnSize: 500,
-    columnType: 'varchar',
-    columnKeyType: 19,
-    columnKeyTypeEnum: {
-      code: 19,
-      name: '下拉框',
-      dbTypeName: 'varchar',
-      ordinal: 17
-    },
-    isRequired: 0,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请选择登记注册类型',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    linkageColumn: '',
-    linkageTableColumn: '',
-    selectAction: '/systemDictionary/listDictionaryByRootCode/registration_type',
-    selectActionLabel: 'itemName',
-    selectActionLabelArr: ['itemName'],
-    selectActionType: 2,
-    selectActionTypeEnum: {
-      code: 2,
-      name: '数据字典',
-      action: '/systemDictionary/listDictionaryByRootCode/{itemCode}',
-      label: 'itemName',
-      key: 'itemName',
-      ordinal: 2
-    },
-    selectActionValue: 'itemName'
-  }, {
-    columnComment: '公司人数',
-    columnName: 'people_number',
-    columnSize: 8,
-    columnType: 'int',
-    columnKeyType: 3,
-    columnKeyTypeEnum: {
-      code: 3,
-      name: '整数',
-      dbTypeName: 'int',
-      ordinal: 2
-    },
-    isRequired: 0,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '整数',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入公司人数',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '营业期限',
-    columnName: 'operating_period',
-    columnSize: 0,
-    columnType: 'date',
-    columnKeyType: 6,
-    columnKeyTypeEnum: {
-      code: 6,
-      name: '日期',
-      dbTypeName: 'date',
-      ordinal: 8
-    },
-    isRequired: 0,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入营业期限',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '牌照状态',
-    columnName: 'license_status',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 4,
-    columnKeyTypeEnum: {
-      code: 4,
-      name: '单选框',
-      dbTypeName: 'varchar',
-      ordinal: 12
-    },
-    isRequired: 0,
-    defaultValue: '启用',
-    defaultValueTypeEnum: {
-      code: 1,
-      name: '自定义',
-      ordinal: 1
-    },
-    fieldValidation: '',
-    fieldValidationType: '',
-    fieldSuffix: '',
-    guideWords: '请输入牌照状态',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '/dynamicFormTable/listColumnOptionByColumnId/1018148446923788288',
-    selectActionLabel: 'optionName',
-    selectActionLabelArr: ['optionName'],
-    selectActionType: 1,
-    selectActionTypeEnum: {
-      code: 1,
-      name: '自定义',
-      action: '/dynamicFormTable/listColumnOptionByColumnId/{columnId}',
-      label: 'optionName',
-      key: 'optionValue',
-      ordinal: 1
-    },
-    selectActionValue: 'optionValue',
-    columnOptionList: [{
-      id: '1057621900429234176',
-      gmtCreate: '2024-11-23 08:52:56',
-      gmtModified: '2024-11-23 08:52:56',
-      fkColumnId: '1018148446923788288',
-      fkTableId: '1018146856456294400',
-      optionName: '启用',
-      optionValue: '启用',
-      isDefault: 1,
-      sortCode: 1,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }, {
-      id: '1057621900504731648',
-      gmtCreate: '2024-11-23 08:52:56',
-      gmtModified: '2024-11-23 08:52:56',
-      fkColumnId: '1018148446923788288',
-      fkTableId: '1018146856456294400',
-      optionName: '禁用 ',
-      optionValue: '禁用 ',
-      isDefault: 0,
-      sortCode: 2,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }]
-  }, {
-    columnComment: '注册地址',
-    columnName: 'regist_address',
-    columnSize: 255,
-    columnType: 'varchar',
-    columnKeyType: 2,
-    columnKeyTypeEnum: {
-      code: 2,
-      name: '多行文本',
-      dbTypeName: 'text',
-      ordinal: 1
-    },
-    isRequired: 0,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    guideWords: '请输入注册地址',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    },
-    selectActionValue: ''
-  }, {
-    columnComment: '实际租赁地址',
-    columnName: 'lease_address',
-    columnSize: 255,
-    columnType: 'varchar',
-    columnKeyType: 2,
-    columnKeyTypeEnum: {
-      code: 2,
-      name: '多行文本',
-      dbTypeName: 'text',
-      ordinal: 1
-    },
-    isRequired: 0,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    guideWords: '请输入实际租赁地址',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '公司定位',
-    columnName: 'positioning',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 39,
-    columnKeyTypeEnum: {
-      code: 39,
-      name: '定位',
-      dbTypeName: 'varchar',
-      ordinal: 26
-    },
-    isRequired: 0,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入公司定位',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 0,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '工商执照',
-    columnName: 'commercial_license',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 4,
-    columnKeyTypeEnum: {
-      code: 4,
-      name: '单选框',
-      dbTypeName: 'varchar',
-      ordinal: 12
-    },
-    isRequired: 0,
-    defaultValue: '未办理',
-    defaultValueTypeEnum: {
-      code: 1,
-      name: '自定义',
-      ordinal: 1
-    },
-    fieldValidation: '',
-    fieldValidationType: '',
-    fieldSuffix: '',
-    guideWords: '请输入工商执照',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 0,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '/dynamicFormTable/listColumnOptionByColumnId/1018148447234166784',
-    selectActionLabel: 'optionName',
-    selectActionLabelArr: ['optionName'],
-    selectActionType: 1,
-    selectActionTypeEnum: {
-      code: 1,
-      name: '自定义',
-      action: '/dynamicFormTable/listColumnOptionByColumnId/{columnId}',
-      label: 'optionName',
-      key: 'optionValue',
-      ordinal: 1
-    },
-    selectActionValue: 'optionName',
-    columnOptionList: [{
-      id: '1057621907609882624',
-      gmtCreate: '2024-11-23 08:52:58',
-      gmtModified: '2024-11-23 08:52:58',
-      fkColumnId: '1018148447234166784',
-      fkTableId: '1018146856456294400',
-      optionName: '已办理',
-      optionValue: '已办理',
-      isDefault: 0,
-      sortCode: 1,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }, {
-      id: '1057621907685380096',
-      gmtCreate: '2024-11-23 08:52:58',
-      gmtModified: '2024-11-23 08:52:58',
-      fkColumnId: '1018148447234166784',
-      fkTableId: '1018146856456294400',
-      optionName: '未办理',
-      optionValue: '未办理',
-      isDefault: 1,
-      sortCode: 2,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }]
-  }, {
-    columnComment: '银行税务',
-    columnName: 'bank_tax',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 4,
-    columnKeyTypeEnum: {
-      code: 4,
-      name: '单选框',
-      dbTypeName: 'varchar',
-      ordinal: 12
-    },
-    isRequired: 0,
-    defaultValue: '未办理',
-    defaultValueTypeEnum: {
-      code: 1,
-      name: '自定义',
-      ordinal: 1
-    },
-    fieldValidation: '',
-    fieldValidationType: '',
-    fieldSuffix: '',
-    guideWords: '请输入银行税务',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 0,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '/dynamicFormTable/listColumnOptionByColumnId/1018148447301275648',
-    selectActionLabel: 'optionName',
-    selectActionLabelArr: ['optionName'],
-    selectActionType: 1,
-    selectActionTypeEnum: {
-      code: 1,
-      name: '自定义',
-      action: '/dynamicFormTable/listColumnOptionByColumnId/{columnId}',
-      label: 'optionName',
-      key: 'optionValue',
-      ordinal: 1
-    },
-    selectActionValue: 'optionName',
-    columnOptionList: [{
-      id: '1057621909824475136',
-      gmtCreate: '2024-11-23 08:52:59',
-      gmtModified: '2024-11-23 08:52:59',
-      fkColumnId: '1018148447301275648',
-      fkTableId: '1018146856456294400',
-      optionName: '已办理',
-      optionValue: '已办理',
-      isDefault: 0,
-      sortCode: 1,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }, {
-      id: '1057621909904166912',
-      gmtCreate: '2024-11-23 08:52:59',
-      gmtModified: '2024-11-23 08:52:59',
-      fkColumnId: '1018148447301275648',
-      fkTableId: '1018146856456294400',
-      optionName: '未办理',
-      optionValue: '未办理',
-      isDefault: 1,
-      sortCode: 2,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }]
-  }, {
-    columnComment: '公积金',
-    columnName: 'accumulation_fund',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 4,
-    columnKeyTypeEnum: {
-      code: 4,
-      name: '单选框',
-      dbTypeName: 'varchar',
-      ordinal: 12
-    },
-    isRequired: 0,
-    defaultValue: '未办理',
-    defaultValueTypeEnum: {
-      code: 1,
-      name: '自定义',
-      ordinal: 1
-    },
-    fieldValidation: '',
-    fieldValidationType: '',
-    fieldSuffix: '',
-    guideWords: '请输入公积金',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 0,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '/dynamicFormTable/listColumnOptionByColumnId/1018148447364190208',
-    selectActionLabel: 'optionName',
-    selectActionLabelArr: ['optionName'],
-    selectActionType: 1,
-    selectActionTypeEnum: {
-      code: 1,
-      name: '自定义',
-      action: '/dynamicFormTable/listColumnOptionByColumnId/{columnId}',
-      label: 'optionName',
-      key: 'optionValue',
-      ordinal: 1
-    },
-    selectActionValue: 'optionName',
-    columnOptionList: [{
-      id: '1057621912060039168',
-      gmtCreate: '2024-11-23 08:52:59',
-      gmtModified: '2024-11-23 08:52:59',
-      fkColumnId: '1018148447364190208',
-      fkTableId: '1018146856456294400',
-      optionName: '已办理',
-      optionValue: '已办理',
-      isDefault: 0,
-      sortCode: 1,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }, {
-      id: '1057621912135536640',
-      gmtCreate: '2024-11-23 08:52:59',
-      gmtModified: '2024-11-23 08:52:59',
-      fkColumnId: '1018148447364190208',
-      fkTableId: '1018146856456294400',
-      optionName: '未办理',
-      optionValue: '未办理',
-      isDefault: 1,
-      sortCode: 2,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }]
-  }, {
-    columnComment: '社保',
-    columnName: 'social_security',
-    columnSize: 200,
-    columnType: 'varchar',
-    columnKeyType: 4,
-    columnKeyTypeEnum: {
-      code: 4,
-      name: '单选框',
-      dbTypeName: 'varchar',
-      ordinal: 12
-    },
-    isRequired: 0,
-    defaultValue: '未办理',
-    defaultValueTypeEnum: {
-      code: 1,
-      name: '自定义',
-      ordinal: 1
-    },
-    fieldValidation: '',
-    fieldValidationType: '',
-    fieldSuffix: '',
-    guideWords: '请输入社保',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 0,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '/dynamicFormTable/listColumnOptionByColumnId/1018148447431299072',
-    selectActionLabel: 'optionName',
-    selectActionLabelArr: ['optionName'],
-    selectActionType: 1,
-    selectActionTypeEnum: {
-      code: 1,
-      name: '自定义',
-      action: '/dynamicFormTable/listColumnOptionByColumnId/{columnId}',
-      label: 'optionName',
-      key: 'optionValue',
-      ordinal: 1
-    },
-    selectActionValue: 'optionName',
-    columnOptionList: [{
-      id: '1057621914287214592',
-      gmtCreate: '2024-11-23 08:53:00',
-      gmtModified: '2024-11-23 08:53:00',
-      fkColumnId: '1018148447431299072',
-      fkTableId: '1018146856456294400',
-      optionName: '已办理',
-      optionValue: '已办理',
-      isDefault: 0,
-      sortCode: 1,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }, {
-      id: '1057621914366906368',
-      gmtCreate: '2024-11-23 08:53:00',
-      gmtModified: '2024-11-23 08:53:00',
-      fkColumnId: '1018148447431299072',
-      fkTableId: '1018146856456294400',
-      optionName: '未办理',
-      optionValue: '未办理',
-      isDefault: 1,
-      sortCode: 2,
-      linkageShowColumns: '',
-      linkageShowColumnsArr: []
-    }]
-  }, {
-    columnComment: '公积金缴纳账号',
-    columnName: 'accumulation_fund_account',
-    columnSize: 20,
-    columnType: 'int',
-    columnKeyType: 3,
-    columnKeyTypeEnum: {
-      code: 3,
-      name: '整数',
-      dbTypeName: 'int',
-      ordinal: 2
-    },
-    isRequired: 0,
-    defaultValue: '',
-    defaultValueTypeEnum: {
-      code: 0,
-      name: '无',
-      ordinal: 0
-    },
-    fieldValidation: '',
-    fieldValidationType: '整数',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入公积金缴纳账号',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
-    },
-    showAddType: 1,
-    showListType: 1,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectAction: '',
-    selectActionLabel: '',
-    selectActionLabelArr: [],
+import '@wangeditor/editor/dist/css/style.css'; // 引入 css
+import { Editor, Toolbar } from '@wangeditor/editor-for-react';
+import { DYNAMIC_COLUMN_DATA_TYPE_BUTTON, DYNAMIC_COLUMN_DATA_TYPE_AUTO, DYNAMIC_COLUMN_DATA_TYPE_TEXT, DYNAMIC_COLUMN_DATA_TYPE_TEXTAREA, DYNAMIC_COLUMN_DATA_TYPE_MOBILE, DYNAMIC_COLUMN_DATA_TYPE_INT, DYNAMIC_COLUMN_DATA_TYPE_EMAIL, DYNAMIC_COLUMN_DATA_TYPE_ID_CARD, DYNAMIC_COLUMN_DATA_TYPE_NUMBER, DYNAMIC_COLUMN_DATA_TYPE_LABEL, DYNAMIC_COLUMN_DATA_TYPE_RADIO, DYNAMIC_COLUMN_DATA_TYPE_CHECKBOX, DYNAMIC_COLUMN_DATA_TYPE_ATTACHMENTS, DYNAMIC_COLUMN_DATA_TYPE_DOC, DYNAMIC_COLUMN_DATA_TYPE_PICTURE, DYNAMIC_COLUMN_DATA_TYPE_VIDEO, DYNAMIC_COLUMN_DATA_TYPE_AUDIO, DYNAMIC_COLUMN_DATA_TYPE_EDITOR } from "../../entity/dynamic-column-data-type";
+import arrowRight from "../../assets/icon/form/right.png";
+var FormItem = _Form.Item;
+var Form = function Form(_ref) {
+  var dataList = _ref.dataList,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  dataList = [{
+    id: '1042530112370774016',
+    fkTableId: '1042530097875259392',
+    tableName: 'dynamic_tb_lpjs',
+    columnName: 'pic',
     selectActionType: 0,
     selectActionTypeEnum: {
       code: 0,
@@ -1371,152 +38,203 @@ var Form = function Form(_ref) {
       key: '',
       ordinal: 0
     },
-    selectActionValue: ''
-  }, {
-    columnComment: '社保缴纳账号',
-    columnName: 'social_security_account',
-    columnSize: 20,
-    columnType: 'int',
-    columnKeyType: 3,
+    selectAction: '',
+    selectActionValue: '',
+    selectActionLabel: '',
+    selectActionLabelArr: [],
+    columnKeyType: 31,
     columnKeyTypeEnum: {
-      code: 3,
-      name: '整数',
-      dbTypeName: 'int',
-      ordinal: 2
+      code: 31,
+      name: '富文本',
+      dbTypeName: 'longtext',
+      ordinal: 25
     },
-    isRequired: 0,
+    columnType: 'longtext',
+    columnSize: 0,
+    columnDecimal: 0,
     defaultValue: '',
+    defaultValueType: 0,
     defaultValueTypeEnum: {
       code: 0,
       name: '无',
       ordinal: 0
     },
-    fieldValidation: '',
-    fieldValidationType: '整数',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入社保缴纳账号',
-    searchType: 0,
-    searchTypeEnum: {
+    isRequired: 0,
+    isRequiredEnum: {
       code: 0,
-      name: '不显示',
+      name: '否',
       ordinal: 0
     },
+    columnComment: '图片',
+    linkageColumn: '',
+    linkageTable: '',
+    linkageTableColumn: '',
     showAddType: 1,
-    showListType: 1,
+    showAddTypeEnum: {
+      code: 1,
+      name: '是'
+    },
     showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    linkageTableColumn: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '公司附件',
-    columnName: 'attachments',
-    columnSize: 500,
-    columnType: 'varchar',
-    columnKeyType: 16,
-    columnKeyTypeEnum: {
-      code: 16,
-      name: '附件',
-      dbTypeName: 'varchar',
-      ordinal: 23
+    showUpdateTypeEnum: {
+      code: 1,
+      name: '是'
     },
-    isRequired: 0,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
+    showListType: 0,
+    showListTypeEnum: {
       code: 0,
-      name: '无',
-      ordinal: 0
+      name: '否'
+    },
+    showViewType: 1,
+    showViewTypeEnum: {
+      code: 1,
+      name: '是'
     },
-    fieldValidation: '',
-    fieldValidationType: '自定义',
-    fieldPrefix: '',
-    fieldSuffix: '',
-    guideWords: '请输入公司附件',
     searchType: 0,
     searchTypeEnum: {
       code: 0,
       name: '不显示',
       ordinal: 0
     },
-    showAddType: 1,
-    showListType: 0,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
-    joinTable: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
-  }, {
-    columnComment: '备注',
-    columnName: 'memo',
-    columnSize: 500,
-    columnType: 'varchar',
-    columnKeyType: 2,
-    columnKeyTypeEnum: {
-      code: 2,
-      name: '多行文本',
-      dbTypeName: 'text',
-      ordinal: 1
-    },
-    isRequired: 0,
-    defaultValue: '0',
-    defaultValueTypeEnum: {
+    updateType: 0,
+    updateTypeEnum: {
       code: 0,
-      name: '无',
-      ordinal: 0
+      name: '否'
     },
+    scoreCode: 4,
+    fieldWidth: 0,
+    listWidth: '0',
+    fieldSuffix: '',
+    fieldPrefix: '',
+    fieldDescription: '',
+    guideWords: '请输入退伍军人证',
     fieldValidation: '',
     fieldValidationType: '自定义',
-    guideWords: '请输入备注',
-    searchType: 0,
-    searchTypeEnum: {
-      code: 0,
-      name: '不显示',
-      ordinal: 0
+    inputFormat: 'jpg,jpeg,png,bmp,gif',
+    optionType: 1,
+    optionTypeEnum: {
+      code: 1,
+      name: '单选',
+      ordinal: 1
     },
-    showAddType: 1,
-    showListType: 0,
-    showUpdateType: 1,
-    showViewType: 1,
-    joinColumn: '',
+    fileMaxSize: 5,
+    fileMinSize: 0,
     joinTable: '',
-    selectActionType: 0,
-    selectActionTypeEnum: {
-      code: 0,
-      name: '无',
-      action: '',
-      label: '',
-      key: '',
-      ordinal: 0
-    }
+    joinColumn: '',
+    showCondition: '',
+    validationMax: '0',
+    validationMin: '0',
+    validationUnique: 0,
+    validationUniqueEnum: {
+      code: 0,
+      name: '否'
+    },
+    showStyle: '',
+    handler: '0',
+    propList: [{
+      id: '1048584180847480832',
+      propName: 'updateType',
+      propValue: '0'
+    }, {
+      id: '1048584180730040320',
+      propName: 'searchType',
+      propValue: '0'
+    }, {
+      id: '1048584180608405504',
+      propName: 'columnType',
+      propValue: 'longtext'
+    }, {
+      id: '1048584180495159296',
+      propName: 'defaultValueType',
+      propValue: '0'
+    }, {
+      id: '1048584180365135872',
+      propName: 'validationMax',
+      propValue: '0'
+    }, {
+      id: '1048584180235112448',
+      propName: 'validationMin',
+      propValue: '0'
+    }, {
+      id: '1048584180142837760',
+      propName: 'showViewType',
+      propValue: '1'
+    }, {
+      id: '1048584179996037120',
+      propName: 'showUpdateType',
+      propValue: '1'
+    }, {
+      id: '1048584179878596608',
+      propName: 'showAddType',
+      propValue: '1'
+    }, {
+      id: '1048584179740184576',
+      propName: 'showListType',
+      propValue: '0'
+    }, {
+      id: '1048584179622744064',
+      propName: 'handler',
+      propValue: '0'
+    }, {
+      id: '1050823809420103680',
+      propName: 'columnComment',
+      propValue: '图片'
+    }, {
+      id: '1050823809323634688',
+      propName: 'isRequired',
+      propValue: '0'
+    }, {
+      id: '1050823809222971392',
+      propName: 'scoreCode',
+      propValue: '4'
+    }]
   }];
   // 筛选字段(去除按钮类型和自动生成的类型)
   dataList = dataList ? dataList.filter(function (item) {
     return item.columnKeyType !== DYNAMIC_COLUMN_DATA_TYPE_BUTTON.code && item.columnKeyType !== DYNAMIC_COLUMN_DATA_TYPE_AUTO.code && item.columnComment !== '乐观锁' && item.columnComment !== '是否删除';
   }) : [];
   console.log('dataList', dataList);
+
+  // editor 实例
+  var _useState = useState(null),
+    editor = _useState[0],
+    setEditor = _useState[1]; // TS 语法
+  // const [editor, setEditor] = useState(null)                   // JS 语法
+
+  // 编辑器内容
+  var _useState2 = useState('<p>hello</p>'),
+    html = _useState2[0],
+    setHtml = _useState2[1];
+
+  // 模拟 ajax 请求，异步设置 html
+  useEffect(function () {
+    setTimeout(function () {
+      setHtml('<p>hello world</p>');
+    }, 1500);
+  }, []);
+
+  // 工具栏配置
+  var toolbarConfig = {}; // TS 语法
+  // const toolbarConfig = { }                        // JS 语法
+
+  // 编辑器配置
+  var editorConfig = {
+    // TS 语法
+    // const editorConfig = {                         // JS 语法
+    placeholder: '请输入内容...'
+  };
+
+  // 及时销毁 editor ，重要！
+  useEffect(function () {
+    return function () {
+      if (editor == null) return;
+      editor.destroy();
+      setEditor(null);
+    };
+  }, [editor]);
   var renderFormTypeContent = function renderFormTypeContent(data) {
     switch (data.columnKeyType) {
       // 输入框
       case DYNAMIC_COLUMN_DATA_TYPE_TEXT.code:
-      case DYNAMIC_COLUMN_DATA_TYPE_TEXTAREA.code:
       case DYNAMIC_COLUMN_DATA_TYPE_INT.code:
       case DYNAMIC_COLUMN_DATA_TYPE_MOBILE.code:
       case DYNAMIC_COLUMN_DATA_TYPE_NUMBER.code:
@@ -1539,13 +257,80 @@ var Form = function Form(_ref) {
           src: arrowRight,
           alt: ""
         }));
+      // 多行文本
+      case DYNAMIC_COLUMN_DATA_TYPE_TEXTAREA.code:
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React.createElement(_Input.TextArea, {
+          style: {
+            width: '100%'
+          },
+          hasClear: true,
+          placeholder: data.guideWords
+        }));
+      // 单选框
       case DYNAMIC_COLUMN_DATA_TYPE_RADIO.code:
-        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Radio.Group, null, data.columnOptionList ? data.columnOptionList.map(function (item) {
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Radio.Group, {
+          defaultValue: data.defaultValue
+        }, data.columnOptionList ? data.columnOptionList.map(function (item) {
           return /*#__PURE__*/React.createElement(_Radio, {
             id: item.optionName,
             value: item.optionValue
           }, item.optionName);
         }) : /*#__PURE__*/React.createElement("div", null)));
+      // 复选框
+      case DYNAMIC_COLUMN_DATA_TYPE_CHECKBOX.code:
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox.Group, {
+          defaultValue: data.defaultValue.split(',')[0]
+        }, data.columnOptionList ? data.columnOptionList.map(function (item) {
+          return /*#__PURE__*/React.createElement(_Checkbox, {
+            id: item.optionName,
+            value: item.optionValue
+          }, item.optionName);
+        }) : /*#__PURE__*/React.createElement("div", null)));
+      // 附件,图片，音频，视频，文档
+      case DYNAMIC_COLUMN_DATA_TYPE_ATTACHMENTS.code:
+      case DYNAMIC_COLUMN_DATA_TYPE_DOC.code:
+      case DYNAMIC_COLUMN_DATA_TYPE_PICTURE.code:
+      case DYNAMIC_COLUMN_DATA_TYPE_VIDEO.code:
+      case DYNAMIC_COLUMN_DATA_TYPE_AUDIO.code:
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React.createElement(_Upload.Card, {
+          listType: "card",
+          accept: "image/png, image/jpg, image/jpeg, image/gif, image/bmp"
+        }));
+      // 富文本
+      case DYNAMIC_COLUMN_DATA_TYPE_EDITOR.code:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          style: {
+            border: '1px solid #ccc',
+            zIndex: 100
+          }
+        }, /*#__PURE__*/React.createElement(Toolbar, {
+          editor: editor,
+          defaultConfig: toolbarConfig,
+          mode: "default",
+          style: {
+            borderBottom: '1px solid #ccc'
+          }
+        }), /*#__PURE__*/React.createElement(Editor, {
+          defaultConfig: editorConfig,
+          value: html,
+          onCreated: setEditor,
+          onChange: function onChange(editor) {
+            return setHtml(editor.getHtml());
+          },
+          mode: "default",
+          style: {
+            height: '500px',
+            overflowY: 'hidden'
+          }
+        })));
       default:
         return /*#__PURE__*/React.createElement("div", {
           style: {
@@ -1569,7 +354,7 @@ var Form = function Form(_ref) {
     className: "form__panel",
     isPreview: "false"
   }, _otherProps), dataList ? dataList.map(function (item, index) {
-    var labelAlign = item.columnKeyTypeEnum.name === '图片' || item.columnKeyTypeEnum.name === '多行文本' ? 'top' : 'left';
+    var labelAlign = item.columnKeyTypeEnum.name === '图片' || item.columnKeyTypeEnum.name === '多行文本' || item.columnKeyTypeEnum.name === '附件' || item.columnKeyTypeEnum.name === '富文本' ? 'top' : 'left';
     var isFlexStyle = labelAlign === 'top' ? {} : {
       display: 'flex'
     };
@@ -1579,14 +364,15 @@ var Form = function Form(_ref) {
       labelAlign: labelAlign,
       style: isFlexStyle
     }, /*#__PURE__*/React.cloneElement(renderFormTypeContent(item)));
-  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u8868\u5355\u9879"), /*#__PURE__*/React.createElement(FormItem, {
-    label: " ",
+  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u8868\u5355\u9879"), /*#__PURE__*/React.createElement("div", {
     style: {
-      width: '100%'
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'center'
     }
   }, /*#__PURE__*/React.createElement(_Form.Submit, {
     style: {
-      width: '100%'
+      width: '90%'
     },
     type: "primary",
     validate: true