@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/ProDrawerForm/components/ProDrawer/index.js

@@ -10,6 +10,7 @@ var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helper
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
@@ -25,7 +26,7 @@ var ProDrawer = function ProDrawer(_ref) {
     width = _ref.width,
     footer = _ref.footer,
     visible = _ref.visible,
-    disabled = _ref.disabled,
+    isView = _ref.isView,
     maskClosable = _ref.maskClosable,
     isConfirmClose = _ref.isConfirmClose,
     isConfirmCloseModalProps = _ref.isConfirmCloseModalProps,
@@ -46,12 +47,12 @@ var ProDrawer = function ProDrawer(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     loading = _useState2[0],
     toggleLoading = _useState2[1];
-  var noRenderFooter = disabled || footer === false || footer === null;
+  var noRenderFooter = isView || footer === false || footer === null;
   var onConfirm = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (disabled || !isConfirmClose) {
+          if (isView || !isConfirmClose) {
             onCancel && onCancel();
           } else if (!modalRef.current) {
             modalRef.current = _antd.Modal.confirm((0, _objectSpread2.default)({
@@ -149,38 +150,43 @@ var ProDrawer = function ProDrawer(_ref) {
    * 描述：默认底部操作按钮
    *
    */
-  var defaultFooter = /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-drawer-footer"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    type: "primary",
-    onClick: handleFinish,
-    loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
-    disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading
-  }, okText), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    onClick: onCancel
-  }, cancelText));
+  var defaultFooter = (0, _jsxRuntime.jsxs)("div", {
+    className: "pro-drawer-footer",
+    children: [(0, _jsxRuntime.jsx)(_antd.Button, {
+      type: "primary",
+      onClick: handleFinish,
+      loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
+      disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading,
+      children: okText
+    }), (0, _jsxRuntime.jsx)(_antd.Button, {
+      onClick: onCancel,
+      children: cancelText
+    })]
+  });
   var renderFooter = function renderFooter() {
     if (noRenderFooter) {
       return null;
     }
     if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "pro-drawer-footer"
-      }, footer);
+      return (0, _jsxRuntime.jsx)("div", {
+        className: "pro-drawer-footer",
+        children: footer
+      });
     }
     if ((0, _lodash.isArray)(footer) && (footer === null || footer === void 0 ? void 0 : footer.length)) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "pro-drawer-footer"
-      }, footer.map(function (item) {
-        if ( /*#__PURE__*/_react.default.isValidElement(item)) {
-          return item;
-        }
-        return false;
-      }));
+      return (0, _jsxRuntime.jsx)("div", {
+        className: "pro-drawer-footer",
+        children: footer.map(function (item) {
+          if ( /*#__PURE__*/_react.default.isValidElement(item)) {
+            return item;
+          }
+          return false;
+        })
+      });
     }
     return defaultFooter;
   };
-  return /*#__PURE__*/_react.default.createElement(_antd.Drawer, (0, _objectSpread2.default)({
+  return (0, _jsxRuntime.jsxs)(_antd.Drawer, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     width: width,
     open: visible,
     maskClosable: maskClosable,
@@ -188,23 +194,27 @@ var ProDrawer = function ProDrawer(_ref) {
     className: "pro-drawer ".concat(className !== null && className !== void 0 ? className : ''),
     closable: false,
     onClose: onCancel
-  }, drawerProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-drawer-close",
-    onClick: onConfirm
-  }, /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-    className: "close-icon",
-    src: _close.default
-  })), title ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-drawer-title ".concat(top > 0 ? 'pro-drawer-scrolling' : '')
-  }, title) : null, /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: "pro-drawer-content",
-    style: {
-      marginTop: title ? 64 : 0,
-      paddingBottom: noRenderFooter ? 0 : 64,
-      height: "calc(100% - ".concat(title ? 64 : 0, "px)")
-    }
-  }, children), renderFooter());
+  }, drawerProps), {}, {
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "pro-drawer-close",
+      onClick: onConfirm,
+      children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+        className: "close-icon",
+        src: _close.default
+      })
+    }), title ? (0, _jsxRuntime.jsx)("div", {
+      className: "pro-drawer-title ".concat(top > 0 ? 'pro-drawer-scrolling' : ''),
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("div", {
+      ref: ref,
+      className: "pro-drawer-content",
+      style: {
+        marginTop: title ? 64 : 0,
+        paddingBottom: noRenderFooter ? 0 : 64,
+        height: "calc(100% - ".concat(title ? 64 : 0, "px)")
+      },
+      children: children
+    }), renderFooter()]
+  }));
 };
