wargerm 0.5.15 → 0.5.18

package/dist/index.esm.js

@@ -7138,1008 +7138,528 @@ var WForm = function WForm(props, ref) {
   }).sort(function (a, b) {
     return (b.order || 0) - (a.order || 0);
   });
-  var filterForm = useMemo(function () {
-    return filterFormColumns.map(function (c) {
-      if (disabledRuler && c.formItemProps) {
-        delete c.formItemProps.rules;
-      }
-
-      var colProps = {};
-
-      if (search && search.span) {
-        colProps.span = typeof search.span == 'number' ? (c.colSize || 1) * search.span : {
-          xs: 24,
-          sm: 24,
-          md: 12,
-          lg: 12,
-          xl: 8,
-          xxl: 6
-        };
-      }
-
-      if (c.valueType == 'select') {
-        var _extraProps = {};
-
-        if (c.request) {
-          _extraProps.request = c.request;
-        } else if (c.valueEnum) {
-          _extraProps.valueEnum = c.valueEnum;
-        }
-
-        var labelCol = {};
-
-        if (search && search.labelWidth) {
-          labelCol.style = {
-            width: search.labelWidth
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: labelCol
-        }), /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
-          placeholder: "\u8BF7\u9009\u62E9",
-          disabled: disabled,
-          onLoad: function onLoad(opt) {
-            // if (columnsFieldsRef.current) {
-            //   columnsFieldsRef.current[c.dataIndex] = opt;
-            // }
-            setColumnsFields(function (preColumnsFields) {
-              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
-            });
-
-            if (c.useFirstIteminitialValue) {
-              var _form$setFieldsValue, _opt$0$value, _opt$;
-
-              form === null || form === void 0 ? void 0 : (_form$setFieldsValue = form.setFieldsValue) === null || _form$setFieldsValue === void 0 ? void 0 : _form$setFieldsValue.call(form, _defineProperty({}, c.dataIndex, (_opt$0$value = opt === null || opt === void 0 ? void 0 : (_opt$ = opt[0]) === null || _opt$ === void 0 ? void 0 : _opt$.value) !== null && _opt$0$value !== void 0 ? _opt$0$value : ''));
-            }
-          }
-        }, c.fieldProps), _extraProps))));
-      } else if (c.valueType == 'cascader') {
-        var _extraProps2 = {};
-
-        if (c.request) {
-          _extraProps2.request = c.request;
-        }
-
-        var _labelCol = {};
-
-        if (search && search.labelWidth) {
-          _labelCol.style = {
-            width: search.labelWidth
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol
-        }), /*#__PURE__*/React.createElement(WCascader, _objectSpread2(_objectSpread2({
-          placeholder: "\u8BF7\u9009\u62E9",
-          disabled: disabled,
-          onLoad: function onLoad(opt) {
-            setColumnsFields(function (preColumnsFields) {
-              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
-            });
-          }
-        }, c.fieldProps), _extraProps2))));
-      } else if (c.valueType == 'upload') {
-        var _labelCol2 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol2.style = {
-            width: search.labelWidth
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol2
-        }), /*#__PURE__*/React.createElement(Upload, _objectSpread2({
-          getFileList: function getFileList(fileListUrls, fileList) {
-            setColumnsFields(function (preColumnsFields) {
-              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, {
-                fileListUrls: fileListUrls,
-                fileList: fileList
-              }));
-            });
-          },
-          disabled: disabled
-        }, c.fieldProps))));
-      } else if (c.valueType == 'treeSelect') {
-        var _extraProps3 = {};
-
-        if (c.request) {
-          _extraProps3.request = c.request;
-        }
-
-        var _labelCol3 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol3.style = {
-            width: search.labelWidth
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol3
-        }), /*#__PURE__*/React.createElement(Index$7, _objectSpread2(_objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u9009\u62E9",
-          onLoad: function onLoad(opt) {}
-        }, c.fieldProps), _extraProps3))));
-      } else if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear'].includes(c.valueType)) {
-        var _labelCol4 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol4.style = {
-            width: search.labelWidth
-          };
-        }
-
-        var showTime = {};
-        var picker = {};
-
-        if (c.valueType == 'dateTime') {
-          showTime = {
-            showTime: {
-              format: 'HH:mm'
-            }
-          };
-        }
-
-        if (c.valueType == 'dateMonth') {
-          picker = {
-            picker: 'month'
-          };
-        }
-
-        if (c.valueType == 'dateYear') {
-          picker = {
-            picker: 'year'
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol4
-        }), /*#__PURE__*/React.createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, picker), showTime), c.fieldProps))));
-      } else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
-        var _labelCol5 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol5.style = {
-            width: search.labelWidth
-          };
-        }
-
-        var _showTime = {};
-
-        if (c.valueType == 'dateTimeRange') {
-          _showTime = {
-            showTime: {
-              format: 'HH:mm'
-            }
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol5
-        }), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
-          disabled: disabled
-        }, _showTime), c.fieldProps))));
-      } else if (c.valueType === 'checkbox') {
-        var options = [];
-
-        if (c.valueEnum) {
-          for (var key in c.valueEnum) {
-            var text = c.valueEnum[key].text;
-            options.push({
-              label: text,
-              value: key
-            });
-          }
-        }
-
-        if (c.options) {
-          options = c.options;
-        } // if (columnsFieldsRef.current) {
-        //   columnsFieldsRef.current[c.dataIndex] = options;
-        // }
 
+  var renderItemForm = function renderItemForm(c) {
+    if (disabledRuler && c.formItemProps) {
+      delete c.formItemProps.rules;
+    }
 
-        setColumnsFields(function (preColumnsFields) {
-          return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
-        });
-        var _labelCol6 = {};
+    var colProps = {};
 
-        if (search && search.labelWidth) {
-          _labelCol6.style = {
-            width: search.labelWidth
-          };
-        }
+    if (search && search.span) {
+      colProps.span = typeof search.span == 'number' ? (c.colSize || 1) * search.span : {
+        xs: 24,
+        sm: 24,
+        md: 12,
+        lg: 12,
+        xl: 8,
+        xxl: 6
+      };
+    }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol6
-        }), /*#__PURE__*/React.createElement(Index$4.Group, _objectSpread2({
-          disabled: disabled,
-          options: options
-        }, c.fieldProps))));
-      } else if (c.valueType === 'radio' || c.valueType === 'radioButton') {
-        var _options = [];
-
-        if (c.options) {
-          _options = c.options;
-        }
-
-        if (c.valueEnum) {
-          for (var _key in c.valueEnum) {
-            var _text = c.valueEnum[_key].text;
-
-            _options.push({
-              label: _text,
-              value: _key
-            });
-          }
-        } // if (columnsFieldsRef.current) {
-        //   columnsFieldsRef.current[c.dataIndex] = options;
-        // }
+    if (c.valueType == 'select') {
+      var _extraProps = {};
 
+      if (c.request) {
+        _extraProps.request = c.request;
+      } else if (c.valueEnum) {
+        _extraProps.valueEnum = c.valueEnum;
+      }
 
-        setColumnsFields(function (preColumnsFields) {
-          return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options));
-        });
-        var _labelCol7 = {};
+      var labelCol = {};
 
