fan-standard-comp 3.1.10 → 3.2.0

package/es/StandardModal/index.js

@@ -8,21 +8,13 @@ import "antd/es/row/style";
 import _Row from "antd/es/row";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
-
-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); }
 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, useMemo, useState } from 'react';
 import { general } from '../data';
@@ -33,67 +25,56 @@ import TabForm from '../StandardForm/TabForm';
 import StepForm from '../StandardForm/StepForm';
 import ActionList from '../StandardForm/ActionList.js';
 import './style/index.less';
-import { DraggableModal, DraggableModalProvider } from 'ant-design-draggable-modal';
-import 'ant-design-draggable-modal/dist/index.css';
-
+// import { DraggableModal, DraggableModalProvider } from '../StandardDragModal/index'
+import StandardDragModal from '../StandardDragModal/Modal';
 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 = __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"]);
-
+    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 = __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.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      modalForm = _Form$useForm2[0];
-
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    modalForm = _Form$useForm2[0];
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      modalFormRef = _useState2[0],
-      setModalFormRef = _useState2[1]; // <---- set the ref when Form Rendered
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    modalFormRef = _useState2[0],
+    setModalFormRef = _useState2[1]; // <---- set the ref when Form Rendered
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      bodyMaxHeight = _useState4[0],
-      setBodyMaxHeight = _useState4[1]; // setTabFormChild
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    bodyMaxHeight = _useState4[0],
+    setBodyMaxHeight = _useState4[1]; // setTabFormChild
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      formChild = _useState6[0],
-      setFormChild = _useState6[1]; // <---- set the ref when Form Rendered
+    _useState6 = _slicedToArray(_useState5, 2),
+    formChild = _useState6[0],
+    setFormChild = _useState6[1]; // <---- set the ref when Form Rendered
   // 按钮栏是否有显示（默认显示）
-
-
   var hasFooterBar = 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) {
@@ -102,71 +83,62 @@ var StandardModal = function StandardModal(props) {
         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;
       }
-
       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;
       }
-
       return true;
     } else {
       if (hideFooter) {
         openLog && console.log('rule 1');
         return false;
       }
-
       if (fieldStatus && fieldStatus !== 'default') {
         if (props.hasOwnProperty('footerButtonGroup')) {
           // 如果有配置按钮组件，则还是要显示按钮
           return true;
         }
-
-        openLog && console.log('rule 2'); // disabled/viewOnly都不显示按钮
-
+        openLog && console.log('rule 2');
+        // disabled/viewOnly都不显示按钮
         return false;
       }
-
       if (props.hasOwnProperty('footerButtonGroup') && footerButtonGroup) {
         if (Array.isArray(footerButtonGroup) && footerButtonGroup.length === 0) {
-          openLog && console.log('rule 4'); // 返回为空数组不占用按钮栏
-
+          openLog && console.log('rule 4');
+          // 返回为空数组不占用按钮栏
           return false;
         } else if (typeof footerButtonGroup === 'function' && (!footerButtonGroup() || ((_e = footerButtonGroup()) === null || _e === void 0 ? void 0 : _e.length) === 0)) {
-          openLog && console.log('rule 5'); // 配置类型为Function且返回值为null或者返回数组长度为0时，不显示按钮栏
-
+          openLog && console.log('rule 5');
+          // 配置类型为Function且返回值为null或者返回数组长度为0时，不显示按钮栏
           return false;
         }
-
         openLog && console.log('rule 3');
         return true;
       } else if (footerButtonGroup === false) {
-        openLog && console.log('rule 7'); // 显示
-
+        openLog && console.log('rule 7');
+        // 显示
         return true;
       }
-
       if (props.hasOwnProperty('footer') && !footer) {
         openLog && console.log('rule 8');
         return false;
       }
-
       openLog && console.log('rule 9');
       return true;
     }
