fan-standard-comp 3.2.1 → 4.0.1

package/lib/StandardModal/index.js

@@ -4,67 +4,82 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/modal/style");
-var _modal = _interopRequireDefault(require("antd/es/modal"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/col/style");
-var _col = _interopRequireDefault(require("antd/es/col"));
-require("antd/es/row/style");
-var _row = _interopRequireDefault(require("antd/es/row"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-var _tslib = require("tslib");
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _data = require("../data");
 var _RenderItemGroup = _interopRequireDefault(require("../FormComp/RenderItemGroup"));
-var _ValueFormat = _interopRequireDefault(require("../utils/ValueFormat.js"));
+var _utils = require("../utils");
 var _IconNode = _interopRequireDefault(require("../components/IconNode"));
 var _TabForm = _interopRequireDefault(require("../StandardForm/TabForm"));
 var _StepForm = _interopRequireDefault(require("../StandardForm/StepForm"));
-var _ActionList = _interopRequireDefault(require("../StandardForm/ActionList.js"));
+var _ActionList = _interopRequireDefault(require("../StandardForm/ActionList"));
 require("./style/index.less");
-var _Modal2 = _interopRequireDefault(require("../StandardDragModal/Modal"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _StandardDragModal = require("../StandardDragModal");
+var _index2 = _interopRequireDefault(require("./style/index"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ConfigContext = require("../ConfigContext");
+var _excluded = ["children", "className", "style", "size", "type", "formItemGroup", "title", "visible", "open", "formPrefix", "formPostfix", "initialValues", "hideRequiredMark", "bodyStyle", "footer", "footerButtonGroup", "hideFooter", "getFormFields", "fieldStatus", "formLayout", "tabsConfig", "stepsConfig", "displayLayout", "dragAble", "itemGroupConfig"],
+  _excluded2 = ["name", "type", "icon", "ghost", "disabled", "loading", "fn"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 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 { DraggableModal, DraggableModalProvider } from '../StandardDragModal/index'
+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 { DraggableModal, DraggableModalProvider } from 'ant-design-draggable-modal'
+// import 'ant-design-draggable-modal/dist/index.css'
 var StandardModal = function StandardModal(props) {
-  var children = props.children,
-    className = props.className,
-    style = props.style,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    type = props.type,
-    formItemGroup = props.formItemGroup,
-    title = props.title,
-    visible = props.visible,
-    formPrefix = props.formPrefix,
-    formPostfix = props.formPostfix,
-    initialValues = props.initialValues,
-    hideRequiredMark = props.hideRequiredMark,
-    bodyStyle = props.bodyStyle,
-    footer = props.footer,
-    footerButtonGroup = props.footerButtonGroup,
-    hideFooter = props.hideFooter,
-    _getFormFields = props.getFormFields,
-    _props$fieldStatus = props.fieldStatus,
-    fieldStatus = _props$fieldStatus === void 0 ? 'default' : _props$fieldStatus,
-    _props$formLayout = props.formLayout,
-    formLayout = _props$formLayout === void 0 ? 'horizontal' : _props$formLayout,
-    tabsConfig = props.tabsConfig,
-    stepsConfig = props.stepsConfig,
-    displayLayout = props.displayLayout,
-    _props$dragAble = props.dragAble,
-    dragAble = _props$dragAble === void 0 ? false : _props$dragAble,
-    otherProps = (0, _tslib.__rest)(props, ["children", "className", "style", "size", "type", "formItemGroup", "title", "visible", "formPrefix", "formPostfix", "initialValues", "hideRequiredMark", "bodyStyle", "footer", "footerButtonGroup", "hideFooter", "getFormFields", "fieldStatus", "formLayout", "tabsConfig", "stepsConfig", "displayLayout", "dragAble"]);
-  var _Form$useForm = _form.default.useForm(),
+  var componentName = 'spec-standard-modal';
+  var _useStyle = (0, _index2.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  var InitFanContext = (0, _react.useContext)(_ConfigContext.FanContext);
+  var providerConfig = InitFanContext['StandardModal'] || {}; // 使用上下文（全局配置）设置扩展的配置项
+  var _providerConfig$props = _objectSpread(_objectSpread({}, providerConfig), props),
+    children = _providerConfig$props.children,
+    className = _providerConfig$props.className,
+    style = _providerConfig$props.style,
+    _providerConfig$props2 = _providerConfig$props.size,
+    size = _providerConfig$props2 === void 0 ? 'md' : _providerConfig$props2,
+    type = _providerConfig$props.type,
+    formItemGroup = _providerConfig$props.formItemGroup,
+    title = _providerConfig$props.title,
+    visible = _providerConfig$props.visible,
+    open = _providerConfig$props.open,
+    formPrefix = _providerConfig$props.formPrefix,
+    formPostfix = _providerConfig$props.formPostfix,
+    initialValues = _providerConfig$props.initialValues,
+    hideRequiredMark = _providerConfig$props.hideRequiredMark,
+    bodyStyle = _providerConfig$props.bodyStyle,
+    footer = _providerConfig$props.footer,
+    footerButtonGroup = _providerConfig$props.footerButtonGroup,
+    hideFooter = _providerConfig$props.hideFooter,
+    _getFormFields = _providerConfig$props.getFormFields,
+    _providerConfig$props3 = _providerConfig$props.fieldStatus,
+    fieldStatus = _providerConfig$props3 === void 0 ? 'default' : _providerConfig$props3,
+    _providerConfig$props4 = _providerConfig$props.formLayout,
+    formLayout = _providerConfig$props4 === void 0 ? 'horizontal' : _providerConfig$props4,
+    tabsConfig = _providerConfig$props.tabsConfig,
+    stepsConfig = _providerConfig$props.stepsConfig,
+    displayLayout = _providerConfig$props.displayLayout,
+    _providerConfig$props5 = _providerConfig$props.dragAble,
+    dragAble = _providerConfig$props5 === void 0 ? false : _providerConfig$props5,
+    _providerConfig$props6 = _providerConfig$props.itemGroupConfig,
+    itemGroupConfig = _providerConfig$props6 === void 0 ? {} : _providerConfig$props6,
+    otherProps = _objectWithoutProperties(_providerConfig$props, _excluded);
+  var _Form$useForm = _antd.Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     modalForm = _Form$useForm2[0];
   var _useState = (0, _react.useState)(),
@@ -74,27 +89,33 @@ var StandardModal = function StandardModal(props) {
   var _useState3 = (0, _react.useState)(0),
     _useState4 = _slicedToArray(_useState3, 2),
     bodyMaxHeight = _useState4[0],
-    setBodyMaxHeight = _useState4[1]; // setTabFormChild
+    setBodyMaxHeight = _useState4[1];
+
+  // setTabFormChild
   var _useState5 = (0, _react.useState)(),
     _useState6 = _slicedToArray(_useState5, 2),
     formChild = _useState6[0],
     setFormChild = _useState6[1]; // <---- set the ref when Form Rendered
+
   // 按钮栏是否有显示（默认显示）
   var hasFooterBar = (0, _react.useMemo)(function () {
-    var _a, _b, _c, _d, _e;
     var openLog = false;
     if (type === 'tabForm' || type === 'stepForm') {
       if (type === 'tabForm') {
-        var activeTabInfo = formItemGroup.find(function (fItem) {
+        var _activeTabInfo$action, _activeTabInfo$action2;
+        var activeTabInfo = (formItemGroup || []).find(function (fItem) {
           return fItem.key === (tabsConfig === null || tabsConfig === void 0 ? void 0 : tabsConfig.activeKey);
         });
-        openLog && console.log('rule 0-1', ((_a = activeTabInfo === null || activeTabInfo === void 0 ? void 0 : activeTabInfo.actions) === null || _a === void 0 ? void 0 : _a.length) > 0);
-        return ((_b = activeTabInfo === null || activeTabInfo === void 0 ? void 0 : activeTabInfo.actions) === null || _b === void 0 ? void 0 : _b.length) > 0;
+        openLog && console.log('rule 0-1', (activeTabInfo === null || activeTabInfo === void 0 || (_activeTabInfo$action = activeTabInfo.actions) === null || _activeTabInfo$action === void 0 ? void 0 : _activeTabInfo$action.length) > 0);
+        return (activeTabInfo === null || activeTabInfo === void 0 || (_activeTabInfo$action2 = activeTabInfo.actions) === null || _activeTabInfo$action2 === void 0 ? void 0 : _activeTabInfo$action2.length) > 0;
       }
       if (type === 'stepForm') {
-        var currentStepInfo = formItemGroup[stepsConfig.current];
-        openLog && console.log('rule 0-2', ((_c = currentStepInfo === null || currentStepInfo === void 0 ? void 0 : currentStepInfo.actions) === null || _c === void 0 ? void 0 : _c.length) > 0);
-        return ((_d = currentStepInfo === null || currentStepInfo === void 0 ? void 0 : currentStepInfo.actions) === null || _d === void 0 ? void 0 : _d.length) > 0;
+        var _currentStepInfo$acti, _currentStepInfo$acti2;
+        var currentStepInfo = (formItemGroup || []).filter(function (fItem) {
+          return !fItem.hideStep;
+        })[stepsConfig.current];
+        openLog && console.log('rule 0-2', (currentStepInfo === null || currentStepInfo === void 0 || (_currentStepInfo$acti = currentStepInfo.actions) === null || _currentStepInfo$acti === void 0 ? void 0 : _currentStepInfo$acti.length) > 0);
+        return (currentStepInfo === null || currentStepInfo === void 0 || (_currentStepInfo$acti2 = currentStepInfo.actions) === null || _currentStepInfo$acti2 === void 0 ? void 0 : _currentStepInfo$acti2.length) > 0;
       }
       return true;
     } else {
@@ -112,11 +133,12 @@ var StandardModal = function StandardModal(props) {
         return false;
       }
       if (props.hasOwnProperty('footerButtonGroup') && footerButtonGroup) {
+        var _footerButtonGroup;
         if (Array.isArray(footerButtonGroup) && footerButtonGroup.length === 0) {
           openLog && console.log('rule 4');
           // 返回为空数组不占用按钮栏
           return false;
-        } else if (typeof footerButtonGroup === 'function' && (!footerButtonGroup() || ((_e = footerButtonGroup()) === null || _e === void 0 ? void 0 : _e.length) === 0)) {
+        } else if (typeof footerButtonGroup === 'function' && (!footerButtonGroup() || ((_footerButtonGroup = footerButtonGroup()) === null || _footerButtonGroup === void 0 ? void 0 : _footerButtonGroup.length) === 0)) {
           openLog && console.log('rule 5');
           // 配置类型为Function且返回值为null或者返回数组长度为0时，不显示按钮栏
           return false;
@@ -139,8 +161,9 @@ var StandardModal = function StandardModal(props) {
   // 设置限制弹窗高度
   var initBodyMaxHeight = function initBodyMaxHeight() {
     var title = props.title;
-    var bodyHeight = document.body.offsetHeight;
-    var baseReduce = 80 + 32; // 默认需要减去的高度（上下空白间距150及内部内容间距16*2
+    // 最大高度基础值调整成页面视口高度
+    var bodyHeight = document.documentElement.clientHeight; // document.body.offsetHeight
+    var baseReduce = 80 + 32 + 16; // 默认需要减去的高度（上下空白间距150及内部内容间距16*2
     // console.log('弹窗是否有按钮：', hasFooterBar ? '是' : '否')
     setBodyMaxHeight("".concat(bodyHeight - (title ? 55 : 0) - (hasFooterBar ? 55 : 0) - baseReduce, "px"));
     // setBodyMaxHeight(`${bodyHeight - (title ? 55 : 0) - ((footer || footerButtonGroup) ? 55 : 0) - baseReduce +
@@ -151,7 +174,7 @@ var StandardModal = function StandardModal(props) {
     if (visible && modalFormRef) {
       // <---- check ref before use the form instance
       if (initialValues && _typeof(initialValues) === 'object') {
-        initialValues && modalForm.setFieldsValue(Object.assign({}, initialValues));
+        initialValues && modalForm.setFieldsValue(_objectSpread({}, initialValues));
         forceUpdateForm();
       }
     }
@@ -177,10 +200,9 @@ var StandardModal = function StandardModal(props) {
         if (Object.prototype.hasOwnProperty.call(values, 'false')) {
           delete values.false; // 自定义结构会莫名的出来一个false字段
         }
-
-        var resultValues = (0, _ValueFormat.default)(values, formItemGroup);
+        var resultValues = (0, _utils.UtilValueFormat)(values, formItemGroup);
         if (onSubmit) {
-          onSubmit(Object.assign({}, resultValues));
+          onSubmit(_objectSpread({}, resultValues));
         }
       }).catch(function () {
         // 定位到第一条表单异常的
@@ -197,10 +219,9 @@ var StandardModal = function StandardModal(props) {
         if (Object.prototype.hasOwnProperty.call(values, 'false')) {
           delete values.false; // 自定义结构会莫名的出来一个false字段
         }
-
-        var resultValues = (0, _ValueFormat.default)(values, formItemGroup);
+        var resultValues = (0, _utils.UtilValueFormat)(values, formItemGroup);
         if (onSubmit) {
-          onSubmit(Object.assign({}, resultValues));
+          onSubmit(_objectSpread({}, resultValues));
         }
       }).catch(function () {
         // 定位到第一条表单异常的
@@ -215,6 +236,7 @@ var StandardModal = function StandardModal(props) {
       onSubmit && onSubmit();
     }
   };
+
   // 重置所有表单
   var clearAllFieldsValue = function clearAllFieldsValue() {
     // let allFields = {}
@@ -222,7 +244,6 @@ var StandardModal = function StandardModal(props) {
     // modalForm.setFieldsValue(allFields) // 直接清空表单的赋值(initialValues传值如果没有前后赋值没有全部带上所有字段，则会默认又使用之前的部分未传参字段)
     modalForm.resetFields(); // 直接使用这个无效
   };
-
   var onAfterClose = function onAfterClose() {
     var afterClose = props.afterClose;
     if (type === 'form') clearAllFieldsValue();
@@ -232,6 +253,7 @@ var StandardModal = function StandardModal(props) {
     var onCancel = props.onCancel;
     if (onCancel) onCancel();
   };
+
   // 强制更新表单值，用于赋初始化实例值
   var forceUpdateForm = function forceUpdateForm() {
     _getFormFields && _getFormFields(modalForm.getFieldsValue() || {}, modalForm);
@@ -239,27 +261,28 @@ var StandardModal = function StandardModal(props) {
   var renderFormItemGroup = function renderFormItemGroup() {
     var fieldStatus = props.fieldStatus,
       formItemGroup = props.formItemGroup,
-      _props$size2 = props.size,
-      size = _props$size2 === void 0 ? 'md' : _props$size2,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'md' : _props$size,
       type = props.type;
     if (Array.isArray(formItemGroup)) {
       if (type === 'gridForm') {
         // 栅格组
-        return /*#__PURE__*/_react.default.createElement(_row.default, {
+        return /*#__PURE__*/_react.default.createElement(_antd.Row, {
           gutter: 20
-        }, formItemGroup.map(function (item, index) {
+        }, (formItemGroup || []).map(function (item, index) {
           var childrenFields = item.fields || [];
           if (item.label) {
             childrenFields = [{
               type: item.type,
               label: item.label,
-              protoConfig: Object.assign({}, item.protoConfig)
+              protoConfig: _objectSpread({}, item.protoConfig)
+              // protoConfig: { className: '', ...item.protoConfig }
             }].concat(childrenFields);
           }
-          return /*#__PURE__*/_react.default.createElement(_col.default, {
+          return /*#__PURE__*/_react.default.createElement(_antd.Col, {
             key: index,
             span: item.gridSpan || 24
-          }, /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
+          }, /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, _extends({
             size: size,
             layout: formLayout,
             doUpdateFormFields: function doUpdateFormFields() {
@@ -269,10 +292,10 @@ var StandardModal = function StandardModal(props) {
             itemGroup: childrenFields,
             fieldStatus: fieldStatus,
             form: modalForm
-          }));
+          }, itemGroupConfig)));
         }));
       }
-      return /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
+      return /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, _extends({
         size: size,
         layout: formLayout,
         doUpdateFormFields: function doUpdateFormFields() {
@@ -282,7 +305,7 @@ var StandardModal = function StandardModal(props) {
         itemGroup: formItemGroup,
         fieldStatus: fieldStatus,
         form: modalForm
-      });
+      }, itemGroupConfig));
     }
     return formItemGroup;
   };
@@ -293,24 +316,24 @@ var StandardModal = function StandardModal(props) {
       case 'next':
         // 获取当前步骤的表单配置下有 rules 的控件进行校验（自定义的控件则自己有业务层面处理添加校验）
         // console.log('执行下一步骤，需要优先进行校验')
-        var currentFields = formItemGroup[current].fields;
+        var currentFields = (formItemGroup || [])[current].fields;
         var validatorGroup = currentFields && Array.isArray(currentFields) ? currentFields.map(function (fItem) {
           return fItem.rules ? fItem.filedName : null;
         }) : [];
         formChild.validateFields(validatorGroup).then(function () {
           // if (stepClick) stepClick(type, formChild, values);
-          extraFunc();
+          extraFunc && extraFunc();
         }).catch(function () {
           // console.log('表单校验不通过 ', errorFields.map(err => err))
         });
         break;
       case 'prev':
         // if (stepClick) stepClick(type, formChild);
-        extraFunc();
+        extraFunc && extraFunc();
         break;
       case 'cancel':
         // if (stepClick) stepClick(type, formChild);
-        extraFunc();
+        extraFunc && extraFunc();
         break;
       default:
         // extraFunc()
@@ -339,8 +362,8 @@ var StandardModal = function StandardModal(props) {
               disabled = item.disabled,
               loading = item.loading,
               fn = item.fn,
-              others = (0, _tslib.__rest)(item, ["name", "type", "icon", "ghost", "disabled", "loading", "fn"]);
-            return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+              others = _objectWithoutProperties(item, _excluded2);
+            return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
               key: name,
               type: _type || 'primary',
               icon: /*#__PURE__*/_react.default.createElement(_IconNode.default, {
@@ -358,28 +381,30 @@ var StandardModal = function StandardModal(props) {
           }
         }));
       }
-
       if (typeof footerButtonGroup === 'function') {
         return footerButtonGroup(modalForm, props);
       }
       return footerButtonGroup;
     }
     if (footer) return footer;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
       key: "submit",
       type: 'primary',
       loading: confirmLoading,
       onClick: handleSubmit
-    }, confirmButtonProps, okButtonProps), confirmText || okText || '确定'), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    }, confirmButtonProps, okButtonProps), confirmText || okText || '确定'), /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
       key: "back",
       onClick: handleCancel
     }, cancelButtonProps), cancelText || '取消'));
   };
   var renderFooter = function renderFooter() {
-    var _a, _b;
     if (type === 'stepForm') {
-      var currentStepInfo = formItemGroup[stepsConfig.current];
-      return ((_a = currentStepInfo === null || currentStepInfo === void 0 ? void 0 : currentStepInfo.actions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? /*#__PURE__*/_react.default.createElement(_ActionList.default, {
+      var _currentStepInfo$acti3;
+      // 过滤隐藏掉的步骤表单
+      var currentStepInfo = (formItemGroup || []).filter(function (fItem) {
+        return !fItem.hideStep;
+      })[stepsConfig.current];
+      return (currentStepInfo === null || currentStepInfo === void 0 || (_currentStepInfo$acti3 = currentStepInfo.actions) === null || _currentStepInfo$acti3 === void 0 ? void 0 : _currentStepInfo$acti3.length) > 0 ? /*#__PURE__*/_react.default.createElement(_ActionList.default, {
         list: currentStepInfo.actions || [],
         onStep: handleStepType,
         form: formChild,
@@ -387,11 +412,12 @@ var StandardModal = function StandardModal(props) {
       }) : null;
     }
     if (type === 'tabForm') {
-      var activeTabInfo = formItemGroup.find(function (fItem) {
+      var _activeTabInfo$action3;
+      var activeTabInfo = (formItemGroup || []).find(function (fItem) {
         return fItem.key === (tabsConfig === null || tabsConfig === void 0 ? void 0 : tabsConfig.activeKey);
       });
-      return ((_b = activeTabInfo === null || activeTabInfo === void 0 ? void 0 : activeTabInfo.actions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? /*#__PURE__*/_react.default.createElement(_ActionList.default, {
-        list: activeTabInfo.actions || [],
+      return (activeTabInfo === null || activeTabInfo === void 0 || (_activeTabInfo$action3 = activeTabInfo.actions) === null || _activeTabInfo$action3 === void 0 ? void 0 : _activeTabInfo$action3.length) > 0 ? /*#__PURE__*/_react.default.createElement(_ActionList.default, {
+        list: (activeTabInfo === null || activeTabInfo === void 0 ? void 0 : activeTabInfo.actions) || [],
         form: formChild,
         other: props
       }) : null;
@@ -400,21 +426,23 @@ var StandardModal = function StandardModal(props) {
   };
   // 内容渲染
   var renderChildrenNodes = function renderChildrenNodes() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, (type === 'form' || type === 'gridForm') && /*#__PURE__*/_react.default.createElement(_form.default, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, (type === 'form' || type === 'gridForm') && /*#__PURE__*/_react.default.createElement(_antd.Form, {
       layout: formLayout,
       ref: setModalFormRef,
       form: modalForm,
       onFinish: handleSubmit,
-      hideRequiredMark: fieldStatus === 'viewOnly' || hideRequiredMark,
+      hideRequiredMark: fieldStatus === 'viewOnly' || hideRequiredMark
       // initialValues={{ ...initialValues }}
+      ,
       scrollToFirstError: true,
       className: "modalForm"
-    }, formPrefix && /*#__PURE__*/_react.default.createElement(_row.default, null, formPrefix(modalForm, props, forceUpdateForm)), formItemGroup ? renderFormItemGroup() : null, formPostfix && /*#__PURE__*/_react.default.createElement(_row.default, null, formPostfix(modalForm, props, forceUpdateForm), " ")), type === 'tabForm' && /*#__PURE__*/_react.default.createElement(_TabForm.default, {
+    }, formPrefix && /*#__PURE__*/_react.default.createElement(_antd.Row, null, formPrefix(modalForm, props, forceUpdateForm)), formItemGroup ? renderFormItemGroup() : null, formPostfix && /*#__PURE__*/_react.default.createElement(_antd.Row, null, formPostfix(modalForm, props, forceUpdateForm), " ")), type === 'tabForm' && /*#__PURE__*/_react.default.createElement(_TabForm.default, {
       grid: size,
       layout: formLayout,
       fieldStatus: fieldStatus,
-      actionHide: true,
+      actionHide: true
       // @ts-ignore
+      ,
       getFormFields: function getFormFields(fields, form) {
         setFormChild(form);
         _getFormFields && _getFormFields(fields, form);
@@ -422,14 +450,15 @@ var StandardModal = function StandardModal(props) {
       formItemGroup: formItemGroup,
       tabsConfig: tabsConfig,
       onSubmit: handleSubmit,
-      initialValues: Object.assign({}, initialValues),
+      initialValues: _objectSpread({}, initialValues),
       displayLayout: displayLayout
     }), type === 'stepForm' && /*#__PURE__*/_react.default.createElement(_StepForm.default, {
       grid: size,
       layout: formLayout,
       fieldStatus: fieldStatus,
-      actionHide: true,
+      actionHide: true
       // @ts-ignore
+      ,
       getFormFields: function getFormFields(fields, form) {
         setFormChild(form);
         _getFormFields && _getFormFields(fields, form);
@@ -437,65 +466,55 @@ var StandardModal = function StandardModal(props) {
       formItemGroup: formItemGroup,
       stepsConfig: stepsConfig,
       onSubmit: handleSubmit,
-      initialValues: Object.assign({}, initialValues),
+      initialValues: _objectSpread({}, initialValues),
       displayLayout: displayLayout
     }));
   };
   // 可拖动及缩放
   if (dragAble) {
-    return /*#__PURE__*/_react.default.createElement(_Modal2.default, Object.assign({
-      destroyOnClose: true,
+    return wrapSSR( /*#__PURE__*/_react.default.createElement(_StandardDragModal.DraggableModalProvider, null, /*#__PURE__*/_react.default.createElement(_StandardDragModal.DraggableModal, _extends({
+      destroyOnClose: true
+      // @ts-ignore
+      ,
       initialWidth: otherProps.width || _data.general.modalSize[size].width,
       initialHeight: otherProps.height,
       zIndex: 1001
     }, otherProps, {
       visible: visible,
-      className: "standardModal ".concat(className || '', " ").concat(fieldStatus === 'viewOnly' ? 'is-view' : ''),
+      className: (0, _classnames.default)(componentName, 'standardModal', className, fieldStatus === 'viewOnly' ? 'is-view' : '', hashId),
       onCancel: handleCancel,
       afterClose: onAfterClose,
       onOk: handleSubmit,
       title: title,
       footer: renderFooter()
-    }), renderChildrenNodes());
-    /* return <DraggableModalProvider>
-       <DraggableModal destroyOnClose
-                       initialWidth={otherProps.width || general.modalSize[size].width}
-                       initialHeight={otherProps.height}
-                       zIndex={1001}
-                       {...otherProps}
-                       visible={visible}
-                       className={`standardModal ${className || ''} ${fieldStatus === 'viewOnly' ? 'is-view' : ''}`}
-                       onCancel={handleCancel}
-                       afterClose={onAfterClose}
-                       onOk={handleSubmit}
-                       title={title}
-                       footer={renderFooter()}
-       >
-         {renderChildrenNodes()}
-       </DraggableModal>
-     </DraggableModalProvider>*/
+    }), renderChildrenNodes())));
   }
-
-  return /*#__PURE__*/_react.default.createElement(_modal.default, Object.assign({
+  return wrapSSR( /*#__PURE__*/_react.default.createElement(_antd.Modal, _extends({
     destroyOnClose: true,
-    maskClosable: false,
+    maskClosable: false
+    // @ts-ignore
+    ,
     width: _data.general.modalSize[size].width
   }, otherProps, {
     open: visible,
     title: title,
     footer: renderFooter(),
-    className: "standardModal ".concat(className || '', " ").concat(fieldStatus === 'viewOnly' ? 'is-view' : ''),
-    style: Object.assign({
+    className: (0, _classnames.default)(componentName, 'standardModal', className, fieldStatus === 'viewOnly' ? 'is-view' : '', hashId),
+    style: _objectSpread({
       top: '80px'
-    }, style),
-    bodyStyle: Object.assign({
-      maxHeight: bodyMaxHeight,
-      overflowY: 'scroll'
-    }, bodyStyle),
+    }, style)
+    // bodyStyle={{ maxHeight: bodyMaxHeight, overflowY: 'scroll', ...bodyStyle }}
+    ,
+    styles: {
+      body: _objectSpread({
+        maxHeight: bodyMaxHeight,
+        overflow: 'hidden',
+        overflowY: 'scroll'
+      }, bodyStyle)
+    },
     onCancel: handleCancel,
     afterClose: onAfterClose,
     onOk: handleSubmit
-  }), renderChildrenNodes());
+  }), renderChildrenNodes()));
 };
-var _default = StandardModal;
-exports.default = _default;
+var _default = exports.default = StandardModal;

package/lib/StandardModal/style/index.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface StandardPanelTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const StandardPanelStyleFunc: (prefix: string) => any;
+export default StandardPanelStyleFunc;

package/lib/StandardModal/style/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../theme/utils/genStyleHook");
+var _index = require("../../theme/index");
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
+var StandardPanelStyleFunc = function StandardPanelStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty(_defineProperty(_defineProperty({}, prefixCls, {
+      '.ant-modal-body ': _objectSpread({}, (0, _index.scrollBar)(token)),
+      '.modalForm': {
+        '&.ant-form-horizontal .ant-form-item-label': {
+          '> label': {
+            minHeight: token.controlHeight + 'px'
+          }
+        }
+      }
+    }), '.ant-form-item.form-item-view-only', {
+      '.ant-form-item-control-input': {
+        color: token.colorSecondary
+      },
+      '.modalGridTitle, .modal-grid-title': {
+        margin: "0 0 ".concat(token.marginMD, "px 0"),
+        paddingBottom: token.paddingXS,
+        paddingLeft: token.paddingXS
+      },
+      '&:before': {
+        borderLeft: " 4px solid  ".concat(token.colorPrimary)
+      }
+    }), '.modalPanelTitle, .modal-grid-title', {
+      margin: "0 0 ".concat(token.marginMD, "px 0"),
+      paddingBottom: token.paddingXS,
+      borderBottom: "1px solid ".concat(token.colorBorder)
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = StandardPanelStyleFunc;