@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/es/ProThemeTools/index.js

@@ -1,10 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/message/style";
+import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
 /* eslint-disable prefer-const */
-import { message } from 'antd';
 import { useEffect, useState } from 'react';
 import { usePrevious, useUpdateEffect, useToggle } from 'ahooks';
 import { ReactSVG } from 'react-svg';
@@ -41,13 +41,18 @@ var defaultThemeConfig = {
   zauiTableBorder: false,
   zauiStripe: true
 };
-var ProThemeTools = function ProThemeTools(_ref) {
-  var size = _ref.size,
+var ProThemeTools = _ref => {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
     className = _ref.className,
-    cacheTime = _ref.cacheTime,
-    color = _ref.color,
-    mode = _ref.mode,
-    iconFollowTheme = _ref.iconFollowTheme,
+    _ref$cacheTime = _ref.cacheTime,
+    cacheTime = _ref$cacheTime === void 0 ? false : _ref$cacheTime,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#343434' : _ref$color,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'prd' : _ref$mode,
+    _ref$iconFollowTheme = _ref.iconFollowTheme,
+    iconFollowTheme = _ref$iconFollowTheme === void 0 ? false : _ref$iconFollowTheme,
     _ref$prefixCls = _ref.prefixCls,
     prefixCls = _ref$prefixCls === void 0 ? 'ant' : _ref$prefixCls,
     _ref$tableBorder = _ref.tableBorder,
@@ -76,7 +81,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     zauiTableBorder = state.zauiTableBorder;
 
   // 重置
-  var onReset = function onReset() {
+  var onReset = () => {
     var resetConfig = _objectSpread(_objectSpread({}, state), defaultThemeConfig);
     setState(resetConfig);
 
@@ -109,7 +114,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   };
 
   // 复制
-  var onCopy = function onCopy() {
+  var onCopy = () => {
     var data = JSON.stringify(getMapKebabCase(state, '@'));
     var input = document.createElement('input');
     document.body.appendChild(input);
@@ -117,13 +122,13 @@ var ProThemeTools = function ProThemeTools(_ref) {
     input.select();
     if (document.execCommand('copy')) {
       document.execCommand('copy');
-      message.success("".concat(locale.ProThemeTools.copySuccess));
+      _message.success(`${locale.ProThemeTools.copySuccess}`);
     }
     document.body.removeChild(input);
   };
 
   // 首次从缓存中读取主题配置
-  useEffect(function () {
+  useEffect(() => {
     var themeConfig = localStorage.getItem('themeConfig');
     var curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
     var startTime = curThemeConfig === null || curThemeConfig === void 0 ? void 0 : curThemeConfig.startTime;
@@ -133,10 +138,8 @@ var ProThemeTools = function ProThemeTools(_ref) {
       var _localThemeConfig;
       var localThemeConfig;
       localThemeConfig = curThemeConfig.data;
-      var cssVariables = Object.fromEntries(Object.entries(localThemeConfig).map(function (item) {
-        return ["".concat(getKebabCase(item === null || item === void 0 ? void 0 : item[0])), ['zauiSize'].includes(item === null || item === void 0 ? void 0 : item[0]) || typeof (item === null || item === void 0 ? void 0 : item[1]) !== 'number' ? item === null || item === void 0 ? void 0 : item[1] : "".concat(item === null || item === void 0 ? void 0 : item[1], "px") // zauiSize取数字
-        ];
-      }));
+      var cssVariables = Object.fromEntries(Object.entries(localThemeConfig).map(item => [`${getKebabCase(item === null || item === void 0 ? void 0 : item[0])}`, ['zauiSize'].includes(item === null || item === void 0 ? void 0 : item[0]) || typeof (item === null || item === void 0 ? void 0 : item[1]) !== 'number' ? item === null || item === void 0 ? void 0 : item[1] : `${item === null || item === void 0 ? void 0 : item[1]}px` // zauiSize取数字
+      ]));
       setState(_objectSpread(_objectSpread({}, state), localThemeConfig));
       setThemes(cssVariables);
 
@@ -163,7 +166,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, []);
 
   // 主题色动态切换
-  useEffect(function () {
+  useEffect(() => {
     if (visible && zauiBrand) {
       // 更新 antd 主题
       var antdConfig = getAntd5ThemeConfig({
@@ -174,7 +177,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [zauiBrand, visible]);
 
   // 斑马纹设置
-  useEffect(function () {
+  useEffect(() => {
     var cssVar = {
       'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
     };
@@ -183,12 +186,12 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [zauiStripe]);
 
   // 表格边框设置
-  useEffect(function () {
+  useEffect(() => {
     setTableBorder(zauiTableBorder);
   }, [zauiTableBorder]);
 
   // 主题配置缓存
-  useEffect(function () {
+  useEffect(() => {
     if (cacheTime) {
       var newThemeConfig = {
         startTime: new Date().getTime(),
@@ -199,7 +202,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [state, cacheTime]);
 
   // 状态变化时同步到 Context
-  useUpdateEffect(function () {
+  useUpdateEffect(() => {
     if (!isEqual(state, previousState) && visible) {
       // 更新本地配置
       updateLocalConfig(state);
@@ -217,10 +220,11 @@ var ProThemeTools = function ProThemeTools(_ref) {
       onChange === null || onChange === void 0 || onChange(state);
     }
   }, [state]);
-  var cls = classnames(_defineProperty({
+  var cls = classnames({
     'pro-theme-tools': true,
-    'pro-theme-tools-follow': iconFollowTheme
-  }, className, className));
+    'pro-theme-tools-follow': iconFollowTheme,
+    [className]: className
+  });
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     children: [/*#__PURE__*/_jsx("div", {
       className: cls,
@@ -242,13 +246,6 @@ var ProThemeTools = function ProThemeTools(_ref) {
     })]
   }));
 };
-ProThemeTools.defaultProps = {
-  size: 24,
-  mode: 'prd',
-  color: '#343434',
-  iconFollowTheme: false,
-  cacheTime: false
-};
 ProThemeTools.setThemes = setThemes;
 export default ProThemeTools;
 

package/es/ProThemeTools/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 @import '../component/ProTools/style/index.less';
 

package/es/ProThemeTools/utils/index.js

@@ -10,10 +10,10 @@ var antd5ConfigMapping = {
  * @param themes kebab-case 格式的主题配置
  * @param themeMapping 自定义映射关系
  */
-export var convertToAntd5Tokens = function convertToAntd5Tokens(themes, themeMapping) {
+export var convertToAntd5Tokens = (themes, themeMapping) => {
   var mapping = _objectSpread(_objectSpread({}, antd5ConfigMapping), themeMapping);
   var tokens = {};
-  Object.keys(themes).forEach(function (key) {
+  Object.keys(themes).forEach(key => {
     var value = themes[key];
     var mappingKey = mapping[key];
     if (mappingKey) {
@@ -29,15 +29,15 @@ export var convertToAntd5Tokens = function convertToAntd5Tokens(themes, themeMap
  * 设置主题变量 - antd5 兼容版本
  * 只设置 CSS 变量，不再使用 ConfigProvider.config
  */
-export var setThemes = function setThemes(themes) {
+export var setThemes = themes => {
   if (!Object.keys(themes).length) {
     return false;
   }
 
   // 只设置 CSS 变量，主题配置通过 Context 管理
   var list = Object.entries(themes);
-  list.forEach(function (item) {
-    document.documentElement.style.setProperty("--".concat(item[0]), item[1]);
+  list.forEach(item => {
+    document.documentElement.style.setProperty(`--${item[0]}`, item[1]);
   });
   return true;
 };
@@ -46,14 +46,14 @@ export var setThemes = function setThemes(themes) {
  * 获取 antd5 主题配置
  * @param themes kebab-case 格式的主题配置
  */
-export var getAntd5ThemeConfig = function getAntd5ThemeConfig(themes) {
+export var getAntd5ThemeConfig = themes => {
   return convertToAntd5Tokens(themes);
 };
 
 /** JS实现驼峰命名与横线命名的转换  */
-export var getKebabCase = function getKebabCase(str) {
-  var temp = str.replace(/[A-Z]/g, function (i) {
-    return "-".concat(i.toLowerCase());
+export var getKebabCase = str => {
+  var temp = str.replace(/[A-Z]/g, i => {
+    return `-${i.toLowerCase()}`;
   });
   if (temp.slice(0, 1) === '-') {
     temp = temp.slice(1); // 如果首字母是大写，执行replace时会多一个-，需要去掉
@@ -64,18 +64,14 @@ export var getKebabCase = function getKebabCase(str) {
 /** JS实现对象驼峰命名与横线命名的转换  */
 export var getMapKebabCase = function getMapKebabCase(obj) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return Object.fromEntries(Object.entries(obj).map(function (item) {
-    return ["".concat(prefix).concat(getKebabCase(item === null || item === void 0 ? void 0 : item[0])), item === null || item === void 0 ? void 0 : item[1]];
-  }));
+  return Object.fromEntries(Object.entries(obj).map(item => [`${prefix}${getKebabCase(item === null || item === void 0 ? void 0 : item[0])}`, item === null || item === void 0 ? void 0 : item[1]]));
 };
 
 /** JS实现对象横线命名与驼峰命名的转换  */
 export var getMapHumpCase = function getMapHumpCase() {
   var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return Object.keys(obj).reduce(function (acc, key) {
-    var transformedKey = key.replace(/-(\w)/g, function (_, letter) {
-      return letter.toUpperCase();
-    });
+  return Object.keys(obj).reduce((acc, key) => {
+    var transformedKey = key.replace(/-(\w)/g, (_, letter) => letter.toUpperCase());
     acc[transformedKey] = obj[key];
     return acc;
   }, {});
@@ -88,7 +84,7 @@ export var getMapHumpCase = function getMapHumpCase() {
 export var setTableNoStripe = function setTableNoStripe(stripe) {
   var prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ant';
   var proTables = document.querySelectorAll('.pro-table');
-  var antTables = document.querySelectorAll(".".concat(prefixCls, "-table"));
+  var antTables = document.querySelectorAll(`.${prefixCls}-table`);
   if (!proTables.length) {
     return;
   }
@@ -114,7 +110,7 @@ export var setTableNoStripe = function setTableNoStripe(stripe) {
  * 设置表格边框
  * @param border boolean
  */
-export var setTableBorder = function setTableBorder(border) {
+export var setTableBorder = border => {
   var proTables = document.querySelectorAll('.pro-table');
   if (!proTables.length) {
     return;

package/es/ProTooltip/index.js

@@ -1,10 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["text", "mode", "width", "line", "className", "style", "lineHeight", "scrollFollowParent"];
 import { useSize, useSetState, useDebounce } from 'ahooks';
-import { Tooltip } from 'antd';
 import { useEffect, useRef } from 'react';
 import classnames from 'classnames';
 import { isEllipsisActive } from "../utils";
@@ -16,7 +16,7 @@ var findTableParent = function findTableParent(element) {
   if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'td') return true;
   return findTableParent(element.parentElement, depth + 1);
 };
-var ProTooltip = function ProTooltip(props) {
+var ProTooltip = props => {
   var _useSize;
   var ref = useRef();
   var childRef = useRef();
@@ -71,12 +71,10 @@ var ProTooltip = function ProTooltip(props) {
   var multiStyle = isMultiLine ? {
     WebkitLineClamp: line
   } : {};
-  var AutoMixinSingle = function AutoMixinSingle() {
-    return isShowToolTip && line === 1 ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+  var AutoMixinSingle = () => {
+    return isShowToolTip && line === 1 ? /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
       title: text,
-      getPopupContainer: function getPopupContainer(triggerNode) {
-        return triggerNode.parentNode;
-      }
+      getPopupContainer: triggerNode => triggerNode.parentNode
     }, restProps), {}, {
       styles: {
         root: rootStyles
@@ -108,12 +106,10 @@ var ProTooltip = function ProTooltip(props) {
       })
     });
   };
-  var AutoMixinMulti = function AutoMixinMulti() {
-    return isShowToolTip && line > 1 ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+  var AutoMixinMulti = () => {
+    return isShowToolTip && line > 1 ? /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
       title: text,
-      getPopupContainer: function getPopupContainer(triggerNode) {
-        return triggerNode.parentNode;
-      }
+      getPopupContainer: triggerNode => triggerNode.parentNode
     }, restProps), {}, {
       styles: {
         root: rootStyles
@@ -145,13 +141,13 @@ var ProTooltip = function ProTooltip(props) {
       })
     });
   };
-  var AutoMixin = function AutoMixin() {
+  var AutoMixin = () => {
     if (mode !== 'auto') {
       return null;
     }
     return line > 1 ? /*#__PURE__*/_jsx(AutoMixinMulti, {}) : /*#__PURE__*/_jsx(AutoMixinSingle, {});
   };
-  useEffect(function () {
+  useEffect(() => {
     if (mode === 'auto' && line === 1) {
       var localDom = ref.current;
       setState({
@@ -182,7 +178,7 @@ var ProTooltip = function ProTooltip(props) {
       }
     }
   }, [mode, debouncedValue]);
-  useEffect(function () {
+  useEffect(() => {
     if (mode === 'auto' && line > 1 && JSON.stringify(specialProps) === '{}') {
       var localDom = ref.current;
       setState({
@@ -209,7 +205,7 @@ var ProTooltip = function ProTooltip(props) {
       }
     }
   }, [mode, debouncedValue, specialProps]);
-  useEffect(function () {
+  useEffect(() => {
     if (mode === 'auto' && line === 1) {
       setState({
         specialProps: {
@@ -219,7 +215,7 @@ var ProTooltip = function ProTooltip(props) {
       });
     }
   }, [size]);
-  useEffect(function () {
+  useEffect(() => {
     if (mode === 'auto' && line > 1) {
       if (JSON.stringify(specialProps) !== '{}') {
         setState({
@@ -228,7 +224,7 @@ var ProTooltip = function ProTooltip(props) {
       }
     }
   }, [debouncedValue]);
-  useEffect(function () {
+  useEffect(() => {
     var localDom = ref.current;
     var isEllipsis = isEllipsisActive(childRef === null || childRef === void 0 ? void 0 : childRef.current);
     setState({
@@ -236,10 +232,11 @@ var ProTooltip = function ProTooltip(props) {
       isShowToolTip: isEllipsis
     });
   }, []);
-  var cls = classnames(_defineProperty({
-    'pro-tooltip': true
-  }, "".concat(className), className));
-  var renderContentBox = function renderContentBox() {
+  var cls = classnames({
+    'pro-tooltip': true,
+    [`${className}`]: className
+  });
+  var renderContentBox = () => {
     return /*#__PURE__*/_jsx("div", {
       className: isMultiLine ? 'multiLine' : 'singleLine',
       style: _objectSpread(_objectSpread({}, multiStyle), {}, {
@@ -249,10 +246,10 @@ var ProTooltip = function ProTooltip(props) {
       children: content
     });
   };
-  var renderTooltipContent = function renderTooltipContent() {
-    return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+  var renderTooltipContent = () => {
+    return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
       title: text,
-      getPopupContainer: function getPopupContainer(triggerNode) {
+      getPopupContainer: triggerNode => {
         // 修复scrollFollowParent为false时tooltip不显示的问题
         // 当scrollFollowParent为false时，应该返回document.body而不是triggerNode本身
         return scrollFollowParent ? triggerNode.parentNode : document.body;
@@ -264,7 +261,7 @@ var ProTooltip = function ProTooltip(props) {
       children: renderContentBox()
     }));
   };
-  var renderContent = function renderContent() {
+  var renderContent = () => {
     // 自动模式使用专门的渲染逻辑
     if (mode === 'auto') {
       return /*#__PURE__*/_jsx(AutoMixin, {});

package/es/ProTooltip/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tooltip {
   cursor: pointer;

package/es/ProTree/components/AdaptiveTooltip.js

@@ -1,13 +1,12 @@
-import { Tooltip } from 'antd';
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import { jsx as _jsx } from "react/jsx-runtime";
-var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
+var AdaptiveTooltip = _ref => {
   var children = _ref.children;
-  return /*#__PURE__*/_jsx(Tooltip, {
+  return /*#__PURE__*/_jsx(_Tooltip, {
     placement: "rightTop",
     title: /*#__PURE__*/_jsx("div", {
-      onMouseDown: function onMouseDown(e) {
-        return e.stopPropagation();
-      },
+      onMouseDown: e => e.stopPropagation(),
       children: children
     }),
     children: /*#__PURE__*/_jsx("span", {

package/es/ProTree/components/List.js

@@ -1,8 +1,9 @@
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "showCodeName", "mode", "fieldNames", "handleOnChange", "handleFilterClose", "optionRender"];
 import { memo } from 'react';
-import { Checkbox } from 'antd';
 import SearchTitle from "./SearchTitle";
 import CloseIcon from "./CloseIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -25,20 +26,18 @@ function List(props) {
   var fieldNameValue = fieldNames.value;
   if (mode === 'render') {
     return /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(Checkbox.Group, {
+      children: /*#__PURE__*/_jsx(_Checkbox.Group, {
         disabled: disabled,
         style: {
           width: '100%'
         },
         value: checkedValues,
-        children: treeData.map(function (item) {
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+        children: treeData.map(item => {
+          var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
           return /*#__PURE__*/_jsx("div", {
             className: "pro-tree-checkbox-content",
-            children: /*#__PURE__*/_jsx(Checkbox, {
-              onChange: function onChange(e) {
-                return handleOnChange(e, item[fieldNameValue]);
-              },
+            children: /*#__PURE__*/_jsx(_Checkbox, {
+              onChange: e => handleOnChange(e, item[fieldNameValue]),
               value: item[fieldNameValue],
               disabled: item.disabled,
               children: /*#__PURE__*/_jsx("span", {
@@ -54,17 +53,15 @@ function List(props) {
     });
   }
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: treeData.map(function (item) {
-      var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+    children: treeData.map(item => {
+      var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
       return /*#__PURE__*/_jsxs("div", {
         className: "pro-tree-checkbox-content",
         children: [/*#__PURE__*/_jsx("div", {
           className: "pro-tree-checkbox-content-look",
           children: optionRender ? optionRender(item, searchStr) : title
         }), disabled ? null : /*#__PURE__*/_jsx(CloseIcon, {
-          onClick: function onClick() {
-            return handleFilterClose(item[fieldNameValue]);
-          }
+          onClick: () => handleFilterClose(item[fieldNameValue])
         })]
       }, item[fieldNames.value]);
     })