@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.6

package/es/ProDownload/index.js

@@ -1,3 +1,5 @@
+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 _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
@@ -5,13 +7,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["source", "action", "url", "method", "params", "fileName", "children", "onFinish", "beforeDownload", "className", "transformResponse", "onError"];
 import { useSetState } from 'ahooks';
-import { Button } from 'antd';
 import classNames from 'classnames';
 import _, { isFunction } from 'lodash';
 import { BlobMakeFile, DownloadRequest } from "./utils";
 import { useProConfig } from "../ProConfigProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProDownload = function ProDownload(props) {
+var ProDownload = props => {
   var source = props.source,
     action = props.action,
     url = props.url,
@@ -46,16 +47,16 @@ var ProDownload = function ProDownload(props) {
               break;
             }
             try {
-              fetch(url || action).then(function (response) {
+              fetch(url || action).then(response => {
                 if (response.status > 400) {
-                  return Promise.reject(new Error("Service exception: ".concat(response.status)));
+                  return Promise.reject(new Error(`Service exception: ${response.status}`));
                 }
                 return response.blob();
-              }).then(function (res) {
+              }).then(res => {
                 var blob = new Blob([res]);
                 BlobMakeFile({
-                  blob: blob,
-                  fileName: fileName
+                  blob,
+                  fileName
                 });
               });
             } catch (error) {
@@ -90,12 +91,12 @@ var ProDownload = function ProDownload(props) {
             _context.next = 17;
             return DownloadRequest({
               url: url || action,
-              method: method,
+              method,
               headers: defaultProps.headers,
               params: _params,
-              transformResponse: transformResponse,
-              fileName: fileName,
-              onFinish: onFinish,
+              transformResponse,
+              fileName,
+              onFinish,
               onError: onError || onErrorConfig
             });
           case 17:
@@ -127,7 +128,7 @@ var ProDownload = function ProDownload(props) {
   var cls = classNames(className, {
     'pro-download': true
   });
-  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
     className: cls,
     onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var res;

package/es/ProDownload/utils.js

@@ -1,17 +1,17 @@
 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";
 /* eslint-disable no-empty */
 /* eslint-disable prefer-promise-reject-errors */
-import { message } from 'antd';
 import { isFunction, get } from 'lodash';
 import locale from "../locale";
-var stringify = function stringify(data) {
+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) : '';
@@ -38,7 +38,7 @@ 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);
 }
@@ -48,8 +48,8 @@ export function BlobMakeFile(_ref) {
 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);
     }));
   }), {
@@ -83,7 +83,7 @@ export var DownloadRequest = /*#__PURE__*/function () {
         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',
@@ -96,10 +96,10 @@ 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;
@@ -118,15 +118,15 @@ 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;
                       break;
                     }
                     errorMsg = (_data === null || _data === void 0 ? void 0 : _data.message) || (_data === null || _data === void 0 ? void 0 : _data.msg);
-                    errorMsg && message.error(errorMsg);
+                    errorMsg && _message.error(errorMsg);
                     onError && onError(_data);
                     return _context.abrupt("return", Promise.reject(errorMsg));
                   case 12:
@@ -148,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();

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

@@ -1,8 +1,13 @@
+import "antd/es/drawer/style";
+import _Drawer from "antd/es/drawer";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 { Button, Drawer, Modal } from 'antd';
 import React, { useCallback, useState, useRef, useEffect } from 'react';
 import { useScroll } from 'ahooks';
 import classNames from 'classnames';
@@ -16,7 +21,7 @@ import locale from "../../../locale";
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ProDrawer = function ProDrawer(_ref) {
+var ProDrawer = _ref => {
   var form = _ref.form,
     title = _ref.title,
     width = _ref.width,
@@ -51,24 +56,22 @@ var ProDrawer = function ProDrawer(_ref) {
   var noRenderFooter = isView || footer === false || footer === null;
 
   // 使用 useEffect 在 open 变更时延迟捕获 初始DOM 快照
-  useEffect(function () {
+  useEffect(() => {
     if (open) {
       // 延迟到下一个事件循环，确保 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('');
   }, [open]); // 当 open 变化时执行
 
   // 快照对比
-  var compareSnapshots = function compareSnapshots() {
+  var compareSnapshots = () => {
     if (!ref.current) return false;
     return ref.current.innerHTML === initialSnapshot;
   };
@@ -81,16 +84,16 @@ var ProDrawer = function ProDrawer(_ref) {
           if (isView || !isConfirmClose || compareSnapshots()) {
             onCancel && onCancel();
           } else if (!modalRef.current) {
-            modalRef.current = Modal.confirm(_objectSpread({
+            modalRef.current = _Modal.confirm(_objectSpread({
               className: 'width430',
               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: function onOk() {
+              onOk: () => {
                 onCancel && onCancel();
               },
-              onCancel: function onCancel() {
+              onCancel: () => {
                 modalRef.current = null;
               }
             }, isConfirmCloseModalProps));
@@ -162,7 +165,7 @@ 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 && (_error$errorFields = _context2.t4.errorFields) !== null && _error$errorFields !== void 0 && _error$errorFields.length) {
@@ -189,18 +192,18 @@ var ProDrawer = function ProDrawer(_ref) {
    */
   var defaultFooter = /*#__PURE__*/_jsxs("div", {
     className: "pro-drawer-footer",
-    children: [/*#__PURE__*/_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
-    }), /*#__PURE__*/_jsx(Button, {
+    }), /*#__PURE__*/_jsx(_Button, {
       onClick: onCancel,
       children: cancelText
     })]
   });
-  var renderFooter = function renderFooter() {
+  var renderFooter = () => {
     if (noRenderFooter) {
       return null;
     }
@@ -213,7 +216,7 @@ var ProDrawer = function ProDrawer(_ref) {
     if (isArray(footer) && footer !== null && footer !== void 0 && footer.length) {
       return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
-        children: footer.map(function (item) {
+        children: footer.map(item => {
           if ( /*#__PURE__*/React.isValidElement(item)) {
             return item;
           }
@@ -223,7 +226,7 @@ var ProDrawer = function ProDrawer(_ref) {
     }
     return defaultFooter;
   };
-  return /*#__PURE__*/_jsxs(Drawer, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Drawer, _objectSpread(_objectSpread({
     width: width,
     open: open,
     maskClosable: maskClosable,
@@ -241,7 +244,7 @@ var ProDrawer = function ProDrawer(_ref) {
         src: closeSvg
       })
     }), title ? /*#__PURE__*/_jsx("div", {
-      className: "pro-drawer-title ".concat(top > 0 ? 'pro-drawer-scrolling' : ''),
+      className: `pro-drawer-title ${top > 0 ? 'pro-drawer-scrolling' : ''}`,
       children: title
     }) : null, /*#__PURE__*/_jsx("div", {
       ref: ref,
@@ -249,7 +252,7 @@ var ProDrawer = function ProDrawer(_ref) {
       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,9 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+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 React, { useCallback, useState, useRef } from 'react';
-import { Space, Button, Modal } from 'antd';
 import { useScroll, useSize } from 'ahooks';
 import classnames from 'classnames';
 import { isArray } from 'lodash';
@@ -12,7 +17,7 @@ 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,
@@ -108,7 +113,7 @@ 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 && (_error$errorFields = _context.t4.errorFields) !== null && _error$errorFields !== void 0 && _error$errorFields.length) {
@@ -138,11 +143,11 @@ var ProModal = function ProModal(_ref) {
       'pro-modal-footer': extraLeft,
       'pro-modal-footer-123': true
     }),
-    children: [extraLeft, /*#__PURE__*/_jsxs(Space, {
-      children: [/*#__PURE__*/_jsx(Button, {
+    children: [extraLeft, /*#__PURE__*/_jsxs(_Space, {
+      children: [/*#__PURE__*/_jsx(_Button, {
         onClick: onCancel,
         children: cancelText
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(_Button, {
         type: "primary",
         onClick: handleFinish,
         loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
@@ -151,7 +156,7 @@ var ProModal = function ProModal(_ref) {
       })]
     })]
   });
-  var renderFooter = function renderFooter() {
+  var renderFooter = () => {
     if (noRenderFooter) {
       return null;
     }
@@ -164,7 +169,7 @@ var ProModal = function ProModal(_ref) {
     if (isArray(footer) && footer !== null && footer !== void 0 && footer.length) {
       return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
-        children: footer.map(function (item) {
+        children: footer.map(item => {
           if ( /*#__PURE__*/React.isValidElement(item)) {
             return item;
           }
@@ -174,7 +179,7 @@ var ProModal = function ProModal(_ref) {
     }
     return defaultFooter;
   };
-  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Modal, _objectSpread(_objectSpread({
     className: _className,
     title: title,
     width: width,

package/es/ProDrawerForm/index.js

@@ -9,10 +9,8 @@ import { transformBySize } from "./utils";
 import locale from "../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
 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 _locale$ProDrawerForm, _locale$ProDrawerForm2, _locale$ProDrawerForm3;
   var open = props.open,
     _props$mode = props.mode,
@@ -45,21 +43,19 @@ var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // 强转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 || onCancel();
   };
 
   // 暴露form实例给用户
-  useImperativeHandle(ref, function () {
-    return form;
-  });
-  var DrawerModal = useMemo(function () {
+  useImperativeHandle(ref, () => form);
+  var DrawerModal = useMemo(() => {
     return {
       Drawer: ProDrawer,
       Modal: ProModal

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;

package/es/ProEditLabel/components/RenderProForm.js

@@ -1,19 +1,20 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useEffect } from 'react';
 import { omit } from 'lodash';
 import { InfoCircleOutlined } from '@ant-design/icons';
-import { Space } from 'antd';
 import { ProForm } from "../../index";
 import { matchFormValue } from "../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var RenderProForm = function RenderProForm(props) {
+var RenderProForm = props => {
   var _props3, _props6, _props7;
   var columns = [];
   var primitiveProps = _objectSpread({}, props);
   var _props = {};
-  useEffect(function () {
+  useEffect(() => {
     // isNode以ReactNode节点方式打开popUp，默认每次打开弹窗清空弹窗内容
     if (primitiveProps !== null && primitiveProps !== void 0 && primitiveProps.value && !(primitiveProps !== null && primitiveProps !== void 0 && primitiveProps.isNode)) {
       var _props2;
@@ -21,7 +22,7 @@ var RenderProForm = function RenderProForm(props) {
     }
 
     // 销毁重置表单数据
-    return function () {
+    return () => {
       var _props$form;
       (_props$form = _props.form) === null || _props$form === void 0 || _props$form.resetFields();
     };
@@ -33,7 +34,7 @@ var RenderProForm = function RenderProForm(props) {
       name: props.type || 'Input'
     });
     _props = {
-      columns: columns,
+      columns,
       form: props.form,
       isView: props.isView
     };
@@ -42,12 +43,12 @@ var RenderProForm = function RenderProForm(props) {
   }
   if ((_props3 = _props) !== null && _props3 !== void 0 && _props3.isView) {
     var _props4;
-    (_props4 = _props) === null || _props4 === void 0 || (_props4 = _props4.columns) === null || _props4 === void 0 || _props4.forEach(function (item) {
+    (_props4 = _props) === null || _props4 === void 0 || (_props4 = _props4.columns) === null || _props4 === void 0 || _props4.forEach(item => {
       item.noStyle = true;
     });
   } else {
     var _props5;
-    (_props5 = _props) === null || _props5 === void 0 || (_props5 = _props5.columns) === null || _props5 === void 0 || _props5.forEach(function (item) {
+    (_props5 = _props) === null || _props5 === void 0 || (_props5 = _props5.columns) === null || _props5 === void 0 || _props5.forEach(item => {
       item.noStyle = false;
     });
   }
@@ -57,14 +58,14 @@ var RenderProForm = function RenderProForm(props) {
       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 && _props7.isView) && /*#__PURE__*/_jsx("div", {
       className: "pro-edit-label-tip",
-      children: /*#__PURE__*/_jsxs(Space, {
+      children: /*#__PURE__*/_jsxs(_Space, {
         align: "start",
         children: [/*#__PURE__*/_jsx(InfoCircleOutlined, {}), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip]
       })
     }), /*#__PURE__*/_jsx(ProForm, _objectSpread({
       span: 24,
       footer: false,
-      onValuesChange: function onValuesChange(changeValue, values) {
+      onValuesChange: (changeValue, values) => {
         var _props8;
         if (((_props8 = _props) === null || _props8 === void 0 ? void 0 : _props8.columns.length) === 1) {
           var _props9;