fan-standard-comp 3.2.0 → 3.2.2

package/es/StandardFilter/indexClass.js

@@ -0,0 +1,217 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import React from 'react';
+import UtilValueFormat from '../utils/ValueFormat.js';
+import ButtonGroup from '../ButtonGroup/index';
+// import { general } from '../data/index';
+import './style/index.less';
+import RenderItemGroup from '../FormComp/RenderItemGroup';
+var FormItem = _Form.Item;
+var StandardFilter = /*#__PURE__*/function (_React$Component) {
+  function StandardFilter(props) {
+    var _this;
+    _classCallCheck(this, StandardFilter);
+    _this = _callSuper(this, StandardFilter, [props]);
+    _this.filterFormRef = /*#__PURE__*/React.createRef();
+    // 更新表单控件值，用于外部获取当前表单实例(force是否强制清空表单)
+    _this.updateFormFields = function (newVal, force) {
+      var getFormFields = _this.props.getFormFields;
+      var resetValues = {};
+      if (force) {
+        // this.filterFormRef.current.resetFields()
+        // 先清空 再赋值
+        resetValues = _this.filterFormRef.current.getFieldsValue();
+        Object.keys(resetValues).forEach(function (item) {
+          resetValues[item] = undefined;
+        });
+      }
+      _this.filterFormRef.current.setFieldsValue(Object.assign(Object.assign({}, resetValues), newVal)); // 直接清空表单的赋值
+      if (getFormFields) getFormFields(_this.filterFormRef.current.getFieldsValue(), _this.filterFormRef);
+    }; // 强制更新表单值，用于赋初始化实例值
+    _this.forceUpdateForm = function () {
+      var getFormFields = _this.props.getFormFields;
+      if (getFormFields) getFormFields(_this.filterFormRef.current.getFieldsValue(), _this.filterFormRef);
+    };
+    _this.handleSearch = function (values) {
+      var _this$props = _this.props,
+        formItemGroup = _this$props.formItemGroup,
+        onFilterSearch = _this$props.onFilterSearch;
+      // if (Object.prototype.hasOwnProperty.call(values, false)) {
+      //   delete values.false // TODO 自定义结构会莫名的出来一个false字段
+      // }
+      var resultValues = UtilValueFormat(values, formItemGroup);
+      if (onFilterSearch) {
+        onFilterSearch(Object.assign({}, resultValues));
+      }
+    };
+    _this.handleReset = function () {
+      var onFilterReset = _this.props.onFilterReset;
+      // 使用此方法，表单校验无法清空掉
+      // const resetValues = this.filterFormRef.current.getFieldsValue()
+      // Object.keys(resetValues).forEach((item) => {
+      //   resetValues[item] = undefined
+      // })
+      // this.filterFormRef.current.setFieldsValue({ ...resetValues }) // 直接清空表单的赋值
+      _this.filterFormRef.current.resetFields();
+      _this.setState({
+        reFormItemGroup: _this.props.formItemGroup // 重新渲染列表
+      });
+      if (onFilterReset) {
+        onFilterReset(_this.filterFormRef.current.getFieldsValue());
+      }
+    };
+    _this.itemIsHide = function (isHide) {
+      var current = _this.filterFormRef.current;
+      if (!isHide) return false;
+      if (typeof isHide === 'function') {
+        return isHide(current ? current.getFieldsValue() : {}, current);
+      }
+      return isHide;
+    };
+    // 表单列表组 formItemGroup 类型为数组或者React.Node
+    _this.renderFormItemGroup = function () {
+      var reFormItemGroup = _this.state.reFormItemGroup;
+      if (Array.isArray(reFormItemGroup)) {
+        return /*#__PURE__*/React.createElement(RenderItemGroup, {
+          itemGroup: reFormItemGroup,
+          layout: "inline",
+          form: _this.filterFormRef,
+          doUpdateFormFields: function doUpdateFormFields() {
+            return _this.forceUpdateForm();
+          }
+        });
+        /* return <>
+           {
+             reFormItemGroup.map((item, index) => {
+               const { componentStyle, isHide } = item
+               if (this.itemIsHide(isHide)) return null
+               return (
+                 <FormItem key={item.filedName} label={item.label}
+                           name={item.type !== 'custom' && item.filedName}
+                           rules={item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])}
+                           {...item.protoFormItem}>
+                   {
+                     (item.type === 'custom' && item.customRender) ? item.customRender(this.filterFormRef, { ...item }) :
+                       <FieldComponent {...item}
+                                       onChange={(val, ...otherParams) => {
+                                         let updateValue = val
+                                         if (item.type === 'input' || item.type === 'textarea' || item.type === 'radio') {
+                                           updateValue = val.target.value
+                                         }
+                                         if (Array.isArray(val)) {
+                                           updateValue = [...val]
+                                         }
+                                         this.updateFormFields({ [item.filedName]: updateValue })
+                                         if (item.onChange) item.onChange(val, this.filterFormRef, ...otherParams)
+                                       }}
+                                       style={{ width: item.type === 'checkbox' || item.type === 'radio' ? 'auto' : general.formItemStyle.xsm.width, ...componentStyle }}/>
+                   }
+                 </FormItem>
+               )
+             })
+           }
+         </>*/
+      }
+      return reFormItemGroup;
+    };
+    _this.state = {
+      // recombinationGroup: [],
+      reFormItemGroup: undefined
+    };
+    return _this;
+  }
+  _inherits(StandardFilter, _React$Component);
+  return _createClass(StandardFilter, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var initialValues = this.props.initialValues;
+      this.updateFormFields(initialValues, true);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var initialValues = this.props.initialValues;
+      if (prevProps.initialValues !== initialValues) {
+        this.updateFormFields(initialValues, true);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        className = _this$props2.className,
+        style = _this$props2.style,
+        onFilterReset = _this$props2.onFilterReset,
+        _this$props2$buttonGr = _this$props2.buttonGroup,
+        buttonGroup = _this$props2$buttonGr === void 0 ? [] : _this$props2$buttonGr,
+        min = _this$props2.min,
+        codes = _this$props2.codes,
+        permissionCodes = _this$props2.permissionCodes,
+        confirmText = _this$props2.confirmText,
+        cancelText = _this$props2.cancelText,
+        onFilterSearch = _this$props2.onFilterSearch,
+        buttonGroupConfig = _this$props2.buttonGroupConfig;
+      // const { recombinationGroup } = this.state;
+      return /*#__PURE__*/React.createElement(_Form, {
+        name: "standard-filter-form",
+        ref: this.filterFormRef,
+        layout: "inline",
+        onFinish: this.handleSearch,
+        className: className,
+        style: style
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "filter-grid"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "filter-form"
+      }, this.state.reFormItemGroup ? /*#__PURE__*/React.createElement(React.Fragment, null, this.renderFormItemGroup(), /*#__PURE__*/React.createElement(FormItem, {
+        style: {
+          display: !onFilterSearch && !onFilterReset ? 'none' : 'inline-block'
+        }
+      }, onFilterSearch && /*#__PURE__*/React.createElement(_Button, {
+        type: "primary",
+        htmlType: "submit"
+      }, "  ", confirmText || '查询'), onFilterReset && /*#__PURE__*/React.createElement(_Button, {
+        type: "primary",
+        style: {
+          marginLeft: 8
+        },
+        onClick: this.handleReset,
+        ghost: true
+      }, cancelText || '重置'))) : null), buttonGroup && buttonGroup.length > 0 ? /*#__PURE__*/React.createElement("div", {
+        className: "filter-btns"
+      }, /*#__PURE__*/React.createElement(ButtonGroup, {
+        options: buttonGroup,
+        min: min,
+        codes: codes,
+        permissionCodes: permissionCodes,
+        dropdownConfig: buttonGroupConfig
+      })) : null));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps) {
+      var formItemGroup = nextProps.formItemGroup;
+      // const restOptionList = removeNoPermission(buttonGroup, permissionCodes, codes) || []
+      return {
+        // recombinationGroup: restOptionList,
+        reFormItemGroup: formItemGroup
+      };
+    }
+  }]);
+}(React.Component);
+export default StandardFilter;