-        if (search && search.labelWidth) {
-          _labelCol7.style = {
-            width: search.labelWidth
-          };
-        }
+      if (search && search.labelWidth) {
+        labelCol.style = {
+          width: search.labelWidth
+        };
+      }
 
-        var radioButtonProps = {};
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: labelCol
+      }), /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
+        placeholder: "\u8BF7\u9009\u62E9",
+        disabled: disabled,
+        onLoad: function onLoad(opt) {
+          // if (columnsFieldsRef.current) {
+          //   columnsFieldsRef.current[c.dataIndex] = opt;
+          // }
+          setColumnsFields(function (preColumnsFields) {
+            return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
+          });
 
-        if (c.valueType === 'radioButton') {
-          radioButtonProps = {
-            optionType: 'button',
-            buttonStyle: 'solid'
-          };
-        }
+          if (c.useFirstIteminitialValue) {
+            var _form$setFieldsValue, _opt$0$value, _opt$;
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol7
-        }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2(_objectSpread2({
-          disabled: disabled
-        }, radioButtonProps), {}, {
-          options: _options
-        }, c.fieldProps))));
-      } else if (c.valueType === 'switch') {
-        var _options2 = [];
-
-        if (c.valueEnum) {
-          for (var _key2 in c.valueEnum) {
-            var _text2 = c.valueEnum[_key2].text;
-
-            _options2.push({
-              label: _text2,
-              value: _key2
-            });
+            form === null || form === void 0 ? void 0 : (_form$setFieldsValue = form.setFieldsValue) === null || _form$setFieldsValue === void 0 ? void 0 : _form$setFieldsValue.call(form, _defineProperty({}, c.dataIndex, (_opt$0$value = opt === null || opt === void 0 ? void 0 : (_opt$ = opt[0]) === null || _opt$ === void 0 ? void 0 : _opt$.value) !== null && _opt$0$value !== void 0 ? _opt$0$value : ''));
           }
         }
+      }, c.fieldProps), _extraProps))));
+    } else if (c.valueType == 'cascader') {
+      var _extraProps2 = {};
 
-        var _labelCol8 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol8.style = {
-            width: search.labelWidth
-          };
-        } // if (columnsFieldsRef.current) {
-        //   columnsFieldsRef.current[c.dataIndex] = options;
-        // }
-
-
-        setColumnsFields(function (preColumnsFields) {
-          return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options2));
-        });
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue,
-          valuePropName: "checked"
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol8
-        }), /*#__PURE__*/React.createElement(WSwitch, _objectSpread2({
-          disabled: disabled
-        }, c.fieldProps))));
-      } else if (c.valueType === 'digit') {
-        var _labelCol9 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol9.style = {
-            width: search.labelWidth
-          };
-        }
+      if (c.request) {
+        _extraProps2.request = c.request;
+      }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol9
-        }), /*#__PURE__*/React.createElement(NumericInput, _objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
-        }, c.fieldProps))));
-      } else if (c.renderFormItem) {
-        var _labelCol10 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol10.style = {
-            width: search.labelWidth
-          };
-        }
+      var _labelCol = {};
 
