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

package/lib/ProThemeTools/component/ProTools/index.js

@@ -1,65 +1,74 @@
-"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/ProThemeTools/component/ProTools/index.tsx
+var ProTools_exports = {};
+__export(ProTools_exports, {
+  default: () => ProTools_default
 });
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _icons = require("@ant-design/icons");
-var _antd = require("antd");
-var _react = require("react");
-var _index = require("../../utils/index");
-var _ProConfigProvider = require("../../../ProConfigProvider");
-var _locale = _interopRequireDefault(require("../../../locale"));
-var connect = function connect(Component) {
-  var ComponentWrapper = function ComponentWrapper(props) {
-    return (0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)({}, props));
+module.exports = __toCommonJS(ProTools_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_utils = require("../../utils/index");
+var import_ProConfigProvider = require("../../../ProConfigProvider");
+var import_locale = __toESM(require("../../../locale"));
+var connect = function(Component) {
+  const ComponentWrapper = function(props) {
+    return /* @__PURE__ */ import_react.default.createElement(Component, { ...props });
   };
   return ComponentWrapper;
 };
-var NewDrawer = connect(_antd.Drawer);
-var ProTools = function ProTools(_ref) {
-  var onReset = _ref.onReset,
-    onClose = _ref.onClose,
-    setState = _ref.setState,
-    open = _ref.open,
-    state = _ref.state,
-    tableBorder = _ref.tableBorder,
-    tableStripe = _ref.tableStripe;
-  var _useProConfig = (0, _ProConfigProvider.useProConfig)(),
-    config = _useProConfig.state,
-    dispatch = _useProConfig.dispatch;
-  var _useState = (0, _react.useState)([{
-      color: '#006AFF',
-      active: true
-    }, {
-      color: '#00BC70',
-      active: false
-    }, {
-      color: '#FF8C16',
-      active: false
-    }, {
-      color: '#A00F20',
-      active: false
-    }, {
-      color: '#31AF96',
-      active: false
-    }]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var themeConfig = localStorage.getItem('themeConfig');
-    var curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
-    var _ref2 = curThemeConfig.data || {},
-      _ref2$zauiBrand = _ref2.zauiBrand,
-      zauiBrand = _ref2$zauiBrand === void 0 ? '#006AFF' : _ref2$zauiBrand;
+var NewDrawer = connect(import_antd.Drawer);
+var ProTools = ({
+  onReset,
+  onClose,
+  setState,
+  open,
+  state,
+  tableBorder,
+  tableStripe
+}) => {
+  const { state: config, dispatch } = (0, import_ProConfigProvider.useProConfig)();
+  const [active, setActive] = (0, import_react.useState)([
+    { color: "#006AFF", active: true },
+    { color: "#00BC70", active: false },
+    { color: "#FF8C16", active: false },
+    { color: "#A00F20", active: false },
+    { color: "#31AF96", active: false }
+  ]);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const themeConfig = localStorage.getItem("themeConfig");
+    const curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
+    const { zauiBrand = "#006AFF" } = curThemeConfig.data || {};
     if (zauiBrand) {
-      var _config$theme;
-      var newArray = active.map(function (activeItem) {
+      const newArray = active.map((activeItem) => {
         activeItem.active = false;
         return {
           color: activeItem.color,
@@ -68,205 +77,156 @@ var ProTools = function ProTools(_ref) {
       });
       setActive(newArray);
       dispatch({
-        type: 'set',
+        type: "set",
         payload: {
           theme: {
             primaryColor: zauiBrand,
-            qiankunPrimaryColor: config === null || config === void 0 ? void 0 : (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
+            qiankunPrimaryColor: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.qiankunPrimaryColor
           },
           forms: {}
         }
       });
     }
   }, []);
-  return (0, _jsxRuntime.jsxs)(NewDrawer, {
-    className: "pro-theme-prd-tools-drawer",
-    width: 400,
-    title: "".concat(_locale.default.ProThemeTools.title),
-    placement: "right",
-    onClose: onClose,
-    open: open,
-    closable: false,
-    children: [(0, _jsxRuntime.jsx)("div", {
-      className: "pro-drawer-close",
-      onClick: onClose,
-      children: (0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
-        className: "close-icon"
-      })
-    }), (0, _jsxRuntime.jsxs)("div", {
-      className: "pro-theme-tools-space",
-      children: [(0, _jsxRuntime.jsx)("p", {
-        children: "".concat(_locale.default.ProThemeTools.themeColor)
-      }), (0, _jsxRuntime.jsx)("ul", {
-        className: "pro-theme-color",
-        children: active.map(function (item, index) {
-          return (0, _jsxRuntime.jsx)("li", {
-            className: item.active ? 'active' : '',
-            onClick: function onClick() {
-              var array = active.map(function (activeItem) {
-                activeItem.active = false;
-                return {
-                  color: activeItem.color,
-                  active: item.color === activeItem.color
-                };
-              });
-              setActive(array);
-              setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-                zauiBrand: item.color
-              }));
-              (0, _index.setThemes)({
-                'zaui-brand': item.color
-              });
-              dispatch({
-                type: 'set',
-                payload: {
-                  theme: {
-                    primaryColor: item.color,
-                    qiankunPrimaryColor: item.color
-                  },
-                  forms: {}
-                }
-              });
-            },
-            children: item.active ? (0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}) : null
-          }, item.color);
-        })
-      })]
-    }), (0, _jsxRuntime.jsxs)("div", {
-      className: "pro-theme-tools-space",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.layout)
-        })
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
-          value: state.zauiSize,
-          onChange: function onChange(e) {
-            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-              zauiSize: e.target.value
-            }));
-            (0, _index.setThemes)({
-              'zaui-size': e.target.value
+  return /* @__PURE__ */ import_react.default.createElement(
+    NewDrawer,
+    {
+      className: "pro-theme-prd-tools-drawer",
+      width: 400,
+      title: `${import_locale.default.ProThemeTools.title}`,
+      placement: "right",
+      onClose,
+      open,
+      closable: false
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-drawer-close", onClick: onClose }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: "close-icon" })),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-space" }, /* @__PURE__ */ import_react.default.createElement("p", null, `${import_locale.default.ProThemeTools.themeColor}`), /* @__PURE__ */ import_react.default.createElement("ul", { className: "pro-theme-color" }, active.map((item, index) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "li",
+        {
+          key: item.color,
+          className: item.active ? "active" : "",
+          onClick: () => {
+            const array = active.map((activeItem) => {
+              activeItem.active = false;
+              return {
+                color: activeItem.color,
+                active: item.color === activeItem.color
+              };
             });
-          },
-          children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
-            value: 0.5,
-            children: "".concat(_locale.default.ProThemeTools.layoutMode[0])
-          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
-            value: 1,
-            children: "".concat(_locale.default.ProThemeTools.layoutMode[1])
-          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
-            value: 1.5,
-            children: "".concat(_locale.default.ProThemeTools.layoutMode[2])
-          })]
-        })
-      })]
-    }), (0, _jsxRuntime.jsxs)("div", {
-      className: "pro-theme-tools-space pro-theme-tools-form",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.formLabel)
-        })
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsxs)(_antd.Radio.Group, {
-          value: state.zauiFormAlign,
-          onChange: function onChange(e) {
-            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-              zauiFormAlign: e.target.value
-            }));
-            (0, _index.setThemes)({
-              'zaui-form-align': e.target.value
+            setActive(array);
+            setState({
+              ...state,
+              zauiBrand: item.color
+            });
+            (0, import_utils.setThemes)({
+              "zaui-brand": item.color
             });
             dispatch({
-              type: 'setWithLocal',
+              type: "set",
               payload: {
-                ProForm: {
-                  labelAlign: e.target.value
+                theme: {
+                  primaryColor: item.color,
+                  qiankunPrimaryColor: item.color
                 },
                 forms: {}
               }
             });
-          },
-          children: [(0, _jsxRuntime.jsx)(_antd.Radio.Button, {
-            value: "left",
-            children: "".concat(_locale.default.ProThemeTools.flex[0])
-          }), (0, _jsxRuntime.jsx)(_antd.Radio.Button, {
-            value: "right",
-            children: "".concat(_locale.default.ProThemeTools.flex[1])
-          })]
-        })
-      })]
-    }), tableBorder && (0, _jsxRuntime.jsxs)("div", {
-      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.tableBorder)
-        })
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)(_antd.Switch, {
-          checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
-          unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
-          checked: state.zauiTableBorder,
-          onClick: function onClick(value) {
-            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-              zauiTableBorder: value
-            }));
-            (0, _index.setThemes)({
-              'zaui-table-border': value
-            });
-          }
-        })
-      })]
-    }), tableStripe && (0, _jsxRuntime.jsxs)("div", {
-      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.tableStripe)
-        })
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)(_antd.Switch, {
-          checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
-          unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
-          checked: state.zauiStripe,
-          onClick: function onClick(value) {
-            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-              zauiStripe: value
-            }));
-            (0, _index.setThemes)({
-              'zaui-stripe': value,
-              'zaui-table-strip-bg': value ? '#fafafa' : '#ffffff'
-            });
           }
