react-public-components 1.2.1 → 1.2.3

package/dist/chunk-QZZGBUW4.js

@@ -0,0 +1,121 @@
+import { CloseOutlined } from './chunk-ISUXPTLV.js';
+import { useState, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TreeTransfer = ({
+  treeData = [],
+  targetKeys: controlledKeys,
+  defaultTargetKeys = [],
+  onChange,
+  sourceTitle = "\u5F85\u9009\u9879\u76EE\u5F55",
+  targetTitle = "\u5DF2\u9009\u9879\u76EE",
+  className = "",
+  style
+}) => {
+  const [internalKeys, setInternalKeys] = useState(defaultTargetKeys);
+  const targetKeys = controlledKeys !== void 0 ? controlledKeys : internalKeys;
+  const flatNodeMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const traverse = (nodes) => {
+      nodes.forEach((n) => {
+        map.set(n.key, n.title);
+        if (n.children) traverse(n.children);
+      });
+    };
+    traverse(treeData);
+    return map;
+  }, [treeData]);
+  const triggerChange = (newKeys) => {
+    if (controlledKeys === void 0) setInternalKeys(newKeys);
+    onChange == null ? void 0 : onChange(newKeys);
+  };
+  const handleToggle = (key, checked) => {
+    if (checked) {
+      triggerChange([...targetKeys, key]);
+    } else {
+      triggerChange(targetKeys.filter((k) => k !== key));
+    }
+  };
+  const handleRemove = (key) => {
+    triggerChange(targetKeys.filter((k) => k !== key));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_tree_transfer ${className}`, style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rpc_tree_transfer_panel", children: [
+      /* @__PURE__ */ jsx("div", { className: "rpc_tree_transfer_header", children: /* @__PURE__ */ jsx("span", { children: sourceTitle }) }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_tree_transfer_body", children: treeData.map((group) => {
+        var _a;
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "rpc_tree_transfer_tree_item", children: /* @__PURE__ */ jsxs("b", { children: [
+            "\u{1F4C1} ",
+            group.title
+          ] }) }),
+          (_a = group.children) == null ? void 0 : _a.map((child) => {
+            const isChecked = targetKeys.includes(child.key);
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: "rpc_tree_transfer_tree_item rpc_tree_transfer_tree_child",
+                style: { cursor: "pointer" },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: isChecked,
+                      onChange: (e) => handleToggle(child.key, e.target.checked)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { children: child.title })
+                ]
+              },
+              child.key
+            );
+          })
+        ] }, group.key);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { style: { color: "#8c8c8c" }, children: "\u21C4" }),
+    /* @__PURE__ */ jsxs("div", { className: "rpc_tree_transfer_panel", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_tree_transfer_header", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          targetTitle,
+          " (",
+          targetKeys.length,
+          ")"
+        ] }),
+        targetKeys.length > 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: {
+              background: "none",
+              border: "none",
+              color: "#1677ff",
+              cursor: "pointer",
+              fontSize: 12
+            },
+            onClick: () => triggerChange([]),
+            children: "\u6E05\u7A7A"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_tree_transfer_body", children: targetKeys.length === 0 ? /* @__PURE__ */ jsx("div", { style: { color: "#8c8c8c", padding: "20px 0", textAlign: "center" }, children: "\u6682\u65E0\u5DF2\u9009\u9879" }) : targetKeys.map((key) => /* @__PURE__ */ jsxs("div", { className: "rpc_tree_transfer_target_item", children: [
+        /* @__PURE__ */ jsx("span", { children: flatNodeMap.get(key) || key }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_tree_transfer_del_btn",
+            onClick: () => handleRemove(key),
+            children: /* @__PURE__ */ jsx(CloseOutlined, {})
+          }
+        )
+      ] }, key)) })
+    ] })
+  ] });
+};
+var TreeTransfer_default = TreeTransfer;
+
+export { TreeTransfer_default };
+//# sourceMappingURL=chunk-QZZGBUW4.js.map
+//# sourceMappingURL=chunk-QZZGBUW4.js.map

package/dist/chunk-QZZGBUW4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TreeTransfer/index.tsx"],"names":[],"mappings":"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","file":"chunk-QZZGBUW4.js","sourcesContent":["import React, { useState, useMemo, CSSProperties } from 'react';\nimport { CloseOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface TreeTransferNode {\n\tkey: string;\n\ttitle: string;\n\tchildren?: TreeTransferNode[];\n}\n\nexport interface TreeTransferProps {\n\t/** 树形数据源 */\n\ttreeData: TreeTransferNode[];\n\t/** 右侧已选择 keys 列表（受控） */\n\ttargetKeys?: string[];\n\t/** 默认已选择 keys 列表 */\n\tdefaultTargetKeys?: string[];\n\t/** 改变回调 */\n\tonChange?: (targetKeys: string[]) => void;\n\t/** 左侧面板标题，默认为 '待选项目录' */\n\tsourceTitle?: string;\n\t/** 右侧面板标题，默认为 '已选项目' */\n\ttargetTitle?: string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TreeTransfer: React.FC<TreeTransferProps> = ({\n\ttreeData = [],\n\ttargetKeys: controlledKeys,\n\tdefaultTargetKeys = [],\n\tonChange,\n\tsourceTitle = '待选项目录',\n\ttargetTitle = '已选项目',\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalKeys, setInternalKeys] = useState<string[]>(defaultTargetKeys);\n\tconst targetKeys = controlledKeys !== undefined ? controlledKeys : internalKeys;\n\n\t// 平铺节点便于通过 key 查找 title\n\tconst flatNodeMap = useMemo(() => {\n\t\tconst map = new Map<string, string>();\n\t\tconst traverse = (nodes: TreeTransferNode[]) => {\n\t\t\tnodes.forEach((n) => {\n\t\t\t\tmap.set(n.key, n.title);\n\t\t\t\tif (n.children) traverse(n.children);\n\t\t\t});\n\t\t};\n\t\ttraverse(treeData);\n\t\treturn map;\n\t}, [treeData]);\n\n\tconst triggerChange = (newKeys: string[]) => {\n\t\tif (controlledKeys === undefined) setInternalKeys(newKeys);\n\t\tonChange?.(newKeys);\n\t};\n\n\tconst handleToggle = (key: string, checked: boolean) => {\n\t\tif (checked) {\n\t\t\ttriggerChange([...targetKeys, key]);\n\t\t} else {\n\t\t\ttriggerChange(targetKeys.filter((k) => k !== key));\n\t\t}\n\t};\n\n\tconst handleRemove = (key: string) => {\n\t\ttriggerChange(targetKeys.filter((k) => k !== key));\n\t};\n\n\treturn (\n\t\t<div className={`rpc_tree_transfer ${className}`} style={style}>\n\t\t\t{/* 左侧树形选择面板 */}\n\t\t\t<div className=\"rpc_tree_transfer_panel\">\n\t\t\t\t<div className=\"rpc_tree_transfer_header\">\n\t\t\t\t\t<span>{sourceTitle}</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rpc_tree_transfer_body\">\n\t\t\t\t\t{treeData.map((group) => (\n\t\t\t\t\t\t<div key={group.key}>\n\t\t\t\t\t\t\t<div className=\"rpc_tree_transfer_tree_item\">\n\t\t\t\t\t\t\t\t<b>📁 {group.title}</b>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{group.children?.map((child) => {\n\t\t\t\t\t\t\t\tconst isChecked = targetKeys.includes(child.key);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tkey={child.key}\n\t\t\t\t\t\t\t\t\t\tclassName=\"rpc_tree_transfer_tree_item rpc_tree_transfer_tree_child\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={isChecked}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => handleToggle(child.key, e.target.checked)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span>{child.title}</span>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* 中间指示 */}\n\t\t\t<span style={{ color: '#8c8c8c' }}>⇄</span>\n\n\t\t\t{/* 右侧平铺已选面板 */}\n\t\t\t<div className=\"rpc_tree_transfer_panel\">\n\t\t\t\t<div className=\"rpc_tree_transfer_header\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t{targetTitle} ({targetKeys.length})\n\t\t\t\t\t</span>\n\t\t\t\t\t{targetKeys.length > 0 && (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: 'none',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tcolor: '#1677ff',\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => triggerChange([])}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t清空\n\t\t\t\t\t\t</button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rpc_tree_transfer_body\">\n\t\t\t\t\t{targetKeys.length === 0 ? (\n\t\t\t\t\t\t<div style={{ color: '#8c8c8c', padding: '20px 0', textAlign: 'center' }}>\n\t\t\t\t\t\t\t暂无已选项\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\ttargetKeys.map((key) => (\n\t\t\t\t\t\t\t<div key={key} className=\"rpc_tree_transfer_target_item\">\n\t\t\t\t\t\t\t\t<span>{flatNodeMap.get(key) || key}</span>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"rpc_tree_transfer_del_btn\"\n\t\t\t\t\t\t\t\t\tonClick={() => handleRemove(key)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CloseOutlined />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TreeTransfer;\n"]}

package/dist/chunk-RAF7I4A5.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// TrendIndicator/index.tsx
+var TrendIndicator = ({
+  value,
+  suffix = "%",
+  prefix = "",
+  precision = 1,
+  type = "filled",
+  reverse = false,
+  className = "",
+  style
+}) => {
+  const isZero = Math.abs(value) < 1e-4;
+  const isPositive = value > 0;
+  let statusClass = "flat";
+  if (!isZero) {
+    const isGood = reverse ? !isPositive : isPositive;
+    statusClass = isGood ? "up" : "down";
+  }
+  const formattedVal = Math.abs(value).toFixed(precision);
+  const sign = isPositive ? "+" : value < 0 ? "-" : "";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`,
+      style,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "rpc_trend_indicator_arrow", children: isZero ? "\u2014" : isPositive ? "\u25B2" : "\u25BC" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          prefix,
+          sign,
+          formattedVal,
+          suffix
+        ] })
+      ]
+    }
+  );
+};
+var TrendIndicator_default = TrendIndicator;
+
+export { TrendIndicator_default };
+//# sourceMappingURL=chunk-RAF7I4A5.js.map
+//# sourceMappingURL=chunk-RAF7I4A5.js.map