-  }, [fieldStatus, hideFooter, footer, footerButtonGroup, type, tabsConfig, stepsConfig, formItemGroup]); // 设置限制弹窗高度
-
+  }, [fieldStatus, hideFooter, footer, footerButtonGroup, type, tabsConfig, stepsConfig, formItemGroup]);
+  // 设置限制弹窗高度
   var initBodyMaxHeight = function initBodyMaxHeight() {
     var title = props.title;
     var bodyHeight = document.body.offsetHeight;
     var baseReduce = 80 + 32; // 默认需要减去的高度（上下空白间距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 +
+    setBodyMaxHeight("".concat(bodyHeight - (title ? 55 : 0) - (hasFooterBar ? 55 : 0) - baseReduce, "px"));
+    // setBodyMaxHeight(`${bodyHeight - (title ? 55 : 0) - ((footer || footerButtonGroup) ? 55 : 0) - baseReduce +
     // ((fieldStatus && fieldStatus !== 'default' && !footerButtonGroup) || hideFooter ? 55 : 0)}px`)
-  }; // fill Form when modal open 此处可解决获取  Form.useForm  warning
-
-
+  };
+  // fill Form when modal open 此处可解决获取  Form.useForm  warning
   useEffect(function () {
     if (visible && modalFormRef) {
       // <---- check ref before use the form instance
@@ -174,26 +146,24 @@ var StandardModal = function StandardModal(props) {
         initialValues && modalForm.setFieldsValue(Object.assign({}, initialValues));
         forceUpdateForm();
       }
-    } // if (!visible && modalFormRef) {
+    }
+    // if (!visible && modalFormRef) {
     //   clearAllFieldsValue() // 清空表单传参数
     // }
-
   }, [modalFormRef, visible]);
   useEffect(function () {
     if (visible) {
-      initBodyMaxHeight(); // 让resize事件触发 initBodyMaxHeight
-
+      initBodyMaxHeight();
+      // 让resize事件触发 initBodyMaxHeight
       window.addEventListener('resize', initBodyMaxHeight);
     } else {
       window.removeEventListener('resize', initBodyMaxHeight);
     }
   }, [fieldStatus, title, visible, hideFooter, footer, footerButtonGroup]);
-
   var handleSubmit = function handleSubmit() {
     var type = props.type,
-        formItemGroup = props.formItemGroup,
-        onSubmit = props.onSubmit;
-
+      formItemGroup = props.formItemGroup,
+      onSubmit = props.onSubmit;
     if (type === 'form' || type === 'gridForm') {
       modalForm.validateFields().then(function (values) {
         if (Object.prototype.hasOwnProperty.call(values, 'false')) {
@@ -201,18 +171,16 @@ var StandardModal = function StandardModal(props) {
         }
 
         var resultValues = UtilValueFormat(values, formItemGroup);
-
         if (onSubmit) {
           onSubmit(Object.assign({}, resultValues));
         }
       }).catch(function () {
         // 定位到第一条表单异常的
         var errorCollection = Array.prototype.slice.call(document.getElementsByClassName('ant-form-item-has-error'));
-
         if (errorCollection[0] && errorCollection[0].getElementsByTagName('input')) {
           Array.prototype.slice.call(errorCollection[0].getElementsByTagName('input'))[0].focus();
-        } // console.error('表单填写有误', errorInfo, '第一条数据',errorInfo.errorFields[0].name[0])
-
+        }
+        // console.error('表单填写有误', errorInfo, '第一条数据',errorInfo.errorFields[0].name[0])
       });
     } else if (type === 'stepForm' || type === 'tabForm') {
       // onSubmit && onSubmit()
@@ -223,26 +191,23 @@ var StandardModal = function StandardModal(props) {
         }
 
         var resultValues = UtilValueFormat(values, formItemGroup);
-
         if (onSubmit) {
           onSubmit(Object.assign({}, resultValues));
         }
       }).catch(function () {
         // 定位到第一条表单异常的
         var errorCollection = Array.prototype.slice.call(document.getElementsByClassName('ant-form-item-has-error'));
-
         if (errorCollection[0] && errorCollection[0].getElementsByTagName('input')) {
           Array.prototype.slice.call(errorCollection[0].getElementsByTagName('input'))[0].focus();
-        } // console.error('表单填写有误', errorInfo, '第一条数据',errorInfo.errorFields[0].name[0])
-
+        }
+        // console.error('表单填写有误', errorInfo, '第一条数据',errorInfo.errorFields[0].name[0])
       });
     } else {
       // 没有表单数组 formItemGroup 配置
       onSubmit && onSubmit();
     }
-  }; // 重置所有表单
-
-
+  };
+  // 重置所有表单
   var clearAllFieldsValue = function clearAllFieldsValue() {
     // let allFields = {}
     // Object.keys(modalForm.getFieldsValue()).map((item) => allFields[item] = undefined)
@@ -255,24 +220,20 @@ var StandardModal = function StandardModal(props) {
     if (type === 'form') clearAllFieldsValue();
     if (afterClose) afterClose();
   };
-
   var handleCancel = function handleCancel() {
     var onCancel = props.onCancel;
     if (onCancel) onCancel();
-  }; // 强制更新表单值，用于赋初始化实例值
-
-
+  };
+  // 强制更新表单值，用于赋初始化实例值
   var forceUpdateForm = function forceUpdateForm() {
     _getFormFields && _getFormFields(modalForm.getFieldsValue() || {}, modalForm);
   };