-        })
-      })]
-    }), (0, _jsxRuntime.jsx)(_antd.Button, {
-      className: "copy-btn",
-      onClick: function onClick() {
-        setActive([{
-          color: '#006AFF',
-          active: true
-        }, {
-          color: '#00BC70',
-          active: false
-        }, {
-          color: '#FF8C16',
-          active: false
-        }, {
-          color: '#A00F20',
-          active: false
-        }]);
-        onReset();
+        },
+        item.active ? /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null) : null
+      );
+    }))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-space" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement("p", null, `${import_locale.default.ProThemeTools.layout}`)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Radio.Group,
+      {
+        value: state.zauiSize,
+        onChange: (e) => {
+          setState({
+            ...state,
+            zauiSize: e.target.value
+          });
+          (0, import_utils.setThemes)({
+            "zaui-size": e.target.value
+          });
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: 0.5 }, `${import_locale.default.ProThemeTools.layoutMode[0]}`),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: 1 }, `${import_locale.default.ProThemeTools.layoutMode[1]}`),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: 1.5 }, `${import_locale.default.ProThemeTools.layoutMode[2]}`)
+    ))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-space pro-theme-tools-form" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement("p", null, `${import_locale.default.ProThemeTools.formLabel}`)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Radio.Group,
+      {
+        value: state.zauiFormAlign,
+        onChange: (e) => {
+          setState({
+            ...state,
+            zauiFormAlign: e.target.value
+          });
+          (0, import_utils.setThemes)({
+            "zaui-form-align": e.target.value
+          });
+          dispatch({
+            type: "setWithLocal",
+            payload: { ProForm: { labelAlign: e.target.value }, forms: {} }
+          });
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "left" }, `${import_locale.default.ProThemeTools.flex[0]}`),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "right" }, `${import_locale.default.ProThemeTools.flex[1]}`)
+    ))),
+    tableBorder && /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement("p", null, `${import_locale.default.ProThemeTools.tableBorder}`)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Switch,
+      {
+        checkedChildren: `${import_locale.default.ProThemeTools.switchText[0]}`,
+        unCheckedChildren: `${import_locale.default.ProThemeTools.switchText[1]}`,
+        checked: state.zauiTableBorder,
+        onClick: (value) => {
+          setState({
+            ...state,
+            zauiTableBorder: value
+          });
+          (0, import_utils.setThemes)({
+            "zaui-table-border": value
+          });
+        }
+      }
+    ))),
+    tableStripe && /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement("p", null, `${import_locale.default.ProThemeTools.tableStripe}`)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-theme-tools-item" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Switch,
+      {
+        checkedChildren: `${import_locale.default.ProThemeTools.switchText[0]}`,
+        unCheckedChildren: `${import_locale.default.ProThemeTools.switchText[1]}`,
+        checked: state.zauiStripe,
+        onClick: (value) => {
+          setState({
+            ...state,
+            zauiStripe: value
+          });
+          (0, import_utils.setThemes)({
+            "zaui-stripe": value,
+            "zaui-table-strip-bg": value ? "#fafafa" : "#ffffff"
+          });
+        }
+      }
+    ))),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "copy-btn",
+        onClick: () => {
+          setActive([
+            { color: "#006AFF", active: true },
+            { color: "#00BC70", active: false },
+            { color: "#FF8C16", active: false },
+            { color: "#A00F20", active: false }
+          ]);
+          onReset();
+        }
       },
-      children: "".concat(_locale.default.ProThemeTools.reset)
-    })]
-  });
+      `${import_locale.default.ProThemeTools.reset}`
+    )
+  );
 };
-var _default = exports.default = ProTools;
+var ProTools_default = ProTools;

package/lib/ProThemeTools/component/index.js

@@ -1,13 +1,39 @@
-"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/ProThemeTools/component/index.ts
+var component_exports = {};
+__export(component_exports, {
+  ProTools: () => import_ProTools.default
 });
-Object.defineProperty(exports, "ProTools", {
-  enumerable: true,
-  get: function get() {
-    return _ProTools.default;
-  }
+module.exports = __toCommonJS(component_exports);
+var import_ProTools = __toESM(require("./ProTools"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProTools
 });
-var _ProTools = _interopRequireDefault(require("./ProTools"));