package/dist/chunk-RAF7I4A5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TrendIndicator/index.tsx"],"names":[],"mappings":";;;AAsBA,IAAM,iBAAgD,CAAC;AAAA,EACtD,KAAA;AAAA,EACA,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAAS,EAAA;AAAA,EACT,SAAA,GAAY,CAAA;AAAA,EACZ,IAAA,GAAO,QAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,GAAI,IAAA;AACjC,EAAA,MAAM,aAAa,KAAA,GAAQ,CAAA;AAG3B,EAAA,IAAI,WAAA,GAAc,MAAA;AAClB,EAAA,IAAI,CAAC,MAAA,EAAQ;AACZ,IAAA,MAAM,MAAA,GAAS,OAAA,GAAU,CAAC,UAAA,GAAa,UAAA;AACvC,IAAA,WAAA,GAAc,SAAS,IAAA,GAAO,MAAA;AAAA,EAC/B;AAEA,EAAA,MAAM,eAAe,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,CAAE,QAAQ,SAAS,CAAA;AACtD,EAAA,MAAM,IAAA,GAAO,UAAA,GAAa,GAAA,GAAM,KAAA,GAAQ,IAAI,GAAA,GAAM,EAAA;AAElD,EAAA,uBACC,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACA,WAAW,CAAA,wCAAA,EAA2C,IAAI,CAAA,qBAAA,EAAwB,WAAW,IAAI,SAAS,CAAA,CAAA;AAAA,MAC1G,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,SAAA,EAAU,2BAAA,EAA6B,mBAAS,QAAA,GAAM,UAAA,GAAa,WAAM,QAAA,EAAI,CAAA;AAAA,6BAClF,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACA,IAAA;AAAA,UACA,YAAA;AAAA,UACA;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACD;AAEF,CAAA;AAEA,IAAO,sBAAA,GAAQ","file":"chunk-RAF7I4A5.js","sourcesContent":["import React, { CSSProperties } from 'react';\nimport './index.less';\n\nexport interface TrendIndicatorProps {\n\t/** 变动数值（如 14.2 代表 +14.2%，-5.8 代表 -5.8%） */\n\tvalue: number;\n\t/** 数值后缀，默认为 '%' */\n\tsuffix?: string;\n\t/** 数值前缀 */\n\tprefix?: string;\n\t/** 保留小数位数，默认为 1 */\n\tprecision?: number;\n\t/** 展示模式：'filled' 填充色块 | 'outlined' 线框 | 'text' 纯文字，默认为 'filled' */\n\ttype?: 'filled' | 'outlined' | 'text';\n\t/** 是否反转红绿色彩规则（如成本/延时降低为绿色），默认为 false */\n\treverse?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TrendIndicator: React.FC<TrendIndicatorProps> = ({\n\tvalue,\n\tsuffix = '%',\n\tprefix = '',\n\tprecision = 1,\n\ttype = 'filled',\n\treverse = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst isZero = Math.abs(value) < 0.0001;\n\tconst isPositive = value > 0;\n\n\t// 判断颜色状态\n\tlet statusClass = 'flat';\n\tif (!isZero) {\n\t\tconst isGood = reverse ? !isPositive : isPositive;\n\t\tstatusClass = isGood ? 'up' : 'down';\n\t}\n\n\tconst formattedVal = Math.abs(value).toFixed(precision);\n\tconst sign = isPositive ? '+' : value < 0 ? '-' : '';\n\n\treturn (\n\t\t<span\n\t\t\tclassName={`rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<span className=\"rpc_trend_indicator_arrow\">{isZero ? '—' : isPositive ? '▲' : '▼'}</span>\n\t\t\t<span>\n\t\t\t\t{prefix}\n\t\t\t\t{sign}\n\t\t\t\t{formattedVal}\n\t\t\t\t{suffix}\n\t\t\t</span>\n\t\t</span>\n\t);\n};\n\nexport default TrendIndicator;\n"]}

package/dist/chunk-RIR43PO3.js

@@ -0,0 +1,69 @@
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// FlipCard/index.tsx
+var FlipCard = ({
+  front,
+  back,
+  trigger = "hover",
+  direction = "horizontal",
+  flipped: controlledFlipped,
+  onFlip,
+  width = 300,
+  height = 200,
+  className = "",
+  style
+}) => {
+  const [internalFlipped, setInternalFlipped] = useState(false);
+  const isFlipped = controlledFlipped !== void 0 ? controlledFlipped : internalFlipped;
+  const handleMouseEnter = () => {
+    if (trigger === "hover") {
+      if (controlledFlipped === void 0) setInternalFlipped(true);
+      onFlip == null ? void 0 : onFlip(true);
+    }
+  };
+  const handleMouseLeave = () => {
+    if (trigger === "hover") {
+      if (controlledFlipped === void 0) setInternalFlipped(false);
+      onFlip == null ? void 0 : onFlip(false);
+    }
+  };
+  const handleClick = () => {
+    if (trigger === "click") {
+      const next = !isFlipped;
+      if (controlledFlipped === void 0) setInternalFlipped(next);
+      onFlip == null ? void 0 : onFlip(next);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `rpc_flip_card ${className}`,
+      style: { width, height, ...style },
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onClick: handleClick,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `rpc_flip_card_inner ${isFlipped ? direction === "vertical" ? "rpc_flip_card_flipped_vertical" : "rpc_flip_card_flipped_horizontal" : ""}`,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "rpc_flip_card_front", children: front }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `rpc_flip_card_back ${direction === "vertical" ? "rpc_flip_card_back_vertical" : "rpc_flip_card_back_horizontal"}`,
+                children: back
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var FlipCard_default = FlipCard;
+
+export { FlipCard_default };
+//# sourceMappingURL=chunk-RIR43PO3.js.map
+//# sourceMappingURL=chunk-RIR43PO3.js.map

package/dist/chunk-RIR43PO3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../FlipCard/index.tsx"],"names":[],"mappings":";;;;AA6BA,IAAM,WAAoC,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV,SAAA,GAAY,YAAA;AAAA,EACZ,OAAA,EAAS,iBAAA;AAAA,EACT,MAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR,MAAA,GAAS,GAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAkB,KAAK,CAAA;AACrE,EAAA,MAAM,SAAA,GAAY,iBAAA,KAAsB,MAAA,GAAY,iBAAA,GAAoB,eAAA;AAExE,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,IAAI,YAAY,OAAA,EAAS;AACxB,MAAA,IAAI,iBAAA,KAAsB,MAAA,EAAW,kBAAA,CAAmB,IAAI,CAAA;AAC5D,MAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAS,IAAA,CAAA;AAAA,IACV;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,IAAI,YAAY,OAAA,EAAS;AACxB,MAAA,IAAI,iBAAA,KAAsB,MAAA,EAAW,kBAAA,CAAmB,KAAK,CAAA;AAC7D,MAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAS,KAAA,CAAA;AAAA,IACV;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AACzB,IAAA,IAAI,YAAY,OAAA,EAAS;AACxB,MAAA,MAAM,OAAO,CAAC,SAAA;AACd,MAAA,IAAI,iBAAA,KAAsB,MAAA,EAAW,kBAAA,CAAmB,IAAI,CAAA;AAC5D,MAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAS,IAAA,CAAA;AAAA,IACV;AAAA,EACD,CAAA;AAEA,EAAA,uBACC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,iBAAiB,SAAS,CAAA,CAAA;AAAA,MACrC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,GAAG,KAAA,EAAM;AAAA,MACjC,YAAA,EAAc,gBAAA;AAAA,MACd,YAAA,EAAc,gBAAA;AAAA,MACd,OAAA,EAAS,WAAA;AAAA,MAET,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACA,WAAW,CAAA,oBAAA,EACV,SAAA,GACG,cAAc,UAAA,GACb,gCAAA,GACA,qCACD,EACJ,CAAA,CAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,4BAC5C,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACA,SAAA,EAAW,CAAA,mBAAA,EACV,SAAA,KAAc,UAAA,GACX,gCACA,+BACJ,CAAA,CAAA;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA;AACF;AAAA;AAAA;AACD;AAAA,GACD;AAEF,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"chunk-RIR43PO3.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type FlipTrigger = 'hover' | 'click';\nexport type FlipDirection = 'horizontal' | 'vertical';\n\nexport interface FlipCardProps {\n\t/** 卡片正面内容 */\n\tfront: ReactNode;\n\t/** 卡片背面内容 */\n\tback: ReactNode;\n\t/** 触发翻转方式：'hover' 悬停，'click' 点击，默认为 'hover' */\n\ttrigger?: FlipTrigger;\n\t/** 翻转方向：'horizontal' 水平，'vertical' 垂直，默认为 'horizontal' */\n\tdirection?: FlipDirection;\n\t/** 当前是否翻转到背面（受控） */\n\tflipped?: boolean;\n\t/** 翻转状态改变回调 */\n\tonFlip?: (isFlipped: boolean) => void;\n\t/** 宽度，默认为 300 */\n\twidth?: number | string;\n\t/** 高度，默认为 200 */\n\theight?: number | string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst FlipCard: React.FC<FlipCardProps> = ({\n\tfront,\n\tback,\n\ttrigger = 'hover',\n\tdirection = 'horizontal',\n\tflipped: controlledFlipped,\n\tonFlip,\n\twidth = 300,\n\theight = 200,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalFlipped, setInternalFlipped] = useState<boolean>(false);\n\tconst isFlipped = controlledFlipped !== undefined ? controlledFlipped : internalFlipped;\n\n\tconst handleMouseEnter = () => {\n\t\tif (trigger === 'hover') {\n\t\t\tif (controlledFlipped === undefined) setInternalFlipped(true);\n\t\t\tonFlip?.(true);\n\t\t}\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (trigger === 'hover') {\n\t\t\tif (controlledFlipped === undefined) setInternalFlipped(false);\n\t\t\tonFlip?.(false);\n\t\t}\n\t};\n\n\tconst handleClick = () => {\n\t\tif (trigger === 'click') {\n\t\t\tconst next = !isFlipped;\n\t\t\tif (controlledFlipped === undefined) setInternalFlipped(next);\n\t\t\tonFlip?.(next);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_flip_card ${className}`}\n\t\t\tstyle={{ width, height, ...style }}\n\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={`rpc_flip_card_inner ${\n\t\t\t\t\tisFlipped\n\t\t\t\t\t\t? direction === 'vertical'\n\t\t\t\t\t\t\t? 'rpc_flip_card_flipped_vertical'\n\t\t\t\t\t\t\t: 'rpc_flip_card_flipped_horizontal'\n\t\t\t\t\t\t: ''\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div className=\"rpc_flip_card_front\">{front}</div>\n\t\t\t\t<div\n\t\t\t\t\tclassName={`rpc_flip_card_back ${\n\t\t\t\t\t\tdirection === 'vertical'\n\t\t\t\t\t\t\t? 'rpc_flip_card_back_vertical'\n\t\t\t\t\t\t\t: 'rpc_flip_card_back_horizontal'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{back}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default FlipCard;\n"]}

package/dist/chunk-TNKJCJ3U.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// PhotoViewer/index.tsx
+var PhotoViewer = ({
+  images = [],
+  defaultIndex = 0,
+  height = 380,
+  onChange,
+  className = "",
+  style
+}) => {
+  const [currentIndex, setCurrentIndex] = react.useState(defaultIndex);
+  const handleSelect = (index) => {
+    setCurrentIndex(index);
+    onChange == null ? void 0 : onChange(index);
+  };
+  const handlePrev = () => {
+    const next = (currentIndex - 1 + images.length) % images.length;
+    handleSelect(next);
+  };
+  const handleNext = () => {
+    const next = (currentIndex + 1) % images.length;
+    handleSelect(next);
+  };
+  react.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowLeft") handlePrev();
+      if (e.key === "ArrowRight") handleNext();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [currentIndex, images.length]);
+  if (images.length === 0) return null;
+  const currentImg = images[currentIndex] || images[0];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_photo_viewer ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_photo_viewer_top_bar", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_photo_viewer_top_title", children: currentImg.title || currentImg.alt || `Photo ${currentIndex + 1}` }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_photo_viewer_counter", children: [
+        currentIndex + 1,
+        " / ",
+        images.length
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_photo_viewer_main_wrap", style: { height }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: currentImg.src,
+          alt: currentImg.alt || `Photo ${currentIndex + 1}`,
+          className: "rpc_photo_viewer_main_img"
+        }
+      ),
+      images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_prev",
+            onClick: handlePrev,
+            title: "\u4E0A\u4E00\u5F20 (\u2190 \u952E\u76D8\u5DE6\u952E)",
+            children: "\u2039"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_next",
+            onClick: handleNext,
+            title: "\u4E0B\u4E00\u5F20 (\u2192 \u952E\u76D8\u53F3\u952E)",
+            children: "\u203A"
+          }
+        )
+      ] })
+    ] }),
+    images.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_photo_viewer_thumbs_wrap", children: images.map((img, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `rpc_photo_viewer_thumb ${currentIndex === idx ? "rpc_photo_viewer_thumb_active" : ""}`,
+        onClick: () => handleSelect(idx),
+        children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: img.src, alt: img.alt || "" })
+      },
+      idx
+    )) })
+  ] });
+};
+var PhotoViewer_default = PhotoViewer;
+
+exports.PhotoViewer_default = PhotoViewer_default;
+//# sourceMappingURL=chunk-TNKJCJ3U.cjs.map
+//# sourceMappingURL=chunk-TNKJCJ3U.cjs.map

