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

package/lib/ProIcon/utils/index.js

@@ -1,38 +1,23 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProIcon/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  onBeforeInjection: () => onBeforeInjection,
-  recurseGetNodes: () => recurseGetNodes
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import_config = require("../config");
+exports.recurseGetNodes = exports.onBeforeInjection = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _config = require("../config");
 var recurseGetNodes = (type, node, queue) => {
   switch (type) {
-    case "gradation":
-      if (node.nodeName === "stop" && node.getAttribute("stop-color")) {
+    // 渐变
+    case 'gradation':
+      if (node.nodeName === 'stop' && node.getAttribute('stop-color')) {
         queue.push(node);
       }
       break;
-    case "fill":
-      if (node.getAttribute && node.getAttribute("fill")) {
+    // 填充
+    case 'fill':
+      if (node.getAttribute && node.getAttribute('fill')) {
         queue.push(node);
       }
       break;
@@ -40,60 +25,68 @@ var recurseGetNodes = (type, node, queue) => {
       break;
   }
   if (node.childNodes) {
-    for (let i = 0; i < node.childNodes.length; i++) {
+    for (var i = 0; i < node.childNodes.length; i++) {
       recurseGetNodes(type, node.childNodes[i], queue);
     }
   }
 };
-var onBeforeInjection = ({ svg, actionMap, primaryColor }) => {
+exports.recurseGetNodes = recurseGetNodes;
+var onBeforeInjection = _ref => {
+  var svg = _ref.svg,
+    actionMap = _ref.actionMap,
+    primaryColor = _ref.primaryColor;
   if (actionMap && svg) {
-    const mergeThemeMap = {
-      ...import_config.themeMap,
-      ...actionMap.themeMap ?? {}
-    };
-    const mergeFillThemeMap = {
-      ...import_config.themeFillMap,
-      ...actionMap.themeFillMap ?? {}
-    };
-    const _gradList = mergeThemeMap[primaryColor];
-    const _fillList = mergeFillThemeMap[primaryColor];
-    const gradList = (actionMap == null ? void 0 : actionMap.gradation) ?? _gradList;
-    const fillList = (actionMap == null ? void 0 : actionMap.fill) ?? _fillList;
-    const nodeMap = {
+    var _actionMap$themeMap, _actionMap$themeFillM, _actionMap$gradation, _actionMap$fill;
+    // 项目内置的四种主题匹配渐变色
+    var mergeThemeMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _config.themeMap), (_actionMap$themeMap = actionMap.themeMap) !== null && _actionMap$themeMap !== void 0 ? _actionMap$themeMap : {});
+    // 项目内置的四种双色匹配fill
+    var mergeFillThemeMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _config.themeFillMap), (_actionMap$themeFillM = actionMap.themeFillMap) !== null && _actionMap$themeFillM !== void 0 ? _actionMap$themeFillM : {});
+    var _gradList = mergeThemeMap[primaryColor];
+    var _fillList = mergeFillThemeMap[primaryColor];
+    // 渐变操作序列
+    var gradList = (_actionMap$gradation = actionMap === null || actionMap === void 0 ? void 0 : actionMap.gradation) !== null && _actionMap$gradation !== void 0 ? _actionMap$gradation : _gradList;
+    // 填充操作序列
+    var fillList = (_actionMap$fill = actionMap === null || actionMap === void 0 ? void 0 : actionMap.fill) !== null && _actionMap$fill !== void 0 ? _actionMap$fill : _fillList;
+    // 节点收集
+    var nodeMap = {
       // 渐变色节点收集
       gradation: [],
       // 具有fill属性的节点收集
       fill: []
     };
-    const types = Reflect.ownKeys(nodeMap ?? {});
-    types.forEach((typeKey) => {
+    // 目前只支持处理渐变及fill填充
+    var types = Reflect.ownKeys(nodeMap !== null && nodeMap !== void 0 ? nodeMap : {});
+    types.forEach(typeKey => {
       recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
     });
-    if ((gradList == null ? void 0 : gradList.length) > 0) {
+    if ((gradList === null || gradList === void 0 ? void 0 : gradList.length) > 0) {
       nodeMap.gradation.forEach((item, index) => {
-        const nextStr = gradList[index];
-        const originStr = item.getAttribute("stop-color");
+        // 下一步准备替换的
+        var nextStr = gradList[index];
+        // 属性原本的值
+        var originStr = item.getAttribute('stop-color');
         if (nextStr && originStr !== nextStr) {
-          item.setAttribute("stop-color", nextStr);
+          item.setAttribute('stop-color', nextStr);
         }
       });
     }
-    if ((fillList == null ? void 0 : fillList.length) > 0) {
+    if ((fillList === null || fillList === void 0 ? void 0 : fillList.length) > 0) {
       nodeMap.fill.forEach((item, index) => {
-        const receiveStr = fillList[index];
-        const nextFillStr = receiveStr === "theme" ? primaryColor : receiveStr;
-        const originFill = item.getAttribute("fill");
-        if (!(originFill && originFill.includes("url(")) && nextFillStr) {
+        // 默认接收的
+        var receiveStr = fillList[index];
+        // 下一步准备替换的
+        var nextFillStr = receiveStr === 'theme' ? primaryColor : receiveStr;
+        // 属性原本的值
+        var originFill = item.getAttribute('fill');
+        // 如果包含url(则是内链，不作替换处理
+        if (!(originFill && originFill.includes('url(')) && nextFillStr) {
+          // 不同才替换
           if (originFill !== nextFillStr) {
-            item.setAttribute("fill", nextFillStr);
+            item.setAttribute('fill', nextFillStr);
           }
         }
       });
     }
   }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  onBeforeInjection,
-  recurseGetNodes
-});
+exports.onBeforeInjection = onBeforeInjection;

package/lib/ProLayout/components/Layout/Header/index.js

@@ -1,64 +1,47 @@
-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);
+"use strict";
 
-// src/ProLayout/components/Layout/Header/index.tsx
-var Header_exports = {};
-__export(Header_exports, {
-  default: () => Header_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Header_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_logoImg = __toESM(require("../../../images/logoImg.png"));
-var Header = (props) => {
-  const {
-    headerHeight,
-    pure,
-    headerTitleRender,
-    headerContentRender,
-    rightContentRender,
-    title,
-    logo
-  } = props;
-  if (pure === true || (pure == null ? void 0 : pure.topMenu)) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null);
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _logoImg = _interopRequireDefault(require("../../../images/logoImg.png"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Header = props => {
+  var headerHeight = props.headerHeight,
+    pure = props.pure,
+    headerTitleRender = props.headerTitleRender,
+    headerContentRender = props.headerContentRender,
+    rightContentRender = props.rightContentRender,
+    title = props.title,
+    logo = props.logo;
+  if (pure === true || pure !== null && pure !== void 0 && pure.topMenu) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "pro-layout-header": true,
-        "pro-layout-header-pure": typeof pure !== "boolean" ? pure == null ? void 0 : pure.topMenu : pure
-      }),
-      style: { height: headerHeight }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)({
+      'pro-layout-header': true,
+      'pro-layout-header-pure': typeof pure !== 'boolean' ? pure === null || pure === void 0 ? void 0 : pure.topMenu : pure
+    }),
+    style: {
+      height: headerHeight
     },
-    headerTitleRender || /* @__PURE__ */ React.createElement("div", { className: "pro-layout-header-logo" }, /* @__PURE__ */ React.createElement("span", null, logo || /* @__PURE__ */ React.createElement("img", { className: "default-logo", src: import_logoImg.default, alt: "logo" })), title ? /* @__PURE__ */ React.createElement("h4", null, title) : null),
-    headerContentRender || null,
-    rightContentRender ? /* @__PURE__ */ React.createElement("div", { className: "pro-layout-header-actions" }, rightContentRender) : null
-  );
+    children: [headerTitleRender || /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-layout-header-logo",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: logo || /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          className: "default-logo",
+          src: _logoImg.default,
+          alt: "logo"
+        })
+      }), title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+        children: title
+      }) : null]
+    }), headerContentRender || null, rightContentRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-layout-header-actions",
+      children: rightContentRender
+    }) : null]
+  });
 };