-var _default = ProDrawer;
-exports.default = _default;
+var _default = exports.default = ProDrawer;

package/lib/ProDrawerForm/components/ProModal/index.js

@@ -10,9 +10,11 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _close = _interopRequireDefault(require("../../../assets/close.svg"));
@@ -26,7 +28,7 @@ var ProModal = function ProModal(_ref) {
     width = _ref.width,
     visible = _ref.visible,
     footer = _ref.footer,
-    disabled = _ref.disabled,
+    isView = _ref.isView,
     maskClosable = _ref.maskClosable,
     okText = _ref.okText,
     cancelText = _ref.cancelText,
@@ -41,11 +43,18 @@ var ProModal = function ProModal(_ref) {
   var ref = (0, _react.useRef)(null);
   var _ref2 = (0, _ahooks.useScroll)((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentNode) || {},
     top = _ref2.top;
-  var noRenderFooter = disabled || footer === false || footer === null;
+  var _ref3 = (0, _ahooks.useSize)(ref) || {},
+    height = _ref3.height;
+  var noRenderFooter = isView || footer === false || footer === null;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     loading = _useState2[0],
     toggleLoading = _useState2[1];
+  var _className = (0, _classnames.default)(['pro-modal', className, {
+    'pro-modal-scrolling': top > 0,
+    'pro-modal-no-footer': noRenderFooter,
+    'pro-modal-footer-shadow': height >= 450
+  }]);
   var handleFinish = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
     var values, _error$errorFields, _error$errorFields$;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
@@ -121,39 +130,46 @@ var ProModal = function ProModal(_ref) {
    * 描述：默认底部操作按钮
    *
    */
-  var defaultFooter = /*#__PURE__*/_react.default.createElement("div", {
-    className: extraLeft ? 'pro-modal-footer' : undefined
-  }, extraLeft, /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    onClick: onCancel
-  }, cancelText), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    type: "primary",
-    onClick: handleFinish,
-    loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
-    disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading
-  }, okText)));
+  var defaultFooter = (0, _jsxRuntime.jsxs)("div", {
+    className: extraLeft ? 'pro-modal-footer' : undefined,
+    children: [extraLeft, (0, _jsxRuntime.jsxs)(_antd.Space, {
+      children: [(0, _jsxRuntime.jsx)(_antd.Button, {
+        onClick: onCancel,
+        children: cancelText
+      }), (0, _jsxRuntime.jsx)(_antd.Button, {
+        type: "primary",
+        onClick: handleFinish,
+        loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
+        disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading,
+        children: okText
+      })]
+    })]
+  });
   var renderFooter = function renderFooter() {
     if (noRenderFooter) {
       return null;
     }
     if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "pro-drawer-footer"
-      }, footer);
+      return (0, _jsxRuntime.jsx)("div", {
+        className: "pro-drawer-footer",
+        children: footer
+      });
     }
     if ((0, _lodash.isArray)(footer) && (footer === null || footer === void 0 ? void 0 : footer.length)) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "pro-drawer-footer"
-      }, footer.map(function (item) {
-        if ( /*#__PURE__*/_react.default.isValidElement(item)) {
-          return item;
-        }
-        return false;
-      }));
+      return (0, _jsxRuntime.jsx)("div", {
+        className: "pro-drawer-footer",
+        children: footer.map(function (item) {
+          if ( /*#__PURE__*/_react.default.isValidElement(item)) {
+            return item;
+          }
+          return false;
+        })
+      });
     }
     return defaultFooter;
   };
-  return /*#__PURE__*/_react.default.createElement(_antd.Modal, (0, _objectSpread2.default)({
-    className: "pro-modal ".concat(top > 0 ? 'pro-modal-scrolling' : '', " ").concat(className !== null && className !== void 0 ? className : ''),
+  return (0, _jsxRuntime.jsx)(_antd.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: _className,
     title: title,
     width: width,
     open: visible,
@@ -163,13 +179,15 @@ var ProModal = function ProModal(_ref) {
     okText: okText,
     cancelText: cancelText,
     centered: true,
-    closeIcon: /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+    closeIcon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
       className: "close-icon",
       src: _close.default
     })
-  }, modalProps), /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, children));
+  }, modalProps), {}, {
+    children: (0, _jsxRuntime.jsx)("div", {
+      ref: ref,
+      children: children
+    })
+  }));
 };