package/dist/chunk-TNKJCJ3U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../PhotoViewer/index.tsx"],"names":["useState","useEffect","jsxs","jsx","Fragment"],"mappings":"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","file":"chunk-TNKJCJ3U.cjs","sourcesContent":["import React, { useState, useEffect, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface PhotoItem {\n\tsrc: string;\n\talt?: string;\n\ttitle?: string;\n}\n\nexport interface PhotoViewerProps {\n\t/** 相册图片列表 */\n\timages: PhotoItem[];\n\t/** 默认展示图片下标，默认为 0 */\n\tdefaultIndex?: number;\n\t/** 图片高度，默认为 380 */\n\theight?: number | string;\n\t/** 图片切换回调 */\n\tonChange?: (index: number) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst PhotoViewer: React.FC<PhotoViewerProps> = ({\n\timages = [],\n\tdefaultIndex = 0,\n\theight = 380,\n\tonChange,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [currentIndex, setCurrentIndex] = useState<number>(defaultIndex);\n\n\tconst handleSelect = (index: number) => {\n\t\tsetCurrentIndex(index);\n\t\tonChange?.(index);\n\t};\n\n\tconst handlePrev = () => {\n\t\tconst next = (currentIndex - 1 + images.length) % images.length;\n\t\thandleSelect(next);\n\t};\n\n\tconst handleNext = () => {\n\t\tconst next = (currentIndex + 1) % images.length;\n\t\thandleSelect(next);\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tif (e.key === 'ArrowLeft') handlePrev();\n\t\t\tif (e.key === 'ArrowRight') handleNext();\n\t\t};\n\t\twindow.addEventListener('keydown', handleKeyDown);\n\t\treturn () => window.removeEventListener('keydown', handleKeyDown);\n\t}, [currentIndex, images.length]);\n\n\tif (images.length === 0) return null;\n\tconst currentImg = images[currentIndex] || images[0];\n\n\treturn (\n\t\t<div className={`rpc_photo_viewer ${className}`} style={style}>\n\t\t\t{/* 顶部标题与张数计数 */}\n\t\t\t<div className=\"rpc_photo_viewer_top_bar\">\n\t\t\t\t<span className=\"rpc_photo_viewer_top_title\">\n\t\t\t\t\t{currentImg.title || currentImg.alt || `Photo ${currentIndex + 1}`}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"rpc_photo_viewer_counter\">\n\t\t\t\t\t{currentIndex + 1} / {images.length}\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t{/* 主图预览 */}\n\t\t\t<div className=\"rpc_photo_viewer_main_wrap\" style={{ height }}>\n\t\t\t\t<img\n\t\t\t\t\tsrc={currentImg.src}\n\t\t\t\t\talt={currentImg.alt || `Photo ${currentIndex + 1}`}\n\t\t\t\t\tclassName=\"rpc_photo_viewer_main_img\"\n\t\t\t\t/>\n\n\t\t\t\t{images.length > 1 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_prev\"\n\t\t\t\t\t\t\tonClick={handlePrev}\n\t\t\t\t\t\t\ttitle=\"上一张 (← 键盘左键)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t‹\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_next\"\n\t\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t\t\ttitle=\"下一张 (→ 键盘右键)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t›\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* 底部缩略图联动 */}\n\t\t\t{images.length > 1 && (\n\t\t\t\t<div className=\"rpc_photo_viewer_thumbs_wrap\">\n\t\t\t\t\t{images.map((img, idx) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tclassName={`rpc_photo_viewer_thumb ${\n\t\t\t\t\t\t\t\tcurrentIndex === idx ? 'rpc_photo_viewer_thumb_active' : ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tonClick={() => handleSelect(idx)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<img src={img.src} alt={img.alt || ''} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default PhotoViewer;\n"]}

package/dist/chunk-UCG7ZVK5.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// TrendIndicator/index.tsx
+var TrendIndicator = ({
+  value,
+  suffix = "%",
+  prefix = "",
+  precision = 1,
+  type = "filled",
+  reverse = false,
+  className = "",
+  style
+}) => {
+  const isZero = Math.abs(value) < 1e-4;
+  const isPositive = value > 0;
+  let statusClass = "flat";
+  if (!isZero) {
+    const isGood = reverse ? !isPositive : isPositive;
+    statusClass = isGood ? "up" : "down";
+  }
+  const formattedVal = Math.abs(value).toFixed(precision);
+  const sign = isPositive ? "+" : value < 0 ? "-" : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: `rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`,
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_trend_indicator_arrow", children: isZero ? "\u2014" : isPositive ? "\u25B2" : "\u25BC" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          prefix,
+          sign,
+          formattedVal,
+          suffix
+        ] })
+      ]
+    }
+  );
+};
+var TrendIndicator_default = TrendIndicator;
+
+exports.TrendIndicator_default = TrendIndicator_default;
+//# sourceMappingURL=chunk-UCG7ZVK5.cjs.map
+//# sourceMappingURL=chunk-UCG7ZVK5.cjs.map

