@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

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

@@ -1,16 +1,13 @@
-// 导入语句
-import { CloseOutlined } from '@ant-design/icons';
-import { Button, ColorPicker, Drawer, Radio, Switch } from 'antd';
-import React, { useState, useEffect } from 'react';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CloseOutlined } from "@ant-design/icons";
+import { Button, ColorPicker, Drawer, Radio, Switch } from "antd";
+import { useState, useEffect } from "react";
 import { setThemes } from "../../utils/index";
 import { useProConfig } from "../../../ProConfigProvider";
 import locale from "../../../locale";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const connect = function (Component) {
-  const ComponentWrapper = function (props) {
-    return /*#__PURE__*/_jsx(Component, {
-      ...props
-    });
+const connect = function(Component) {
+  const ComponentWrapper = function(props) {
+    return /* @__PURE__ */ jsx(Component, { ...props });
   };
   return ComponentWrapper;
 };
@@ -24,27 +21,19 @@ const ProTools = ({
   tableBorder,
   tableStripe
 }) => {
-  // Props 和基础 Hooks
-  const {
-    state: config,
-    dispatch
-  } = useProConfig();
-
-  // 状态和 Refs
-  const [color, setColor] = useState('#006AFF');
-
-  // 事件处理函数
-  const handleColorChange = hex => {
+  const { state: config, dispatch } = useProConfig();
+  const [color, setColor] = useState("#006AFF");
+  const handleColorChange = (hex) => {
     setColor(hex);
     setState({
       ...state,
       zauiBrand: hex
     });
     setThemes({
-      'zaui-brand': hex
+      "zaui-brand": hex
     });
     dispatch({
-      type: 'set',
+      type: "set",
       payload: {
         theme: {
           primaryColor: hex,
@@ -54,73 +43,62 @@ const ProTools = ({
       }
     });
   };
-  const handleLayoutChange = value => {
+  const handleLayoutChange = (value) => {
     setState({
       ...state,
       zauiSize: value
     });
     setThemes({
-      'zaui-size': value
+      "zaui-size": value
     });
   };
-  const handleFormAlignChange = value => {
+  const handleFormAlignChange = (value) => {
     setState({
       ...state,
       zauiFormAlign: value
     });
     setThemes({
-      'zaui-form-align': value
+      "zaui-form-align": value
     });
     dispatch({
-      type: 'setWithLocal',
-      payload: {
-        ProForm: {
-          labelAlign: value
-        },
-        forms: {}
-      }
+      type: "setWithLocal",
+      payload: { ProForm: { labelAlign: value }, forms: {} }
     });
   };
-  const handleTableBorderClick = value => {
+  const handleTableBorderClick = (value) => {
     setState({
       ...state,
       zauiTableBorder: value
     });
     setThemes({
-      'zaui-table-border': value
+      "zaui-table-border": value
     });
   };
-  const handleTableStripeClick = value => {
+  const handleTableStripeClick = (value) => {
     setState({
       ...state,
       zauiStripe: value
     });
     setThemes({
-      'zaui-stripe': value,
-      'zaui-table-strip-bg': value ? '#fafafa' : '#ffffff'
+      "zaui-stripe": value,
+      "zaui-table-strip-bg": value ? "#fafafa" : "#ffffff"
     });
   };
   const handleResetClick = () => {
-    setColor('#006AFF');
+    setColor("#006AFF");
     onReset();
   };
-
-  // 所有 useEffect 集中放置
   useEffect(() => {
-    // 检查 CSS 变量是否已被 setThemes 设置（优先级高于缓存）
-    const existingZauiBrand = document.documentElement.style.getPropertyValue('--zaui-brand')?.trim();
-    const themeConfig = localStorage.getItem('themeConfig');
+    var _a;
+    const existingZauiBrand = (_a = document.documentElement.style.getPropertyValue("--zaui-brand")) == null ? void 0 : _a.trim();
+    const themeConfig = localStorage.getItem("themeConfig");
     const curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
-    const {
-      zauiBrand = '#006AFF'
-    } = curThemeConfig.data || {};
-
-    // 优先使用 CSS 变量的值
+    const { zauiBrand = "#006AFF" } = curThemeConfig.data || {};
     const finalZauiBrand = existingZauiBrand || zauiBrand;
     if (finalZauiBrand) {
       setColor(finalZauiBrand);
       dispatch({
-        type: 'set',
+        type: "set",
         payload: {
           theme: {
             primaryColor: finalZauiBrand,
@@ -131,111 +109,81 @@ const ProTools = ({
       });
     }
   }, []);
-  return /*#__PURE__*/_jsxs(NewDrawer, {
-    className: "pro-theme-prd-tools-drawer",
-    size: 400,
-    title: `${locale.ProThemeTools.title}`,
-    placement: "right",
-    onClose: onClose,
-    open: open,
-    closable: false,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "pro-drawer-close",
-      onClick: onClose,
-      children: /*#__PURE__*/_jsx(CloseOutlined, {
-        className: "close-icon"
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "pro-theme-tools-space",
-      children: [/*#__PURE__*/_jsx("p", {
-        children: `${locale.ProThemeTools.themeColor}`
-      }), /*#__PURE__*/_jsx(ColorPicker, {
-        value: color,
-        showText: true,
-        onChangeComplete: value => handleColorChange(value.toHexString())
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "pro-theme-tools-space",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx("p", {
-          children: `${locale.ProThemeTools.layout}`
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsxs(Radio.Group, {
-          value: state.zauiSize,
-          onChange: e => handleLayoutChange(e.target.value),
-          children: [/*#__PURE__*/_jsx(Radio.Button, {
-            value: 0.5,
-            children: `${locale.ProThemeTools.layoutMode[0]}`
-          }), /*#__PURE__*/_jsx(Radio.Button, {
-            value: 1,
-            children: `${locale.ProThemeTools.layoutMode[1]}`
-          }), /*#__PURE__*/_jsx(Radio.Button, {
-            value: 1.5,
-            children: `${locale.ProThemeTools.layoutMode[2]}`
-          })]
-        })
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "pro-theme-tools-space pro-theme-tools-form",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx("p", {
-          children: `${locale.ProThemeTools.formLabel}`
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsxs(Radio.Group, {
-          value: state.zauiFormAlign,
-          onChange: e => handleFormAlignChange(e.target.value),
-          children: [/*#__PURE__*/_jsx(Radio.Button, {
-            value: "left",
-            children: `${locale.ProThemeTools.flex[0]}`
-          }), /*#__PURE__*/_jsx(Radio.Button, {
-            value: "right",
-            children: `${locale.ProThemeTools.flex[1]}`
-          })]
-        })
-      })]
-    }), tableBorder && /*#__PURE__*/_jsxs("div", {
-      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx("p", {
-          children: `${locale.ProThemeTools.tableBorder}`
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx(Switch, {
-          checkedChildren: `${locale.ProThemeTools.switchText[0]}`,
-          unCheckedChildren: `${locale.ProThemeTools.switchText[1]}`,
-          checked: state.zauiTableBorder,
-          onClick: handleTableBorderClick
-        })
-      })]
-    }), tableStripe && /*#__PURE__*/_jsxs("div", {
-      className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx("p", {
-          children: `${locale.ProThemeTools.tableStripe}`
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: "pro-theme-tools-item",
-        children: /*#__PURE__*/_jsx(Switch, {
-          checkedChildren: `${locale.ProThemeTools.switchText[0]}`,
-          unCheckedChildren: `${locale.ProThemeTools.switchText[1]}`,
-          checked: state.zauiStripe,
-          onClick: handleTableStripeClick
-        })
-      })]
-    }), /*#__PURE__*/_jsx(Button, {
-      className: "copy-btn",
-      onClick: handleResetClick,
-      children: `${locale.ProThemeTools.reset}`
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    NewDrawer,
+    {
+      className: "pro-theme-prd-tools-drawer",
+      size: 400,
+      title: `${locale.ProThemeTools.title}`,
+      placement: "right",
+      onClose,
+      open,
+      closable: false,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "pro-drawer-close", onClick: onClose, children: /* @__PURE__ */ jsx(CloseOutlined, { className: "close-icon" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "pro-theme-tools-space", children: [
+          /* @__PURE__ */ jsx("p", { children: `${locale.ProThemeTools.themeColor}` }),
+          /* @__PURE__ */ jsx(
+            ColorPicker,
+            {
+              value: color,
+              showText: true,
+              onChangeComplete: (value) => handleColorChange(value.toHexString())
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pro-theme-tools-space", children: [
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsx("p", { children: `${locale.ProThemeTools.layout}` }) }),
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsxs(Radio.Group, { value: state.zauiSize, onChange: (e) => handleLayoutChange(e.target.value), children: [
+            /* @__PURE__ */ jsx(Radio.Button, { value: 0.5, children: `${locale.ProThemeTools.layoutMode[0]}` }),
+            /* @__PURE__ */ jsx(Radio.Button, { value: 1, children: `${locale.ProThemeTools.layoutMode[1]}` }),
+            /* @__PURE__ */ jsx(Radio.Button, { value: 1.5, children: `${locale.ProThemeTools.layoutMode[2]}` })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pro-theme-tools-space pro-theme-tools-form", children: [
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsx("p", { children: `${locale.ProThemeTools.formLabel}` }) }),
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsxs(
+            Radio.Group,
+            {
+              value: state.zauiFormAlign,
+              onChange: (e) => handleFormAlignChange(e.target.value),
+              children: [
+                /* @__PURE__ */ jsx(Radio.Button, { value: "left", children: `${locale.ProThemeTools.flex[0]}` }),
+                /* @__PURE__ */ jsx(Radio.Button, { value: "right", children: `${locale.ProThemeTools.flex[1]}` })
+              ]
+            }
+          ) })
+        ] }),
+        tableBorder && /* @__PURE__ */ jsxs("div", { className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space", children: [
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsx("p", { children: `${locale.ProThemeTools.tableBorder}` }) }),
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checkedChildren: `${locale.ProThemeTools.switchText[0]}`,
+              unCheckedChildren: `${locale.ProThemeTools.switchText[1]}`,
+              checked: state.zauiTableBorder,
+              onClick: handleTableBorderClick
+            }
+          ) })
+        ] }),
+        tableStripe && /* @__PURE__ */ jsxs("div", { className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space", children: [
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsx("p", { children: `${locale.ProThemeTools.tableStripe}` }) }),
+          /* @__PURE__ */ jsx("div", { className: "pro-theme-tools-item", children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checkedChildren: `${locale.ProThemeTools.switchText[0]}`,
+              unCheckedChildren: `${locale.ProThemeTools.switchText[1]}`,
+              checked: state.zauiStripe,
+              onClick: handleTableStripeClick
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { className: "copy-btn", onClick: handleResetClick, children: `${locale.ProThemeTools.reset}` })
+      ]
+    }
+  );
+};
+var ProTools_default = ProTools;
+export {
+  ProTools_default as default
 };
-export default ProTools;

package/es/ProThemeTools/component/index.js

@@ -1 +1,4 @@
-export { default as ProTools } from "./ProTools";
+import { default as default2 } from "./ProTools";
+export {
+  default2 as ProTools
+};