react-public-components 1.2.0 → 1.2.2

package/dist/chunk-OJEZ3TKT.js

@@ -0,0 +1,119 @@
+import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// CountUp/index.tsx
+function easeOutExpo(t, b, c, d) {
+  return t === d ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b;
+}
+function formatNumber(num, decimals, decimal, separator) {
+  const fixed = Math.abs(num).toFixed(decimals);
+  const [intPart, decPart] = fixed.split(".");
+  const formattedInt = separator ? intPart.replace(/\B(?=(\d{3})+(?!\d))/g, separator) : intPart;
+  const sign = num < 0 ? "-" : "";
+  return decPart !== void 0 ? `${sign}${formattedInt}${decimal}${decPart}` : `${sign}${formattedInt}`;
+}
+var CountUp = forwardRef(
+  ({
+    start = 0,
+    end,
+    duration = 2,
+    decimals = 0,
+    decimal = ".",
+    separator = ",",
+    prefix,
+    suffix,
+    useEasing = true,
+    autoStart = true,
+    onEnd,
+    className = "",
+    style
+  }, ref) => {
+    const [displayValue, setDisplayValue] = useState(start);
+    const startValRef = useRef(start);
+    const endValRef = useRef(end);
+    const startTimeRef = useRef(null);
+    const rafIdRef = useRef(null);
+    const stopAnimation = () => {
+      if (rafIdRef.current) {
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = null;
+      }
+    };
+    const animate = useCallback(
+      (timestamp) => {
+        if (!startTimeRef.current) startTimeRef.current = timestamp;
+        const progress = timestamp - startTimeRef.current;
+        const totalDuration = Math.max(duration * 1e3, 1);
+        let currentVal;
+        if (progress >= totalDuration) {
+          currentVal = endValRef.current;
+          setDisplayValue(currentVal);
+          stopAnimation();
+          onEnd == null ? void 0 : onEnd();
+          return;
+        }
+        if (useEasing) {
+          currentVal = easeOutExpo(
+            progress,
+            startValRef.current,
+            endValRef.current - startValRef.current,
+            totalDuration
+          );
+        } else {
+          currentVal = startValRef.current + (endValRef.current - startValRef.current) * (progress / totalDuration);
+        }
+        setDisplayValue(currentVal);
+        rafIdRef.current = requestAnimationFrame(animate);
+      },
+      [duration, useEasing, onEnd]
+    );
+    const triggerStart = useCallback(() => {
+      stopAnimation();
+      startTimeRef.current = null;
+      rafIdRef.current = requestAnimationFrame(animate);
+    }, [animate]);
+    const reset = useCallback(() => {
+      stopAnimation();
+      setDisplayValue(start);
+    }, [start]);
+    const update = useCallback(
+      (newEnd) => {
+        stopAnimation();
+        startValRef.current = displayValue;
+        endValRef.current = newEnd;
+        startTimeRef.current = null;
+        rafIdRef.current = requestAnimationFrame(animate);
+      },
+      [displayValue, animate]
+    );
+    useImperativeHandle(
+      ref,
+      () => ({
+        start: triggerStart,
+        reset,
+        update
+      }),
+      [triggerStart, reset, update]
+    );
+    useEffect(() => {
+      startValRef.current = start;
+      endValRef.current = end;
+      if (autoStart) {
+        triggerStart();
+      }
+      return () => stopAnimation();
+    }, [start, end, autoStart, triggerStart]);
+    const formattedStr = formatNumber(displayValue, decimals, decimal, separator);
+    return /* @__PURE__ */ jsxs("span", { className: `rpc_count_up ${className}`, style, children: [
+      prefix && /* @__PURE__ */ jsx("span", { className: "rpc_count_up_prefix", children: prefix }),
+      /* @__PURE__ */ jsx("span", { className: "rpc_count_up_value", children: formattedStr }),
+      suffix && /* @__PURE__ */ jsx("span", { className: "rpc_count_up_suffix", children: suffix })
+    ] });
+  }
+);
+CountUp.displayName = "CountUp";
+var CountUp_default = CountUp;
+
+export { CountUp_default };
+//# sourceMappingURL=chunk-OJEZ3TKT.js.map
+//# sourceMappingURL=chunk-OJEZ3TKT.js.map

