fan-standard-comp 3.1.9 → 3.2.0

package/es/StandardDragModal/useResize.js

@@ -0,0 +1,74 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 { useState, useEffect, useCallback } from 'react';
+export var useResize = function useResize(x, y, width, height, onResize) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragging = _useState2[0],
+    setDragging = _useState2[1];
+  var _useState3 = useState({
+      initX: 0,
+      initY: 0,
+      initWidth: 0,
+      initHeight: 0,
+      mouseDownX: 0,
+      mouseDownY: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    initialDragState = _useState4[0],
+    setInitialDragState = _useState4[1];
+  var onMouseDown = useCallback(function (e) {
+    e.preventDefault();
+    setInitialDragState({
+      initX: x,
+      initY: y,
+      initWidth: width,
+      initHeight: height,
+      mouseDownX: e.clientX,
+      mouseDownY: e.clientY
+    });
+    setDragging(true);
+  }, [width, height, setDragging, setInitialDragState, x, y]);
+  useEffect(function () {
+    var onMouseMove = function onMouseMove(e) {
+      if (dragging) {
+        var initX = initialDragState.initX,
+          initY = initialDragState.initY,
+          initWidth = initialDragState.initWidth,
+          mouseDownX = initialDragState.mouseDownX,
+          initHeight = initialDragState.initHeight,
+          mouseDownY = initialDragState.mouseDownY;
+        var dx = e.clientX - mouseDownX;
+        var dy = e.clientY - mouseDownY;
+        var _width = initWidth + dx;
+        var _height = initHeight + dy;
+        return onResize({
+          x: initX,
+          y: initY,
+          width: _width,
+          height: _height
+        });
+      }
+    };
+    window.addEventListener('mousemove', onMouseMove, {
+      passive: true
+    });
+    return function () {
+      return window.removeEventListener('mousemove', onMouseMove);
+    };
+  }, [initialDragState, dragging, onResize]);
+  useEffect(function () {
+    var onMouseUp = function onMouseUp() {
+      setDragging(false);
+    };
+    window.addEventListener('mouseup', onMouseUp);
+    return function () {
+      return window.removeEventListener('mouseup', onMouseUp);
+    };
+  }, [setDragging]);
+  return onMouseDown;
+};

package/es/StandardFilter/index.d.ts

@@ -4,6 +4,7 @@ import { ButtonGroupOptionsProps } from '../ButtonGroup/index';
 import './style/index.less';
 export interface StandardFilterProps {
     buttonGroup?: ButtonGroupOptionsProps[];
+    buttonGroupConfig?: Object;
     formItemGroup?: FieldComponentProps[];
     confirmText?: string;
     onFilterSearch?: (value?: object) => void;

package/es/StandardFilter/index.js

@@ -1,55 +1,39 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import UtilValueFormat from '../utils/ValueFormat.js';
-import ButtonGroup from '../ButtonGroup/index'; // import { general } from '../data/index';
-
+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) {
   _inherits(StandardFilter, _React$Component);
-
   var _super = _createSuper(StandardFilter);
-
   function StandardFilter(props) {
     var _this;
-
     _classCallCheck(this, StandardFilter);
-
     _this = _super.call(this, props);
-    _this.filterFormRef = /*#__PURE__*/React.createRef(); // 更新表单控件值，用于外部获取当前表单实例(force是否强制清空表单)
-
+    _this.filterFormRef = /*#__PURE__*/React.createRef();
+    // 更新表单控件值，用于外部获取当前表单实例(force是否强制清空表单)
     _this.updateFormFields = function (newVal, force) {
       var getFormFields = _this.props.getFormFields;
       var resetValues = {};
-
       if (force) {
         // this.filterFormRef.current.resetFields()
         // 先清空 再赋值
@@ -58,33 +42,24 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
           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)) {
+        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()
@@ -92,34 +67,26 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
       //   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
-
-
+    };
+    // 表单列表组 formItemGroup 类型为数组或者React.Node
     _this.renderFormItemGroup = function () {
       var reFormItemGroup = _this.state.reFormItemGroup;
-
       if (Array.isArray(reFormItemGroup)) {
         return /*#__PURE__*/React.createElement(RenderItemGroup, {
           itemGroup: reFormItemGroup,
@@ -164,14 +131,12 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
 
       return reFormItemGroup;
     };
-
     _this.state = {
       // recombinationGroup: [],
       reFormItemGroup: undefined
     };
     return _this;
   }
-
   _createClass(StandardFilter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -182,7 +147,6 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var initialValues = this.props.initialValues;
-
       if (prevProps.initialValues !== initialValues) {
         this.updateFormFields(initialValues, true);
       }
@@ -191,18 +155,18 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
     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; // const { recombinationGroup } = this.state;
-
+        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,
@@ -234,22 +198,20 @@ var StandardFilter = /*#__PURE__*/function (_React$Component) {
         options: buttonGroup,
         min: min,
         codes: codes,
-        permissionCodes: permissionCodes
+        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
       };
     }
   }]);
-
   return StandardFilter;
 }(React.Component);
-
 export default StandardFilter;

package/es/StandardForm/ActionList.js

@@ -2,14 +2,13 @@ import "antd/es/button/style";
 import _Button from "antd/es/button";
 import React from 'react';
 import IconNode from "../components/IconNode";
-
 var ActionList = function ActionList(props) {
   var list = props.list,
-      form = props.form,
-      _props$align = props.align,
-      align = _props$align === void 0 ? 'default' : _props$align,
-      other = props.other,
-      onStep = props.onStep;
+    form = props.form,
+    _props$align = props.align,
+    align = _props$align === void 0 ? 'default' : _props$align,
+    other = props.other,
+    onStep = props.onStep;
   return /*#__PURE__*/React.createElement("div", {
     className: "standardForm-actions",
     style: {
@@ -40,5 +39,4 @@ var ActionList = function ActionList(props) {
     }, item.name);
   }));
 };