-        var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
-          disabled: disabled,
-          formItemProps: c.formItemProps,
-          fieldProps: c.fieldProps,
-          columnsFields: columnsFields // columnsFieldsRef,
-
-        }), form);
-        return baseitem ? /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol10
-        }), baseitem)) : null;
-      } else if (c.valueType === 'textarea') {
-        var _labelCol11 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol11.style = {
-            width: search.labelWidth
-          };
-        }
+      if (search && search.labelWidth) {
+        _labelCol.style = {
+          width: search.labelWidth
+        };
+      }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol11
-        }), /*#__PURE__*/React.createElement(Index.TextArea, _objectSpread2({
-          rows: 4,
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, c.fieldProps))));
-      } else if (c.valueType === 'inputNumber') {
-        var _labelCol12 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol12.style = {
-            width: search.labelWidth
-          };
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol
+      }), /*#__PURE__*/React.createElement(WCascader, _objectSpread2(_objectSpread2({
+        placeholder: "\u8BF7\u9009\u62E9",
+        disabled: disabled,
+        onLoad: function onLoad(opt) {
+          setColumnsFields(function (preColumnsFields) {
+            return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
+          });
         }
+      }, c.fieldProps), _extraProps2))));
+    } else if (c.valueType == 'upload') {
+      var _labelCol2 = {};
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol12
-        }), /*#__PURE__*/React.createElement(WInputNumber, _objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, c.fieldProps))));
-      } else {
-        var _labelCol13 = {};
+      if (search && search.labelWidth) {
+        _labelCol2.style = {
+          width: search.labelWidth
+        };
+      }
 
-        if (search && search.labelWidth) {
-          _labelCol13.style = {
-            width: search.labelWidth
-          };
-        }
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol2
+      }), /*#__PURE__*/React.createElement(Upload, _objectSpread2({
+        getFileList: function getFileList(fileListUrls, fileList) {
+          setColumnsFields(function (preColumnsFields) {
+            return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, {
+              fileListUrls: fileListUrls,
+              fileList: fileList
+            }));
+          });
+        },
+        disabled: disabled
+      }, c.fieldProps))));
+    } else if (c.valueType == 'treeSelect') {
+      var _extraProps3 = {};
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol13
-        }), /*#__PURE__*/React.createElement(Index, _objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, c.fieldProps))));
-      }
-    });
-  }, [changedValues, columns, disabled, JSON.stringify(columnsFields), JSON.stringify(form.getFieldsValue()) // 依赖值改变，需要重新渲染
-  ]);
-  var filterExtraColumnsForm = useMemo(function () {
-    return filterExtraFormColumns.map(function (c) {
-      if (disabledRuler && c.formItemProps) {
-        delete c.formItemProps.rules;
+      if (c.request) {
+        _extraProps3.request = c.request;
       }
 
-      var colProps = {};
+      var _labelCol3 = {};
 
-      if (search && search.span) {
-        colProps.span = typeof search.span == 'number' ? (c.colSize || 1) * search.span : {
-          xs: 24,
-          sm: 24,
-          md: 12,
-          lg: 12,
-          xl: 8,
-          xxl: 6
+      if (search && search.labelWidth) {
+        _labelCol3.style = {
+          width: search.labelWidth
         };
       }
 
-      if (c.valueType == 'select') {
-        var _extraProps4 = {};
-
-        if (c.request) {
-          _extraProps4.request = c.request;
-        } else if (c.valueEnum) {
-          _extraProps4.valueEnum = c.valueEnum;
-        }
-
-        var labelCol = {};
-
-        if (search && search.labelWidth) {
-          labelCol.style = {
-            width: search.labelWidth
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: labelCol
-        }), /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
-          placeholder: "\u8BF7\u9009\u62E9",
-          disabled: disabled,
-          onLoad: function onLoad(opt) {
-            // if (columnsFieldsRef.current) {
-            //   columnsFieldsRef.current[c.dataIndex] = opt;
-            // }
-            setColumnsFields(function (preColumnsFields) {
-              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
-            });
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol3
+      }), /*#__PURE__*/React.createElement(Index$7, _objectSpread2(_objectSpread2({
+        disabled: disabled,
+        placeholder: "\u8BF7\u9009\u62E9",
+        onLoad: function onLoad(opt) {}
+      }, c.fieldProps), _extraProps3))));
+    } else if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear'].includes(c.valueType)) {
+      var _labelCol4 = {};
+
+      if (search && search.labelWidth) {
+        _labelCol4.style = {
+          width: search.labelWidth
+        };
+      }
 
-            if (c.useFirstIteminitialValue) {
-              var _form$setFieldsValue2, _opt$0$value2, _opt$2;
+      var showTime = {};
+      var picker = {};
 
-              form === null || form === void 0 ? void 0 : (_form$setFieldsValue2 = form.setFieldsValue) === null || _form$setFieldsValue2 === void 0 ? void 0 : _form$setFieldsValue2.call(form, _defineProperty({}, c.dataIndex, (_opt$0$value2 = opt === null || opt === void 0 ? void 0 : (_opt$2 = opt[0]) === null || _opt$2 === void 0 ? void 0 : _opt$2.value) !== null && _opt$0$value2 !== void 0 ? _opt$0$value2 : ''));
-            }
+      if (c.valueType == 'dateTime') {
+        showTime = {
+          showTime: {
+            format: 'HH:mm'
           }
-        }, c.fieldProps), _extraProps4))));
-      } else if (c.valueType == 'upload') {
-        var _labelCol14 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol14.style = {
-            width: search.labelWidth
-          };
-        }
+        };
+      }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol14
-        }), /*#__PURE__*/React.createElement(Upload, _objectSpread2({
-          getFileList: function getFileList(fileListUrls, fileList) {
-            setColumnsFields(function (preColumnsFields) {
-              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, {
-                fileListUrls: fileListUrls,
-                fileList: fileList
-              }));
-            });
-          },
-          disabled: disabled
-        }, c.fieldProps))));
-      } else if (c.valueType == 'cascader') {
-        var _extraProps5 = {};
+      if (c.valueType == 'dateMonth') {
+        picker = {
+          picker: 'month'
+        };
+      }
 
-        if (c.request) {
-          _extraProps5.request = c.request;
-        }
+      if (c.valueType == 'dateYear') {
+        picker = {
+          picker: 'year'
+        };
+      }
 
-        var _labelCol15 = {};
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol4
+      }), /*#__PURE__*/React.createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
+        disabled: disabled,
+        placeholder: "\u8BF7\u8F93\u5165"
+      }, picker), showTime), c.fieldProps))));
+    } else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
+      var _labelCol5 = {};
+
+      if (search && search.labelWidth) {
+        _labelCol5.style = {
+          width: search.labelWidth
+        };
+      }
 