package/dist/chunk-UCG7ZVK5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TrendIndicator/index.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;AAsBA,IAAM,iBAAgD,CAAC;AAAA,EACtD,KAAA;AAAA,EACA,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAAS,EAAA;AAAA,EACT,SAAA,GAAY,CAAA;AAAA,EACZ,IAAA,GAAO,QAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,GAAI,IAAA;AACjC,EAAA,MAAM,aAAa,KAAA,GAAQ,CAAA;AAG3B,EAAA,IAAI,WAAA,GAAc,MAAA;AAClB,EAAA,IAAI,CAAC,MAAA,EAAQ;AACZ,IAAA,MAAM,MAAA,GAAS,OAAA,GAAU,CAAC,UAAA,GAAa,UAAA;AACvC,IAAA,WAAA,GAAc,SAAS,IAAA,GAAO,MAAA;AAAA,EAC/B;AAEA,EAAA,MAAM,eAAe,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,CAAE,QAAQ,SAAS,CAAA;AACtD,EAAA,MAAM,IAAA,GAAO,UAAA,GAAa,GAAA,GAAM,KAAA,GAAQ,IAAI,GAAA,GAAM,EAAA;AAElD,EAAA,uBACCA,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACA,WAAW,CAAA,wCAAA,EAA2C,IAAI,CAAA,qBAAA,EAAwB,WAAW,IAAI,SAAS,CAAA,CAAA;AAAA,MAC1G,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,UAAK,SAAA,EAAU,2BAAA,EAA6B,mBAAS,QAAA,GAAM,UAAA,GAAa,WAAM,QAAA,EAAI,CAAA;AAAA,wCAClF,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACA,IAAA;AAAA,UACA,YAAA;AAAA,UACA;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACD;AAEF,CAAA;AAEA,IAAO,sBAAA,GAAQ","file":"chunk-UCG7ZVK5.cjs","sourcesContent":["import React, { CSSProperties } from 'react';\nimport './index.less';\n\nexport interface TrendIndicatorProps {\n\t/** 变动数值（如 14.2 代表 +14.2%，-5.8 代表 -5.8%） */\n\tvalue: number;\n\t/** 数值后缀，默认为 '%' */\n\tsuffix?: string;\n\t/** 数值前缀 */\n\tprefix?: string;\n\t/** 保留小数位数，默认为 1 */\n\tprecision?: number;\n\t/** 展示模式：'filled' 填充色块 | 'outlined' 线框 | 'text' 纯文字，默认为 'filled' */\n\ttype?: 'filled' | 'outlined' | 'text';\n\t/** 是否反转红绿色彩规则（如成本/延时降低为绿色），默认为 false */\n\treverse?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TrendIndicator: React.FC<TrendIndicatorProps> = ({\n\tvalue,\n\tsuffix = '%',\n\tprefix = '',\n\tprecision = 1,\n\ttype = 'filled',\n\treverse = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst isZero = Math.abs(value) < 0.0001;\n\tconst isPositive = value > 0;\n\n\t// 判断颜色状态\n\tlet statusClass = 'flat';\n\tif (!isZero) {\n\t\tconst isGood = reverse ? !isPositive : isPositive;\n\t\tstatusClass = isGood ? 'up' : 'down';\n\t}\n\n\tconst formattedVal = Math.abs(value).toFixed(precision);\n\tconst sign = isPositive ? '+' : value < 0 ? '-' : '';\n\n\treturn (\n\t\t<span\n\t\t\tclassName={`rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<span className=\"rpc_trend_indicator_arrow\">{isZero ? '—' : isPositive ? '▲' : '▼'}</span>\n\t\t\t<span>\n\t\t\t\t{prefix}\n\t\t\t\t{sign}\n\t\t\t\t{formattedVal}\n\t\t\t\t{suffix}\n\t\t\t</span>\n\t\t</span>\n\t);\n};\n\nexport default TrendIndicator;\n"]}

package/dist/chunk-V4O325BX.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var chunkJAW7Q2YC_cjs = require('./chunk-JAW7Q2YC.cjs');
+var chunkMBOWSS4B_cjs = require('./chunk-MBOWSS4B.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function maskSensitiveText(raw, type = "phone", maskSymbol = "*", startCount, endCount) {
+  if (!raw) return "";
+  switch (type) {
+    case "phone":
+      if (raw.length <= 7) return raw;
+      return raw.slice(0, 3) + maskSymbol.repeat(4) + raw.slice(-4);
+    case "idcard":
+      if (raw.length <= 10) return raw;
+      return raw.slice(0, 6) + maskSymbol.repeat(Math.max(1, raw.length - 10)) + raw.slice(-4);
+    case "bankcard":
+      if (raw.length <= 8) return raw;
+      return raw.slice(0, 4) + " " + maskSymbol.repeat(4) + " " + maskSymbol.repeat(4) + " " + raw.slice(-4);
+    case "email": {
+      const atIndex = raw.indexOf("@");
+      if (atIndex <= 1) return raw;
+      const name = raw.slice(0, atIndex);
+      const domain = raw.slice(atIndex);
+      const maskedName = name[0] + maskSymbol.repeat(Math.max(1, name.length - 2)) + (name.length > 2 ? name.slice(-1) : "");
+      return maskedName + domain;
+    }
+    case "custom": {
+      const start = startCount !== void 0 ? startCount : 2;
+      const end = endCount !== void 0 ? endCount : 2;
+      if (raw.length <= start + end) return raw;
+      return raw.slice(0, start) + maskSymbol.repeat(Math.max(1, raw.length - start - end)) + raw.slice(-end);
+    }
+    default:
+      return raw;
+  }
+}
+var SensitiveMask = ({
+  text = "",
+  type = "phone",
+  defaultMasked = true,
+  maskSymbol = "*",
+  unmaskedStart,
+  unmaskedEnd,
+  toggleable = true,
+  copyable = false,
+  onToggle,
+  className = "",
+  style
+}) => {
+  const [masked, setMasked] = react.useState(defaultMasked);
+  const maskedText = react.useMemo(() => {
+    return maskSensitiveText(text, type, maskSymbol, unmaskedStart, unmaskedEnd);
+  }, [text, type, maskSymbol, unmaskedStart, unmaskedEnd]);
+  const displayText = masked ? maskedText : text;
+  const handleToggle = async (e) => {
+    e.stopPropagation();
+    const nextState = !masked;
+    if (onToggle) {
+      const allowed = await onToggle(nextState);
+      if (allowed === false) return;
+    }
+    setMasked(nextState);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `rpc_sensitive_mask ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_sensitive_mask_text", children: displayText }),
+    toggleable && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "rpc_sensitive_mask_action_btn",
+        onClick: handleToggle,
+        title: masked ? "\u70B9\u51FB\u67E5\u770B\u660E\u6587" : "\u70B9\u51FB\u9690\u85CF",
+        children: masked ? /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.EyeOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.EyeInvisibleOutlined, {})
+      }
+    ),
+    copyable && /* @__PURE__ */ jsxRuntime.jsx(chunkJAW7Q2YC_cjs.CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236\u660E\u6587" })
+  ] });
+};
+var SensitiveMask_default = SensitiveMask;
+
+exports.SensitiveMask_default = SensitiveMask_default;
+exports.maskSensitiveText = maskSensitiveText;
+//# sourceMappingURL=chunk-V4O325BX.cjs.map
+//# sourceMappingURL=chunk-V4O325BX.cjs.map

package/dist/chunk-V4O325BX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SensitiveMask/index.tsx"],"names":["useState","useMemo","jsx","EyeOutlined","EyeInvisibleOutlined","CopyButton_default"],"mappings":"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","file":"chunk-V4O325BX.cjs","sourcesContent":["import React, { useState, useMemo, CSSProperties } from 'react';\nimport { EyeOutlined, EyeInvisibleOutlined } from '../src/icons';\nimport CopyButton from '../CopyButton';\nimport './index.less';\n\nexport type SensitiveType = 'phone' | 'idcard' | 'email' | 'bankcard' | 'custom';\n\nexport interface SensitiveMaskProps {\n\t/** 原始敏感文本 */\n\ttext: string;\n\t/** 脱敏类型：'phone' | 'idcard' | 'email' | 'bankcard' | 'custom'，默认为 'phone' */\n\ttype?: SensitiveType;\n\t/** 默认是否脱敏遮蔽，默认为 true */\n\tdefaultMasked?: boolean;\n\t/** 遮罩字符，默认为 '*' */\n\tmaskSymbol?: string;\n\t/** 自定义保留头部明文字符数（仅 type='custom' 有效） */\n\tunmaskedStart?: number;\n\t/** 自定义保留尾部明文字符数（仅 type='custom' 有效） */\n\tunmaskedEnd?: number;\n\t/** 是否支持切换明文/密文查看，默认为 true */\n\ttoggleable?: boolean;\n\t/** 是否支持一键复制，默认为 false */\n\tcopyable?: boolean;\n\t/** 切换明文时的拦截回调（返回 false 可阻止切换，支持异步鉴权） */\n\tonToggle?: (nextMasked: boolean) => boolean | Promise<boolean>;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n// 格式化脱敏文本\nexport function maskSensitiveText(\n\traw: string,\n\ttype: SensitiveType = 'phone',\n\tmaskSymbol: string = '*',\n\tstartCount?: number,\n\tendCount?: number,\n): string {\n\tif (!raw) return '';\n\n\tswitch (type) {\n\t\tcase 'phone':\n\t\t\tif (raw.length <= 7) return raw;\n\t\t\treturn raw.slice(0, 3) + maskSymbol.repeat(4) + raw.slice(-4);\n\t\tcase 'idcard':\n\t\t\tif (raw.length <= 10) return raw;\n\t\t\treturn raw.slice(0, 6) + maskSymbol.repeat(Math.max(1, raw.length - 10)) + raw.slice(-4);\n\t\tcase 'bankcard':\n\t\t\tif (raw.length <= 8) return raw;\n\t\t\treturn (\n\t\t\t\traw.slice(0, 4) +\n\t\t\t\t' ' +\n\t\t\t\tmaskSymbol.repeat(4) +\n\t\t\t\t' ' +\n\t\t\t\tmaskSymbol.repeat(4) +\n\t\t\t\t' ' +\n\t\t\t\traw.slice(-4)\n\t\t\t);\n\t\tcase 'email': {\n\t\t\tconst atIndex = raw.indexOf('@');\n\t\t\tif (atIndex <= 1) return raw;\n\t\t\tconst name = raw.slice(0, atIndex);\n\t\t\tconst domain = raw.slice(atIndex);\n\t\t\tconst maskedName =\n\t\t\t\tname[0] +\n\t\t\t\tmaskSymbol.repeat(Math.max(1, name.length - 2)) +\n\t\t\t\t(name.length > 2 ? name.slice(-1) : '');\n\t\t\treturn maskedName + domain;\n\t\t}\n\t\tcase 'custom': {\n\t\t\tconst start = startCount !== undefined ? startCount : 2;\n\t\t\tconst end = endCount !== undefined ? endCount : 2;\n\t\t\tif (raw.length <= start + end) return raw;\n\t\t\treturn (\n\t\t\t\traw.slice(0, start) +\n\t\t\t\tmaskSymbol.repeat(Math.max(1, raw.length - start - end)) +\n\t\t\t\traw.slice(-end)\n\t\t\t);\n\t\t}\n\t\tdefault:\n\t\t\treturn raw;\n\t}\n}\n\nconst SensitiveMask: React.FC<SensitiveMaskProps> = ({\n\ttext = '',\n\ttype = 'phone',\n\tdefaultMasked = true,\n\tmaskSymbol = '*',\n\tunmaskedStart,\n\tunmaskedEnd,\n\ttoggleable = true,\n\tcopyable = false,\n\tonToggle,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [masked, setMasked] = useState<boolean>(defaultMasked);\n\n\tconst maskedText = useMemo(() => {\n\t\treturn maskSensitiveText(text, type, maskSymbol, unmaskedStart, unmaskedEnd);\n\t}, [text, type, maskSymbol, unmaskedStart, unmaskedEnd]);\n\n\tconst displayText = masked ? maskedText : text;\n\n\tconst handleToggle = async (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tconst nextState = !masked;\n\t\tif (onToggle) {\n\t\t\tconst allowed = await onToggle(nextState);\n\t\t\tif (allowed === false) return;\n\t\t}\n\t\tsetMasked(nextState);\n\t};\n\n\treturn (\n\t\t<span className={`rpc_sensitive_mask ${className}`} style={style}>\n\t\t\t<span className=\"rpc_sensitive_mask_text\">{displayText}</span>\n\n\t\t\t{toggleable && (\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"rpc_sensitive_mask_action_btn\"\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\ttitle={masked ? '点击查看明文' : '点击隐藏'}\n\t\t\t\t>\n\t\t\t\t\t{masked ? <EyeOutlined /> : <EyeInvisibleOutlined />}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t{copyable && <CopyButton mode=\"icon\" text={text} tooltip=\"复制明文\" />}\n\t\t</span>\n\t);\n};\n\nexport default SensitiveMask;\n"]}