-
 export default ActionList;

package/es/StandardForm/StepForm.js

@@ -1,66 +1,53 @@
 import "antd/es/col/style";
 import _Col from "antd/es/col";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 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(); }
-
 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(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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";
 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;
+import './style/index.less';
 var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getFormFields = props.getFormFields,
-      _props$formItemGroup = props.formItemGroup,
-      formItemGroup = _props$formItemGroup === void 0 ? [] : _props$formItemGroup,
-      grid = props.grid,
-      layout = props.layout,
-      onSubmit = props.onSubmit,
-      _props$actionAlign = props.actionAlign,
-      actionAlign = _props$actionAlign === void 0 ? 'center' : _props$actionAlign,
-      fieldStatus = props.fieldStatus,
-      _props$fieldSize = props.fieldSize,
-      fieldSize = _props$fieldSize === void 0 ? "middle" : _props$fieldSize,
-      initialValues = props.initialValues,
-      actionHide = props.actionHide,
-      _props$stepsConfig = props.stepsConfig,
-      stepsConfig = _props$stepsConfig === void 0 ? {
-    current: 0
-  } : _props$stepsConfig,
-      stepClick = props.stepClick,
-      displayLayout = props.displayLayout;
-
+    _props$formItemGroup = props.formItemGroup,
+    formItemGroup = _props$formItemGroup === void 0 ? [] : _props$formItemGroup,
+    grid = props.grid,
+    layout = props.layout,
+    onSubmit = props.onSubmit,
+    _props$actionAlign = props.actionAlign,
+    actionAlign = _props$actionAlign === void 0 ? 'center' : _props$actionAlign,
+    fieldStatus = props.fieldStatus,
+    _props$fieldSize = props.fieldSize,
+    fieldSize = _props$fieldSize === void 0 ? "middle" : _props$fieldSize,
+    initialValues = props.initialValues,
+    actionHide = props.actionHide,
+    _props$stepsConfig = props.stepsConfig,
+    stepsConfig = _props$stepsConfig === void 0 ? {
+      current: 0
+    } : _props$stepsConfig,
+    stepClick = props.stepClick,
+    displayLayout = props.displayLayout;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      formChildFields = _useState2[0],
-      setFormChildFields = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    formChildFields = _useState2[0],
+    setFormChildFields = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      formChild = _useState4[0],
-      setFormChild = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    formChild = _useState4[0],
+    setFormChild = _useState4[1];
   var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currentStep = _useState6[0],
-      setCurrentStep = _useState6[1]; // const [fieldFailed, setFieldFailed] = useState(false)
-
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentStep = _useState6[0],
+    setCurrentStep = _useState6[1]; // const [fieldFailed, setFieldFailed] = useState(false)
   useEffect(function () {
     if (stepsConfig && (stepsConfig.current || stepsConfig.current === 0)) {
       setCurrentStep(stepsConfig.current); // 判断是否有设置当前选中的步骤数
@@ -69,7 +56,6 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   if (formItemGroup.length === 0) return null;
   var formGridSize = useMemo(function () {
     if (typeof grid === 'string') return grid; // 数据格式为字符串，包括 xs,md,lg,xlg
-
     var sizeName = 'xs';
     if (grid <= 1) sizeName = 'xs';
     if (grid === 2) sizeName = 'md';
@@ -80,11 +66,9 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     forceUpdateForm();
   }, [formChildFields, formChild]);
-
   var forceUpdateForm = function forceUpdateForm() {
     getFormFields && getFormFields(formChildFields, formChild);
   };
-
   var handleStepType = function handleStepType(type, extraFunc) {
     switch (type) {
       case 'submit':
@@ -99,26 +83,33 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
         formChild && formChild.validateFields(valitorGroup).then(function (values) {
           if (stepClick) stepClick(type, formChild, values);
           extraFunc && extraFunc();
-        }).catch(function (_ref) {// console.log('表单校验不通过 ', errorFields.map(err => err))
-
+        }).catch(function (_ref) {
           var errorFields = _ref.errorFields;
-        });
-        break;
+        } // console.log('表单校验不通过 ', errorFields.map(err => err))
+        );
 
+        break;
       case 'prev':
         if (stepClick) stepClick(type, formChild);
         extraFunc && extraFunc();
         break;
-
       case 'cancel':
         if (stepClick) stepClick(type, formChild);
         extraFunc && extraFunc();
         break;
-
       default:
         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) {
@@ -133,8 +124,6 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
           }*!/
       if (stepsConfig && stepsConfig.onChange) stepsConfig.onChange(cur, formChild);
     }*/
-
-
   var renderStepActions = function renderStepActions(item, index) {
     if (formItemGroup.length === 1) {
       return /*#__PURE__*/React.createElement("div", {
@@ -152,7 +141,6 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }
       }, "\u53D6\u6D88"));
     }
-
     var buttonList = function buttonList(itemIndex) {
       if (itemIndex === 0) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
@@ -200,7 +188,6 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }, "\u53D6\u6D88"));
       }
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: "standardForm-actions",
       key: index,
@@ -209,7 +196,6 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     }, buttonList(index));
   };
-
   return /*#__PURE__*/React.createElement(StandardForm, {
     className: layout === 'inline' ? '' : '',
     actionGroup: [],
@@ -223,19 +209,12 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     onSubmit: onSubmit,
     layout: layout,
-    onFinishFailed: function onFinishFailed() {// setFieldFailed(true)
+    onFinishFailed: function onFinishFailed() {
+      // setFieldFailed(true)
     }
-  }, /*#__PURE__*/React.createElement(_Steps, Object.assign({}, stepsConfig), formItemGroup.map(function (item, index) {
-    return !item.hideStep ? /*#__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
-    }) : null;
-  })), formItemGroup.map(function (item, index) {
+  }, /*#__PURE__*/React.createElement(_Steps, Object.assign({}, stepsConfig, {
+    items: stepItems
+  })), (formItemGroup || []).map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "stepForm-content ".concat(layout === 'inline' ? 'stepForm-content-inline' : ''),