package/es/StandardFilter/style/index.less

@@ -4,40 +4,109 @@
 .filter-grid {
   display: flex;
   width: 100%;
+  flex-wrap: wrap;
+
+  &.filter-grid-horizontal {
+    .filter-form {
+      width: 100%;
+
+      & > .ant-row {
+        width: 100%;
+      }
+
+      // 标签域自动换行
+      //.ant-form-item-label > label {
+      //  white-space: pre-wrap;
+      //  height: auto;
+      //  min-height: @input-height-base;
+      //}
+
+      // 标签域自动换行
+      //.ant-form-item-control,
+      //.ant-form-item-label {
+      //  line-height: 16px;
+      //}
+    }
+
+    .filter-btns {
+      width: 100%;
+      text-align: left;
+
+      .spec-button-group {
+        padding-left: 0;
+        padding-top: @padding-md;
+
+        .ant-btn:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+
+  }
+
+
   .filter-form {
     flex: 1;
     font-size: 0;
     display: flex;
     flex-wrap: wrap;
+
+    &.filter-form-vertical {
+      display: block;
+
+      .ant-form-item {
+        margin-right: 0;
+      }
+    }
+
+    &.filter-form-horizontal {
+      .ant-form-item {
+        margin-right: 0;
+      }
+    }
     .ant-form-item {
       margin-right: @padding-md; // 16px
       margin-bottom: @padding-md;
-      .ant-form-item{
+
+      .ant-form-item {
         margin-bottom: 0;
       }
     }
-    .ant-form-item-control{
+
+    .ant-form-item-control {
       .ant-form-item-control-input {
-        min-width: 180px;
+        //min-width: 180px;
       }
     }
+
     .ant-form-item-control,
     .ant-form-item-label {
-      line-height: 32px;
+      line-height: @input-height-base;
+    }
+  }
+
+  &.filter-grid-inline {
+    .filter-form +.filter-btns {
+      .spec-button-group {
+        padding-left: 80px;
+      }
     }
   }
   .filter-btns {
     //max-width: 340px;
     text-align: right;
-    .spec-button-group {
-      padding-left: 80px;
-    }
+
     .ant-btn {
       margin-bottom: @padding-md;
       margin-left: @padding-sm;
+      &:first-child {
+        margin-left: 0;
+      }
     }
+
   }
-  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
+
+  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
     line-height: @height-base - 2;
   }
 
@@ -46,12 +115,15 @@
 .toolbarBtn {
   min-height: @btn-height-base;
   margin-bottom: @padding-md;
+
   .ant-btn {
     margin-right: @padding-md;
   }
 }
+
 .toolbar {
   margin-bottom: @padding-md;
+
   .toolbar-tForm {
     //min-height: @btn-height-base;
     //display: flex;
@@ -59,6 +131,7 @@
     //align-items: center;
   }
 }
-.searchForm{
+
+.searchForm {
   margin-bottom: @padding-md;
 }

package/es/StandardForm/StepForm.d.ts

@@ -15,5 +15,5 @@ export interface StepFormProp extends StandardFormProps {
     stepClick?: (type?: string, formChild?: any, values?: any) => void;
     formItemGroup?: StepItemGroupProps[];
 }
-declare const StepForm: React.ForwardRefExoticComponent<Pick<StepFormProp, string | number> & React.RefAttributes<unknown>>;
+declare const StepForm: React.ForwardRefExoticComponent<Omit<StepFormProp, "ref"> & React.RefAttributes<unknown>>;
 export default StepForm;

package/es/StandardForm/StepForm.js

@@ -1,21 +1,22 @@
 import "antd/es/col/style";
 import _Col from "antd/es/col";
-import "antd/es/steps/style";
-import _Steps from "antd/es/steps";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+import "antd/es/steps/style";
+import _Steps from "antd/es/steps";
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { __rest } from "tslib";
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useEffect, useState, useMemo } from 'react';
 import StandardForm from './index';
 import RenderItemGroup from '../FormComp/RenderItemGroup';
 import ActionList from "./ActionList";
 import './style/index.less';
+// import { BreadcrumbProps as AntdBreadcrumbProps } from 'antd/es/form';
+var Step = _Steps.Step;
 var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getFormFields = props.getFormFields,
     _props$formItemGroup = props.formItemGroup,
@@ -47,7 +48,8 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState5 = useState(0),
     _useState6 = _slicedToArray(_useState5, 2),
     currentStep = _useState6[0],
-    setCurrentStep = _useState6[1]; // const [fieldFailed, setFieldFailed] = useState(false)
+    setCurrentStep = _useState6[1];
+  // const [fieldFailed, setFieldFailed] = useState(false)
   useEffect(function () {
     if (stepsConfig && (stepsConfig.current || stepsConfig.current === 0)) {
       setCurrentStep(stepsConfig.current); // 判断是否有设置当前选中的步骤数
@@ -87,7 +89,6 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
           var errorFields = _ref.errorFields;
         } // console.log('表单校验不通过 ', errorFields.map(err => err))
         );
-
         break;
       case 'prev':
         if (stepClick) stepClick(type, formChild);
@@ -101,15 +102,6 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
         break;
     }
   };
-  var stepItems = useMemo(function () {
-    return (formItemGroup || []).filter(function (fItem) {
-      return !fItem.hideStep;
-    }).map(function (item, index) {
-      var hideStep = item.hideStep,
-        StepItem = __rest(item, ["hideStep"]);
-      return Object.assign({}, StepItem);
-    });
-  }, [formItemGroup]);
   /*  const handleStepChange = (cur:any) => {
       // 自行判断是否校验通过
       /!*    if (cur > current) {
@@ -212,9 +204,23 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFinishFailed: function onFinishFailed() {
       // setFieldFailed(true)
     }
-  }, /*#__PURE__*/React.createElement(_Steps, Object.assign({}, stepsConfig, {
-    items: stepItems
-  })), (formItemGroup || []).map(function (item, index) {
+  }, /*#__PURE__*/React.createElement(_Steps, Object.assign({}, stepsConfig), formItemGroup.filter(function (fItem) {
+    return !fItem.hideStep;
+  }).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Step, {
+      key: "".concat(item.title).concat(index),
+      description: item.description,
+      icon: item.icon,
+      status: item.status,
+      title: item.title,
+      subTitle: item.subTitle,
+      disabled: item.disabled
+    });
+  })),
+  // 过滤隐藏掉的步骤表单
+  formItemGroup.filter(function (fItem) {
+    return !fItem.hideStep;
+  }).map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "stepForm-content ".concat(layout === 'inline' ? 'stepForm-content-inline' : ''),

package/es/StandardForm/TabForm.d.ts

@@ -15,5 +15,5 @@ export interface TabFormProp extends StandardFormProps {
     actionHide?: boolean;
     formItemGroup?: TabItemGroupProps[];
 }
-declare const TabForm: React.ForwardRefExoticComponent<Pick<TabFormProp, string | number> & React.RefAttributes<unknown>>;
+declare const TabForm: React.ForwardRefExoticComponent<Omit<TabFormProp, "ref"> & React.RefAttributes<unknown>>;
 export default TabForm;

package/es/StandardForm/TabForm.js

@@ -1,19 +1,20 @@
-import "antd/es/tabs/style";
-import _Tabs from "antd/es/tabs";
 import "antd/es/col/style";
 import _Col from "antd/es/col";
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+import "antd/es/tabs/style";
+import _Tabs from "antd/es/tabs";
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { __rest } from "tslib";
 import React, { useEffect, useState, useMemo } from 'react';
 import './style/index.less';
 import StandardForm from './index';
 import RenderItemGroup from '../FormComp/RenderItemGroup';
 import ActionList from "./ActionList";
+var TabPane = _Tabs.TabPane;
 var TabForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getFormFields = props.getFormFields,
     _props$formItemGroup = props.formItemGroup,
@@ -37,7 +38,8 @@ var TabForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     formChild = _useState4[0],
-    setFormChild = _useState4[1]; // const [fieldFailed, setFieldFailed] = useState(false)
+    setFormChild = _useState4[1];
+  // const [fieldFailed, setFieldFailed] = useState(false)
   var formGridSize = useMemo(function () {
     if (typeof grid === 'string') return grid; // 数据格式为字符串，包括 xs,md,lg,xlg
     var sizeName = 'xs';
@@ -55,39 +57,6 @@ var TabForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     getFormFields && getFormFields(formChildFields, formChild);
   };
   if (formItemGroup.length === 0) return null;
-  var items = useMemo(function () {
-    return formItemGroup.map(function (item, index) {
-      var title = item.title,
-        fields = item.fields,
-        actions = item.actions,
-        tabConfig = __rest(item, ["title", "fields", "actions"]);
-      return Object.assign({
-        key: item.key || index,
-        label: title || item.label,
-        children: /*#__PURE__*/React.createElement("div", {
-          className: "tabForm-content ".concat(layout === 'inline' ? 'tabForm-content-inline' : '')
-        }, fields && Array.isArray(fields) ? /*#__PURE__*/React.createElement(RenderItemGroup, {
-          layout: layout,
-          form: formChild,
-          fieldStatus: fieldStatus,
-          size: formGridSize,
-          displayLayout: displayLayout,
-          doUpdateFormFields: function doUpdateFormFields() {
-            return forceUpdateForm();
-          },
-          // doUpdateFormFields={() => forceUpdateForm()}
-          itemGroup: fields
-        }) : fields, !actionHide && actions && /*#__PURE__*/React.createElement(_Col, {
-          span: 24
-        }, /*#__PURE__*/React.createElement(ActionList, {
-          list: item.actions,
-          form: formChild,
-          other: props,
-          align: actionAlign
-        })))
-      }, tabConfig);
-    });
-  }, [formItemGroup]);
   return /*#__PURE__*/React.createElement(StandardForm, {
     actionGroup: [],
     ref: ref,
@@ -103,8 +72,37 @@ var TabForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(_Tabs, Object.assign({
     type: "card",
     animated: false
-  }, tabsConfig, {
-    items: items
+  }, tabsConfig), formItemGroup.map(function (item, index) {
+    var title = item.title,
+      fields = item.fields,
+      actions = item.actions,
+      tabConfig = __rest(item, ["title", "fields", "actions"]);
+    return /*#__PURE__*/React.createElement(TabPane, Object.assign({
+      key: "".concat(item.key || index),
+      tab: title
+    }, tabConfig, {
+      forceRender: true
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "tabForm-content ".concat(layout === 'inline' ? 'tabForm-content-inline' : '')
+    }, fields && Array.isArray(fields) ? /*#__PURE__*/React.createElement(RenderItemGroup, {
+      layout: layout,
+      form: formChild,
+      fieldStatus: fieldStatus,
+      size: formGridSize,
+      displayLayout: displayLayout,
+      doUpdateFormFields: function doUpdateFormFields() {
+        return forceUpdateForm();
+      },
+      // doUpdateFormFields={() => forceUpdateForm()}
+      itemGroup: fields
+    }) : fields, !actionHide && actions && /*#__PURE__*/React.createElement(_Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(ActionList, {
+      list: item.actions,
+      form: formChild,
+      other: props,
+      align: actionAlign
+    }))));
   })));
 });
 export default TabForm;

package/es/StandardForm/index.d.ts

@@ -28,5 +28,5 @@ export interface StandardFormProps {
     displayLayout?: any;
     [k: string]: any;
 }
-declare const StandardForm: React.ForwardRefExoticComponent<Pick<StandardFormProps, string | number> & React.RefAttributes<unknown>>;
+declare const StandardForm: React.ForwardRefExoticComponent<Omit<StandardFormProps, "ref"> & React.RefAttributes<unknown>>;
 export default StandardForm;

package/es/StandardForm/index.js

@@ -2,12 +2,12 @@ import "antd/es/button/style";
 import _Button from "antd/es/button";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { __rest } from "tslib";
 import React, { useEffect, useMemo } from 'react';
 import classNames from 'classnames';

package/es/StandardModal/UpdateFormRef.js

@@ -11,5 +11,4 @@ var updateModalForm = function updateModalForm(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null);
   /* 如果是ReactNode则直接返回 */
 };
-
 export default updateModalForm;

package/es/StandardModal/index.d.ts

@@ -3,6 +3,7 @@ import { ModalProps } from 'antd/es/modal';
 import PropTypes from 'prop-types';
 import { ItemGroupProps } from '../StandardForm/index';
 import './style/index.less';
+import 'ant-design-draggable-modal/dist/index.css';
 export interface StandardModalProps extends ModalProps {
     children?: React.ReactNode;
     title?: String;
@@ -39,5 +40,5 @@ export interface StandardModalProps extends ModalProps {
     dragAble?: boolean;
     [k: string]: any;
 }
-declare const StandardModal: (props: StandardModalProps) => JSX.Element;
+declare const StandardModal: (props: StandardModalProps) => React.JSX.Element;
 export default StandardModal;