-        if (search && search.labelWidth) {
-          _labelCol15.style = {
-            width: search.labelWidth
-          };
-        }
+      var _showTime = {};
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol15
-        }), /*#__PURE__*/React.createElement(WCascader, _objectSpread2(_objectSpread2({
-          placeholder: "\u8BF7\u9009\u62E9",
-          disabled: disabled,
-          onLoad: function onLoad(opt) {
-            setColumnsFields(function (preColumnsFields) {
-              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
-            });
+      if (c.valueType == 'dateTimeRange') {
+        _showTime = {
+          showTime: {
+            format: 'HH:mm'
           }
-        }, c.fieldProps), _extraProps5))));
-      } else if (c.valueType == 'treeSelect') {
-        var _extraProps6 = {};
-
-        if (c.request) {
-          _extraProps6.request = c.request;
-        }
-
-        var _labelCol16 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol16.style = {
-            width: search.labelWidth
-          };
-        }
+        };
+      }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol16
-        }), /*#__PURE__*/React.createElement(Index$7, _objectSpread2(_objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u9009\u62E9",
-          onLoad: function onLoad(opt) {}
-        }, c.fieldProps), _extraProps6))));
-      } else if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear'].includes(c.valueType)) {
-        var _labelCol17 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol17.style = {
-            width: search.labelWidth
-          };
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol5
+      }), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
+        disabled: disabled
+      }, _showTime), c.fieldProps))));
+    } else if (c.valueType === 'checkbox') {
+      var options = [];
+
+      if (c.valueEnum) {
+        for (var key in c.valueEnum) {
+          var text = c.valueEnum[key].text;
+          options.push({
+            label: text,
+            value: key
+          });
         }
+      }
 
-        var showTime = {};
-        var picker = {};
-
-        if (c.valueType == 'dateTime') {
-          showTime = {
-            showTime: {
-              format: 'HH:mm'
-            }
-          };
-        }
+      if (c.options) {
+        options = c.options;
+      } // if (columnsFieldsRef.current) {
+      //   columnsFieldsRef.current[c.dataIndex] = options;
+      // }
 
-        if (c.valueType == 'dateMonth') {
-          picker = {
-            picker: 'month'
-          };
-        }
 
-        if (c.valueType == 'dateYear') {
-          picker = {
-            picker: 'year'
-          };
-        }
+      setColumnsFields(function (preColumnsFields) {
+        return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
+      });
+      var _labelCol6 = {};
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol17
-        }), /*#__PURE__*/React.createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, picker), showTime), c.fieldProps))));
-      } else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
-        var _labelCol18 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol18.style = {
-            width: search.labelWidth
-          };
-        }
+      if (search && search.labelWidth) {
+        _labelCol6.style = {
+          width: search.labelWidth
+        };
+      }
 