package/dist/chunk-OJEZ3TKT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CountUp/index.tsx"],"names":[],"mappings":"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","file":"chunk-OJEZ3TKT.js","sourcesContent":["import React, {\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tuseImperativeHandle,\n\tforwardRef,\n\tReactNode,\n\tCSSProperties,\n} from 'react';\nimport './index.less';\n\nexport interface CountUpProps {\n\t/** 起始数值，默认为 0 */\n\tstart?: number;\n\t/** 目标数值 */\n\tend: number;\n\t/** 动画持续时间（秒），默认为 2 */\n\tduration?: number;\n\t/** 保留小数位数，默认为 0 */\n\tdecimals?: number;\n\t/** 小数点符号，默认为 '.' */\n\tdecimal?: string;\n\t/** 千分位分隔符，默认为 ','，若不显示可传空字符串 */\n\tseparator?: string;\n\t/** 前缀字符或节点（如 '¥'、'$'） */\n\tprefix?: ReactNode;\n\t/** 后缀字符或节点（如 '%'、'件'） */\n\tsuffix?: ReactNode;\n\t/** 是否启用缓动过渡，默认为 true */\n\tuseEasing?: boolean;\n\t/** 是否自动开始动画，默认为 true */\n\tautoStart?: boolean;\n\t/** 动画完成回调 */\n\tonEnd?: () => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nexport interface CountUpRef {\n\t/** 开始/重新播放动画 */\n\tstart: () => void;\n\t/** 重置回起始值 */\n\treset: () => void;\n\t/** 更新目标值并平滑过渡 */\n\tupdate: (newEnd: number) => void;\n}\n\n// 默认 EaseOutExpo 缓动函数\nfunction easeOutExpo(t: number, b: number, c: number, d: number): number {\n\treturn t === d ? b + c : c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024 / 1023 + b;\n}\n\n// 格式化数字字符串\nfunction formatNumber(\n\tnum: number,\n\tdecimals: number,\n\tdecimal: string,\n\tseparator: string,\n): string {\n\tconst fixed = Math.abs(num).toFixed(decimals);\n\tconst [intPart, decPart] = fixed.split('.');\n\n\tconst formattedInt = separator\n\t\t? intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n\t\t: intPart;\n\n\tconst sign = num < 0 ? '-' : '';\n\treturn decPart !== undefined ? `${sign}${formattedInt}${decimal}${decPart}` : `${sign}${formattedInt}`;\n}\n\nconst CountUp = forwardRef<CountUpRef, CountUpProps>(\n\t(\n\t\t{\n\t\t\tstart = 0,\n\t\t\tend,\n\t\t\tduration = 2,\n\t\t\tdecimals = 0,\n\t\t\tdecimal = '.',\n\t\t\tseparator = ',',\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\tuseEasing = true,\n\t\t\tautoStart = true,\n\t\t\tonEnd,\n\t\t\tclassName = '',\n\t\t\tstyle,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst [displayValue, setDisplayValue] = useState<number>(start);\n\t\tconst startValRef = useRef<number>(start);\n\t\tconst endValRef = useRef<number>(end);\n\t\tconst startTimeRef = useRef<number | null>(null);\n\t\tconst rafIdRef = useRef<number | null>(null);\n\n\t\tconst stopAnimation = () => {\n\t\t\tif (rafIdRef.current) {\n\t\t\t\tcancelAnimationFrame(rafIdRef.current);\n\t\t\t\trafIdRef.current = null;\n\t\t\t}\n\t\t};\n\n\t\tconst animate = useCallback(\n\t\t\t(timestamp: number) => {\n\t\t\t\tif (!startTimeRef.current) startTimeRef.current = timestamp;\n\t\t\t\tconst progress = timestamp - startTimeRef.current;\n\t\t\t\tconst totalDuration = Math.max(duration * 1000, 1);\n\n\t\t\t\tlet currentVal: number;\n\t\t\t\tif (progress >= totalDuration) {\n\t\t\t\t\tcurrentVal = endValRef.current;\n\t\t\t\t\tsetDisplayValue(currentVal);\n\t\t\t\t\tstopAnimation();\n\t\t\t\t\tonEnd?.();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (useEasing) {\n\t\t\t\t\tcurrentVal = easeOutExpo(\n\t\t\t\t\t\tprogress,\n\t\t\t\t\t\tstartValRef.current,\n\t\t\t\t\t\tendValRef.current - startValRef.current,\n\t\t\t\t\t\ttotalDuration,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tcurrentVal =\n\t\t\t\t\t\tstartValRef.current +\n\t\t\t\t\t\t(endValRef.current - startValRef.current) * (progress / totalDuration);\n\t\t\t\t}\n\n\t\t\t\tsetDisplayValue(currentVal);\n\t\t\t\trafIdRef.current = requestAnimationFrame(animate);\n\t\t\t},\n\t\t\t[duration, useEasing, onEnd],\n\t\t);\n\n\t\tconst triggerStart = useCallback(() => {\n\t\t\tstopAnimation();\n\t\t\tstartTimeRef.current = null;\n\t\t\trafIdRef.current = requestAnimationFrame(animate);\n\t\t}, [animate]);\n\n\t\tconst reset = useCallback(() => {\n\t\t\tstopAnimation();\n\t\t\tsetDisplayValue(start);\n\t\t}, [start]);\n\n\t\tconst update = useCallback(\n\t\t\t(newEnd: number) => {\n\t\t\t\tstopAnimation();\n\t\t\t\tstartValRef.current = displayValue;\n\t\t\t\tendValRef.current = newEnd;\n\t\t\t\tstartTimeRef.current = null;\n\t\t\t\trafIdRef.current = requestAnimationFrame(animate);\n\t\t\t},\n\t\t\t[displayValue, animate],\n\t\t);\n\n\t\tuseImperativeHandle(\n\t\t\tref,\n\t\t\t() => ({\n\t\t\t\tstart: triggerStart,\n\t\t\t\treset,\n\t\t\t\tupdate,\n\t\t\t}),\n\t\t\t[triggerStart, reset, update],\n\t\t);\n\n\t\tuseEffect(() => {\n\t\t\tstartValRef.current = start;\n\t\t\tendValRef.current = end;\n\t\t\tif (autoStart) {\n\t\t\t\ttriggerStart();\n\t\t\t}\n\t\t\treturn () => stopAnimation();\n\t\t}, [start, end, autoStart, triggerStart]);\n\n\t\tconst formattedStr = formatNumber(displayValue, decimals, decimal, separator);\n\n\t\treturn (\n\t\t\t<span className={`rpc_count_up ${className}`} style={style}>\n\t\t\t\t{prefix && <span className=\"rpc_count_up_prefix\">{prefix}</span>}\n\t\t\t\t<span className=\"rpc_count_up_value\">{formattedStr}</span>\n\t\t\t\t{suffix && <span className=\"rpc_count_up_suffix\">{suffix}</span>}\n\t\t\t</span>\n\t\t);\n\t},\n);\n\nCountUp.displayName = 'CountUp';\n\nexport default CountUp;\n"]}

package/dist/chunk-OYRX4AY6.js

@@ -0,0 +1,159 @@
+import { useState, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// DiffViewer/index.tsx
+function computeLineDiff(oldStr, newStr) {
+  const oldLines = oldStr.split("\n");
+  const newLines = newStr.split("\n");
+  const n = oldLines.length;
+  const m = newLines.length;
+  const dp = Array.from({ length: n + 1 }, () => Array(m + 1).fill(0));
+  for (let i2 = 0; i2 < n; i2++) {
+    for (let j2 = 0; j2 < m; j2++) {
+      if (oldLines[i2] === newLines[j2]) {
+        dp[i2 + 1][j2 + 1] = dp[i2][j2] + 1;
+      } else {
+        dp[i2 + 1][j2 + 1] = Math.max(dp[i2 + 1][j2], dp[i2][j2 + 1]);
+      }
+    }
+  }
+  const result = [];
+  let i = n;
+  let j = m;
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {
+      result.unshift({
+        type: "unchanged",
+        text: oldLines[i - 1],
+        oldLineNumber: i,
+        newLineNumber: j
+      });
+      i--;
+      j--;
+    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+      result.unshift({
+        type: "added",
+        text: newLines[j - 1],
+        newLineNumber: j
+      });
+      j--;
+    } else if (i > 0 && (j === 0 || dp[i][j - 1] < dp[i - 1][j])) {
+      result.unshift({
+        type: "removed",
+        text: oldLines[i - 1],
+        oldLineNumber: i
+      });
+      i--;
+    }
+  }
+  return result;
+}
+var DiffViewer = ({
+  oldValue = "",
+  newValue = "",
+  viewMode: initialMode = "split",
+  allowModeChange = true,
+  title,
+  className = "",
+  style
+}) => {
+  const [mode, setMode] = useState(initialMode);
+  const diffLines = useMemo(() => {
+    return computeLineDiff(oldValue, newValue);
+  }, [oldValue, newValue]);
+  const stats = useMemo(() => {
+    let added = 0;
+    let removed = 0;
+    diffLines.forEach((l) => {
+      if (l.type === "added") added++;
+      if (l.type === "removed") removed++;
+    });
+    return { added, removed };
+  }, [diffLines]);
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_diff_viewer ${className}`, style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rpc_diff_viewer_header", children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+        /* @__PURE__ */ jsx("span", { className: "rpc_diff_viewer_title", children: title || "Diff Comparison" }),
+        /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: "#52c41a" }, children: [
+          "+",
+          stats.added
+        ] }),
+        /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: "#ff4d4f" }, children: [
+          "-",
+          stats.removed
+        ] })
+      ] }),
+      allowModeChange && /* @__PURE__ */ jsxs("div", { className: "rpc_diff_viewer_mode_toggle", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `rpc_diff_viewer_mode_btn ${mode === "split" ? "rpc_diff_viewer_mode_btn_active" : ""}`,
+            onClick: () => setMode("split"),
+            children: "\u5206\u680F (Split)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `rpc_diff_viewer_mode_btn ${mode === "unified" ? "rpc_diff_viewer_mode_btn_active" : ""}`,
+            onClick: () => setMode("unified"),
+            children: "\u884C\u5185 (Unified)"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { overflowX: "auto", maxHeight: 420, overflowY: "auto" }, children: mode === "unified" ? /* @__PURE__ */ jsx("table", { className: "rpc_diff_viewer_table", children: /* @__PURE__ */ jsx("tbody", { children: diffLines.map((line, idx) => {
+      const rowClass = line.type === "added" ? "rpc_diff_viewer_row_added" : line.type === "removed" ? "rpc_diff_viewer_row_removed" : "";
+      const marker = line.type === "added" ? "+" : line.type === "removed" ? "-" : " ";
+      return /* @__PURE__ */ jsxs("tr", { className: `rpc_diff_viewer_row ${rowClass}`, children: [
+        /* @__PURE__ */ jsx("td", { className: "rpc_diff_viewer_gutter", children: line.oldLineNumber || "" }),
+        /* @__PURE__ */ jsx("td", { className: "rpc_diff_viewer_gutter", children: line.newLineNumber || "" }),
+        /* @__PURE__ */ jsx("td", { className: "rpc_diff_viewer_marker", children: marker }),
+        /* @__PURE__ */ jsx("td", { className: "rpc_diff_viewer_code", children: line.text || " " })
+      ] }, idx);
+    }) }) }) : (
+      /* 分栏 Split 模式 */
+      /* @__PURE__ */ jsx("table", { className: "rpc_diff_viewer_table", children: /* @__PURE__ */ jsx("tbody", { children: diffLines.map((line, idx) => {
+        const isAdd = line.type === "added";
+        const isDel = line.type === "removed";
+        return /* @__PURE__ */ jsxs("tr", { className: "rpc_diff_viewer_row", children: [
+          /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: `rpc_diff_viewer_gutter ${isDel ? "rpc_diff_viewer_row_removed" : isAdd ? "rpc_diff_viewer_row_empty" : ""}`,
+              children: line.oldLineNumber || ""
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: `rpc_diff_viewer_code ${isDel ? "rpc_diff_viewer_row_removed" : isAdd ? "rpc_diff_viewer_row_empty" : ""}`,
+              children: isDel || line.type === "unchanged" ? line.text || " " : ""
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: `rpc_diff_viewer_gutter ${isAdd ? "rpc_diff_viewer_row_added" : isDel ? "rpc_diff_viewer_row_empty" : ""}`,
+              children: line.newLineNumber || ""
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: `rpc_diff_viewer_code ${isAdd ? "rpc_diff_viewer_row_added" : isDel ? "rpc_diff_viewer_row_empty" : ""}`,
+              children: isAdd || line.type === "unchanged" ? line.text || " " : ""
+            }
+          )
+        ] }, idx);
+      }) }) })
+    ) })
+  ] });
+};
+var DiffViewer_default = DiffViewer;
+
+export { DiffViewer_default };
+//# sourceMappingURL=chunk-OYRX4AY6.js.map
+//# sourceMappingURL=chunk-OYRX4AY6.js.map

package/dist/chunk-OYRX4AY6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../DiffViewer/index.tsx"],"names":["i","j"],"mappings":"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","file":"chunk-OYRX4AY6.js","sourcesContent":["import React, { useState, useMemo, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type DiffViewMode = 'split' | 'unified';\n\nexport interface DiffViewerProps {\n\t/** 修改前的旧文本 */\n\toldValue: string;\n\t/** 修改后的新文本 */\n\tnewValue: string;\n\t/** 视图模式：'split' 左右分栏，'unified' 单列行内，默认为 'split' */\n\tviewMode?: DiffViewMode;\n\t/** 是否允许用户自由切换视图模式，默认为 true */\n\tallowModeChange?: boolean;\n\t/** 文件标题或说明 */\n\ttitle?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\ninterface DiffLine {\n\ttype: 'unchanged' | 'added' | 'removed';\n\ttext: string;\n\toldLineNumber?: number;\n\tnewLineNumber?: number;\n}\n\n// 简单高效的 LCS 行级差异比较算法\nfunction computeLineDiff(oldStr: string, newStr: string): DiffLine[] {\n\tconst oldLines = oldStr.split('\\n');\n\tconst newLines = newStr.split('\\n');\n\n\tconst n = oldLines.length;\n\tconst m = newLines.length;\n\n\t// 动态规划构建 LCS 矩阵\n\tconst dp: number[][] = Array.from({ length: n + 1 }, () => Array(m + 1).fill(0));\n\n\tfor (let i = 0; i < n; i++) {\n\t\tfor (let j = 0; j < m; j++) {\n\t\t\tif (oldLines[i] === newLines[j]) {\n\t\t\t\tdp[i + 1][j + 1] = dp[i][j] + 1;\n\t\t\t} else {\n\t\t\t\tdp[i + 1][j + 1] = Math.max(dp[i + 1][j], dp[i][j + 1]);\n\t\t\t}\n\t\t}\n\t}\n\n\t// 回溯生成差异序列\n\tconst result: DiffLine[] = [];\n\tlet i = n;\n\tlet j = m;\n\n\twhile (i > 0 || j > 0) {\n\t\tif (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {\n\t\t\tresult.unshift({\n\t\t\t\ttype: 'unchanged',\n\t\t\t\ttext: oldLines[i - 1],\n\t\t\t\toldLineNumber: i,\n\t\t\t\tnewLineNumber: j,\n\t\t\t});\n\t\t\ti--;\n\t\t\tj--;\n\t\t} else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {\n\t\t\tresult.unshift({\n\t\t\t\ttype: 'added',\n\t\t\t\ttext: newLines[j - 1],\n\t\t\t\tnewLineNumber: j,\n\t\t\t});\n\t\t\tj--;\n\t\t} else if (i > 0 && (j === 0 || dp[i][j - 1] < dp[i - 1][j])) {\n\t\t\tresult.unshift({\n\t\t\t\ttype: 'removed',\n\t\t\t\ttext: oldLines[i - 1],\n\t\t\t\toldLineNumber: i,\n\t\t\t});\n\t\t\ti--;\n\t\t}\n\t}\n\n\treturn result;\n}\n\nconst DiffViewer: React.FC<DiffViewerProps> = ({\n\toldValue = '',\n\tnewValue = '',\n\tviewMode: initialMode = 'split',\n\tallowModeChange = true,\n\ttitle,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [mode, setMode] = useState<DiffViewMode>(initialMode);\n\n\tconst diffLines = useMemo(() => {\n\t\treturn computeLineDiff(oldValue, newValue);\n\t}, [oldValue, newValue]);\n\n\t// 统计变动行数\n\tconst stats = useMemo(() => {\n\t\tlet added = 0;\n\t\tlet removed = 0;\n\t\tdiffLines.forEach((l) => {\n\t\t\tif (l.type === 'added') added++;\n\t\t\tif (l.type === 'removed') removed++;\n\t\t});\n\t\treturn { added, removed };\n\t}, [diffLines]);\n\n\treturn (\n\t\t<div className={`rpc_diff_viewer ${className}`} style={style}>\n\t\t\t{/* 头部标题与模式切换 */}\n\t\t\t<div className=\"rpc_diff_viewer_header\">\n\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n\t\t\t\t\t<span className=\"rpc_diff_viewer_title\">{title || 'Diff Comparison'}</span>\n\t\t\t\t\t<span style={{ fontSize: 12, color: '#52c41a' }}>+{stats.added}</span>\n\t\t\t\t\t<span style={{ fontSize: 12, color: '#ff4d4f' }}>-{stats.removed}</span>\n\t\t\t\t</div>\n\n\t\t\t\t{allowModeChange && (\n\t\t\t\t\t<div className=\"rpc_diff_viewer_mode_toggle\">\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_diff_viewer_mode_btn ${\n\t\t\t\t\t\t\t\tmode === 'split' ? 'rpc_diff_viewer_mode_btn_active' : ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tonClick={() => setMode('split')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t分栏 (Split)\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_diff_viewer_mode_btn ${\n\t\t\t\t\t\t\t\tmode === 'unified' ? 'rpc_diff_viewer_mode_btn_active' : ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tonClick={() => setMode('unified')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t行内 (Unified)\n\t\t\t\t\t\t</button>\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 style={{ overflowX: 'auto', maxHeight: 420, overflowY: 'auto' }}>\n\t\t\t\t{mode === 'unified' ? (\n\t\t\t\t\t<table className=\"rpc_diff_viewer_table\">\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t{diffLines.map((line, idx) => {\n\t\t\t\t\t\t\t\tconst rowClass =\n\t\t\t\t\t\t\t\t\tline.type === 'added'\n\t\t\t\t\t\t\t\t\t\t? 'rpc_diff_viewer_row_added'\n\t\t\t\t\t\t\t\t\t\t: line.type === 'removed'\n\t\t\t\t\t\t\t\t\t\t\t? 'rpc_diff_viewer_row_removed'\n\t\t\t\t\t\t\t\t\t\t\t: '';\n\n\t\t\t\t\t\t\t\tconst marker = line.type === 'added' ? '+' : line.type === 'removed' ? '-' : ' ';\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<tr key={idx} className={`rpc_diff_viewer_row ${rowClass}`}>\n\t\t\t\t\t\t\t\t\t\t<td className=\"rpc_diff_viewer_gutter\">{line.oldLineNumber || ''}</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"rpc_diff_viewer_gutter\">{line.newLineNumber || ''}</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"rpc_diff_viewer_marker\">{marker}</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"rpc_diff_viewer_code\">{line.text || ' '}</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t) : (\n\t\t\t\t\t/* 分栏 Split 模式 */\n\t\t\t\t\t<table className=\"rpc_diff_viewer_table\">\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t{diffLines.map((line, idx) => {\n\t\t\t\t\t\t\t\tconst isAdd = line.type === 'added';\n\t\t\t\t\t\t\t\tconst isDel = line.type === 'removed';\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<tr key={idx} className=\"rpc_diff_viewer_row\">\n\t\t\t\t\t\t\t\t\t\t{/* 左侧旧版 */}\n\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\tclassName={`rpc_diff_viewer_gutter ${\n\t\t\t\t\t\t\t\t\t\t\t\tisDel ? 'rpc_diff_viewer_row_removed' : isAdd ? 'rpc_diff_viewer_row_empty' : ''\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{line.oldLineNumber || ''}\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\tclassName={`rpc_diff_viewer_code ${\n\t\t\t\t\t\t\t\t\t\t\t\tisDel ? 'rpc_diff_viewer_row_removed' : isAdd ? 'rpc_diff_viewer_row_empty' : ''\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{isDel || line.type === 'unchanged' ? line.text || ' ' : ''}\n\t\t\t\t\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t\t\t\t\t{/* 右侧新版 */}\n\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\tclassName={`rpc_diff_viewer_gutter ${\n\t\t\t\t\t\t\t\t\t\t\t\tisAdd ? 'rpc_diff_viewer_row_added' : isDel ? 'rpc_diff_viewer_row_empty' : ''\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{line.newLineNumber || ''}\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\tclassName={`rpc_diff_viewer_code ${\n\t\t\t\t\t\t\t\t\t\t\t\tisAdd ? 'rpc_diff_viewer_row_added' : isDel ? 'rpc_diff_viewer_row_empty' : ''\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{isAdd || line.type === 'unchanged' ? line.text || ' ' : ''}\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default DiffViewer;\n"]}

package/dist/chunk-PBPGBVQQ.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// JsonTree/index.tsx
+var TreeNode = ({ keyName, value, depth, maxDepth }) => {
+  const [collapsed, setCollapsed] = react.useState(depth >= maxDepth);
+  const isObject = value !== null && typeof value === "object";
+  const isArray = Array.isArray(value);
+  if (!isObject) {
+    let valClass = "rpc_json_tree_string";
+    let valStr = `"${value}"`;
+    if (typeof value === "number") {
+      valClass = "rpc_json_tree_number";
+      valStr = String(value);
+    } else if (typeof value === "boolean") {
+      valClass = "rpc_json_tree_boolean";
+      valStr = String(value);
+    } else if (value === null) {
+      valClass = "rpc_json_tree_null";
+      valStr = "null";
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      keyName !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_json_tree_key", children: [
+          '"',
+          keyName,
+          '"'
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_json_tree_colon", children: ":" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: valClass, children: valStr })
+    ] });
+  }
+  const keys = Object.keys(value);
+  const openBracket = isArray ? "[" : "{";
+  const closeBracket = isArray ? "]" : "}";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: `rpc_json_tree_toggle ${collapsed ? "rpc_json_tree_toggle_collapsed" : ""}`,
+        onClick: () => setCollapsed(!collapsed),
+        children: "\u25BC"
+      }
+    ),
+    keyName !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_json_tree_key", children: [
+        '"',
+        keyName,
+        '"'
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_json_tree_colon", children: ":" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_json_tree_bracket", children: openBracket }),
+    collapsed ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: "rpc_json_tree_count",
+          style: { cursor: "pointer" },
+          onClick: () => setCollapsed(false),
+          children: [
+            keys.length,
+            " items..."
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_json_tree_bracket", children: closeBracket })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_json_tree_node", children: keys.map((k) => /* @__PURE__ */ jsxRuntime.jsx(
+        TreeNode,
+        {
+          keyName: isArray ? void 0 : k,
+          value: value[k],
+          depth: depth + 1,
+          maxDepth
+        },
+        k
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_json_tree_bracket", children: closeBracket })
+    ] })
+  ] });
+};
+var JsonTree = ({
+  data,
+  defaultExpandedLevel = 2,
+  className = "",
+  style
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rpc_json_tree ${className}`, style, children: /* @__PURE__ */ jsxRuntime.jsx(TreeNode, { value: data, depth: 0, maxDepth: defaultExpandedLevel }) });
+};
+var JsonTree_default = JsonTree;
+
+exports.JsonTree_default = JsonTree_default;
+//# sourceMappingURL=chunk-PBPGBVQQ.cjs.map
+//# sourceMappingURL=chunk-PBPGBVQQ.cjs.map

package/dist/chunk-PBPGBVQQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../JsonTree/index.tsx"],"names":["useState","jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-PBPGBVQQ.cjs","sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface JsonTreeProps {\n\t/** JSON 数据源 */\n\tdata: any;\n\t/** 默认展开层级深度，默认为 2 */\n\tdefaultExpandedLevel?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\ninterface TreeNodeProps {\n\tkeyName?: string;\n\tvalue: any;\n\tdepth: number;\n\tmaxDepth: number;\n}\n\nconst TreeNode: React.FC<TreeNodeProps> = ({ keyName, value, depth, maxDepth }) => {\n\tconst [collapsed, setCollapsed] = useState<boolean>(depth >= maxDepth);\n\n\tconst isObject = value !== null && typeof value === 'object';\n\tconst isArray = Array.isArray(value);\n\n\tif (!isObject) {\n\t\tlet valClass = 'rpc_json_tree_string';\n\t\tlet valStr = `\"${value}\"`;\n\n\t\tif (typeof value === 'number') {\n\t\t\tvalClass = 'rpc_json_tree_number';\n\t\t\tvalStr = String(value);\n\t\t} else if (typeof value === 'boolean') {\n\t\t\tvalClass = 'rpc_json_tree_boolean';\n\t\t\tvalStr = String(value);\n\t\t} else if (value === null) {\n\t\t\tvalClass = 'rpc_json_tree_null';\n\t\t\tvalStr = 'null';\n\t\t}\n\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{keyName !== undefined && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"rpc_json_tree_key\">\"{keyName}\"</span>\n\t\t\t\t\t\t<span className=\"rpc_json_tree_colon\">:</span>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<span className={valClass}>{valStr}</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst keys = Object.keys(value);\n\tconst openBracket = isArray ? '[' : '{';\n\tconst closeBracket = isArray ? ']' : '}';\n\n\treturn (\n\t\t<div>\n\t\t\t<span\n\t\t\t\tclassName={`rpc_json_tree_toggle ${collapsed ? 'rpc_json_tree_toggle_collapsed' : ''}`}\n\t\t\t\tonClick={() => setCollapsed(!collapsed)}\n\t\t\t>\n\t\t\t\t▼\n\t\t\t</span>\n\n\t\t\t{keyName !== undefined && (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"rpc_json_tree_key\">\"{keyName}\"</span>\n\t\t\t\t\t<span className=\"rpc_json_tree_colon\">:</span>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<span className=\"rpc_json_tree_bracket\">{openBracket}</span>\n\n\t\t\t{collapsed ? (\n\t\t\t\t<>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"rpc_json_tree_count\"\n\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\tonClick={() => setCollapsed(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{keys.length} items...\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"rpc_json_tree_bracket\">{closeBracket}</span>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"rpc_json_tree_node\">\n\t\t\t\t\t\t{keys.map((k) => (\n\t\t\t\t\t\t\t<TreeNode\n\t\t\t\t\t\t\t\tkey={k}\n\t\t\t\t\t\t\t\tkeyName={isArray ? undefined : k}\n\t\t\t\t\t\t\t\tvalue={value[k]}\n\t\t\t\t\t\t\t\tdepth={depth + 1}\n\t\t\t\t\t\t\t\tmaxDepth={maxDepth}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<span className=\"rpc_json_tree_bracket\">{closeBracket}</span>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst JsonTree: React.FC<JsonTreeProps> = ({\n\tdata,\n\tdefaultExpandedLevel = 2,\n\tclassName = '',\n\tstyle,\n}) => {\n\treturn (\n\t\t<div className={`rpc_json_tree ${className}`} style={style}>\n\t\t\t<TreeNode value={data} depth={0} maxDepth={defaultExpandedLevel} />\n\t\t</div>\n\t);\n};\n\nexport default JsonTree;\n"]}

package/dist/chunk-PIIJVF5D.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var KeyValEditor = ({
+  value: controlledValue,
+  defaultValue = [{ key: "", value: "", enabled: true }],
+  onChange,
+  keyPlaceholder = "Key \u952E\u540D",
+  valPlaceholder = "Value \u952E\u503C",
+  allowSecret = true,
+  className = "",
+  style
+}) => {
+  const [internalVal, setInternalVal] = react.useState(defaultValue);
+  const items = controlledValue !== void 0 ? controlledValue : internalVal;
+  const [visibleSecrets, setVisibleSecrets] = react.useState({});
+  const triggerChange = (newItems) => {
+    if (controlledValue === void 0) setInternalVal(newItems);
+    onChange == null ? void 0 : onChange(newItems);
+  };
+  const handleItemChange = (index, field, val) => {
+    const next = items.map((item, i) => i === index ? { ...item, [field]: val } : item);
+    triggerChange(next);
+  };
+  const handleAdd = () => {
+    triggerChange([...items, { key: "", value: "", enabled: true }]);
+  };
+  const handleDelete = (index) => {
+    triggerChange(items.filter((_, i) => i !== index));
+  };
+  const toggleSecretVisibility = (index) => {
+    setVisibleSecrets((prev) => ({ ...prev, [index]: !prev[index] }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_key_val_editor ${className}`, style, children: [
+    items.map((item, index) => {
+      const isSecret = item.isSecret && !visibleSecrets[index];
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_key_val_editor_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: item.enabled !== false,
+            onChange: (e) => handleItemChange(index, "enabled", e.target.checked),
+            className: "rpc_key_val_editor_checkbox",
+            title: "\u542F\u7528/\u7981\u7528\u6B64\u6761\u76EE"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            placeholder: keyPlaceholder,
+            value: item.key,
+            disabled: item.enabled === false,
+            onChange: (e) => handleItemChange(index, "key", e.target.value),
+            className: "rpc_key_val_editor_input"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: isSecret ? "password" : "text",
+            placeholder: valPlaceholder,
+            value: item.value,
+            disabled: item.enabled === false,
+            onChange: (e) => handleItemChange(index, "value", e.target.value),
+            className: "rpc_key_val_editor_input"
+          }
+        ),
+        allowSecret && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_key_val_editor_btn_icon",
+            onClick: () => {
+              if (!item.isSecret) {
+                handleItemChange(index, "isSecret", true);
+              } else {
+                toggleSecretVisibility(index);
+              }
+            },
+            title: item.isSecret ? "\u5207\u6362\u663E\u793A/\u9690\u85CF" : "\u8BBE\u4E3A\u654F\u611F\u5BC6\u7801",
+            children: item.isSecret ? visibleSecrets[index] ? /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.EyeOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.EyeInvisibleOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11, color: "#8c8c8c" }, children: "\u{1F512}" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_key_val_editor_btn_icon",
+            onClick: () => handleDelete(index),
+            title: "\u5220\u9664\u6B64\u884C",
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.CloseOutlined, {})
+          }
+        )
+      ] }, index);
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_key_val_editor_footer", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_key_val_editor_add_btn", onClick: handleAdd, children: "+ \u6DFB\u52A0\u952E\u503C\u5BF9" }) })
+  ] });
+};
+var KeyValEditor_default = KeyValEditor;
+
+exports.KeyValEditor_default = KeyValEditor_default;
+//# sourceMappingURL=chunk-PIIJVF5D.cjs.map
+//# sourceMappingURL=chunk-PIIJVF5D.cjs.map

package/dist/chunk-PIIJVF5D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../KeyValEditor/index.tsx"],"names":["useState","jsxs","jsx","EyeOutlined","EyeInvisibleOutlined","CloseOutlined"],"mappings":"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","file":"chunk-PIIJVF5D.cjs","sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport { CloseOutlined, EyeOutlined, EyeInvisibleOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface KeyValItem {\n\tkey: string;\n\tvalue: string;\n\tenabled?: boolean;\n\tisSecret?: boolean;\n}\n\nexport interface KeyValEditorProps {\n\t/** 键值对数组（受控） */\n\tvalue?: KeyValItem[];\n\t/** 默认键值对数组 */\n\tdefaultValue?: KeyValItem[];\n\t/** 变化回调 */\n\tonChange?: (items: KeyValItem[]) => void;\n\t/** Key 输入框占位文案，默认为 'Key 键名' */\n\tkeyPlaceholder?: string;\n\t/** Value 输入框占位文案，默认为 'Value 键值' */\n\tvalPlaceholder?: string;\n\t/** 是否允许配置 Secret 密码掩码，默认为 true */\n\tallowSecret?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst KeyValEditor: React.FC<KeyValEditorProps> = ({\n\tvalue: controlledValue,\n\tdefaultValue = [{ key: '', value: '', enabled: true }],\n\tonChange,\n\tkeyPlaceholder = 'Key 键名',\n\tvalPlaceholder = 'Value 键值',\n\tallowSecret = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalVal, setInternalVal] = useState<KeyValItem[]>(defaultValue);\n\tconst items = controlledValue !== undefined ? controlledValue : internalVal;\n\n\tconst [visibleSecrets, setVisibleSecrets] = useState<Record<number, boolean>>({});\n\n\tconst triggerChange = (newItems: KeyValItem[]) => {\n\t\tif (controlledValue === undefined) setInternalVal(newItems);\n\t\tonChange?.(newItems);\n\t};\n\n\tconst handleItemChange = (index: number, field: keyof KeyValItem, val: any) => {\n\t\tconst next = items.map((item, i) => (i === index ? { ...item, [field]: val } : item));\n\t\ttriggerChange(next);\n\t};\n\n\tconst handleAdd = () => {\n\t\ttriggerChange([...items, { key: '', value: '', enabled: true }]);\n\t};\n\n\tconst handleDelete = (index: number) => {\n\t\ttriggerChange(items.filter((_, i) => i !== index));\n\t};\n\n\tconst toggleSecretVisibility = (index: number) => {\n\t\tsetVisibleSecrets((prev) => ({ ...prev, [index]: !prev[index] }));\n\t};\n\n\treturn (\n\t\t<div className={`rpc_key_val_editor ${className}`} style={style}>\n\t\t\t{items.map((item, index) => {\n\t\t\t\tconst isSecret = item.isSecret && !visibleSecrets[index];\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={index} className=\"rpc_key_val_editor_row\">\n\t\t\t\t\t\t{/* 启用/禁用勾选 */}\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tchecked={item.enabled !== false}\n\t\t\t\t\t\t\tonChange={(e) => handleItemChange(index, 'enabled', e.target.checked)}\n\t\t\t\t\t\t\tclassName=\"rpc_key_val_editor_checkbox\"\n\t\t\t\t\t\t\ttitle=\"启用/禁用此条目\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Key 输入 */}\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tplaceholder={keyPlaceholder}\n\t\t\t\t\t\t\tvalue={item.key}\n\t\t\t\t\t\t\tdisabled={item.enabled === false}\n\t\t\t\t\t\t\tonChange={(e) => handleItemChange(index, 'key', e.target.value)}\n\t\t\t\t\t\t\tclassName=\"rpc_key_val_editor_input\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Value 输入 */}\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype={isSecret ? 'password' : 'text'}\n\t\t\t\t\t\t\tplaceholder={valPlaceholder}\n\t\t\t\t\t\t\tvalue={item.value}\n\t\t\t\t\t\t\tdisabled={item.enabled === false}\n\t\t\t\t\t\t\tonChange={(e) => handleItemChange(index, 'value', e.target.value)}\n\t\t\t\t\t\t\tclassName=\"rpc_key_val_editor_input\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* 密码明文切换 */}\n\t\t\t\t\t\t{allowSecret && (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName=\"rpc_key_val_editor_btn_icon\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tif (!item.isSecret) {\n\t\t\t\t\t\t\t\t\t\thandleItemChange(index, 'isSecret', true);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\ttoggleSecretVisibility(index);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttitle={item.isSecret ? '切换显示/隐藏' : '设为敏感密码'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.isSecret ? (\n\t\t\t\t\t\t\t\t\tvisibleSecrets[index] ? <EyeOutlined /> : <EyeInvisibleOutlined />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<span style={{ fontSize: 11, color: '#8c8c8c' }}>🔒</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\n\t\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_key_val_editor_btn_icon\"\n\t\t\t\t\t\t\tonClick={() => handleDelete(index)}\n\t\t\t\t\t\t\ttitle=\"删除此行\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CloseOutlined />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t<div className=\"rpc_key_val_editor_footer\">\n\t\t\t\t<button type=\"button\" className=\"rpc_key_val_editor_add_btn\" onClick={handleAdd}>\n\t\t\t\t\t+ 添加键值对\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KeyValEditor;\n"]}