react-public-components 1.2.1 → 1.2.3

package/dist/chunk-ZLWY7QS2.cjs

@@ -0,0 +1,292 @@
+'use strict';
+
+var chunkJAW7Q2YC_cjs = require('./chunk-JAW7Q2YC.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CronPicker = ({
+  value: controlledValue,
+  defaultValue = "0 0 12 * * ?",
+  onChange,
+  className = "",
+  style
+}) => {
+  const [period, setPeriod] = React.useState("day");
+  const [minuteInterval, setMinuteInterval] = React.useState(5);
+  const [hourMinute, setHourMinute] = React.useState(0);
+  const [dayHour, setDayHour] = React.useState(12);
+  const [dayMinute, setDayMinute] = React.useState(0);
+  const [weekDay, setWeekDay] = React.useState(1);
+  const [weekHour, setWeekHour] = React.useState(9);
+  const [weekMinute, setWeekMinute] = React.useState(0);
+  const [monthDay, setMonthDay] = React.useState(1);
+  const [monthHour, setMonthHour] = React.useState(0);
+  const [monthMinute, setMonthMinute] = React.useState(0);
+  const [customCron, setCustomCron] = React.useState(defaultValue);
+  const { cron, desc } = React__default.default.useMemo(() => {
+    if (controlledValue && period === "custom") {
+      return { cron: controlledValue, desc: "\u81EA\u5B9A\u4E49 Cron \u8C03\u5EA6" };
+    }
+    switch (period) {
+      case "minute":
+        return {
+          cron: `0 0/${minuteInterval} * * * ?`,
+          desc: `\u6BCF\u9694 ${minuteInterval} \u5206\u949F\u6267\u884C\u4E00\u6B21`
+        };
+      case "hour":
+        return {
+          cron: `0 ${hourMinute} * * * ?`,
+          desc: `\u6BCF\u5C0F\u65F6\u7684\u7B2C ${hourMinute} \u5206\u949F\u6267\u884C\u4E00\u6B21`
+        };
+      case "day":
+        return {
+          cron: `0 ${dayMinute} ${dayHour} * * ?`,
+          desc: `\u6BCF\u5929 ${String(dayHour).padStart(2, "0")}:${String(dayMinute).padStart(2, "0")} \u6267\u884C\u4E00\u6B21`
+        };
+      case "week": {
+        const weekMap = {
+          1: "\u5468\u4E00",
+          2: "\u5468\u4E8C",
+          3: "\u5468\u4E09",
+          4: "\u5468\u56DB",
+          5: "\u5468\u4E94",
+          6: "\u5468\u516D",
+          7: "\u5468\u65E5"
+        };
+        return {
+          cron: `0 ${weekMinute} ${weekHour} ? * ${weekDay}`,
+          desc: `\u6BCF${weekMap[weekDay]} ${String(weekHour).padStart(2, "0")}:${String(weekMinute).padStart(2, "0")} \u6267\u884C\u4E00\u6B21`
+        };
+      }
+      case "month":
+        return {
+          cron: `0 ${monthMinute} ${monthHour} ${monthDay} * ?`,
+          desc: `\u6BCF\u6708 ${monthDay} \u53F7 ${String(monthHour).padStart(2, "0")}:${String(monthMinute).padStart(2, "0")} \u6267\u884C\u4E00\u6B21`
+        };
+      case "custom":
+        return {
+          cron: customCron,
+          desc: "\u81EA\u5B9A\u4E49 Cron \u8868\u8FBE\u5F0F"
+        };
+      default:
+        return { cron: defaultValue, desc: "\u5B9A\u65F6\u6267\u884C" };
+    }
+  }, [
+    period,
+    controlledValue,
+    minuteInterval,
+    hourMinute,
+    dayHour,
+    dayMinute,
+    weekDay,
+    weekHour,
+    weekMinute,
+    monthDay,
+    monthHour,
+    monthMinute,
+    customCron,
+    defaultValue
+  ]);
+  React.useEffect(() => {
+    onChange == null ? void 0 : onChange(cron, desc);
+  }, [cron, desc, onChange]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_cron_picker ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_cron_picker_tabs", children: [
+      { key: "minute", label: "\u6BCF\u9694\u5206\u949F" },
+      { key: "hour", label: "\u6BCF\u5C0F\u65F6" },
+      { key: "day", label: "\u6BCF\u5929" },
+      { key: "week", label: "\u6BCF\u5468" },
+      { key: "month", label: "\u6BCF\u6708" },
+      { key: "custom", label: "\u81EA\u5B9A\u4E49 Cron" }
+    ].map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: `rpc_cron_picker_tab_btn ${period === tab.key ? "rpc_cron_picker_tab_btn_active" : ""}`,
+        onClick: () => setPeriod(tab.key),
+        children: tab.label
+      },
+      tab.key
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_panel", children: [
+      period === "minute" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_field_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6BCF\u9694" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            className: "rpc_cron_picker_select",
+            value: minuteInterval,
+            onChange: (e) => setMinuteInterval(Number(e.target.value)),
+            children: [1, 2, 3, 5, 10, 15, 20, 30].map((m) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: m, children: m }, m))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5206\u949F\u6267\u884C\u4E00\u6B21" })
+      ] }),
+      period === "hour" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_field_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6BCF\u5C0F\u65F6\u7684\u7B2C" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 59,
+            value: hourMinute,
+            onChange: (e) => setHourMinute(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5206\u6267\u884C\u4E00\u6B21" })
+      ] }),
+      period === "day" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_field_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6BCF\u5929\u5728" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 23,
+            value: dayHour,
+            onChange: (e) => setDayHour(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u65F6" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 59,
+            value: dayMinute,
+            onChange: (e) => setDayMinute(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5206\u6267\u884C\u4E00\u6B21" })
+      ] }),
+      period === "week" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_field_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6BCF\u5468" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            className: "rpc_cron_picker_select",
+            value: weekDay,
+            onChange: (e) => setWeekDay(Number(e.target.value)),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: 1, children: "\u5468\u4E00" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: 2, children: "\u5468\u4E8C" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: 3, children: "\u5468\u4E09" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: 4, children: "\u5468\u56DB" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: 5, children: "\u5468\u4E94" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: 6, children: "\u5468\u516D" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: 7, children: "\u5468\u65E5" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u7684" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 23,
+            value: weekHour,
+            onChange: (e) => setWeekHour(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u65F6" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 59,
+            value: weekMinute,
+            onChange: (e) => setWeekMinute(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5206\u6267\u884C" })
+      ] }),
+      period === "month" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_field_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6BCF\u6708\u7B2C" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            max: 31,
+            value: monthDay,
+            onChange: (e) => setMonthDay(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5929\u7684" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 23,
+            value: monthHour,
+            onChange: (e) => setMonthHour(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u65F6" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 59,
+            value: monthMinute,
+            onChange: (e) => setMonthMinute(Number(e.target.value)),
+            className: "rpc_cron_picker_input",
+            style: { width: 60 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5206\u6267\u884C" })
+      ] }),
+      period === "custom" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_cron_picker_field_row", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: customCron,
+          onChange: (e) => setCustomCron(e.target.value),
+          className: "rpc_cron_picker_input",
+          style: { width: "100%", fontFamily: "monospace" },
+          placeholder: "\u4F8B\u5982: 0 0/15 * * * ?"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_footer", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_cron_badge", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u751F\u6210\u7684 Cron:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_cron_picker_cron_code", children: cron }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJAW7Q2YC_cjs.CopyButton_default, { mode: "icon", text: cron, tooltip: "\u590D\u5236 Cron \u8868\u8FBE\u5F0F" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cron_picker_human_desc", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u{1F4A1} \u5468\u671F\u4EBA\u8BDD\u89E3\u91CA\uFF1A" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: desc })
+      ] })
+    ] })
+  ] });
+};
+var CronPicker_default = CronPicker;
+
+exports.CronPicker_default = CronPicker_default;
+//# sourceMappingURL=chunk-ZLWY7QS2.cjs.map
+//# sourceMappingURL=chunk-ZLWY7QS2.cjs.map