-var Header_default = Header;
+var _default = exports.default = Header;

package/lib/ProLayout/components/Layout/Icon/Icon.js

@@ -1,58 +1,40 @@
-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);
+"use strict";
 
-// src/ProLayout/components/Layout/Icon/Icon.tsx
-var Icon_exports = {};
-__export(Icon_exports, {
-  default: () => Icon_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Icon_exports);
-var import_react = __toESM(require("react"));
-var customCache = /* @__PURE__ */ new Set();
-var Icon = (props) => {
-  const {
-    type,
-    onClick,
-    style,
-    iconfontUrl = "//at.alicdn.com/t/font_3000529_v88n7r0v7ae.js"
-  } = props;
-  const loadSymbol = (scriptUrl) => {
-    if (typeof document !== "undefined" && typeof window !== "undefined" && typeof document.createElement === "function" && typeof scriptUrl === "string" && scriptUrl.length && !customCache.has(scriptUrl)) {
-      const script = document.createElement("script");
-      script.setAttribute("src", scriptUrl);
-      script.setAttribute("data-namespace", scriptUrl);
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var customCache = new Set();
+var Icon = props => {
+  // @ts-ignore
+  var type = props.type,
+    onClick = props.onClick,
+    style = props.style,
+    _props$iconfontUrl = props.iconfontUrl,
+    iconfontUrl = _props$iconfontUrl === void 0 ? '//at.alicdn.com/t/font_3000529_v88n7r0v7ae.js' : _props$iconfontUrl;
+  var loadSymbol = scriptUrl => {
+    if (typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function' && typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl)) {
+      var script = document.createElement('script');
+      script.setAttribute('src', scriptUrl);
+      script.setAttribute('data-namespace', scriptUrl);
       customCache.add(scriptUrl);
       document.body.appendChild(script);
     }
   };
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(() => {
     loadSymbol(iconfontUrl);
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement("svg", { className: "pro-layout-icon", "aria-hidden": "true", onClick, style }, /* @__PURE__ */ import_react.default.createElement("use", { xlinkHref: `#icon-${type}` }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    className: "pro-layout-icon",
+    "aria-hidden": "true",
+    onClick: onClick,
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
+      xlinkHref: `#icon-${type}`
+    })
+  });
 };
-var Icon_default = Icon;
+var _default = exports.default = Icon;

package/lib/ProLayout/components/Layout/Icon/index.js

@@ -1,36 +1,9 @@
-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);
+"use strict";
 
-// src/ProLayout/components/Layout/Icon/index.ts
-var Icon_exports = {};
-__export(Icon_exports, {
-  default: () => Icon_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Icon_exports);
-var import_Icon = __toESM(require("./Icon"));
-var Icon_default = import_Icon.default;
+exports.default = void 0;
+var _Icon = _interopRequireDefault(require("./Icon"));
+var _default = exports.default = _Icon.default;