fan-standard-comp 3.1.1 → 3.1.2

package/es/StandardForm/index.js

@@ -1,39 +1,7 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-require("antd/es/form/style");
-
-var _form = _interopRequireDefault(require("antd/es/form"));
-
-var _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _RenderItemGroup = _interopRequireDefault(require("../FormComp/RenderItemGroup"));
-
-var _data = require("../data");
-
-require("./style/index.less");
-
-var _ActionList = _interopRequireDefault(require("./ActionList"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -47,7 +15,14 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+import { __rest } from "tslib";
+import React, { useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import RenderItemGroup from '../FormComp/RenderItemGroup';
+import { general } from '../data';
+import './style/index.less';
+import ActionList from "./ActionList";
+var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$formItemGroup = props.formItemGroup,
       formItemGroup = _props$formItemGroup === void 0 ? [] : _props$formItemGroup,
       className = props.className,
@@ -72,20 +47,20 @@ var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, re
       postfix = props.postfix,
       fieldSize = props.fieldSize,
       displayLayout = props.displayLayout,
-      baseProps = (0, _tslib.__rest)(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout"]);
+      baseProps = __rest(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout"]);
 
-  var _Form$useForm = _form["default"].useForm(),
+  var _Form$useForm = _Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       initForm = _Form$useForm2[0];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (initForm) {
       // <---- check ref before use the form instance
       forceUpdateForm();
     }
   }, [initForm]); // 栅格尺寸
 
-  var gridSize = (0, _react.useMemo)(function () {
+  var gridSize = useMemo(function () {
     var sizeName = 'xs';
     if (grid <= 1) sizeName = 'xs';
     if (grid === 2) sizeName = 'md';
@@ -94,13 +69,13 @@ var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, re
     return sizeName;
   }, [grid]); // 按钮组对齐位置
 
-  var actionAlignCol = (0, _react.useMemo)(function () {
+  var actionAlignCol = useMemo(function () {
     if (layout !== 'horizontal' || gridSize !== 'xs' || actionAlign && actionAlign !== 'default') {
       return {};
     }
 
-    return Object.assign(Object.assign({}, _data.general.modalSize[gridSize].formBlockLayout.wrapperCol), {
-      offset: _data.general.modalSize[gridSize].formBlockLayout.labelCol.span
+    return Object.assign(Object.assign({}, general.modalSize[gridSize].formBlockLayout.wrapperCol), {
+      offset: general.modalSize[gridSize].formBlockLayout.labelCol.span
     });
   }, [layout, gridSize, actionAlign]); // 强制更新表单值，用于赋初始化实例值
 
@@ -139,9 +114,9 @@ var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, re
   var renderActionGroup = function renderActionGroup() {
     var groupNode = function groupNode() {
       if (Array.isArray(actionGroup)) {
-        return actionGroup.length === 0 ? null : /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
+        return actionGroup.length === 0 ? null : /*#__PURE__*/React.createElement(_Form.Item, {
           wrapperCol: actionAlignCol
-        }, /*#__PURE__*/_react["default"].createElement(_ActionList["default"], {
+        }, /*#__PURE__*/React.createElement(ActionList, {
           list: actionGroup,
           form: initForm,
           align: actionAlign,
@@ -154,17 +129,17 @@ var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, re
 
     if (Array.isArray(actionGroup) && actionGroup.length === 0) return null;
     if (actionGroup) return groupNode();
-    return /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
+    return /*#__PURE__*/React.createElement(_Form.Item, {
       className: "standardForm-actions",
       style: {
         'textAlign': !actionAlign || actionAlign === 'default' ? 'inherit' : actionAlign
       },
       wrapperCol: actionAlignCol
-    }, confirmText && /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    }, confirmText && /*#__PURE__*/React.createElement(_Button, {
       type: "primary",
       htmlType: "submit",
       size: fieldSize
-    }, confirmText), cancelText && /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    }, confirmText), cancelText && /*#__PURE__*/React.createElement(_Button, {
       onClick: function onClick() {
         return onFormCancel();
       },
@@ -172,8 +147,8 @@ var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, re
     }, cancelText));
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], Object.assign({
-    className: (0, _classnames["default"])(className, 'standardForm'),
+  return /*#__PURE__*/React.createElement(_Form, Object.assign({
+    className: classNames(className, 'standardForm'),
     ref: ref,
     form: initForm,
     initialValues: initialValues,
@@ -182,7 +157,7 @@ var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, re
     onFinish: onFormFinish,
     onFinishFailed: onFormFinishFailed,
     scrollToFirstError: true
-  }), prefix, children, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react["default"].createElement(_RenderItemGroup["default"], {
+  }), prefix, children, /*#__PURE__*/React.createElement(React.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/React.createElement(RenderItemGroup, {
     itemGroup: formItemGroup,
     fieldSize: fieldSize,
     displayLayout: displayLayout,
@@ -192,6 +167,4 @@ var StandardForm = /*#__PURE__*/_react["default"].forwardRef(function (props, re
     fieldStatus: fieldStatus
   }) : null, renderActionGroup()), postfix);
 });
-
-var _default = StandardForm;
-exports["default"] = _default;
+export default StandardForm;

package/es/StandardModal/UpdateFormRef.js

@@ -1,17 +1,4 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+import React, { useEffect } from "react";
 
 var updateModalForm = function updateModalForm(props) {
   var getFormAndFields = props.getFormAndFields,
@@ -21,12 +8,11 @@ var updateModalForm = function updateModalForm(props) {
     if (getFormAndFields) getFormAndFields(form.current.getFieldsValue() || {}, form.current);
   };
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     updateFormFields();
   }, [form]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
   /* 如果是ReactNode则直接返回 */
 };
 
-var _default = updateModalForm;
-exports["default"] = _default;
+export default updateModalForm;

package/es/StandardModal/index.d.ts

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

package/es/StandardModal/index.js

@@ -1,51 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("antd/es/row/style");
-
-var _row = _interopRequireDefault(require("antd/es/row"));
-
-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/form/style");
-
-var _form = _interopRequireDefault(require("antd/es/form"));
-
-var _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _data = require("../data");
-
-var _RenderItemGroup = _interopRequireDefault(require("../FormComp/RenderItemGroup"));
-
-var _ValueFormat = _interopRequireDefault(require("../utils/ValueFormat.js"));
-
-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"));
-
-require("./style/index.less");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+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); }
 
@@ -61,6 +21,19 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import { __rest } from "tslib";
+import React, { useEffect, useMemo, useState } from 'react';
+import { general } from '../data';
+import RenderItemGroup from '../FormComp/RenderItemGroup';
+import UtilValueFormat from '../utils/ValueFormat.js';
+import IconNode from "../components/IconNode";
+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';
+
 var StandardModal = function StandardModal(props) {
   var children = props.children,
       className = props.className,
@@ -87,32 +60,34 @@ var StandardModal = function StandardModal(props) {
       tabsConfig = props.tabsConfig,
       stepsConfig = props.stepsConfig,
       displayLayout = props.displayLayout,
-      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"]);
+      _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["default"].useForm(),
+  var _Form$useForm = _Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       modalForm = _Form$useForm2[0];
 
-  var _useState = (0, _react.useState)(),
+  var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       modalFormRef = _useState2[0],
       setModalFormRef = _useState2[1]; // <---- set the ref when Form Rendered
 
 
-  var _useState3 = (0, _react.useState)(0),
+  var _useState3 = useState(0),
       _useState4 = _slicedToArray(_useState3, 2),
       bodyMaxHeight = _useState4[0],
       setBodyMaxHeight = _useState4[1]; // setTabFormChild
 
 
-  var _useState5 = (0, _react.useState)(),
+  var _useState5 = useState(),
       _useState6 = _slicedToArray(_useState5, 2),
       formChild = _useState6[0],
       setFormChild = _useState6[1]; // <---- set the ref when Form Rendered
   // 按钮栏是否有显示（默认显示）
 
 
-  var hasFooterBar = (0, _react.useMemo)(function () {
+  var hasFooterBar = useMemo(function () {
     var _a, _b, _c, _d, _e;
 
     var openLog = false;
@@ -184,7 +159,7 @@ var StandardModal = function StandardModal(props) {
   }; // fill Form when modal open 此处可解决获取  Form.useForm  warning
 
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (visible && modalFormRef) {
       // <---- check ref before use the form instance
       if (initialValues && _typeof(initialValues) === 'object') {
@@ -196,7 +171,7 @@ var StandardModal = function StandardModal(props) {
     // }
 
   }, [modalFormRef, visible]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (visible) {
       initBodyMaxHeight(); // 让resize事件触发 initBodyMaxHeight
 
@@ -214,15 +189,15 @@ var StandardModal = function StandardModal(props) {
     if (type === 'form') {
       modalForm.validateFields().then(function (values) {
         if (Object.prototype.hasOwnProperty.call(values, 'false')) {
-          delete values["false"]; // 自定义结构会莫名的出来一个false字段
+          delete values.false; // 自定义结构会莫名的出来一个false字段
         }
 
-        var resultValues = (0, _ValueFormat["default"])(values, formItemGroup);
+        var resultValues = UtilValueFormat(values, formItemGroup);
 
         if (onSubmit) {
           onSubmit(Object.assign({}, resultValues));
         }
-      })["catch"](function () {
+      }).catch(function () {
         // 定位到第一条表单异常的
         var errorCollection = Array.prototype.slice.call(document.getElementsByClassName('ant-form-item-has-error'));
 
@@ -236,15 +211,15 @@ var StandardModal = function StandardModal(props) {
       formChild.validateFields().then(function (values) {
         // console.log(values)
         if (Object.prototype.hasOwnProperty.call(values, 'false')) {
-          delete values["false"]; // 自定义结构会莫名的出来一个false字段
+          delete values.false; // 自定义结构会莫名的出来一个false字段
         }
 
-        var resultValues = (0, _ValueFormat["default"])(values, formItemGroup);
+        var resultValues = UtilValueFormat(values, formItemGroup);
 
         if (onSubmit) {
           onSubmit(Object.assign({}, resultValues));
         }
-      })["catch"](function () {
+      }).catch(function () {
         // 定位到第一条表单异常的
         var errorCollection = Array.prototype.slice.call(document.getElementsByClassName('ant-form-item-has-error'));
 
@@ -290,7 +265,7 @@ var StandardModal = function StandardModal(props) {
         size = _props$size2 === void 0 ? 'md' : _props$size2;
 
     if (Array.isArray(formItemGroup)) {
-      return /*#__PURE__*/_react["default"].createElement(_RenderItemGroup["default"], {
+      return /*#__PURE__*/React.createElement(RenderItemGroup, {
         size: size,
         layout: formLayout,
         doUpdateFormFields: function doUpdateFormFields() {
@@ -321,7 +296,7 @@ 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;
 
@@ -355,9 +330,10 @@ var StandardModal = function StandardModal(props) {
       if (Array.isArray(footerButtonGroup)) {
         if (footerButtonGroup.length === 0) return null; // <div>按钮组合配置为空</div>
 
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, footerButtonGroup.map(function (item) {
+        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,
@@ -365,11 +341,12 @@ 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 = __rest(item, ["name", "type", "icon", "ghost", "disabled", "loading", "fn"]);
+
+            return /*#__PURE__*/React.createElement(_Button, Object.assign({
               key: name,
               type: _type || 'primary',
-              icon: /*#__PURE__*/_react["default"].createElement(_IconNode["default"], {
+              icon: /*#__PURE__*/React.createElement(IconNode, {
                 icon: icon
               }),
               ghost: ghost,
@@ -393,12 +370,12 @@ var StandardModal = function StandardModal(props) {
     }
 
     if (footer) return footer;
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], Object.assign({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, Object.assign({
       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.createElement(_Button, Object.assign({
       key: "back",
       onClick: handleCancel
     }, cancelButtonProps), cancelText || '取消'));
@@ -409,7 +386,7 @@ var StandardModal = function StandardModal(props) {
 
     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"], {
+      return ((_a = currentStepInfo === null || currentStepInfo === void 0 ? void 0 : currentStepInfo.actions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? /*#__PURE__*/React.createElement(ActionList, {
         list: currentStepInfo.actions || [],
         onStep: handleStepType,
         form: formChild,
@@ -421,7 +398,7 @@ var StandardModal = function StandardModal(props) {
       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"], {
+      return ((_b = activeTabInfo === null || activeTabInfo === void 0 ? void 0 : activeTabInfo.actions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? /*#__PURE__*/React.createElement(ActionList, {
         list: activeTabInfo.actions || [],
         form: formChild,
         other: props
@@ -429,15 +406,77 @@ var StandardModal = function StandardModal(props) {
     }
 
     return hasFooterBar ? renderButtonGroup() : null;
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_modal["default"], Object.assign({
+  }; // 内容渲染
+
+
+  var renderChildrenNodes = function renderChildrenNodes() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children, type === 'form' && /*#__PURE__*/React.createElement(_Form, {
+      layout: formLayout,
+      ref: setModalFormRef,
+      form: modalForm,
+      onFinish: handleSubmit,
+      hideRequiredMark: fieldStatus === 'viewOnly' || hideRequiredMark,
+      // initialValues={{ ...initialValues }}
+      scrollToFirstError: true,
+      className: "modalForm"
+    }, formPrefix && /*#__PURE__*/React.createElement(_Row, null, formPrefix(modalForm, props, forceUpdateForm)), formItemGroup ? renderFormItemGroup() : null, formPostfix && /*#__PURE__*/React.createElement(_Row, null, formPostfix(modalForm, props, forceUpdateForm), " ")), type === 'tabForm' && /*#__PURE__*/React.createElement(TabForm, {
+      grid: size,
+      layout: formLayout,
+      fieldStatus: fieldStatus,
+      actionHide: true,
+      // @ts-ignore
+      getFormFields: function getFormFields(fields, form) {
+        setFormChild(form);
+        _getFormFields && _getFormFields(fields, form);
+      },
+      formItemGroup: formItemGroup,
+      tabsConfig: tabsConfig,
+      onSubmit: handleSubmit,
+      initialValues: Object.assign({}, initialValues),
+      displayLayout: displayLayout
+    }), type === 'stepForm' && /*#__PURE__*/React.createElement(StepForm, {
+      grid: size,
+      layout: formLayout,
+      fieldStatus: fieldStatus,
+      actionHide: true,
+      // @ts-ignore
+      getFormFields: function getFormFields(fields, form) {
+        setFormChild(form);
+        _getFormFields && _getFormFields(fields, form);
+      },
+      formItemGroup: formItemGroup,
+      stepsConfig: stepsConfig,
+      onSubmit: handleSubmit,
+      initialValues: Object.assign({}, initialValues),
+      displayLayout: displayLayout
+    }));
+  }; // 可拖动及缩放
+
+
+  if (dragAble) {
+    return /*#__PURE__*/React.createElement(DraggableModalProvider, null, /*#__PURE__*/React.createElement(DraggableModal, Object.assign({
+      destroyOnClose: true,
+      initialWidth: otherProps.width || general.modalSize[size].width,
+      initialHeight: otherProps.height
+    }, otherProps, {
+      zIndex: 1001,
+      visible: visible,
+      className: "standardModal ".concat(className || '', " ").concat(fieldStatus === 'viewOnly' ? 'is-view' : ''),
+      onCancel: handleCancel,
+      afterClose: onAfterClose,
+      onOk: handleSubmit,
+      title: title,
+      footer: renderFooter()
+    }), renderChildrenNodes()));
+  }
+
+  return /*#__PURE__*/React.createElement(_Modal, Object.assign({
     destroyOnClose: true,
-    maskClosable: false
+    maskClosable: false,
+    width: general.modalSize[size].width
   }, otherProps, {
     visible: visible,
     title: title,
-    width: _data.general.modalSize[size].width,
     footer: renderFooter(),
     className: "standardModal ".concat(className || '', " ").concat(fieldStatus === 'viewOnly' ? 'is-view' : ''),
     style: Object.assign({
@@ -450,47 +489,7 @@ var StandardModal = function StandardModal(props) {
     onCancel: handleCancel,
     afterClose: onAfterClose,
     onOk: handleSubmit
-  }), children, type === 'form' && /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    layout: formLayout,
-    ref: setModalFormRef,
-    form: modalForm,
-    onFinish: handleSubmit,
-    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"], {
-    grid: size,
-    layout: formLayout,
-    fieldStatus: fieldStatus,
-    actionHide: true,
-    // @ts-ignore
-    getFormFields: function getFormFields(fields, form) {
-      setFormChild(form);
-      _getFormFields && _getFormFields(fields, form);
-    },
-    formItemGroup: formItemGroup,
-    tabsConfig: tabsConfig,
-    onSubmit: handleSubmit,
-    initialValues: Object.assign({}, initialValues),
-    displayLayout: displayLayout
-  }), type === 'stepForm' && /*#__PURE__*/_react["default"].createElement(_StepForm["default"], {
-    grid: size,
-    layout: formLayout,
-    fieldStatus: fieldStatus,
-    actionHide: true,
-    // @ts-ignore
-    getFormFields: function getFormFields(fields, form) {
-      setFormChild(form);
-      _getFormFields && _getFormFields(fields, form);
-    },
-    formItemGroup: formItemGroup,
-    stepsConfig: stepsConfig,
-    onSubmit: handleSubmit,
-    initialValues: Object.assign({}, initialValues),
-    displayLayout: displayLayout
-  }));
+  }), renderChildrenNodes());
 };
 
-var _default = StandardModal;
-exports["default"] = _default;
+export default StandardModal;