-
   var renderFormItemGroup = function renderFormItemGroup() {
     var fieldStatus = props.fieldStatus,
-        formItemGroup = props.formItemGroup,
-        _props$size2 = props.size,
-        size = _props$size2 === void 0 ? 'md' : _props$size2,
-        type = props.type;
-
+      formItemGroup = props.formItemGroup,
+      _props$size2 = props.size,
+      size = _props$size2 === void 0 ? 'md' : _props$size2,
+      type = props.type;
     if (Array.isArray(formItemGroup)) {
       if (type === 'gridForm') {
         // 栅格组
@@ -280,7 +241,6 @@ var StandardModal = function StandardModal(props) {
           gutter: 20
         }, formItemGroup.map(function (item, index) {
           var childrenFields = item.fields || [];
-
           if (item.label) {
             childrenFields = [{
               type: item.type,
@@ -288,7 +248,6 @@ var StandardModal = function StandardModal(props) {
               protoConfig: Object.assign({}, item.protoConfig)
             }].concat(childrenFields);
           }
-
           return /*#__PURE__*/React.createElement(_Col, {
             key: index,
             span: item.gridSpan || 24
@@ -305,7 +264,6 @@ var StandardModal = function StandardModal(props) {
           }));
         }));
       }
-
       return /*#__PURE__*/React.createElement(RenderItemGroup, {
         size: size,
         layout: formLayout,
@@ -318,13 +276,10 @@ var StandardModal = function StandardModal(props) {
         form: modalForm
       });
     }
-
     return formItemGroup;
   };
-
   var handleStepType = function handleStepType(type, extraFunc) {
     var current = stepsConfig.current;
-
     switch (type) {
       case 'submit':
       case 'next':
@@ -337,53 +292,46 @@ var StandardModal = function StandardModal(props) {
         formChild.validateFields(validatorGroup).then(function () {
           // if (stepClick) stepClick(type, formChild, values);
           extraFunc();
-        }).catch(function () {// console.log('表单校验不通过 ', errorFields.map(err => err))
+        }).catch(function () {
+          // console.log('表单校验不通过 ', errorFields.map(err => err))
         });
         break;
-
       case 'prev':
         // if (stepClick) stepClick(type, formChild);
         extraFunc();
         break;
-
       case 'cancel':
         // if (stepClick) stepClick(type, formChild);
         extraFunc();
         break;
-
       default:
         // extraFunc()
         break;
     }
   };
-
   var renderButtonGroup = function renderButtonGroup() {
     var footerButtonGroup = props.footerButtonGroup,
-        confirmLoading = props.confirmLoading,
-        cancelText = props.cancelText,
-        confirmText = props.confirmText,
-        okText = props.okText,
-        okButtonProps = props.okButtonProps,
-        confirmButtonProps = props.confirmButtonProps,
-        cancelButtonProps = props.cancelButtonProps;
-
+      confirmLoading = props.confirmLoading,
+      cancelText = props.cancelText,
+      confirmText = props.confirmText,
+      okText = props.okText,
+      okButtonProps = props.okButtonProps,
+      confirmButtonProps = props.confirmButtonProps,
+      cancelButtonProps = props.cancelButtonProps;
     if (footerButtonGroup) {
       if (Array.isArray(footerButtonGroup)) {
         if (footerButtonGroup.length === 0) return null; // <div>按钮组合配置为空</div>
-
         return /*#__PURE__*/React.createElement(React.Fragment, null, footerButtonGroup.map(function (item) {
           if (_typeof(item) === 'object') {
             if (item.isHide) return null;
-
             var name = item.name,
-                _type = item.type,
-                icon = item.icon,
-                ghost = item.ghost,
-                disabled = item.disabled,
-                loading = item.loading,
-                fn = item.fn,
-                others = __rest(item, ["name", "type", "icon", "ghost", "disabled", "loading", "fn"]);
-
+              _type = item.type,
+              icon = item.icon,
+              ghost = item.ghost,
+              disabled = item.disabled,
+              loading = item.loading,
+              fn = item.fn,
+              others = __rest(item, ["name", "type", "icon", "ghost", "disabled", "loading", "fn"]);
             return /*#__PURE__*/React.createElement(_Button, Object.assign({
               key: name,
               type: _type || 'primary',
@@ -406,10 +354,8 @@ var StandardModal = function StandardModal(props) {
       if (typeof footerButtonGroup === 'function') {
         return footerButtonGroup(modalForm, props);
       }
-
       return footerButtonGroup;
     }
-
     if (footer) return footer;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, Object.assign({
       key: "submit",
@@ -421,10 +367,8 @@ var StandardModal = function StandardModal(props) {
       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.createElement(ActionList, {
@@ -434,7 +378,6 @@ var StandardModal = function StandardModal(props) {
         other: props
       }) : null;
     }
-
     if (type === 'tabForm') {
       var activeTabInfo = formItemGroup.find(function (fItem) {
         return fItem.key === (tabsConfig === null || tabsConfig === void 0 ? void 0 : tabsConfig.activeKey);
@@ -445,11 +388,9 @@ var StandardModal = function StandardModal(props) {
         other: props
       }) : null;
     }
-
     return hasFooterBar ? renderButtonGroup() : null;
-  }; // 内容渲染
-
-
+  };
+  // 内容渲染
   var renderChildrenNodes = function renderChildrenNodes() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children, (type === 'form' || type === 'gridForm') && /*#__PURE__*/React.createElement(_Form, {
       layout: formLayout,
@@ -491,11 +432,10 @@ var StandardModal = function StandardModal(props) {
       initialValues: Object.assign({}, initialValues),
       displayLayout: displayLayout
     }));
-  }; // 可拖动及缩放
-
-
+  };
+  // 可拖动及缩放
   if (dragAble) {
-    return /*#__PURE__*/React.createElement(DraggableModalProvider, null, /*#__PURE__*/React.createElement(DraggableModal, Object.assign({
+    return /*#__PURE__*/React.createElement(StandardDragModal, Object.assign({
       destroyOnClose: true,
       initialWidth: otherProps.width || general.modalSize[size].width,
       initialHeight: otherProps.height,
@@ -508,7 +448,24 @@ var StandardModal = function StandardModal(props) {
       onOk: handleSubmit,
       title: title,
       footer: renderFooter()
-    }), renderChildrenNodes()));
+    }), 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>*/
   }
 
   return /*#__PURE__*/React.createElement(_Modal, Object.assign({
@@ -532,5 +489,4 @@ var StandardModal = function StandardModal(props) {
     onOk: handleSubmit
   }), renderChildrenNodes());
 };
-
 export default StandardModal;

package/es/StandardPanel/index.js

@@ -2,47 +2,36 @@ import "antd/es/popover/style";
 import _Popover from "antd/es/popover";
 import "antd/es/radio/style";
 import _Radio from "antd/es/radio";
-
 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 React, { useState, useMemo, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import './style/index.less';
-
 var StandardPanel = function StandardPanel(props) {
   var className = props.className,
-      style = props.style,
-      height = props.height,
-      children = props.children,
-      title = props.title,
-      badges = props.badges,
-      cateConfig = props.cateConfig,
-      buttonConfig = props.buttonConfig,
-      type = props.type,
-      postfix = props.postfix;
-
+    style = props.style,
+    height = props.height,
+    children = props.children,
+    title = props.title,
+    badges = props.badges,
+    cateConfig = props.cateConfig,
+    buttonConfig = props.buttonConfig,
+    type = props.type,
+    postfix = props.postfix;
   var _useState = useState(56),
-      _useState2 = _slicedToArray(_useState, 2),
-      headerHeight = _useState2[0],
-      setHeaderHeight = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    headerHeight = _useState2[0],
+    setHeaderHeight = _useState2[1];
   var RenderGroupList = function RenderGroupList(values) {
     var list = values.list,
-        activeKey = values.activeKey,
-        onChange = values.onChange,
-        className = values.className,
-        size = values.size;
-
+      activeKey = values.activeKey,
+      onChange = values.onChange,
+      className = values.className,
+      size = values.size;
     var handleChange = function handleChange(e) {
       if (onChange) {
         onChange(e.target.value, list.filter(function (data) {
@@ -50,7 +39,6 @@ var StandardPanel = function StandardPanel(props) {
         })[0]);
       }
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: className
     }, /*#__PURE__*/React.createElement(_Radio.Group, {
@@ -66,16 +54,14 @@ var StandardPanel = function StandardPanel(props) {
         value: item.value
       }, item.label);
     })));
-  }; // 是否显示提示框
-
-
+  };
+  // 是否显示提示框
   var popoverShow = function popoverShow() {
     return title.content ? /*#__PURE__*/React.createElement(_Popover, {
       content: title.content,
       placement: title.placement
     }, " ", title.label, " ") : title;
   };
-
   var panelHeaderRef = useRef();
   var bodyLimitStyle = useMemo(function () {
     if (height) {
@@ -84,7 +70,6 @@ var StandardPanel = function StandardPanel(props) {
         height: "".concat(height - headerHeight, "px")
       };
     }
-
     return {};
   }, [height, headerHeight]);
   useEffect(function () {
@@ -130,5 +115,4 @@ var StandardPanel = function StandardPanel(props) {
     style: Object.assign({}, bodyLimitStyle)
   }, children));
 };
-
 export default StandardPanel;