-var _default = ProModal;
-exports.default = _default;
+var _default = exports.default = ProModal;

package/lib/ProDrawerForm/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,21 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _components = require("./components");
 var _ProForm = _interopRequireDefault(require("../ProForm"));
 var _utils = require("./utils");
 var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var visible = props.visible;
-  var open = props.open,
+  var _okText;
+  var visible = props.visible,
     showType = props.showType,
+    okText = props.okText,
+    isView = props.isView;
+  var open = props.open,
+    mode = props.mode,
     size = props.size,
     disabled = props.disabled,
     originalForm = props.form,
     proFormProps = props.proFormProps,
     onCancel = props.onCancel,
     children = props.children;
+  showType = mode || showType;
+  isView = isView || disabled;
+  okText = (_okText = okText) !== null && _okText !== void 0 ? _okText : showType === 'Drawer' ? '保存' : '确定';
   visible = open !== null && open !== void 0 ? open : visible;
   var width = props.width;
   if (!width && size) {
@@ -32,9 +38,9 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   if (!Number.isNaN(+width)) {
     width = "".concat(width, "px");
   }
-  var _Form$useForm = _antd.Form.useForm(originalForm),
-    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-    form = _Form$useForm2[0];
+  var _ProForm$useForm = _ProForm.default.useForm(originalForm),
+    _ProForm$useForm2 = (0, _slicedToArray2.default)(_ProForm$useForm, 1),
+    form = _ProForm$useForm2[0];
   var handleCancel = function handleCancel() {
     form.resetFields();
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
@@ -49,25 +55,42 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       Modal: _components.ProModal
     }[showType];
   }, [showType]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, visible ? /*#__PURE__*/_react.default.createElement(Com, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-    visible: visible,
-    form: form,
-    width: width,
-    onCancel: handleCancel
-  }), children || /*#__PURE__*/_react.default.createElement(_ProForm.default, (0, _objectSpread2.default)({
-    form: form,
-    disabled: disabled,
-    footer: false
-  }, proFormProps))) : null);
+  var removeStyle = function removeStyle() {
+    var styleTags = document.getElementsByTagName('style');
+    for (var i = 0; i < styleTags.length; i++) {
+      var rcUtilKey = styleTags[i].getAttribute('rc-util-key');
+      if ((rcUtilKey === null || rcUtilKey === void 0 ? void 0 : rcUtilKey.indexOf('rc-util-locker')) === 0) {
+        styleTags[i].remove();
+      }
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (!visible) {
+      removeStyle();
+    }
+  }, [visible]);
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: visible ? (0, _jsxRuntime.jsx)(Com, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      isView: isView,
+      visible: visible,
+      form: form,
+      width: width,
+      okText: okText,
+      onCancel: handleCancel,
+      children: children || (0, _jsxRuntime.jsx)(_ProForm.default, (0, _objectSpread2.default)({
+        form: form,
+        disabled: isView,
+        footer: false
+      }, proFormProps))
+    })) : null
+  });
 });
 ProDrawerForm.defaultProps = {
   showType: 'Drawer',
   size: 'middle',
   isConfirmClose: true,
   maskClosable: false,
-  okText: '保存',
   cancelText: '取消',
   proFormProps: {}
 };
-var _default = ProDrawerForm;
-exports.default = _default;
+var _default = exports.default = ProDrawerForm;

package/lib/ProDrawerForm/propsType.d.ts

