@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.3

package/es/ProIcon/index.js

@@ -1,21 +1,7 @@
-var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList", "component", "src", "actionMap", "tooltip", "buttonIcon"];
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import _uniqBy from "lodash/uniqBy";
 import { useLocalStorageState, useSetState, useDeepCompareLayoutEffect } from 'ahooks';
 import { Button, Tooltip, Space } from 'antd';
 import classNames from 'classnames';
-import { uniqBy } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import React, { useEffect } from 'react';
 import { useProConfig } from "../ProConfigProvider";
@@ -25,19 +11,18 @@ import locale from "../locale";
 
 // 提取主题色相关辅助函数
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-var extractThemeColor = target => {
-  var _target$attributes, _styleAttr$value, _match$;
+const extractThemeColor = target => {
   if (!target) return null;
-  var styleAttr = Object.values((_target$attributes = target.attributes) !== null && _target$attributes !== void 0 ? _target$attributes : {})
+  const styleAttr = Object.values(target.attributes ?? {})
   // @ts-ignore
   .find(item => item.nodeName === 'style');
   if (!styleAttr) return null;
 
   // @ts-ignore
-  var match = (_styleAttr$value = styleAttr.value) === null || _styleAttr$value === void 0 ? void 0 : _styleAttr$value.match(/--zaui-brand:(.*?);/);
-  return (match === null || match === void 0 || (_match$ = match[1]) === null || _match$ === void 0 ? void 0 : _match$.trim()) || null;
+  const match = styleAttr.value?.match(/--zaui-brand:(.*?);/);
+  return match?.[1]?.trim() || null;
 };
-var updateThemeColor = (newColor, dispatch, primaryColor) => {
+const updateThemeColor = (newColor, dispatch, primaryColor) => {
   if (!newColor) return;
   dispatch({
     type: 'set',
@@ -50,120 +35,116 @@ var updateThemeColor = (newColor, dispatch, primaryColor) => {
     }
   });
 };
-var getMainAppWindow = () => {
+const getMainAppWindow = () => {
   if (window.parent === window) {
     return window;
   }
-  var currentWindow = window;
+  let currentWindow = window;
   while (currentWindow.parent !== currentWindow) {
     // @ts-ignore
     currentWindow = currentWindow.parent;
   }
   return currentWindow;
 };
-var handleMutation = (mutationsList, dispatch, primaryColor, qiankunPrimaryColor) => {
-  var targetEntries = mutationsList[0];
-  if (!(targetEntries !== null && targetEntries !== void 0 && targetEntries.target)) return;
-  var newColor = extractThemeColor(targetEntries.target);
+const handleMutation = (mutationsList, dispatch, primaryColor, qiankunPrimaryColor) => {
+  const targetEntries = mutationsList[0];
+  if (!targetEntries?.target) return;
+  const newColor = extractThemeColor(targetEntries.target);
   if (!newColor || qiankunPrimaryColor === newColor) return;
   updateThemeColor(newColor, dispatch, primaryColor);
 };
-var ProIcon = props => {
-  var _window, _window2;
-  var _useProConfig = useProConfig(),
-    state = _useProConfig.state,
-    dispatch = _useProConfig.dispatch;
-  var config = state.ProIcon,
-    antdTheme = state.theme;
-  var _config = _objectSpread(_objectSpread({}, config), props !== null && props !== void 0 ? props : {});
-  var _config$type = _config.type,
-    type = _config$type === void 0 ? null : _config$type,
-    onClick = _config.onClick,
-    _config$size = _config.size,
-    size = _config$size === void 0 ? '1em' : _config$size,
-    color = _config.color,
-    className = _config.className,
-    _config$style = _config.style,
-    style = _config$style === void 0 ? {} : _config$style,
-    _config$spin = _config.spin,
-    spin = _config$spin === void 0 ? false : _config$spin,
-    rotate = _config.rotate,
-    _config$theme = _config.theme,
-    theme = _config$theme === void 0 ? false : _config$theme,
-    _config$disabled = _config.disabled,
-    disabled = _config$disabled === void 0 ? false : _config$disabled,
-    mode = _config.mode,
-    _config$buttonProps = _config.buttonProps,
-    buttonProps = _config$buttonProps === void 0 ? {} : _config$buttonProps,
-    children = _config.children,
-    _config$mapList = _config.mapList,
-    mapList = _config$mapList === void 0 ? [] : _config$mapList,
-    component = _config.component,
-    src = _config.src,
-    actionMap = _config.actionMap,
-    tooltip = _config.tooltip,
-    _config$buttonIcon = _config.buttonIcon,
-    buttonIcon = _config$buttonIcon === void 0 ? true : _config$buttonIcon,
-    reset = _objectWithoutProperties(_config, _excluded);
-  var _useSetState = useSetState({
-      IconInstance: /*#__PURE__*/_jsx(_Fragment, {})
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    IconInstance = _useSetState2[0].IconInstance,
-    setState = _useSetState2[1];
+const ProIcon = props => {
+  const {
+    state,
+    dispatch
+  } = useProConfig();
+  const {
+    ProIcon: config,
+    theme: antdTheme
+  } = state;
+  const _config = {
+    ...config,
+    ...(props ?? {})
+  };
+  const {
+    type = null,
+    onClick,
+    size = '1em',
+    color,
+    className,
+    style = {},
+    spin = false,
+    rotate,
+    theme = false,
+    disabled = false,
+    mode,
+    buttonProps = {},
+    children,
+    mapList = [],
+    component,
+    src,
+    actionMap,
+    tooltip,
+    buttonIcon = true,
+    ...reset
+  } = _config;
+  const [{
+    IconInstance
+  }, setState] = useSetState({
+    IconInstance: /*#__PURE__*/_jsx(_Fragment, {})
+  });
 
   // 主题色 primaryColor 用于单应用或处于组件库文档内 qiankunPrimaryColor用于主子应用
-  var _ref = antdTheme !== null && antdTheme !== void 0 ? antdTheme : {},
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? '#006AFF' : _ref$primaryColor,
-    _ref$qiankunPrimaryCo = _ref.qiankunPrimaryColor,
-    qiankunPrimaryColor = _ref$qiankunPrimaryCo === void 0 ? '#006AFF' : _ref$qiankunPrimaryCo;
+  const {
+    primaryColor = '#006AFF',
+    qiankunPrimaryColor = '#006AFF'
+  } = antdTheme ?? {};
 
   // 本地存储初始化主题
-  var _useLocalStorageState = useLocalStorageState('themeConfig'),
-    _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
-    themeConfig = _useLocalStorageState2[0];
+  const [themeConfig] = useLocalStorageState('themeConfig');
 
   // 文档内部就不用判断window.top !== window.self了
-  var isQiankun =
+  const isQiankun =
   // @ts-ignore
-  ((_window = window) === null || _window === void 0 ? void 0 : _window.__POWERED_BY_QIANKUN__) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.isMicroApp);
+  window?.__POWERED_BY_QIANKUN__ || window?.isMicroApp;
 
   // 语言
-  var language = locale.ProIcon.language;
-  var rotateStyle = rotate ? {
+  const {
+    language
+  } = locale.ProIcon;
+  const rotateStyle = rotate ? {
     msTransform: `rotate(${rotate}deg)`,
     transform: `rotate(${rotate}deg)`
   } : undefined;
-  var proIconClassNames = classNames(className, {
+  const proIconClassNames = classNames(className, {
     'pro-icon': !disabled,
     'pro-icon-spin': !!spin,
     'pro-icon-with-theme': theme,
     'pro-icon-btn': disabled
   });
-  var _mode = mode || 'icon';
+  let _mode = mode || 'icon';
 
   // 观察者实例
-  var observer;
+  let observer;
 
   // 特殊情况，如果指定了type，并且没有接收到组件内的mode，那模式就是icon
   if (type && !props.mode) {
     _mode = 'icon';
   }
-  var targetTextFill = `text-${language}`; // text-cn text-en
+  const targetTextFill = `text-${language}`; // text-cn text-en
 
-  var isIconMode = _mode === 'icon';
-  var isExtendButtonMode = !isIconMode || isIconMode && disabled;
-  var mergedMapList = uniqBy(mapList.concat(iconMap), targetTextFill);
-  var _type = type;
-  var _text = children;
+  const isIconMode = _mode === 'icon';
+  const isExtendButtonMode = !isIconMode || isIconMode && disabled;
+  const mergedMapList = _uniqBy(mapList.concat(iconMap), targetTextFill);
+  let _type = type;
+  let _text = children;
   // svg图标对应文本
-  var iconText = tooltip || '';
+  let iconText = tooltip || '';
 
   // 文本和类型映射处理函数
-  var resolveIconMapping = (isIconMode, type, text, mergedMapList, targetTextFill) => {
+  const resolveIconMapping = (isIconMode, type, text, mergedMapList, targetTextFill) => {
     if (isIconMode && !type && text) {
-      var target = mergedMapList.find(item => item['text-cn'] === text || item['text-en'] === text);
+      const target = mergedMapList.find(item => item['text-cn'] === text || item['text-en'] === text);
       if (target) {
         return {
           type: target.type,
@@ -172,16 +153,16 @@ var ProIcon = props => {
       }
     }
     if (!isIconMode && type && /[a-zA-Z]/.test(type)) {
-      var _target = mergedMapList.find(item => item.type === type);
-      if (_target) {
+      const target = mergedMapList.find(item => item.type === type);
+      if (target) {
         return {
-          text: _target[targetTextFill]
+          text: target[targetTextFill]
         };
       }
     }
     return null;
   };
-  var mappingResult = resolveIconMapping(isIconMode, type, _text, mergedMapList, targetTextFill);
+  const mappingResult = resolveIconMapping(isIconMode, type, _text, mergedMapList, targetTextFill);
   if (mappingResult) {
     if (mappingResult.type) {
       _type = mappingResult.type;
@@ -190,20 +171,22 @@ var ProIcon = props => {
       _text = mappingResult.text;
     }
   }
-  var svgProps = {
+  const svgProps = {
     className: proIconClassNames,
     fill: 'currentColor',
-    style: _objectSpread(_objectSpread({
+    style: {
       width: size,
-      height: size
-    }, rotateStyle), style)
+      height: size,
+      ...rotateStyle,
+      ...style
+    }
   };
 
   // 应用颜色到 SVG 路径元素
-  var applyColorToPaths = (svg, color) => {
-    var paths = svg.querySelectorAll('path, circle, rect, polygon, ellipse');
+  const applyColorToPaths = (svg, color) => {
+    const paths = svg.querySelectorAll('path, circle, rect, polygon, ellipse');
     paths.forEach(path => {
-      var currentFill = path.getAttribute('fill');
+      const currentFill = path.getAttribute('fill');
       if (!currentFill || currentFill === 'currentColor') {
         path.setAttribute('fill', color);
       }
@@ -211,8 +194,7 @@ var ProIcon = props => {
   };
 
   // 应用颜色到 SVG
-  var applyColorToSvg = function applyColorToSvg(svg, color) {
-    var isComponentString = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const applyColorToSvg = (svg, color, isComponentString = false) => {
     if (!color) {
       svg.style.color = 'currentColor';
       return;
@@ -227,54 +209,53 @@ var ProIcon = props => {
   };
 
   // 创建 SVG beforeInjection 处理函数
-  var createSvgBeforeInjection = function createSvgBeforeInjection() {
-    var isComponentString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    return svg => {
-      // 设置 SVG 的宽高和属性
-      svg.setAttribute('width', String(size));
-      svg.setAttribute('height', String(size));
-      svg.setAttribute('aria-hidden', 'true');
+  const createSvgBeforeInjection = (isComponentString = false) => svg => {
+    // 设置 SVG 的宽高和属性
+    svg.setAttribute('width', String(size));
+    svg.setAttribute('height', String(size));
+    svg.setAttribute('aria-hidden', 'true');
 
-      // 应用旋转
-      if (rotate) {
-        var transform = svg.getAttribute('transform') || '';
-        svg.setAttribute('transform', `${transform} rotate(${rotate})`);
-        svg.style.transform = `rotate(${rotate}deg)`;
-      }
-
-      // 应用颜色
-      applyColorToSvg(svg, color, isComponentString);
+    // 应用旋转
+    if (rotate) {
+      const transform = svg.getAttribute('transform') || '';
+      svg.setAttribute('transform', `${transform} rotate(${rotate})`);
+      svg.style.transform = `rotate(${rotate}deg)`;
+    }
 
-      // 应用自定义样式
-      if (style) {
-        Object.keys(style).forEach(key => {
-          svg.style[key] = style[key];
-        });
-      }
+    // 应用颜色
+    applyColorToSvg(svg, color, isComponentString);
 
-      // 应用 actionMap 的主题配置
-      onBeforeInjection({
-        svg,
-        actionMap,
-        primaryColor: isQiankun ? qiankunPrimaryColor : primaryColor
+    // 应用自定义样式
+    if (style) {
+      Object.keys(style).forEach(key => {
+        svg.style[key] = style[key];
       });
-    };
+    }
+
+    // 应用 actionMap 的主题配置
+    onBeforeInjection({
+      svg,
+      actionMap,
+      primaryColor: isQiankun ? qiankunPrimaryColor : primaryColor
+    });
   };
 
   // 渲染自定义组件 icon
-  var renderComponentIcon = (component, svgProps, color, onClick) => {
-    var componentProps = _objectSpread(_objectSpread({}, svgProps), {}, {
-      style: _objectSpread({
-        color
-      }, svgProps === null || svgProps === void 0 ? void 0 : svgProps.style),
+  const renderComponentIcon = (component, svgProps, color, onClick) => {
+    const componentProps = {
+      ...svgProps,
+      style: {
+        color,
+        ...svgProps?.style
+      },
       onClick,
       'aria-hidden': 'true'
-    });
+    };
     return /*#__PURE__*/React.isValidElement(component) ? /*#__PURE__*/React.cloneElement(component, componentProps) : /*#__PURE__*/React.createElement(component, componentProps);
   };
 
   // 渲染 icon 的优先级：component > src > type
-  var renderIcon = () => {
+  const renderIcon = () => {
     // component 字符串类型：当作 SVG 文件路径处理
     if (component && typeof component === 'string') {
       return /*#__PURE__*/_jsx(ReactSVG, {
@@ -294,38 +275,41 @@ var ProIcon = props => {
 
     // src 类型：使用 ReactSVG 加载外部 SVG
     if (src) {
-      return /*#__PURE__*/_jsx(ReactSVG, _objectSpread(_objectSpread({}, svgProps), {}, {
+      return /*#__PURE__*/_jsx(ReactSVG, {
+        ...svgProps,
         // @ts-ignore
         onClick: onClick,
         "aria-hidden": "true",
         src: src,
         beforeInjection: createSvgBeforeInjection()
-      }));
+      });
     }
 
     // symbol icon
-    return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
-      style: _objectSpread({
-        color
-      }, svgProps === null || svgProps === void 0 ? void 0 : svgProps.style),
+    return /*#__PURE__*/_jsx("svg", {
+      ...svgProps,
+      style: {
+        color,
+        ...svgProps?.style
+      },
       onClick: onClick,
       "aria-hidden": "true",
       children: /*#__PURE__*/_jsx("use", {
         xlinkHref: `#icon-${_type}`
       })
-    }));
+    });
   };
-  var icon = renderIcon();
+  const icon = renderIcon();
 
   // 判断 RenderIcon 是否会被外层 Button 包裹
   // 如果会被包裹（isExtendButtonMode && isIconMode），则内部不使用 Button，避免 button 嵌套
-  var willBeWrappedByButton = isExtendButtonMode && isIconMode;
-  var RenderIcon = /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
-    className: "anticon"
-  }, reset), {}, {
+  const willBeWrappedByButton = isExtendButtonMode && isIconMode;
+  const RenderIcon = /*#__PURE__*/_jsx("span", {
+    className: "anticon",
+    ...reset,
     children: /*#__PURE__*/_jsx(Tooltip, {
       title: iconText,
-      children: buttonIcon && !willBeWrappedByButton ? /*#__PURE__*/_jsx(Button, _objectSpread({
+      children: buttonIcon && !willBeWrappedByButton ? /*#__PURE__*/_jsx(Button, {
         style: {
           width: size,
           height: size,
@@ -335,8 +319,9 @@ var ProIcon = props => {
           verticalAlign: 'baseline'
         },
         type: "text",
-        icon: icon
-      }, buttonProps)) : /*#__PURE__*/_jsx(Space, {
+        icon: icon,
+        ...buttonProps
+      }) : /*#__PURE__*/_jsx(Space, {
         children: /*#__PURE__*/_jsx("span", {
           style: {
             width: size,
@@ -350,23 +335,22 @@ var ProIcon = props => {
         })
       })
     })
-  }));
+  });
   useEffect(() => {
-    var _themeConfig$data;
     // 处于主子应用情况下才会执行下方逻辑，主题色的变更以主框架的为准
     if (!actionMap || !isQiankun) return;
     observer = new MutationObserver(mutationsList => {
       handleMutation(mutationsList, dispatch, primaryColor, qiankunPrimaryColor);
     });
-    var mainWindow = getMainAppWindow();
-    var zaAccessibilityTarget = mainWindow.document.documentElement;
+    const mainWindow = getMainAppWindow();
+    const zaAccessibilityTarget = mainWindow.document.documentElement;
     observer.observe(zaAccessibilityTarget, {
       attributes: true,
       attributeFilter: ['style']
     });
 
     // 未变更时及初始化时
-    var extendFromMainColor = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiBrand;
+    const extendFromMainColor = themeConfig?.data?.zauiBrand;
     if (extendFromMainColor && qiankunPrimaryColor !== extendFromMainColor) {
       updateThemeColor(extendFromMainColor, dispatch, primaryColor);
     }
@@ -385,14 +369,15 @@ var ProIcon = props => {
   }, [_config, primaryColor, qiankunPrimaryColor, language, svgProps]);
   return !isExtendButtonMode ? IconInstance : /*#__PURE__*/_jsx(Tooltip, {
     title: tooltip,
-    children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
-      type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
+    children: /*#__PURE__*/_jsx(Button, {
+      type: isIconMode ? 'text' : buttonProps?.type || 'link',
       className: proIconClassNames,
       disabled: disabled,
-      icon: isIconMode ? RenderIcon : null
-    }, reset), buttonProps), {}, {
+      icon: isIconMode ? RenderIcon : null,
+      ...reset,
+      ...buttonProps,
       children: _text
-    }))
+    })
   });
 };
 export default ProIcon;

package/es/ProIcon/utils/index.js

@@ -1,10 +1,5 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { themeMap, themeFillMap } from "../config";
-export var recurseGetNodes = (type, node, queue) => {
+export const recurseGetNodes = (type, node, queue) => {
   switch (type) {
     // 渐变
     case 'gradation':
@@ -22,58 +17,64 @@ export var recurseGetNodes = (type, node, queue) => {
       break;
   }
   if (node.childNodes) {
-    for (var i = 0; i < node.childNodes.length; i++) {
+    for (let i = 0; i < node.childNodes.length; i++) {
       recurseGetNodes(type, node.childNodes[i], queue);
     }
   }
 };
-export var onBeforeInjection = _ref => {
-  var svg = _ref.svg,
-    actionMap = _ref.actionMap,
-    primaryColor = _ref.primaryColor;
+export const onBeforeInjection = ({
+  svg,
+  actionMap,
+  primaryColor
+}) => {
   if (actionMap && svg) {
-    var _actionMap$themeMap, _actionMap$themeFillM, _actionMap$gradation, _actionMap$fill;
     // 项目内置的四种主题匹配渐变色
-    var mergeThemeMap = _objectSpread(_objectSpread({}, themeMap), (_actionMap$themeMap = actionMap.themeMap) !== null && _actionMap$themeMap !== void 0 ? _actionMap$themeMap : {});
+    const mergeThemeMap = {
+      ...themeMap,
+      ...(actionMap.themeMap ?? {})
+    };
     // 项目内置的四种双色匹配fill
-    var mergeFillThemeMap = _objectSpread(_objectSpread({}, themeFillMap), (_actionMap$themeFillM = actionMap.themeFillMap) !== null && _actionMap$themeFillM !== void 0 ? _actionMap$themeFillM : {});
-    var _gradList = mergeThemeMap[primaryColor];
-    var _fillList = mergeFillThemeMap[primaryColor];
+    const mergeFillThemeMap = {
+      ...themeFillMap,
+      ...(actionMap.themeFillMap ?? {})
+    };
+    const _gradList = mergeThemeMap[primaryColor];
+    const _fillList = mergeFillThemeMap[primaryColor];
     // 渐变操作序列
-    var gradList = (_actionMap$gradation = actionMap === null || actionMap === void 0 ? void 0 : actionMap.gradation) !== null && _actionMap$gradation !== void 0 ? _actionMap$gradation : _gradList;
+    const gradList = actionMap?.gradation ?? _gradList;
     // 填充操作序列
-    var fillList = (_actionMap$fill = actionMap === null || actionMap === void 0 ? void 0 : actionMap.fill) !== null && _actionMap$fill !== void 0 ? _actionMap$fill : _fillList;
+    const fillList = actionMap?.fill ?? _fillList;
     // 节点收集
-    var nodeMap = {
+    const nodeMap = {
       // 渐变色节点收集
       gradation: [],
       // 具有fill属性的节点收集
       fill: []
     };
     // 目前只支持处理渐变及fill填充
-    var types = Reflect.ownKeys(nodeMap !== null && nodeMap !== void 0 ? nodeMap : {});
+    const types = Reflect.ownKeys(nodeMap ?? {});
     types.forEach(typeKey => {
       recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
     });
-    if ((gradList === null || gradList === void 0 ? void 0 : gradList.length) > 0) {
+    if (gradList?.length > 0) {
       nodeMap.gradation.forEach((item, index) => {
         // 下一步准备替换的
-        var nextStr = gradList[index];
+        const nextStr = gradList[index];
         // 属性原本的值
-        var originStr = item.getAttribute('stop-color');
+        const originStr = item.getAttribute('stop-color');
         if (nextStr && originStr !== nextStr) {
           item.setAttribute('stop-color', nextStr);
         }
       });
     }
-    if ((fillList === null || fillList === void 0 ? void 0 : fillList.length) > 0) {
+    if (fillList?.length > 0) {
       nodeMap.fill.forEach((item, index) => {
         // 默认接收的
-        var receiveStr = fillList[index];
+        const receiveStr = fillList[index];
         // 下一步准备替换的
-        var nextFillStr = receiveStr === 'theme' ? primaryColor : receiveStr;
+        const nextFillStr = receiveStr === 'theme' ? primaryColor : receiveStr;
         // 属性原本的值
-        var originFill = item.getAttribute('fill');
+        const originFill = item.getAttribute('fill');
         // 如果包含url(则是内链，不作替换处理
         if (!(originFill && originFill.includes('url(')) && nextFillStr) {
           // 不同才替换