-        var _showTime2 = {};
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol6
+      }), /*#__PURE__*/React.createElement(Index$4.Group, _objectSpread2({
+        disabled: disabled,
+        options: options
+      }, c.fieldProps))));
+    } else if (c.valueType === 'radio' || c.valueType === 'radioButton') {
+      var _options = [];
+
+      if (c.options) {
+        _options = c.options;
+      }
 
-        if (c.valueType == 'dateTimeRange') {
-          _showTime2 = {
-            showTime: {
-              format: 'HH:mm'
-            }
-          };
-        }
+      if (c.valueEnum) {
+        for (var _key in c.valueEnum) {
+          var _text = c.valueEnum[_key].text;
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol18
-        }), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
-          disabled: disabled
-        }, _showTime2), c.fieldProps))));
-      } else if (c.valueType === 'checkbox') {
-        var options = [];
-
-        if (c.valueEnum) {
-          for (var key in c.valueEnum) {
-            var text = c.valueEnum[key].text;
-            options.push({
-              label: text,
-              value: key
-            });
-          }
+          _options.push({
+            label: _text,
+            value: _key
+          });
         }
+      } // if (columnsFieldsRef.current) {
+      //   columnsFieldsRef.current[c.dataIndex] = options;
+      // }
 
-        if (c.options) {
-          options = c.options;
-        } // if (columnsFieldsRef.current) {
-        //   columnsFieldsRef.current[c.dataIndex] = options;
-        // }
-
-
-        setColumnsFields(function (preColumnsFields) {
-          return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
-        });
-        var _labelCol19 = {};
 