@@ -21,6 +21,8 @@ export interface ProDrawerFormPropsType {
     maskClosable?: ModalProps['maskClosable'] | DrawerProps['maskClosable'];
     /** @name 禁止选项 */
     disabled?: boolean | undefined;
+    /** @name 是否查看模式 */
+    isView?: boolean | undefined;
     /** @name 宽度 */
     width?: ModalProps['width'] | DrawerProps['width'];
     /**
@@ -39,8 +41,10 @@ export interface ProDrawerFormPropsType {
      * @name 确认按钮disabled
      */
     okDisabled?: boolean;
-    /** @name 显示方式 */
+    /** @name 显示方式 (废弃) */
     showType?: ShowTypePropsType;
+    /** @name 显示方式 */
+    mode?: ShowTypePropsType;
     /** @name 尺寸 */
     size?: DrawerSizePropsType;
     /**
@@ -61,11 +65,11 @@ export interface ProDrawerFormPropsType {
     /**
      * @name 底部默认取消按钮事件
      */
-    onCancel?: () => Promise<boolean | void> | boolean | void;
+    onCancel?: () => Promise<boolean | void | unknown> | boolean | void | unknown;
     /**
      * @name 底部默认确定按钮事件
      */
-    onOk?: (values?: any, form?: FormInstance) => Promise<boolean | void> | boolean | void;
+    onOk?: (values?: any, form?: FormInstance) => Promise<boolean | void | unknown> | boolean | void | unknown;
     /**
      * @name 底部自定义按钮配置
      */

package/lib/ProDrawerForm/style/index.less

@@ -2,25 +2,25 @@
   .pro-drawer-close {
     position       : absolute;
     top            : 6px;
-    left           : -37px;
+    left           : -34px;
     display        : flex;
     align-items    : center;
     justify-content: center;
     width          : 32px;
     height         : 38px;
-    color          : #fff;
+    color: var(--zaui-global-bg, #fff);
     cursor         : pointer;
 
     .close-icon {
       position : relative;
-      left     : 4px;
+      left     : 2px;
       z-index  : 1;
-      font-size: 16px;
+      font-size: var(--zaui-font-size-lg, 16px);
       transform: translateZ(100px);
-      fill: #999;
+      fill: var(--zaui-aide-text, #909090);
 
       &:hover {
-        fill: var(--zaui-brand, #006aff);
+        fill: var(--zaui-brand-active, #005AD9);
       }
       > div {
         height: 20px;
@@ -34,7 +34,7 @@
     right           : 0;
     bottom          : 0;
     left            : 0;
-    background-color: #fff;
+    background-color: var(--zaui-global-bg, #fff);
     border-radius   : 4px 0px 0px 4px;
     transform       : perspective(0.15em) rotateY(-2deg);
     content         : '';
@@ -46,22 +46,22 @@
     left            : 0;
     width           : 100%;
     height          : 64px;
-    padding         : var(--zaui-space-size-md) var(--zaui-space-size-lg);
-    color           : var(--zaui-text);
+    padding         : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+    color           : var(--zaui-text, #343434);
     font-weight     : 600;
-    font-size       : var(--zaui-font-size-xxl);
-    background-color: var(--zaui-base-bg);
+    font-size       : var(--zaui-font-size-xxl, 20px);
+    background-color: var(--zaui-global-bg, #fff);
   }
 
   .pro-drawer-scrolling {
     z-index   : 1;
-    box-shadow: -12px 15px 15px -18px #d8d8d8;
+    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56,56,56,0.15));
   }
 
   .pro-drawer-content {
     flex       : 1;
     width      : 100%;
-    padding    : var(--zaui-space-size-md) var(--zaui-space-size-lg);
+    padding    : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
     padding-top: 0;
     overflow-x : hidden;
     overflow-y : auto;
@@ -71,14 +71,14 @@
     position        : absolute;
     bottom          : 0;
     left            : 0;
-    z-index         : 999;
+    z-index         : 101;
     width           : 100%;
-    padding         : var(--zaui-space-size-md) var(--zaui-space-size-lg);
-    background-color: var(--zaui-base-bg);
-    box-shadow      : 8px 2px 8px 0 rgba(216, 216, 216, 1);
+    padding         : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+    background-color: var(--zaui-global-bg, #fff);
+    box-shadow      : 8px 2px 8px 0 var(--zaui-shadow, rgba(56,56,56,0.15));
 
     button {
-      margin-right: var(--zaui-space-size-sm);
+      margin-right: var(--zaui-space-size-sm, 8px);
 
       &:last-of-type {
         margin-right: 0;
@@ -91,7 +91,6 @@
     padding   : 0;
     overflow-y: hidden;
   }
-  max-heightmax-height
   .ant-drawer-content {
     position: static;
   }
@@ -105,7 +104,7 @@
   .ant-modal-close {
     .ant-modal-close-x {
       .close-icon {
-        fill: #999;
+        fill: var(--zaui-aide-text, #909090);
         &:hover {
           fill: var(--zaui-brand, #006aff);
         }
@@ -133,7 +132,7 @@
   .ant-modal-content {
     .ant-modal-body {
       max-height : 450px;
-      padding    : 0 var(--zaui-space-size-md, 16px) var(--zaui-space-size-md, 16px);
+      padding    : 0 var(--zaui-space-size-md, 16px);
       padding-top: 0;
       overflow   : auto;
     }
@@ -141,18 +140,29 @@
 
 }
 
+.pro-modal-no-footer {
+  .ant-modal-content {
+    .ant-modal-body {
+      
+      padding-bottom   : var(--zaui-space-size-md, 16px);
+    }
+  }
+}
+
 .pro-modal-scrolling {
   z-index: 1;
 
   .ant-modal-header {
-    box-shadow: -12px 15px 15px -18px #d8d8d8;
+    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56,56,56,0.15));
     position  : relative;
     z-index   : 1;
   }
+}
 
+.pro-modal-footer-shadow {
   .ant-modal-footer {
     position  : relative;
     z-index   : 1;
-    box-shadow: 3px 2px 12px 0px rgba(151, 151, 151, 0.32);
+    box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56,56,56,0.15));
   }
 }

package/lib/ProDrawerForm/utils/index.js

@@ -8,7 +8,7 @@ exports.transformBySize = void 0;
  * 将枚举值转成数值px，暴露枚举，隐藏真实数值，暂时不让用户自定义
  * @param size 设计规范的三个尺寸  460 960 1200 对应 'small' | 'middle' | 'large'
  */
-var transformBySize = function transformBySize(size) {
+var transformBySize = exports.transformBySize = function transformBySize(size) {
   switch (size) {
     case 'small':
       return 460;
@@ -19,5 +19,4 @@ var transformBySize = function transformBySize(size) {
     default:
       return 960;
   }
-};
-exports.transformBySize = transformBySize;
+};

package/lib/ProEditLabel/components/RenderProForm.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _lodash = require("lodash");
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
@@ -54,25 +54,29 @@ var RenderProForm = function RenderProForm(props) {
       item.noStyle = false;
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title) && !((_props6 = _props) === null || _props6 === void 0 ? void 0 : _props6.isView) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-edit-label-title"
-  }, primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title), (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip) && !((_props7 = _props) === null || _props7 === void 0 ? void 0 : _props7.isView) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-edit-label-tip"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
-    align: "start"
-  }, /*#__PURE__*/_react.default.createElement(_icons.InfoCircleOutlined, null), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip)), /*#__PURE__*/_react.default.createElement(_index.ProForm, (0, _objectSpread2.default)({
-    span: 24,
-    footer: false,
-    onValuesChange: function onValuesChange(changeValue, values) {
-      var _props8;
-      if (((_props8 = _props) === null || _props8 === void 0 ? void 0 : _props8.columns.length) === 1) {
-        var _props9, _props9$columns$;
-        primitiveProps.onChange && primitiveProps.onChange(values[(_props9 = _props) === null || _props9 === void 0 ? void 0 : (_props9$columns$ = _props9.columns[0]) === null || _props9$columns$ === void 0 ? void 0 : _props9$columns$.name]);
-        return;
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title) && !((_props6 = _props) === null || _props6 === void 0 ? void 0 : _props6.isView) && (0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-label-title",
+      children: primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title
+    }), (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip) && !((_props7 = _props) === null || _props7 === void 0 ? void 0 : _props7.isView) && (0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-label-tip",
+      children: (0, _jsxRuntime.jsxs)(_antd.Space, {
+        align: "start",
+        children: [(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {}), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip]
+      })
+    }), (0, _jsxRuntime.jsx)(_index.ProForm, (0, _objectSpread2.default)({
+      span: 24,
+      footer: false,
+      onValuesChange: function onValuesChange(changeValue, values) {
+        var _props8;
+        if (((_props8 = _props) === null || _props8 === void 0 ? void 0 : _props8.columns.length) === 1) {
+          var _props9, _props9$columns$;
+          primitiveProps.onChange && primitiveProps.onChange(values[(_props9 = _props) === null || _props9 === void 0 ? void 0 : (_props9$columns$ = _props9.columns[0]) === null || _props9$columns$ === void 0 ? void 0 : _props9$columns$.name]);
+          return;
+        }
+        primitiveProps.onChange && primitiveProps.onChange(values);
       }
-      primitiveProps.onChange && primitiveProps.onChange(values);
-    }
-  }, _props)));
+    }, _props))]
+  });
 };
-var _default = RenderProForm;
-exports.default = _default;
+var _default = exports.default = RenderProForm;