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

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

@@ -1,74 +1,73 @@
-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/ProThemeTools/component/ProTools/index.tsx
-var ProTools_exports = {};
-__export(ProTools_exports, {
-  default: () => ProTools_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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 });
+exports.default = void 0;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+require("antd/es/switch/style");
+var _switch = _interopRequireDefault(require("antd/es/switch"));
+require("antd/es/radio/style");
+var _radio = _interopRequireDefault(require("antd/es/radio"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("antd/es/drawer/style");
+var _drawer = _interopRequireDefault(require("antd/es/drawer"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _icons = require("@ant-design/icons");
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../../utils/index");
+var _ProConfigProvider = require("../../../ProConfigProvider");
+var _locale = _interopRequireDefault(require("../../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+var connect = function connect(Component) {
+  var ComponentWrapper = function ComponentWrapper(props) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)({}, props));
   };
   return ComponentWrapper;
 };
-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 || {};
+var NewDrawer = connect(_drawer.default);
+var 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)(() => {
+    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;
     if (zauiBrand) {
-      const newArray = active.map((activeItem) => {
+      var _config$theme;
+      var newArray = active.map(activeItem => {
         activeItem.active = false;
         return {
           color: activeItem.color,
@@ -77,156 +76,205 @@ var ProTools = ({
       });
       setActive(newArray);
       dispatch({
-        type: "set",
+        type: 'set',
         payload: {
           theme: {
             primaryColor: zauiBrand,
-            qiankunPrimaryColor: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.qiankunPrimaryColor
+            qiankunPrimaryColor: config === null || config === void 0 || (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
           },
           forms: {}
         }
       });
     }
   }, []);
-  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
-              };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(NewDrawer, {
+    className: "pro-theme-prd-tools-drawer",
+    width: 400,
+    title: `${_locale.default.ProThemeTools.title}`,
+    placement: "right",
+    onClose: onClose,
+    open: open,
+    closable: false,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-drawer-close",
+      onClick: onClose,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
+        className: "close-icon"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-space",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: `${_locale.default.ProThemeTools.themeColor}`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: "pro-theme-color",
+        children: active.map((item, index) => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            className: item.active ? 'active' : '',
+            onClick: () => {
+              var array = active.map(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 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}) : null
+          }, item.color);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-space",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.layout}`
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.default.Group, {
+          value: state.zauiSize,
+          onChange: e => {
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiSize: e.target.value
+            }));
+            (0, _index.setThemes)({
+              'zaui-size': e.target.value
             });
-            setActive(array);
-            setState({
-              ...state,
-              zauiBrand: item.color
-            });
-            (0, import_utils.setThemes)({
-              "zaui-brand": item.color
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+            value: 0.5,
+            children: `${_locale.default.ProThemeTools.layoutMode[0]}`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+            value: 1,
+            children: `${_locale.default.ProThemeTools.layoutMode[1]}`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+            value: 1.5,
+            children: `${_locale.default.ProThemeTools.layoutMode[2]}`
+          })]
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-space pro-theme-tools-form",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.formLabel}`
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.default.Group, {
+          value: state.zauiFormAlign,
+          onChange: e => {
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiFormAlign: e.target.value
+            }));
+            (0, _index.setThemes)({
+              'zaui-form-align': e.target.value
             });
             dispatch({
-              type: "set",
+              type: 'setWithLocal',
               payload: {
-                theme: {
-                  primaryColor: item.color,
-                  qiankunPrimaryColor: item.color
+                ProForm: {
+                  labelAlign: e.target.value
                 },
                 forms: {}
               }
             });
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+            value: "left",
+            children: `${_locale.default.ProThemeTools.flex[0]}`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
+            value: "right",
+            children: `${_locale.default.ProThemeTools.flex[1]}`
+          })]
+        })
+      })]
+    }), tableBorder && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.tableBorder}`
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, {
+          checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
+          unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
+          checked: state.zauiTableBorder,
+          onClick: value => {
+            setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+              zauiTableBorder: value
+            }));
+            (0, _index.setThemes)({
+              'zaui-table-border': value
+            });
           }
-        },
-        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();
-        }
+        })
+      })]
+    }), tableStripe && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.tableStripe}`
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-theme-tools-item",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, {
+          checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
+          unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
+          checked: state.zauiStripe,
+          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'
+            });
+          }
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      className: "copy-btn",
+      onClick: () => {
+        setActive([{
+          color: '#006AFF',
+          active: true
+        }, {
+          color: '#00BC70',
+          active: false
+        }, {
+          color: '#FF8C16',
+          active: false
+        }, {
+          color: '#A00F20',
+          active: false
+        }]);
+        onReset();
       },
-      `${import_locale.default.ProThemeTools.reset}`
-    )
-  );
+      children: `${_locale.default.ProThemeTools.reset}`
+    })]
+  });
 };
-var ProTools_default = ProTools;
+var _default = exports.default = ProTools;

package/lib/ProThemeTools/component/index.js

@@ -1,39 +1,13 @@
-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/ProThemeTools/component/index.ts
-var component_exports = {};
-__export(component_exports, {
-  ProTools: () => import_ProTools.default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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
+Object.defineProperty(exports, "ProTools", {
+  enumerable: true,
+  get: function get() {
+    return _ProTools.default;
+  }
 });
+var _ProTools = _interopRequireDefault(require("./ProTools"));