-        if (search && search.labelWidth) {
-          _labelCol19.style = {
-            width: search.labelWidth
-          };
-        }
+      setColumnsFields(function (preColumnsFields) {
+        return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options));
+      });
+      var _labelCol7 = {};
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol19
-        }), /*#__PURE__*/React.createElement(Index$4.Group, _objectSpread2({
-          disabled: disabled,
-          options: options
-        }, c.fieldProps))));
-      } else if (c.valueType === 'radio' || c.valueType === 'radioButton') {
-        var _options3 = [];
-
-        if (c.options) {
-          _options3 = c.options;
-        }
-
-        if (c.valueEnum) {
-          for (var _key3 in c.valueEnum) {
-            var _text3 = c.valueEnum[_key3].text;
-
-            _options3.push({
-              label: _text3,
-              value: _key3
-            });
-          }
-        } // if (columnsFieldsRef.current) {
-        //   columnsFieldsRef.current[c.dataIndex] = options;
-        // }
+      if (search && search.labelWidth) {
+        _labelCol7.style = {
+          width: search.labelWidth
+        };
+      }
 
+      var radioButtonProps = {};
 
-        setColumnsFields(function (preColumnsFields) {
-          return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options3));
-        });
-        var _labelCol20 = {};
+      if (c.valueType === 'radioButton') {
+        radioButtonProps = {
+          optionType: 'button',
+          buttonStyle: 'solid'
+        };
+      }
 
