@zat-design/sisyphus-react 3.13.19-beta.5 → 3.13.19-beta.7

package/es/ProDownload/utils.js

@@ -2,18 +2,16 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import "antd/es/message/style";
 import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _get from "lodash/get";
-import _isFunction from "lodash/isFunction";
 /* eslint-disable no-empty */
 /* eslint-disable prefer-promise-reject-errors */
-import locale from '../locale';
-var stringify = function stringify(data) {
+import { isFunction, get } from 'lodash';
+import locale from "../locale";
+var stringify = data => {
   var result = '';
   if (data && Object.keys(data).length) {
-    Object.entries(data).forEach(function (item) {
-      result += "&".concat(item[0], "=").concat(item[1]);
+    Object.entries(data).forEach(item => {
+      result += `&${item[0]}=${item[1]}`;
     });
   }
   return result ? result.substr(1) : '';
@@ -40,21 +38,25 @@ export function BlobMakeFile(_ref) {
   ele.style.display = 'none';
   ele.setAttribute('target', '');
   ele.href = blobUrl;
-  ele.download = "".concat(fileName);
+  ele.download = `${fileName}`;
   ele.click();
   doc.body.removeChild(ele);
 }
+
+// base64转Blob
+
 export var convertBase64ToBlob = function convertBase64ToBlob(base64, fileType) {
   var _atob$match;
   var slice = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1024;
-  return new Blob((_atob$match = atob(base64).match(new RegExp("([\\s\\S]{".concat(slice, "})|([\\s\\S]{1,").concat(slice, "})"), 'g'))) === null || _atob$match === void 0 ? void 0 : _atob$match.map(function (item) {
-    return new Uint8Array(item.split('').map(function (s, i) {
+  return new Blob((_atob$match = atob(base64).match(new RegExp(`([\\s\\S]{${slice}})|([\\s\\S]{1,${slice}})`, 'g'))) === null || _atob$match === void 0 ? void 0 : _atob$match.map(item => {
+    return new Uint8Array(item.split('').map((s, i) => {
       return item.charCodeAt(i);
     }));
   }), {
     type: fileType
   });
 };
+
 /**
  * 从Content-Disposition获取filename
  * @param contentDisposition string
@@ -71,16 +73,17 @@ export function getFilenameFromContentDisposition(contentDisposition) {
   }
   return null;
 }
+
 // 发起请求获取下载文件
 export var DownloadRequest = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
     var url, _ref2$method, method, params, headers, transformResponse, fileName, onFinish, onError, config, res, fileBlob, data, contentFileName;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           url = _ref2.url, _ref2$method = _ref2.method, method = _ref2$method === void 0 ? 'post' : _ref2$method, params = _ref2.params, headers = _ref2.headers, transformResponse = _ref2.transformResponse, fileName = _ref2.fileName, onFinish = _ref2.onFinish, onError = _ref2.onError;
           config = {
-            method: method,
+            method,
             credentials: 'include',
             headers: {
               'Content-Type': 'application/json',
@@ -93,15 +96,15 @@ export var DownloadRequest = /*#__PURE__*/function () {
           }
           // 处理get请求入参
           if (method === 'get' && params) {
-            url = "".concat(url).concat(url.indexOf('?') !== -1 ? '&' : '?').concat(stringify(params));
+            url = `${url}${url.indexOf('?') !== -1 ? '&' : '?'}${stringify(params)}`;
           }
           // if custom headers need to be set for the specific request
-          if (headers && _typeof(headers) === 'object' && Object.keys(headers).length > 0) {
+          if (headers && typeof headers === 'object' && Object.keys(headers).length > 0) {
             config.headers = _objectSpread(_objectSpread({}, config.headers), headers);
           }
           _context2.next = 7;
-          return fetch(url, config).then(/*#__PURE__*/function () {
-            var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(response) {
+          return fetch(url, config).then( /*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(response) {
               var _data, errorMsg;
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
@@ -115,8 +118,8 @@ export var DownloadRequest = /*#__PURE__*/function () {
                       _context.next = 7;
                       break;
                     }
-                    _message.error("".concat(locale.ProDownload.errorMessage));
-                    return _context.abrupt("return", Promise.reject("".concat(locale.ProDownload.errorMessage)));
+                    _message.error(`${locale.ProDownload.errorMessage}`);
+                    return _context.abrupt("return", Promise.reject(`${locale.ProDownload.errorMessage}`));
                   case 7:
                     if (!((_data === null || _data === void 0 ? void 0 : _data.status) > 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
                       _context.next = 12;
@@ -127,7 +130,7 @@ export var DownloadRequest = /*#__PURE__*/function () {
                     onError && onError(_data);
                     return _context.abrupt("return", Promise.reject(errorMsg));
                   case 12:
-                    if (!_isFunction(transformResponse)) {
+                    if (!isFunction(transformResponse)) {
                       _context.next = 14;
                       break;
                     }
@@ -145,7 +148,7 @@ export var DownloadRequest = /*#__PURE__*/function () {
                     }
                     return _context.abrupt("return", Promise.resolve(response));
                   case 21:
-                    return _context.abrupt("return", Promise.reject("".concat(locale.ProDownload.errorMessage)));
+                    return _context.abrupt("return", Promise.reject(`${locale.ProDownload.errorMessage}`));
                   case 22:
                   case "end":
                     return _context.stop();
@@ -160,12 +163,12 @@ export var DownloadRequest = /*#__PURE__*/function () {
           res = _context2.sent;
           data = null;
           contentFileName = '';
-          if (_isFunction(transformResponse)) {
+          if (isFunction(transformResponse)) {
             data = res;
           } else {
             // 优先获取Content-Disposition中filename
             contentFileName = getFilenameFromContentDisposition(res.headers.get('Content-Disposition'));
-            data = _get(res, 'data');
+            data = get(res, 'data');
           }
           if (!data) {
             _context2.next = 15;
@@ -181,7 +184,7 @@ export var DownloadRequest = /*#__PURE__*/function () {
           fileBlob = _context2.sent;
         case 18:
           // 完成回调
-          onFinish === null || onFinish === void 0 ? void 0 : onFinish(res, params);
+          onFinish === null || onFinish === void 0 || onFinish(res, params);
           BlobMakeFile({
             blob: fileBlob,
             fileName: fileName || contentFileName

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

@@ -8,17 +8,19 @@ import "antd/es/modal/style";
 import _Modal from "antd/es/modal";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _isArray from "lodash/isArray";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState, useRef, useEffect } from 'react';
 import { useScroll } from 'ahooks';
+import { isArray } from 'lodash';
 import { ReactSVG } from 'react-svg';
-import closeSvg from '../../../assets/close.svg';
-import locale from '../../../locale';
+import closeSvg from "../../../assets/close.svg";
+import locale from "../../../locale";
+
 /**
  * 抽屉组件
  */
-var ProDrawer = function ProDrawer(_ref) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ProDrawer = _ref => {
   var form = _ref.form,
     title = _ref.title,
     width = _ref.width,
@@ -51,27 +53,28 @@ var ProDrawer = function ProDrawer(_ref) {
     initialSnapshot = _useState4[0],
     setInitialSnapshot = _useState4[1];
   var noRenderFooter = isView || footer === false || footer === null;
+
   // 使用 useEffect 在 visible 变更时延迟捕获 初始DOM 快照
-  useEffect(function () {
+  useEffect(() => {
     if (visible) {
       // 延迟到下一个事件循环，确保 Drawer 已经渲染
-      var timeoutId = setTimeout(function () {
+      var timeoutId = setTimeout(() => {
         if (ref.current) {
           setInitialSnapshot(ref.current.innerHTML); // 捕获 DOM 快照
         }
       }, 100); // 使用 setTimeout 让 DOM 渲染完成后再执行
-      return function () {
-        return clearTimeout(timeoutId);
-      }; // 清理定时器
+
+      return () => clearTimeout(timeoutId); // 清理定时器
     }
     setInitialSnapshot('');
   }, [visible]); // 当 visible 变化时执行
+
   // 快照对比
-  var compareSnapshots = function compareSnapshots() {
+  var compareSnapshots = () => {
     if (!ref.current) return false;
     return ref.current.innerHTML === initialSnapshot;
   };
-  var onConfirm = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var onConfirm = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _locale$ProDrawerForm, _locale$ProDrawerForm2, _locale$ProDrawerForm3, _locale$ProDrawerForm4;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -82,14 +85,14 @@ var ProDrawer = function ProDrawer(_ref) {
           } else if (!modalRef.current) {
             modalRef.current = _Modal.confirm(_objectSpread({
               className: 'width430',
-              title: locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm = locale.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.isSureClose,
-              okText: locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm2 = locale.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm,
-              cancelText: locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm3 = locale.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.cancel,
-              content: locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm4 = locale.ProDrawerForm) === null || _locale$ProDrawerForm4 === void 0 ? void 0 : _locale$ProDrawerForm4.secondTipsWhenSave,
-              onOk: function onOk() {
+              title: locale === null || locale === void 0 || (_locale$ProDrawerForm = locale.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.isSureClose,
+              okText: locale === null || locale === void 0 || (_locale$ProDrawerForm2 = locale.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm,
+              cancelText: locale === null || locale === void 0 || (_locale$ProDrawerForm3 = locale.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.cancel,
+              content: locale === null || locale === void 0 || (_locale$ProDrawerForm4 = locale.ProDrawerForm) === null || _locale$ProDrawerForm4 === void 0 ? void 0 : _locale$ProDrawerForm4.secondTipsWhenSave,
+              onOk: () => {
                 onCancel && onCancel();
               },
-              onCancel: function onCancel() {
+              onCancel: () => {
                 modalRef.current = null;
               }
             }, isConfirmCloseModalProps));
@@ -100,7 +103,7 @@ var ProDrawer = function ProDrawer(_ref) {
       }
     }, _callee);
   })), [onCancel, modalRef.current, ref.current]);
-  var handleFinish = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+  var handleFinish = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     var values;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -161,10 +164,10 @@ var ProDrawer = function ProDrawer(_ref) {
           _context2.prev = 26;
           _context2.t4 = _context2["catch"](0);
           /** 使用setTimeout确保DOM已经更新，错误标记已经渲染 */
-          setTimeout(function () {
+          setTimeout(() => {
             var _ref$current, _error$errorFields;
             var errorElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('[class*="form-item-has-error"]');
-            if (errorElement && (_context2.t4 === null || _context2.t4 === void 0 ? void 0 : (_error$errorFields = _context2.t4.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length)) {
+            if (errorElement && _context2.t4 !== null && _context2.t4 !== void 0 && (_error$errorFields = _context2.t4.errorFields) !== null && _error$errorFields !== void 0 && _error$errorFields.length) {
               errorElement.scrollIntoView({
                 behavior: 'smooth',
                 block: 'center'
@@ -181,38 +184,39 @@ var ProDrawer = function ProDrawer(_ref) {
       }
     }, _callee2, null, [[0, 26, 29, 32]]);
   })), [onOk, onCancel, form]);
+
   /**
    * 描述：默认底部操作按钮
    *
    */
-  var defaultFooter = _jsxs("div", {
+  var defaultFooter = /*#__PURE__*/_jsxs("div", {
     className: "pro-drawer-footer",
-    children: [_jsx(_Button, {
+    children: [/*#__PURE__*/_jsx(_Button, {
       type: "primary",
       onClick: handleFinish,
       loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
       disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading,
       children: okText
-    }), _jsx(_Button, {
+    }), /*#__PURE__*/_jsx(_Button, {
       onClick: onCancel,
       children: cancelText
     })]
   });
-  var renderFooter = function renderFooter() {
+  var renderFooter = () => {
     if (noRenderFooter) {
       return null;
     }
-    if (/*#__PURE__*/React.isValidElement(footer)) {
-      return _jsx("div", {
+    if ( /*#__PURE__*/React.isValidElement(footer)) {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
         children: footer
       });
     }
-    if (_isArray(footer) && (footer === null || footer === void 0 ? void 0 : footer.length)) {
-      return _jsx("div", {
+    if (isArray(footer) && footer !== null && footer !== void 0 && footer.length) {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
-        children: footer.map(function (item) {
-          if (/*#__PURE__*/React.isValidElement(item)) {
+        children: footer.map(item => {
+          if ( /*#__PURE__*/React.isValidElement(item)) {
             return item;
           }
           return false;
@@ -221,33 +225,33 @@ var ProDrawer = function ProDrawer(_ref) {
     }
     return defaultFooter;
   };
-  return _jsxs(_Drawer, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Drawer, _objectSpread(_objectSpread({
     width: width,
     open: visible,
     maskClosable: maskClosable,
     placement: "right",
-    className: "pro-drawer ".concat(className !== null && className !== void 0 ? className : ''),
+    className: `pro-drawer ${className !== null && className !== void 0 ? className : ''}`,
     closable: false,
     onClose: onCancel,
     zIndex: zIndex
   }, drawerProps), {}, {
-    children: [_jsx("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       className: "pro-drawer-close",
       onClick: onConfirm,
-      children: _jsx(ReactSVG, {
+      children: /*#__PURE__*/_jsx(ReactSVG, {
         className: "close-icon",
         src: closeSvg
       })
-    }), title ? _jsx("div", {
-      className: "pro-drawer-title ".concat(top > 0 ? 'pro-drawer-scrolling' : ''),
+    }), title ? /*#__PURE__*/_jsx("div", {
+      className: `pro-drawer-title ${top > 0 ? 'pro-drawer-scrolling' : ''}`,
       children: title
-    }) : null, _jsx("div", {
+    }) : null, /*#__PURE__*/_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)")
+        height: `calc(100% - ${title ? 64 : 0}px)`
       },
       children: children
     }), renderFooter()]

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

@@ -1,24 +1,25 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/modal/style";
 import _Modal from "antd/es/modal";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import "antd/es/space/style";
 import _Space from "antd/es/space";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _isArray from "lodash/isArray";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState, useRef } from 'react';
 import { useScroll, useSize } from 'ahooks';
 import classnames from 'classnames';
+import { isArray } from 'lodash';
 import { ReactSVG } from 'react-svg';
-import closeSvg from '../../../assets/close.svg';
+import closeSvg from "../../../assets/close.svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * 弹窗组件
  */
-var ProModal = function ProModal(_ref) {
+var ProModal = _ref => {
   var _ref$current;
   var form = _ref.form,
     title = _ref.title,
@@ -53,7 +54,7 @@ var ProModal = function ProModal(_ref) {
     'pro-modal-no-footer': noRenderFooter,
     'pro-modal-footer-shadow': height >= 450
   }]);
-  var handleFinish = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var handleFinish = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var values;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -114,10 +115,10 @@ var ProModal = function ProModal(_ref) {
           _context.prev = 26;
           _context.t4 = _context["catch"](0);
           /** 使用setTimeout确保DOM已经更新，错误标记已经渲染 */
-          setTimeout(function () {
+          setTimeout(() => {
             var _ref$current2, _error$errorFields;
             var errorElement = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelector('[class*="form-item-has-error"]');
-            if (errorElement && (_context.t4 === null || _context.t4 === void 0 ? void 0 : (_error$errorFields = _context.t4.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length)) {
+            if (errorElement && _context.t4 !== null && _context.t4 !== void 0 && (_error$errorFields = _context.t4.errorFields) !== null && _error$errorFields !== void 0 && _error$errorFields.length) {
               errorElement.scrollIntoView({
                 behavior: 'smooth',
                 block: 'center'
@@ -134,17 +135,18 @@ var ProModal = function ProModal(_ref) {
       }
     }, _callee, null, [[0, 26, 29, 32]]);
   })), [onOk, onCancel, form]);
+
   /**
    * 描述：默认底部操作按钮
    *
    */
-  var defaultFooter = _jsxs("div", {
+  var defaultFooter = /*#__PURE__*/_jsxs("div", {
     className: extraLeft ? 'pro-modal-footer' : undefined,
-    children: [extraLeft, _jsxs(_Space, {
-      children: [_jsx(_Button, {
+    children: [extraLeft, /*#__PURE__*/_jsxs(_Space, {
+      children: [/*#__PURE__*/_jsx(_Button, {
         onClick: onCancel,
         children: cancelText
-      }), _jsx(_Button, {
+      }), /*#__PURE__*/_jsx(_Button, {
         type: "primary",
         onClick: handleFinish,
         loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
@@ -153,21 +155,21 @@ var ProModal = function ProModal(_ref) {
       })]
     })]
   });
-  var renderFooter = function renderFooter() {
+  var renderFooter = () => {
     if (noRenderFooter) {
       return null;
     }
-    if (/*#__PURE__*/React.isValidElement(footer)) {
-      return _jsx("div", {
+    if ( /*#__PURE__*/React.isValidElement(footer)) {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
         children: footer
       });
     }
-    if (_isArray(footer) && (footer === null || footer === void 0 ? void 0 : footer.length)) {
-      return _jsx("div", {
+    if (isArray(footer) && footer !== null && footer !== void 0 && footer.length) {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
-        children: footer.map(function (item) {
-          if (/*#__PURE__*/React.isValidElement(item)) {
+        children: footer.map(item => {
+          if ( /*#__PURE__*/React.isValidElement(item)) {
             return item;
           }
           return false;
@@ -176,7 +178,7 @@ var ProModal = function ProModal(_ref) {
     }
     return defaultFooter;
   };
-  return _jsx(_Modal, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Modal, _objectSpread(_objectSpread({
     className: _className,
     title: title,
     width: width,
@@ -186,13 +188,13 @@ var ProModal = function ProModal(_ref) {
     footer: renderFooter(),
     okText: okText,
     cancelText: cancelText,
-    closeIcon: _jsx(ReactSVG, {
+    closeIcon: /*#__PURE__*/_jsx(ReactSVG, {
       className: "close-icon",
       src: closeSvg
     }),
     zIndex: zIndex
   }, modalProps), {}, {
-    children: _jsx("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ref: ref,
       children: children
     })

package/es/ProDrawerForm/components/index.js

@@ -1,2 +1,2 @@
-export { default as ProDrawer } from './ProDrawer';
-export { default as ProModal } from './ProModal';
+export { default as ProDrawer } from "./ProDrawer";
+export { default as ProModal } from "./ProModal";

package/es/ProDrawerForm/index.js

@@ -1,17 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _locale$ProDrawerForm3;
+import React, { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
+import { ProDrawer, ProModal } from "./components";
+import ProForm from "../ProForm";
+import { transformBySize } from "./utils";
+import locale from "../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
-import { ProDrawer, ProModal } from './components';
-import ProForm from '../ProForm';
-import { transformBySize } from './utils';
-import locale from '../locale';
 var ProDrawerFormContext = /*#__PURE__*/createContext(null);
-export var useProDrawerFormContext = function useProDrawerFormContext() {
-  return useContext(ProDrawerFormContext);
-};
-var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
+export var useProDrawerFormContext = () => useContext(ProDrawerFormContext);
+var ProDrawerForm = /*#__PURE__*/forwardRef((props, ref) => {
   var _okText, _locale$ProDrawerForm, _locale$ProDrawerForm2;
   var visible = props.visible,
     showType = props.showType,
@@ -28,45 +26,45 @@ var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
     children = props.children;
   showType = mode || showType;
   isView = isView || disabled;
-  okText = (_okText = okText) !== null && _okText !== void 0 ? _okText : showType === 'Drawer' ? locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm = locale.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.save : locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm2 = locale.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm;
+  okText = (_okText = okText) !== null && _okText !== void 0 ? _okText : showType === 'Drawer' ? locale === null || locale === void 0 || (_locale$ProDrawerForm = locale.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.save : locale === null || locale === void 0 || (_locale$ProDrawerForm2 = locale.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm;
   visible = open !== null && open !== void 0 ? open : visible;
   var width = props.width;
   if (!width && size) {
     width = transformBySize(size);
   }
+
   // 强转string 类型
   if (!Number.isNaN(+width)) {
-    width = "".concat(width, "px");
+    width = `${width}px`;
   }
   var _ProForm$useForm = ProForm.useForm(originalForm),
     _ProForm$useForm2 = _slicedToArray(_ProForm$useForm, 1),
     form = _ProForm$useForm2[0];
-  var handleCancel = function handleCancel() {
+  var handleCancel = () => {
     onCloseClean && form.resetFields();
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    onCancel === null || onCancel === void 0 || onCancel();
   };
+
   // 暴露form实例给用户
-  useImperativeHandle(ref, function () {
-    return form;
-  });
-  var Com = useMemo(function () {
+  useImperativeHandle(ref, () => form);
+  var Com = useMemo(() => {
     return {
       Drawer: ProDrawer,
       Modal: ProModal
     }[showType];
   }, [showType]);
-  return _jsx(ProDrawerFormContext.Provider, {
+  return /*#__PURE__*/_jsx(ProDrawerFormContext.Provider, {
     value: {
       source: 'ProDrawerForm'
     },
-    children: visible ? _jsx(Com, _objectSpread(_objectSpread({}, props), {}, {
+    children: visible ? /*#__PURE__*/_jsx(Com, _objectSpread(_objectSpread({}, props), {}, {
       isView: isView,
       visible: visible,
       form: form,
       width: width,
       okText: okText,
       onCancel: handleCancel,
-      children: children || _jsx(ProForm, _objectSpread({
+      children: children || /*#__PURE__*/_jsx(ProForm, _objectSpread({
         form: form,
         disabled: isView,
         footer: false
@@ -80,7 +78,7 @@ ProDrawerForm.defaultProps = {
   isConfirmClose: true,
   onCloseClean: true,
   maskClosable: false,
-  cancelText: locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm3 = locale.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.cancel,
+  cancelText: locale === null || locale === void 0 || (_locale$ProDrawerForm3 = locale.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.cancel,
   proFormProps: {}
 };
 export default ProDrawerForm;

package/es/ProDrawerForm/utils/index.js

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