@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/lib/ProIcon/index.js

@@ -1,229 +1,203 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProIcon/index.tsx
+var ProIcon_exports = {};
+__export(ProIcon_exports, {
+  default: () => ProIcon_default
 });
-exports.default = void 0;
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _uniqBy2 = _interopRequireDefault(require("lodash/uniqBy"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _ahooks = require("ahooks");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactSvg = require("react-svg");
-var _react = require("react");
-var _ProConfigProvider = require("../ProConfigProvider");
-var _config2 = require("./config");
-var _utils = require("./utils");
-var _locale = _interopRequireDefault(require("../locale"));
-require("./symbolIcon.js");
-var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList", "src", "actionMap", "tooltip", "buttonIcon"];
-var ProIcon = function ProIcon(props) {
-  var _window, _window2;
-  var _useProConfig = (0, _ProConfigProvider.useProConfig)(),
-    state = _useProConfig.state,
-    dispatch = _useProConfig.dispatch;
-  var config = state.ProIcon,
-    antdTheme = state.theme;
-  var _config = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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,
-    src = _config.src,
-    actionMap = _config.actionMap,
-    tooltip = _config.tooltip,
-    _config$buttonIcon = _config.buttonIcon,
-    buttonIcon = _config$buttonIcon === void 0 ? true : _config$buttonIcon,
-    reset = (0, _objectWithoutProperties2.default)(_config, _excluded);
-  var _useSetState = (0, _ahooks.useSetState)({
-      IconInstance: (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})
-    }),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    IconInstance = _useSetState2[0].IconInstance,
-    setState = _useSetState2[1];
-  // 主题色 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;
-  // 本地存储初始化主题
-  var _useLocalStorageState = (0, _ahooks.useLocalStorageState)('themeConfig'),
-    _useLocalStorageState2 = (0, _slicedToArray2.default)(_useLocalStorageState, 1),
-    themeConfig = _useLocalStorageState2[0];
-  // 文档内部就不用判断window.top !== window.self了
-  var 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);
-  // 语言
-  var language = _locale.default.ProIcon.language;
-  var rotateStyle = rotate ? {
-    msTransform: "rotate(".concat(rotate, "deg)"),
-    transform: "rotate(".concat(rotate, "deg)")
-  } : undefined;
-  var proIconClassNames = (0, _classnames.default)(className, {
-    'pro-icon': !disabled,
-    'pro-icon-spin': !!spin,
-    'pro-icon-with-theme': theme,
-    'pro-icon-btn': disabled
+module.exports = __toCommonJS(ProIcon_exports);
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_lodash = require("lodash");
+var import_react_svg = require("react-svg");
+var import_react = require("react");
+var import_ProConfigProvider = require("../ProConfigProvider");
+var import_config = require("./config");
+var import_utils = require("./utils");
+var import_locale = __toESM(require("../locale"));
+var import_symbolIcon = require("./symbolIcon.js");
+var ProIcon = (props) => {
+  const { state, dispatch } = (0, import_ProConfigProvider.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 = [],
+    src,
+    actionMap,
+    tooltip,
+    buttonIcon = true,
+    ...reset
+  } = _config;
+  const [{ IconInstance }, setState] = (0, import_ahooks.useSetState)({
+    IconInstance: /* @__PURE__ */ React.createElement(React.Fragment, null)
   });
-  var _mode = mode || 'icon';
-  // 观察者实例
-  var observer;
-  // 特殊情况，如果指定了type，并且没有接收到组件内的mode，那模式就是icon
+  const { primaryColor = "#006AFF", qiankunPrimaryColor = "#006AFF" } = antdTheme ?? {};
+  const [themeConfig] = (0, import_ahooks.useLocalStorageState)("themeConfig");
+  const isQiankun = (
+    // @ts-ignore
+    (window == null ? void 0 : window.__POWERED_BY_QIANKUN__) || (window == null ? void 0 : window.isMicroApp)
+  );
+  const { language } = import_locale.default.ProIcon;
+  const rotateStyle = rotate ? {
+    msTransform: `rotate(${rotate}deg)`,
+    transform: `rotate(${rotate}deg)`
+  } : void 0;
+  const proIconClassNames = (0, import_classnames.default)(className, {
+    "pro-icon": !disabled,
+    "pro-icon-spin": !!spin,
+    "pro-icon-with-theme": theme,
+    "pro-icon-btn": disabled
+  });
+  let _mode = mode || "icon";
+  let observer;
   if (type && !props.mode) {
-    _mode = 'icon';
+    _mode = "icon";
   }
-  var targetTextFill = "text-".concat(language); // text-cn text-en
-  var isIconMode = _mode === 'icon';
-  var isExtendButtonMode = !isIconMode || isIconMode && disabled;
-  var mergedMapList = (0, _uniqBy2.default)(mapList.concat(_config2.iconMap), targetTextFill);
-  var _type = type;
-  var _text = children;
-  // svg图标对应文本
-  var iconText = tooltip || '';
-  var typeIsExistAndIncludeEnglish = _type && /[a-zA-Z]/.test(_type);
-  // 模式为icon下，对传入的text进行指定语言-icon 映射
+  const targetTextFill = `text-${language}`;
+  const isIconMode = _mode === "icon";
+  const isExtendButtonMode = !isIconMode || isIconMode && disabled;
+  const mergedMapList = (0, import_lodash.uniqBy)(mapList.concat(import_config.iconMap), targetTextFill);
+  let _type = type;
+  let _text = children;
+  let iconText = tooltip || "";
+  const typeIsExistAndIncludeEnglish = _type && /[a-zA-Z]/.test(_type);
   if (isIconMode && !type) {
     if (_text) {
-      var target = mergedMapList.find(function (item) {
-        return item['text-cn'] === _text || item['text-en'] === _text;
-      });
+      const target = mergedMapList.find(
+        (item) => item["text-cn"] === _text || item["text-en"] === _text
+      );
       if (target) {
-        _type = target === null || target === void 0 ? void 0 : target.type;
+        _type = target == null ? void 0 : target.type;
         iconText = target[targetTextFill];
       }
     }
   }
-  // 模式为button下，对传入的type进行icon-指定语言 映射
   if (!isIconMode) {
     if (typeIsExistAndIncludeEnglish) {
-      var _target = mergedMapList.find(function (item) {
-        return item.type === _type;
-      });
-      if (_target) {
-        _text = _target[targetTextFill];
+      const target = mergedMapList.find((item) => item.type === _type);
+      if (target) {
+        _text = target[targetTextFill];
       }
     }
   }
-  var svgProps = {
+  const svgProps = {
     className: proIconClassNames,
-    fill: 'currentColor',
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      width: size,
-      height: size
-    }, rotateStyle), style)
+    fill: "currentColor",
+    style: { width: size, height: size, ...rotateStyle, ...style }
   };
-  var icon = !src ? (0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, svgProps), {}, {
-    style: (0, _objectSpread2.default)({
-      color: color
-    }, svgProps === null || svgProps === void 0 ? void 0 : svgProps.style),
-    onClick: onClick,
-    "aria-hidden": "true",
-    children: (0, _jsxRuntime.jsx)("use", {
-      xlinkHref: "#icon-".concat(_type)
-    })
-  })) : (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, svgProps), {}, {
-    // @ts-ignore
-    onClick: onClick,
-    "aria-hidden": "true",
-    src: src,
-    beforeInjection: function beforeInjection(svg) {
-      (0, _utils.onBeforeInjection)({
-        svg: svg,
-        actionMap: actionMap,
-        primaryColor: isQiankun ? qiankunPrimaryColor : primaryColor
-      });
-      if (color) {
-        svg.setAttribute('fill', color);
+  const icon = !src ? /* @__PURE__ */ React.createElement("svg", { ...svgProps, style: { color, ...svgProps == null ? void 0 : svgProps.style }, onClick, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("use", { xlinkHref: `#icon-${_type}` })) : /* @__PURE__ */ React.createElement(
+    import_react_svg.ReactSVG,
+    {
+      ...svgProps,
+      onClick,
+      "aria-hidden": "true",
+      src,
+      beforeInjection: (svg) => {
+        (0, import_utils.onBeforeInjection)({
+          svg,
+          actionMap,
+          primaryColor: isQiankun ? qiankunPrimaryColor : primaryColor
+        });
+        if (color) {
+          svg.setAttribute("fill", color);
+        }
       }
     }
-  }));
-  var RenderIcon = (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    className: "anticon"
-  }, reset), {}, {
-    children: (0, _jsxRuntime.jsx)(_tooltip.default, {
-      title: iconText,
-      children: buttonIcon ? (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)({
-        style: {
-          width: size,
-          height: size,
-          border: 'none',
-          borderRadius: 0,
-          padding: 0,
-          verticalAlign: 'baseline'
-        },
-        type: "text",
-        icon: icon
-      }, buttonProps)) : (0, _jsxRuntime.jsx)(_space.default, {
-        children: (0, _jsxRuntime.jsx)("span", {
-          style: {
-            width: size,
-            height: size,
-            border: 'none',
-            borderRadius: 0,
-            padding: 0,
-            verticalAlign: 'baseline'
-          },
-          children: icon
-        })
-      })
-    })
-  }));
-  (0, _react.useEffect)(function () {
-    // 处于主子应用情况下才会执行下方逻辑，主题色的变更以主框架的为准
+  );
+  const RenderIcon = /* @__PURE__ */ React.createElement("span", { className: "anticon", ...reset }, /* @__PURE__ */ React.createElement(import_antd.Tooltip, { title: iconText }, buttonIcon ? /* @__PURE__ */ React.createElement(
+    import_antd.Button,
+    {
+      style: {
+        width: size,
+        height: size,
+        border: "none",
+        borderRadius: 0,
+        padding: 0,
+        verticalAlign: "baseline"
+      },
+      type: "text",
+      icon,
+      ...buttonProps
+    }
+  ) : /* @__PURE__ */ React.createElement(import_antd.Space, null, /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      style: {
+        width: size,
+        height: size,
+        border: "none",
+        borderRadius: 0,
+        padding: 0,
+        verticalAlign: "baseline"
+      }
+    },
+    icon
+  ))));
+  (0, import_react.useEffect)(() => {
+    var _a;
     if (actionMap && isQiankun) {
-      var _themeConfig$data;
-      observer = new MutationObserver(function (mutationsList) {
-        var targetEntries = mutationsList[0];
+      observer = new MutationObserver((mutationsList) => {
+        var _a2, _b, _c, _d;
+        const targetEntries = mutationsList[0];
         if (targetEntries) {
           if (targetEntries && targetEntries.target) {
-            var _Object$values, _Object$values$find, _Object$values$find$v3, _targetEntries$target, _targetEntries$target2;
-            var _Object$values$find$v = // @ts-ignore
-              (_Object$values = Object.values((_targetEntries$target = targetEntries === null || targetEntries === void 0 ? void 0 : (_targetEntries$target2 = targetEntries.target) === null || _targetEntries$target2 === void 0 ? void 0 : _targetEntries$target2.attributes) !== null && _targetEntries$target !== void 0 ? _targetEntries$target : {})) === null || _Object$values === void 0 ? void 0 : (_Object$values$find = _Object$values.find(function (item) {
-                return item.nodeName === 'style';
-              })
+            const [label, value] = (
               // @ts-ignore
-              ) === null || _Object$values$find === void 0 ? void 0 : (_Object$values$find$v3 = _Object$values$find.value) === null || _Object$values$find$v3 === void 0 ? void 0 : _Object$values$find$v3.match(/--zaui-brand:(.*?);/),
-              _Object$values$find$v2 = (0, _slicedToArray2.default)(_Object$values$find$v, 2),
-              label = _Object$values$find$v2[0],
-              value = _Object$values$find$v2[1];
+              (_d = (_c = (_b = Object.values(((_a2 = targetEntries == null ? void 0 : targetEntries.target) == null ? void 0 : _a2.attributes) ?? {})) == null ? void 0 : _b.find((item) => item.nodeName === "style")) == null ? void 0 : _c.value) == null ? void 0 : _d.match(/--zaui-brand:(.*?);/)
+            );
             if (label && value) {
               if (qiankunPrimaryColor !== value) {
                 dispatch({
-                  type: 'set',
+                  type: "set",
                   payload: {
                     theme: {
-                      primaryColor: primaryColor,
-                      qiankunPrimaryColor: value === null || value === void 0 ? void 0 : value.trim()
-                    }
+                      primaryColor,
+                      qiankunPrimaryColor: value == null ? void 0 : value.trim()
+                    },
+                    forms: {}
                   }
                 });
               }
@@ -231,60 +205,58 @@ var ProIcon = function ProIcon(props) {
           }
         }
       });
-      var zaAccessibilityTarget = document.documentElement;
+      let zaAccessibilityTarget = document.documentElement;
       if (window.parent === window) {
-        // 在最顶层的window环境中，可以直接使用document
         zaAccessibilityTarget = document.documentElement;
       } else {
-        // 向上遍历直到找到主应用的window
-        var currentWindow = window;
+        let currentWindow = window;
         while (currentWindow.parent !== currentWindow) {
-          // @ts-ignore
           currentWindow = currentWindow.parent;
         }
         zaAccessibilityTarget = currentWindow.document.documentElement;
       }
       observer.observe(zaAccessibilityTarget, {
         attributes: true,
-        attributeFilter: ['style']
+        attributeFilter: ["style"]
       });
-      // 未变更时及初始化时
-      var extendFromMainColor = themeConfig === null || themeConfig === void 0 ? void 0 : (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiBrand;
+      const extendFromMainColor = (_a = themeConfig == null ? void 0 : themeConfig.data) == null ? void 0 : _a.zauiBrand;
       if (extendFromMainColor && qiankunPrimaryColor !== extendFromMainColor) {
         dispatch({
-          type: 'set',
+          type: "set",
           payload: {
             theme: {
-              primaryColor: primaryColor,
+              primaryColor,
               qiankunPrimaryColor: extendFromMainColor
-            }
+            },
+            forms: {}
           }
         });
       }
     }
   }, []);
-  (0, _react.useEffect)(function () {
-    return function () {
+  (0, import_react.useEffect)(() => {
+    return () => {
       if (observer) {
         observer.disconnect();
       }
     };
   }, []);
-  (0, _ahooks.useDeepCompareLayoutEffect)(function () {
+  (0, import_ahooks.useDeepCompareLayoutEffect)(() => {
     setState({
       IconInstance: RenderIcon
     });
   }, [_config, primaryColor, qiankunPrimaryColor, language, svgProps]);
-  return !isExtendButtonMode ? IconInstance : (0, _jsxRuntime.jsx)(_tooltip.default, {
-    title: tooltip,
-    children: (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-      type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
+  return !isExtendButtonMode ? IconInstance : /* @__PURE__ */ React.createElement(import_antd.Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement(
+    import_antd.Button,
+    {
+      type: isIconMode ? "text" : (buttonProps == null ? void 0 : buttonProps.type) || "link",
       className: proIconClassNames,
-      disabled: disabled,
-      icon: isIconMode ? RenderIcon : null
-    }, reset), buttonProps), {}, {
-      children: _text
-    }))
-  });
+      disabled,
+      icon: isIconMode ? RenderIcon : null,
+      ...reset,
+      ...buttonProps
+    },
+    _text
+  ));
 };
-var _default = exports.default = ProIcon;
+var ProIcon_default = ProIcon;

package/lib/ProIcon/propsTypes.js

@@ -1,5 +1,17 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+// src/ProIcon/propsTypes.ts
+var propsTypes_exports = {};
+module.exports = __toCommonJS(propsTypes_exports);

package/lib/ProIcon/style/index.less

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