-        if (search && search.labelWidth) {
-          _labelCol20.style = {
-            width: search.labelWidth
-          };
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol7
+      }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2(_objectSpread2({
+        disabled: disabled
+      }, radioButtonProps), {}, {
+        options: _options
+      }, c.fieldProps))));
+    } else if (c.valueType === 'switch') {
+      var _options2 = [];
+
+      if (c.valueEnum) {
+        for (var _key2 in c.valueEnum) {
+          var _text2 = c.valueEnum[_key2].text;
+
+          _options2.push({
+            label: _text2,
+            value: _key2
+          });
         }
+      }
 
-        var radioButtonProps = {};
+      var _labelCol8 = {};
 
-        if (c.valueType === 'radioButton') {
-          radioButtonProps = {
-            optionType: 'button',
-            buttonStyle: 'solid'
-          };
-        }
+      if (search && search.labelWidth) {
+        _labelCol8.style = {
+          width: search.labelWidth
+        };
+      } // if (columnsFieldsRef.current) {
+      //   columnsFieldsRef.current[c.dataIndex] = options;
+      // }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol20
-        }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2(_objectSpread2({
-          disabled: disabled
-        }, radioButtonProps), {}, {
-          options: _options3
-        }, c.fieldProps))));
-      } else if (c.valueType === 'switch') {
-        var _options4 = [];
-
-        if (c.valueEnum) {
-          for (var _key4 in c.valueEnum) {
-            var _text4 = c.valueEnum[_key4].text;
-
-            _options4.push({
-              label: _text4,
-              value: _key4
-            });
-          }
-        }
 
-        var _labelCol21 = {};
+      setColumnsFields(function (preColumnsFields) {
+        return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options2));
+      });
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue,
+        valuePropName: "checked"
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol8
+      }), /*#__PURE__*/React.createElement(WSwitch, _objectSpread2({
+        disabled: disabled
+      }, c.fieldProps))));
+    } else if (c.valueType === 'digit') {
+      var _labelCol9 = {};
+
+      if (search && search.labelWidth) {
+        _labelCol9.style = {
+          width: search.labelWidth
+        };
+      }
 
-        if (search && search.labelWidth) {
-          _labelCol21.style = {
-            width: search.labelWidth
-          };
-        } // if (columnsFieldsRef.current) {
-        //   columnsFieldsRef.current[c.dataIndex] = options;
-        // }
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol9
+      }), /*#__PURE__*/React.createElement(NumericInput, _objectSpread2({
+        disabled: disabled,
+        placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
+      }, c.fieldProps))));
+    } else if (c.renderFormItem) {
+      var _labelCol10 = {};
+
+      if (search && search.labelWidth) {
+        _labelCol10.style = {
+          width: search.labelWidth
+        };
+      }
 
+      var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
+        disabled: disabled,
+        formItemProps: c.formItemProps,
+        fieldProps: c.fieldProps,
+        columnsFields: columnsFields // columnsFieldsRef,
+
+      }), form);
+      return baseitem ? /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol10
+      }), baseitem)) : null;
+    } else if (c.valueType === 'textarea') {
+      var _labelCol11 = {};
+
+      if (search && search.labelWidth) {
+        _labelCol11.style = {
+          width: search.labelWidth
+        };
+      }
 
-        setColumnsFields(function (preColumnsFields) {
-          return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options4));
-        });
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue,
-          valuePropName: "checked"
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol21
-        }), /*#__PURE__*/React.createElement(WSwitch, _objectSpread2({
-          disabled: disabled
-        }, c.fieldProps))));
-      } else if (c.valueType === 'digit') {
-        var _labelCol22 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol22.style = {
-            width: search.labelWidth
-          };
-        }
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol11
+      }), /*#__PURE__*/React.createElement(Index.TextArea, _objectSpread2({
+        rows: 4,
+        disabled: disabled,
+        placeholder: "\u8BF7\u8F93\u5165"
+      }, c.fieldProps))));
+    } else if (c.valueType === 'inputNumber') {
+      var _labelCol12 = {};
+
+      if (search && search.labelWidth) {
+        _labelCol12.style = {
+          width: search.labelWidth
+        };
+      }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol22
-        }), /*#__PURE__*/React.createElement(NumericInput, _objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
-        }, c.fieldProps))));
-      } else if (c.renderFormItem) {
-        var _labelCol23 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol23.style = {
-            width: search.labelWidth
-          };
-        }
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol12
+      }), /*#__PURE__*/React.createElement(WInputNumber, _objectSpread2({
+        disabled: disabled,
+        placeholder: "\u8BF7\u8F93\u5165"
+      }, c.fieldProps))));
+    } else {
+      var _labelCol13 = {};
 
-        var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
-          disabled: disabled,
-          formItemProps: c.formItemProps,
-          fieldProps: c.fieldProps,
-          columnsFields: columnsFields // columnsFieldsRef,
-
-        }), form);
-        return baseitem ? /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol23
-        }), baseitem)) : null;
-      } else if (c.valueType === 'textarea') {
-        var _labelCol24 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol24.style = {
-            width: search.labelWidth
-          };
-        }
+      if (search && search.labelWidth) {
+        _labelCol13.style = {
+          width: search.labelWidth
+        };
+      }
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol24
-        }), /*#__PURE__*/React.createElement(Index.TextArea, _objectSpread2({
-          rows: 4,
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, c.fieldProps))));
-      } else if (c.valueType === 'inputNumber') {
-        var _labelCol25 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol25.style = {
-            width: search.labelWidth
-          };
-        }
+      return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+        className: "pl12 pr12"
+      }, colProps), {}, {
+        key: c.dataIndex
+      }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+        initialValue: c.initialValue
+      }, c.formItemProps), {}, {
+        name: c.dataIndex,
+        label: c.title,
+        labelCol: _labelCol13
+      }), /*#__PURE__*/React.createElement(Index, _objectSpread2({
+        disabled: disabled,
+        placeholder: "\u8BF7\u8F93\u5165"
+      }, c.fieldProps))));
+    }
+  };
 
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol25
-        }), /*#__PURE__*/React.createElement(WInputNumber, _objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, c.fieldProps))));
+  var filterForm = useMemo(function () {
+    return filterFormColumns.map(function (c) {
+      if (c.type == 'group') {
+        return c.groupNode(c.children.map(function (c) {
+          return renderItemForm(c);
+        }));
       } else {
-        var _labelCol26 = {};
-
-        if (search && search.labelWidth) {
-          _labelCol26.style = {
-            width: search.labelWidth
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
-          className: "pl12 pr12"
-        }, colProps), {}, {
-          key: c.dataIndex
-        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
-          initialValue: c.initialValue
-        }, c.formItemProps), {}, {
-          name: c.dataIndex,
-          label: c.title,
-          labelCol: _labelCol26
-        }), /*#__PURE__*/React.createElement(Index, _objectSpread2({
-          disabled: disabled,
-          placeholder: "\u8BF7\u8F93\u5165"
-        }, c.fieldProps))));
+        return renderItemForm(c);
+      }
+    });
+  }, [changedValues, columns, disabled, JSON.stringify(columnsFields), JSON.stringify(form.getFieldsValue()) // 依赖值改变，需要重新渲染
+  ]);
+  var filterExtraColumnsForm = useMemo(function () {
+    return filterExtraFormColumns.map(function (c) {
+      if (c.type == 'group') {
+        return c.groupNode(c.children.map(function (c) {
+          return renderItemForm(c);
+        }));
+      } else {
+        return renderItemForm(c);
       }
     });
   }, [changedValues, extraColumns, disabled, JSON.stringify(columnsFields), JSON.stringify(form.getFieldsValue())]);