package/dist/chunk-ZLWY7QS2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CronPicker/index.tsx"],"names":["useState","React","useEffect","jsx","jsxs","CopyButton_default"],"mappings":"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","file":"chunk-ZLWY7QS2.cjs","sourcesContent":["import React, { useState, useEffect, CSSProperties } from 'react';\nimport CopyButton from '../CopyButton';\nimport './index.less';\n\nexport type CronPeriodType = 'minute' | 'hour' | 'day' | 'week' | 'month' | 'custom';\n\nexport interface CronPickerProps {\n\t/** 当前 Cron 表达式（受控） */\n\tvalue?: string;\n\t/** 默认 Cron 表达式，默认为 '0 0 12 * * ?' */\n\tdefaultValue?: string;\n\t/** 表达式改变回调 */\n\tonChange?: (cron: string, humanReadable: string) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst CronPicker: React.FC<CronPickerProps> = ({\n\tvalue: controlledValue,\n\tdefaultValue = '0 0 12 * * ?',\n\tonChange,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [period, setPeriod] = useState<CronPeriodType>('day');\n\n\t// 状态字段\n\tconst [minuteInterval, setMinuteInterval] = useState<number>(5);\n\tconst [hourMinute, setHourMinute] = useState<number>(0);\n\tconst [dayHour, setDayHour] = useState<number>(12);\n\tconst [dayMinute, setDayMinute] = useState<number>(0);\n\tconst [weekDay, setWeekDay] = useState<number>(1); // 1 = 周一\n\tconst [weekHour, setWeekHour] = useState<number>(9);\n\tconst [weekMinute, setWeekMinute] = useState<number>(0);\n\tconst [monthDay, setMonthDay] = useState<number>(1);\n\tconst [monthHour, setMonthHour] = useState<number>(0);\n\tconst [monthMinute, setMonthMinute] = useState<number>(0);\n\tconst [customCron, setCustomCron] = useState<string>(defaultValue);\n\n\t// 计算当前周期对应的 Cron 表达式与中文描述\n\tconst { cron, desc } = React.useMemo(() => {\n\t\tif (controlledValue && period === 'custom') {\n\t\t\treturn { cron: controlledValue, desc: '自定义 Cron 调度' };\n\t\t}\n\n\t\tswitch (period) {\n\t\t\tcase 'minute':\n\t\t\t\treturn {\n\t\t\t\t\tcron: `0 0/${minuteInterval} * * * ?`,\n\t\t\t\t\tdesc: `每隔 ${minuteInterval} 分钟执行一次`,\n\t\t\t\t};\n\t\t\tcase 'hour':\n\t\t\t\treturn {\n\t\t\t\t\tcron: `0 ${hourMinute} * * * ?`,\n\t\t\t\t\tdesc: `每小时的第 ${hourMinute} 分钟执行一次`,\n\t\t\t\t};\n\t\t\tcase 'day':\n\t\t\t\treturn {\n\t\t\t\t\tcron: `0 ${dayMinute} ${dayHour} * * ?`,\n\t\t\t\t\tdesc: `每天 ${String(dayHour).padStart(2, '0')}:${String(dayMinute).padStart(2, '0')} 执行一次`,\n\t\t\t\t};\n\t\t\tcase 'week': {\n\t\t\t\tconst weekMap: Record<number, string> = {\n\t\t\t\t\t1: '周一',\n\t\t\t\t\t2: '周二',\n\t\t\t\t\t3: '周三',\n\t\t\t\t\t4: '周四',\n\t\t\t\t\t5: '周五',\n\t\t\t\t\t6: '周六',\n\t\t\t\t\t7: '周日',\n\t\t\t\t};\n\t\t\t\t// Cron 中 1 为周日/周一根据规范不同，这里按常规映射\n\t\t\t\treturn {\n\t\t\t\t\tcron: `0 ${weekMinute} ${weekHour} ? * ${weekDay}`,\n\t\t\t\t\tdesc: `每${weekMap[weekDay]} ${String(weekHour).padStart(2, '0')}:${String(weekMinute).padStart(2, '0')} 执行一次`,\n\t\t\t\t};\n\t\t\t}\n\t\t\tcase 'month':\n\t\t\t\treturn {\n\t\t\t\t\tcron: `0 ${monthMinute} ${monthHour} ${monthDay} * ?`,\n\t\t\t\t\tdesc: `每月 ${monthDay} 号 ${String(monthHour).padStart(2, '0')}:${String(monthMinute).padStart(2, '0')} 执行一次`,\n\t\t\t\t};\n\t\t\tcase 'custom':\n\t\t\t\treturn {\n\t\t\t\t\tcron: customCron,\n\t\t\t\t\tdesc: '自定义 Cron 表达式',\n\t\t\t\t};\n\t\t\tdefault:\n\t\t\t\treturn { cron: defaultValue, desc: '定时执行' };\n\t\t}\n\t}, [\n\t\tperiod,\n\t\tcontrolledValue,\n\t\tminuteInterval,\n\t\thourMinute,\n\t\tdayHour,\n\t\tdayMinute,\n\t\tweekDay,\n\t\tweekHour,\n\t\tweekMinute,\n\t\tmonthDay,\n\t\tmonthHour,\n\t\tmonthMinute,\n\t\tcustomCron,\n\t\tdefaultValue,\n\t]);\n\n\tuseEffect(() => {\n\t\tonChange?.(cron, desc);\n\t}, [cron, desc, onChange]);\n\n\treturn (\n\t\t<div className={`rpc_cron_picker ${className}`} style={style}>\n\t\t\t{/* 周期切换 Tab */}\n\t\t\t<div className=\"rpc_cron_picker_tabs\">\n\t\t\t\t{[\n\t\t\t\t\t{ key: 'minute', label: '每隔分钟' },\n\t\t\t\t\t{ key: 'hour', label: '每小时' },\n\t\t\t\t\t{ key: 'day', label: '每天' },\n\t\t\t\t\t{ key: 'week', label: '每周' },\n\t\t\t\t\t{ key: 'month', label: '每月' },\n\t\t\t\t\t{ key: 'custom', label: '自定义 Cron' },\n\t\t\t\t].map((tab) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={tab.key}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={`rpc_cron_picker_tab_btn ${\n\t\t\t\t\t\t\tperiod === tab.key ? 'rpc_cron_picker_tab_btn_active' : ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonClick={() => setPeriod(tab.key as CronPeriodType)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{tab.label}\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{/* 参数配置区域 */}\n\t\t\t<div className=\"rpc_cron_picker_panel\">\n\t\t\t\t{period === 'minute' && (\n\t\t\t\t\t<div className=\"rpc_cron_picker_field_row\">\n\t\t\t\t\t\t<span>每隔</span>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_select\"\n\t\t\t\t\t\t\tvalue={minuteInterval}\n\t\t\t\t\t\t\tonChange={(e) => setMinuteInterval(Number(e.target.value))}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{[1, 2, 3, 5, 10, 15, 20, 30].map((m) => (\n\t\t\t\t\t\t\t\t<option key={m} value={m}>\n\t\t\t\t\t\t\t\t\t{m}\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</select>\n\t\t\t\t\t\t<span>分钟执行一次</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{period === 'hour' && (\n\t\t\t\t\t<div className=\"rpc_cron_picker_field_row\">\n\t\t\t\t\t\t<span>每小时的第</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\tmax={59}\n\t\t\t\t\t\t\tvalue={hourMinute}\n\t\t\t\t\t\t\tonChange={(e) => setHourMinute(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>分执行一次</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{period === 'day' && (\n\t\t\t\t\t<div className=\"rpc_cron_picker_field_row\">\n\t\t\t\t\t\t<span>每天在</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\tmax={23}\n\t\t\t\t\t\t\tvalue={dayHour}\n\t\t\t\t\t\t\tonChange={(e) => setDayHour(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>时</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\tmax={59}\n\t\t\t\t\t\t\tvalue={dayMinute}\n\t\t\t\t\t\t\tonChange={(e) => setDayMinute(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>分执行一次</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{period === 'week' && (\n\t\t\t\t\t<div className=\"rpc_cron_picker_field_row\">\n\t\t\t\t\t\t<span>每周</span>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_select\"\n\t\t\t\t\t\t\tvalue={weekDay}\n\t\t\t\t\t\t\tonChange={(e) => setWeekDay(Number(e.target.value))}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option value={1}>周一</option>\n\t\t\t\t\t\t\t<option value={2}>周二</option>\n\t\t\t\t\t\t\t<option value={3}>周三</option>\n\t\t\t\t\t\t\t<option value={4}>周四</option>\n\t\t\t\t\t\t\t<option value={5}>周五</option>\n\t\t\t\t\t\t\t<option value={6}>周六</option>\n\t\t\t\t\t\t\t<option value={7}>周日</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t\t<span>的</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\tmax={23}\n\t\t\t\t\t\t\tvalue={weekHour}\n\t\t\t\t\t\t\tonChange={(e) => setWeekHour(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>时</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\tmax={59}\n\t\t\t\t\t\t\tvalue={weekMinute}\n\t\t\t\t\t\t\tonChange={(e) => setWeekMinute(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>分执行</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{period === 'month' && (\n\t\t\t\t\t<div className=\"rpc_cron_picker_field_row\">\n\t\t\t\t\t\t<span>每月第</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\tmax={31}\n\t\t\t\t\t\t\tvalue={monthDay}\n\t\t\t\t\t\t\tonChange={(e) => setMonthDay(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>天的</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\tmax={23}\n\t\t\t\t\t\t\tvalue={monthHour}\n\t\t\t\t\t\t\tonChange={(e) => setMonthHour(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>时</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\tmax={59}\n\t\t\t\t\t\t\tvalue={monthMinute}\n\t\t\t\t\t\t\tonChange={(e) => setMonthMinute(Number(e.target.value))}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: 60 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>分执行</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{period === 'custom' && (\n\t\t\t\t\t<div className=\"rpc_cron_picker_field_row\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tvalue={customCron}\n\t\t\t\t\t\t\tonChange={(e) => setCustomCron(e.target.value)}\n\t\t\t\t\t\t\tclassName=\"rpc_cron_picker_input\"\n\t\t\t\t\t\t\tstyle={{ width: '100%', fontFamily: 'monospace' }}\n\t\t\t\t\t\t\tplaceholder=\"例如: 0 0/15 * * * ?\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* 底部生成结果与人话翻译 */}\n\t\t\t<div className=\"rpc_cron_picker_footer\">\n\t\t\t\t<div className=\"rpc_cron_picker_cron_badge\">\n\t\t\t\t\t<span>生成的 Cron:</span>\n\t\t\t\t\t<span className=\"rpc_cron_picker_cron_code\">{cron}</span>\n\t\t\t\t\t<CopyButton mode=\"icon\" text={cron} tooltip=\"复制 Cron 表达式\" />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rpc_cron_picker_human_desc\">\n\t\t\t\t\t<span>💡 周期人话解释：</span>\n\t\t\t\t\t<span>{desc}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CronPicker;\n"]}

package/dist/chunk-ZNFW6L3E.cjs

@@ -0,0 +1,321 @@
+'use strict';
+
+var chunkMBOWSS4B_cjs = require('./chunk-MBOWSS4B.cjs');
+var react = require('react');
+var ReactDOM = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var ImageCropper = react.forwardRef(
+  ({
+    src,
+    aspectRatio = 1,
+    shape = "rect",
+    modal = false,
+    title = "\u56FE\u7247\u88C1\u526A",
+    open = true,
+    onOk,
+    onCancel,
+    height = 360,
+    className = "",
+    style
+  }, ref) => {
+    const canvasRef = react.useRef(null);
+    const containerRef = react.useRef(null);
+    const imgRef = react.useRef(null);
+    const [scale, setScale] = react.useState(1);
+    const [rotateDeg, setRotateDeg] = react.useState(0);
+    const [offset, setOffset] = react.useState({ x: 0, y: 0 });
+    const isDraggingRef = react.useRef(false);
+    const dragStartRef = react.useRef({ x: 0, y: 0 });
+    react.useEffect(() => {
+      if (!src) return;
+      const img = new Image();
+      img.crossOrigin = "anonymous";
+      img.src = src;
+      img.onload = () => {
+        imgRef.current = img;
+        setScale(1);
+        setRotateDeg(0);
+        setOffset({ x: 0, y: 0 });
+        renderCanvas(1, 0, { x: 0, y: 0 });
+      };
+    }, [src]);
+    const renderCanvas = react.useCallback(
+      (curScale, curDeg, curOffset) => {
+        const canvas = canvasRef.current;
+        const img = imgRef.current;
+        if (!canvas || !img) return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) return;
+        const dpr = window.devicePixelRatio || 1;
+        const width = canvas.clientWidth || 400;
+        const canvasHeight = canvas.clientHeight || height;
+        canvas.width = width * dpr;
+        canvas.height = canvasHeight * dpr;
+        ctx.scale(dpr, dpr);
+        ctx.clearRect(0, 0, width, canvasHeight);
+        ctx.save();
+        const centerX = width / 2 + curOffset.x;
+        const centerY = canvasHeight / 2 + curOffset.y;
+        ctx.translate(centerX, centerY);
+        ctx.rotate(curDeg * Math.PI / 180);
+        ctx.scale(curScale, curScale);
+        const imgWidth = img.naturalWidth || img.width;
+        const imgHeight = img.naturalHeight || img.height;
+        const baseRatio = Math.min(width * 0.8 / imgWidth, canvasHeight * 0.8 / imgHeight, 1);
+        const renderW = imgWidth * baseRatio;
+        const renderH = imgHeight * baseRatio;
+        ctx.drawImage(img, -renderW / 2, -renderH / 2, renderW, renderH);
+        ctx.restore();
+      },
+      [height]
+    );
+    react.useEffect(() => {
+      renderCanvas(scale, rotateDeg, offset);
+    }, [scale, rotateDeg, offset, renderCanvas]);
+    const handleMouseDown = (e) => {
+      isDraggingRef.current = true;
+      dragStartRef.current = { x: e.clientX - offset.x, y: e.clientY - offset.y };
+    };
+    const handleMouseMove = (e) => {
+      if (!isDraggingRef.current) return;
+      const nextOffset = {
+        x: e.clientX - dragStartRef.current.x,
+        y: e.clientY - dragStartRef.current.y
+      };
+      setOffset(nextOffset);
+    };
+    const handleMouseUp = () => {
+      isDraggingRef.current = false;
+    };
+    const handleWheel = (e) => {
+      e.preventDefault();
+      const zoomStep = e.deltaY < 0 ? 0.1 : -0.1;
+      setScale((prev) => Math.min(Math.max(0.2, prev + zoomStep), 5));
+    };
+    const handleRotate = (deg = 90) => {
+      setRotateDeg((prev) => (prev + deg) % 360);
+    };
+    const handleZoom = (delta) => {
+      setScale((prev) => Math.min(Math.max(0.2, prev + delta), 5));
+    };
+    const handleReset = () => {
+      setScale(1);
+      setRotateDeg(0);
+      setOffset({ x: 0, y: 0 });
+    };
+    const getCropBoxRect = () => {
+      const container = containerRef.current;
+      const containerW = (container == null ? void 0 : container.clientWidth) || 400;
+      const containerH = height;
+      let boxW = Math.min(containerW * 0.7, 240);
+      let boxH = aspectRatio ? boxW / aspectRatio : boxW;
+      if (boxH > containerH * 0.8) {
+        boxH = containerH * 0.8;
+        boxW = aspectRatio ? boxH * aspectRatio : boxH;
+      }
+      const boxLeft = (containerW - boxW) / 2;
+      const boxTop = (containerH - boxH) / 2;
+      return { left: boxLeft, top: boxTop, width: boxW, height: boxH };
+    };
+    const getCroppedResult = react.useCallback(
+      async (type = "image/png", quality = 0.92) => {
+        const canvas = canvasRef.current;
+        if (!canvas) throw new Error("Canvas not found");
+        const cropBox2 = getCropBoxRect();
+        const dpr = window.devicePixelRatio || 1;
+        const cropCanvas = document.createElement("canvas");
+        cropCanvas.width = cropBox2.width * dpr;
+        cropCanvas.height = cropBox2.height * dpr;
+        const cropCtx = cropCanvas.getContext("2d");
+        if (!cropCtx) throw new Error("Failed to create canvas context");
+        if (shape === "round") {
+          cropCtx.beginPath();
+          cropCtx.arc(
+            cropBox2.width * dpr / 2,
+            cropBox2.height * dpr / 2,
+            cropBox2.width * dpr / 2,
+            0,
+            Math.PI * 2
+          );
+          cropCtx.closePath();
+          cropCtx.clip();
+        }
+        cropCtx.drawImage(
+          canvas,
+          cropBox2.left * dpr,
+          cropBox2.top * dpr,
+          cropBox2.width * dpr,
+          cropBox2.height * dpr,
+          0,
+          0,
+          cropBox2.width * dpr,
+          cropBox2.height * dpr
+        );
+        const dataURL = cropCanvas.toDataURL(type, quality);
+        const blob = await new Promise((resolve) => {
+          cropCanvas.toBlob((b) => resolve(b), type, quality);
+        });
+        return {
+          dataURL,
+          blob,
+          width: Math.round(cropBox2.width),
+          height: Math.round(cropBox2.height)
+        };
+      },
+      [shape, aspectRatio, height]
+    );
+    react.useImperativeHandle(
+      ref,
+      () => ({
+        getCroppedResult,
+        rotate: handleRotate,
+        zoom: handleZoom,
+        reset: handleReset
+      }),
+      [getCroppedResult]
+    );
+    const handleConfirm = async () => {
+      const res = await getCroppedResult();
+      onOk == null ? void 0 : onOk(res);
+    };
+    const cropBox = getCropBoxRect();
+    const coreContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_image_cropper ${className}`, style: { ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: containerRef,
+          className: "rpc_image_cropper_canvas_wrap",
+          style: { height },
+          onMouseDown: handleMouseDown,
+          onMouseMove: handleMouseMove,
+          onMouseUp: handleMouseUp,
+          onMouseLeave: handleMouseUp,
+          onWheel: handleWheel,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "canvas",
+              {
+                ref: canvasRef,
+                className: "rpc_image_cropper_canvas",
+                style: { width: "100%", height }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: `rpc_image_cropper_crop_box ${shape === "round" ? "rpc_image_cropper_crop_box_round" : ""}`,
+                style: {
+                  left: `${cropBox.left}px`,
+                  top: `${cropBox.top}px`,
+                  width: `${cropBox.width}px`,
+                  height: `${cropBox.height}px`
+                },
+                children: shape === "rect" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_image_cropper_crop_box_grid" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_image_cropper_toolbar", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "rpc_image_cropper_btn",
+            onClick: () => handleZoom(0.1),
+            title: "\u653E\u5927",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.ZoomInOutlined, {}),
+              " \u653E\u5927"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "rpc_image_cropper_btn",
+            onClick: () => handleZoom(-0.1),
+            title: "\u7F29\u5C0F",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.ZoomOutOutlined, {}),
+              " \u7F29\u5C0F"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "rpc_image_cropper_btn",
+            onClick: () => handleRotate(90),
+            title: "\u987A\u65F6\u9488\u65CB\u8F6C90\xB0",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.RotateRightOutlined, {}),
+              " \u65CB\u8F6C"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_image_cropper_btn",
+            onClick: handleReset,
+            title: "\u91CD\u7F6E",
+            children: "\u91CD\u7F6E"
+          }
+        )
+      ] })
+    ] });
+    if (modal) {
+      if (!open) return null;
+      return ReactDOM__default.default.createPortal(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_cropper_modal", onClick: onCancel, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cropper_modal_card", onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cropper_modal_header", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.CloseOutlined, { className: "rpc_cropper_modal_close", onClick: onCancel })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 16, background: "#141414" }, children: coreContent }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cropper_modal_footer", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rpc_image_cropper_btn",
+                style: { background: "#ffffff", color: "#262626", borderColor: "#d9d9d9" },
+                onClick: onCancel,
+                children: "\u53D6\u6D88"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "rpc_image_cropper_btn rpc_image_cropper_btn_primary",
+                onClick: handleConfirm,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.CheckOutlined, {}),
+                  " \u786E\u5B9A\u88C1\u526A"
+                ]
+              }
+            )
+          ] })
+        ] }) }),
+        document.body
+      );
+    }
+    return coreContent;
+  }
+);
+ImageCropper.displayName = "ImageCropper";
+var ImageCropper_default = ImageCropper;
+
+exports.ImageCropper_default = ImageCropper_default;
+//# sourceMappingURL=chunk-ZNFW6L3E.cjs.map
+//# sourceMappingURL=chunk-ZNFW6L3E.cjs.map