@@ -8271,7 +7791,7 @@ var WForm = function WForm(props, ref) {
   };
 
   var setFieldsValue = function setFieldsValue(record) {
-    var _form$setFieldsValue4;
+    var _form$setFieldsValue2;
 
     var setFieldsValues = _objectSpread2({}, record);
 
@@ -8287,7 +7807,7 @@ var WForm = function WForm(props, ref) {
         return false;
       }
     });
-    form === null || form === void 0 ? void 0 : (_form$setFieldsValue4 = form.setFieldsValue) === null || _form$setFieldsValue4 === void 0 ? void 0 : _form$setFieldsValue4.call(form, setFieldsValues);
+    form === null || form === void 0 ? void 0 : (_form$setFieldsValue2 = form.setFieldsValue) === null || _form$setFieldsValue2 === void 0 ? void 0 : _form$setFieldsValue2.call(form, setFieldsValues);
   };
 
   useImperativeHandle(ref, function () {
@@ -10909,6 +10429,11 @@ var ModalForm = function ModalForm(props, ref) {
       confirmLoading = _useState2[0],
       setConfirmLoading = _useState2[1];
 
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      formIntance = _useState4[0],
+      setFormIntance = _useState4[1];
+
   var handleSubmit = function handleSubmit() {
     var _formRef$current;
 
@@ -11004,13 +10529,17 @@ var ModalForm = function ModalForm(props, ref) {
     };
   }();
 
+  var setForm = function setForm(form) {
+    setFormIntance(form);
+  };
+
   useEffect(function () {
-    if (visible) {
+    if (formIntance) {
       resetFields();
       setFieldsValue(record);
       modalFormOpend && modalFormOpend(record);
     }
-  }, [visible, record]);
+  }, [visible, record, formIntance]);
   return /*#__PURE__*/React.createElement(_Modal, _objectSpread2(_objectSpread2({
     title: title,
     visible: visible
@@ -11024,6 +10553,7 @@ var ModalForm = function ModalForm(props, ref) {
     ref: formRef,
     disabled: disabled,
     onSubmit: onSubmit,
+    setForm: setForm,
     onFormChange: onFormChange,
     disabledHideInSearch: true,
     search: search,
@@ -11465,7 +10995,21 @@ var TabelCard = function TabelCard(props, ref) {
     search: modalFormSearch
   }, modalConfig), {}, {
     onFormChange: onFormChange,
-    extraColumns: extraColumns || [],
+    extraColumns: (extraColumns || []).filter(function (item) {
+      if (item.hiddenInModalForm) {
+        return false;
+      }
+
+      if (item.onlyShowInView) {
+        if (modalFormConfig.type === '查看') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+
+      return true;
+    }),
     columns: (modalFormColumn || []).filter(function (item) {
       if (item.hiddenInModalForm) {
         return false;
@@ -11498,7 +11042,13 @@ var TabelCard = function TabelCard(props, ref) {
     }),
     onSubmit: onSubmit,
     onReset: onReset,
-    columns: formSearchColumn
+    columns: formSearchColumn.reduce(function (pre, column) {
+      if (column.type == 'group') {
+        return [].concat(_toConsumableArray(pre), _toConsumableArray(column.children));
+      } else {
+        return [].concat(_toConsumableArray(pre), [column]);
+      }
+    }, [])
   }), /*#__PURE__*/React.createElement(ProTable, _objectSpread2(_objectSpread2({
     actionRef: actionRef,
     rowKey: "id",
@@ -11533,7 +11083,13 @@ var TabelCard = function TabelCard(props, ref) {
       return request;
     }()
   } : {}), {}, {
-    columns: tableAction && (tableAction === null || tableAction === void 0 ? void 0 : tableAction.length) > 0 ? [].concat(_toConsumableArray(columns || []), [_objectSpread2({
+    columns: tableAction && (tableAction === null || tableAction === void 0 ? void 0 : tableAction.length) > 0 ? [].concat(_toConsumableArray((columns || []).reduce(function (pre, column) {
+      if (column.type == 'group') {
+        return [].concat(_toConsumableArray(pre), _toConsumableArray(column.children));
+      } else {
+        return [].concat(_toConsumableArray(pre), [column]);
+      }
+    }, [])), [_objectSpread2({
       title: '操作',
       dataIndex: 'option',
       valueType: 'option',