react-public-components 1.2.1 → 1.2.2

package/dist/chunk-DKTB6PKI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ActivityLog/index.tsx"],"names":[],"mappings":";;;;AAiCA,IAAM,eAAA,GAAoD,CAAC,EAAE,IAAA,EAAK,KAAM;AACvE,EAAA,MAAM,CAAC,UAAU,WAAW,CAAA,GAAI,SAAkB,OAAA,CAAQ,IAAA,CAAK,eAAe,CAAC,CAAA;AAE/E,EAAA,MAAM,aAAA,GAAgB,KAAK,QAAA,GAAW,IAAA,CAAK,SAAS,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,EAAY,GAAI,GAAA;AAE9E,EAAA,uBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAEd,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6BAAA,EACd,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA,IAAA,CAAK,MAAA,uBACJ,KAAA,EAAA,EAAI,GAAA,EAAK,IAAA,CAAK,MAAA,EAAQ,KAAK,IAAA,CAAK,QAAA,EAAU,oBAE3C,GAAA,CAAC,MAAA,EAAA,EAAM,yBAAc,CAAA,EAEvB,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAwB;AAAA,KAAA,EACxC,CAAA;AAAA,oBAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACd,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACd,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+BAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,IAAA,CAAK,QAAA,EAAS,CAAA;AAAA,UAC1D,KAAK,IAAA,oBAAQ,GAAA,CAAC,UAAK,SAAA,EAAU,uBAAA,EAAyB,eAAK,IAAA,EAAK,CAAA;AAAA,0BACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,eAAK,MAAA,EAAO,CAAA;AAAA,UACtD,KAAK,MAAA,oBAAU,GAAA,CAAC,UAAK,SAAA,EAAU,yBAAA,EAA2B,eAAK,MAAA,EAAO;AAAA,SAAA,EACxE,CAAA;AAAA,wBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,eAAK,IAAA,EAAK;AAAA,OAAA,EACpD,CAAA;AAAA,MAEC,IAAA,CAAK,0BACL,IAAA,CAAA,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACA,SAAA,EAAU,6BAAA;AAAA,YACV,OAAA,EAAS,MAAM,WAAA,CAAY,CAAC,QAAQ,CAAA;AAAA,YAEnC,qBAAW,iCAAA,GAAW;AAAA;AAAA,SACxB;AAAA,QAEC,4BAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,eAAK,MAAA,EAAO;AAAA,OAAA,EACpE;AAAA,KAAA,EAEF;AAAA,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAM,WAAA,GAA0C,CAAC,EAAE,KAAA,GAAQ,EAAC,EAAG,SAAA,GAAY,EAAA,EAAI,KAAA,EAAM,KAAM;AAC1F,EAAA,2BACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAC/C,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,yBACX,GAAA,CAAC,eAAA,EAAA,EAA8B,QAAT,IAAA,CAAK,EAAgB,CAC3C,CAAA,EACF,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-DKTB6PKI.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface ActivityItem {\n\t/** 唯一标识 */\n\tid: string | number;\n\t/** 操作人昵称 */\n\toperator: string;\n\t/** 操作人头像链接或文字 */\n\tavatar?: string;\n\t/** 操作人角色（如 '管理员' / '运维工程师'） */\n\trole?: string;\n\t/** 动作类型描述（如 '发布了版本' / '修改了配置'） */\n\taction: ReactNode;\n\t/** 操作目标（如 'v2.1.0' / 'RDS-MySQL-Master'） */\n\ttarget?: ReactNode;\n\t/** 发生时间戳或文本（如 '3分钟前' / '2026-08-15 14:20'） */\n\ttime: string;\n\t/** 变动详情内容（支持折叠展开） */\n\tdetail?: ReactNode;\n\t/** 是否默认展开详情，默认为 false */\n\tdefaultExpanded?: boolean;\n}\n\nexport interface ActivityLogProps {\n\t/** 日志动态列表 */\n\titems: ActivityItem[];\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst ActivityLogItem: React.FC<{ item: ActivityItem }> = ({ item }) => {\n\tconst [expanded, setExpanded] = useState<boolean>(Boolean(item.defaultExpanded));\n\n\tconst avatarInitial = item.operator ? item.operator.charAt(0).toUpperCase() : 'U';\n\n\treturn (\n\t\t<div className=\"rpc_activity_log_item\">\n\t\t\t{/* 头像与连接轴线 */}\n\t\t\t<div className=\"rpc_activity_log_avatar_col\">\n\t\t\t\t<div className=\"rpc_activity_log_avatar\">\n\t\t\t\t\t{item.avatar ? (\n\t\t\t\t\t\t<img src={item.avatar} alt={item.operator} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span>{avatarInitial}</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rpc_activity_log_line\" />\n\t\t\t</div>\n\n\t\t\t{/* 内容主体 */}\n\t\t\t<div className=\"rpc_activity_log_content\">\n\t\t\t\t<div className=\"rpc_activity_log_header\">\n\t\t\t\t\t<div className=\"rpc_activity_log_operator_row\">\n\t\t\t\t\t\t<span className=\"rpc_activity_log_operator\">{item.operator}</span>\n\t\t\t\t\t\t{item.role && <span className=\"rpc_activity_log_role\">{item.role}</span>}\n\t\t\t\t\t\t<span className=\"rpc_activity_log_action\">{item.action}</span>\n\t\t\t\t\t\t{item.target && <span className=\"rpc_activity_log_target\">{item.target}</span>}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span className=\"rpc_activity_log_time\">{item.time}</span>\n\t\t\t\t</div>\n\n\t\t\t\t{item.detail && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"rpc_activity_log_toggle_btn\"\n\t\t\t\t\t\t\tonClick={() => setExpanded(!expanded)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{expanded ? '收起详情 ▲' : '查看变动详情 ▼'}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t{expanded && <div className=\"rpc_activity_log_detail\">{item.detail}</div>}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst ActivityLog: React.FC<ActivityLogProps> = ({ items = [], className = '', style }) => {\n\treturn (\n\t\t<div className={`rpc_activity_log ${className}`} style={style}>\n\t\t\t{items.map((item) => (\n\t\t\t\t<ActivityLogItem key={item.id} item={item} />\n\t\t\t))}\n\t\t</div>\n\t);\n};\n\nexport default ActivityLog;\n"]}

package/dist/chunk-DNRZCHZG.js

@@ -0,0 +1,110 @@
+import { CheckOutlined, CloseOutlined } from './chunk-TGSKTHTV.js';
+import { useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultRules = [
+  {
+    key: "length",
+    label: "\u957F\u5EA6\u81F3\u5C11 8 \u4F4D",
+    validator: (pwd) => pwd.length >= 8
+  },
+  {
+    key: "lowercase",
+    label: "\u5305\u542B\u5C0F\u5199\u5B57\u6BCD (a-z)",
+    validator: (pwd) => /[a-z]/.test(pwd)
+  },
+  {
+    key: "uppercase",
+    label: "\u5305\u542B\u5927\u5199\u5B57\u6BCD (A-Z)",
+    validator: (pwd) => /[A-Z]/.test(pwd)
+  },
+  {
+    key: "number",
+    label: "\u5305\u542B\u6570\u5B57 (0-9)",
+    validator: (pwd) => /[0-9]/.test(pwd)
+  },
+  {
+    key: "special",
+    label: "\u5305\u542B\u7279\u6B8A\u7B26\u53F7 (!@#$...)",
+    validator: (pwd) => /[^A-Za-z0-9]/.test(pwd)
+  }
+];
+function evaluatePasswordStrength(pwd = "", rules = defaultRules) {
+  if (!pwd) {
+    return { level: 0, score: 0, passedKeys: [] };
+  }
+  const passedKeys = rules.filter((r) => r.validator(pwd)).map((r) => r.key);
+  let score = passedKeys.length;
+  if (pwd.length < 6) {
+    return { level: 1, score: 1, passedKeys };
+  }
+  let level = 1;
+  if (score <= 1) level = 1;
+  else if (score <= 3) level = 2;
+  else if (score === 4) level = 3;
+  else level = 4;
+  return { level, score, passedKeys };
+}
+var levelConfig = {
+  0: { text: "", color: "#d9d9d9", classSuffix: "" },
+  1: { text: "\u5F3A\u5EA6\u8F83\u5F31", color: "#ff4d4f", classSuffix: "weak" },
+  2: { text: "\u5F3A\u5EA6\u4E2D\u7B49", color: "#fa8c16", classSuffix: "medium" },
+  3: { text: "\u5F3A\u5EA6\u826F\u597D", color: "#1677ff", classSuffix: "good" },
+  4: { text: "\u5F3A\u5EA6\u6781\u9AD8", color: "#52c41a", classSuffix: "strong" }
+};
+var PasswordStrength = ({
+  password = "",
+  showText = true,
+  showRules = false,
+  rules = defaultRules,
+  onLevelChange,
+  className = "",
+  style
+}) => {
+  const { level, passedKeys } = useMemo(() => {
+    const res = evaluatePasswordStrength(password, rules);
+    onLevelChange == null ? void 0 : onLevelChange(res.level);
+    return res;
+  }, [password, rules, onLevelChange]);
+  const currentInfo = levelConfig[level];
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_password_strength ${className}`, style, children: [
+    /* @__PURE__ */ jsx("div", { className: "rpc_password_strength_bars", children: [1, 2, 3, 4].map((segIndex) => {
+      const isActive = level >= segIndex;
+      const segmentClass = [
+        "rpc_password_strength_bar_segment",
+        isActive && currentInfo.classSuffix ? `rpc_password_strength_bar_segment_active_${currentInfo.classSuffix}` : ""
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ jsx("div", { className: segmentClass }, segIndex);
+    }) }),
+    showText && /* @__PURE__ */ jsxs("div", { className: "rpc_password_strength_label", children: [
+      /* @__PURE__ */ jsx("span", { children: "\u5BC6\u7801\u5B89\u5168\u6027" }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "rpc_password_strength_level_text",
+          style: { color: currentInfo.color },
+          children: password ? currentInfo.text : "\u672A\u8F93\u5165\u5BC6\u7801"
+        }
+      )
+    ] }),
+    showRules && /* @__PURE__ */ jsx("div", { className: "rpc_password_strength_rules", children: rules.map((r) => {
+      const isPassed = passedKeys.includes(r.key);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `rpc_password_strength_rule_item ${isPassed ? "rpc_password_strength_rule_item_passed" : ""}`,
+          children: [
+            isPassed ? /* @__PURE__ */ jsx(CheckOutlined, { style: { fontSize: 11 } }) : /* @__PURE__ */ jsx(CloseOutlined, { style: { fontSize: 10, opacity: 0.5 } }),
+            /* @__PURE__ */ jsx("span", { children: r.label })
+          ]
+        },
+        r.key
+      );
+    }) })
+  ] });
+};
+var PasswordStrength_default = PasswordStrength;
+
+export { PasswordStrength_default, evaluatePasswordStrength };
+//# sourceMappingURL=chunk-DNRZCHZG.js.map
+//# sourceMappingURL=chunk-DNRZCHZG.js.map

package/dist/chunk-DNRZCHZG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../PasswordStrength/index.tsx"],"names":[],"mappings":";;;;AA6BA,IAAM,YAAA,GAA+B;AAAA,EACpC;AAAA,IACC,GAAA,EAAK,QAAA;AAAA,IACL,KAAA,EAAO,mCAAA;AAAA,IACP,SAAA,EAAW,CAAC,GAAA,KAAQ,GAAA,CAAI,MAAA,IAAU;AAAA,GACnC;AAAA,EACA;AAAA,IACC,GAAA,EAAK,WAAA;AAAA,IACL,KAAA,EAAO,4CAAA;AAAA,IACP,SAAA,EAAW,CAAC,GAAA,KAAQ,OAAA,CAAQ,KAAK,GAAG;AAAA,GACrC;AAAA,EACA;AAAA,IACC,GAAA,EAAK,WAAA;AAAA,IACL,KAAA,EAAO,4CAAA;AAAA,IACP,SAAA,EAAW,CAAC,GAAA,KAAQ,OAAA,CAAQ,KAAK,GAAG;AAAA,GACrC;AAAA,EACA;AAAA,IACC,GAAA,EAAK,QAAA;AAAA,IACL,KAAA,EAAO,gCAAA;AAAA,IACP,SAAA,EAAW,CAAC,GAAA,KAAQ,OAAA,CAAQ,KAAK,GAAG;AAAA,GACrC;AAAA,EACA;AAAA,IACC,GAAA,EAAK,SAAA;AAAA,IACL,KAAA,EAAO,gDAAA;AAAA,IACP,SAAA,EAAW,CAAC,GAAA,KAAQ,cAAA,CAAe,KAAK,GAAG;AAAA;AAE7C,CAAA;AAGO,SAAS,wBAAA,CACf,GAAA,GAAc,EAAA,EACd,KAAA,GAAwB,YAAA,EACgD;AACxE,EAAA,IAAI,CAAC,GAAA,EAAK;AACT,IAAA,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,EAAG,UAAA,EAAY,EAAC,EAAE;AAAA,EAC7C;AAEA,EAAA,MAAM,UAAA,GAAa,KAAA,CAAM,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,SAAA,CAAU,GAAG,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,GAAG,CAAA;AACzE,EAAA,IAAI,QAAQ,UAAA,CAAW,MAAA;AAGvB,EAAA,IAAI,GAAA,CAAI,SAAS,CAAA,EAAG;AACnB,IAAA,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,KAAA,EAAO,GAAG,UAAA,EAAW;AAAA,EACzC;AAEA,EAAA,IAAI,KAAA,GAA+B,CAAA;AACnC,EAAA,IAAI,KAAA,IAAS,GAAG,KAAA,GAAQ,CAAA;AAAA,OAAA,IACf,KAAA,IAAS,GAAG,KAAA,GAAQ,CAAA;AAAA,OAAA,IACpB,KAAA,KAAU,GAAG,KAAA,GAAQ,CAAA;AAAA,OACzB,KAAA,GAAQ,CAAA;AAEb,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,EAAO,UAAA,EAAW;AACnC;AAEA,IAAM,WAAA,GAGF;AAAA,EACH,GAAG,EAAE,IAAA,EAAM,IAAI,KAAA,EAAO,SAAA,EAAW,aAAa,EAAA,EAAG;AAAA,EACjD,GAAG,EAAE,IAAA,EAAM,4BAAQ,KAAA,EAAO,SAAA,EAAW,aAAa,MAAA,EAAO;AAAA,EACzD,GAAG,EAAE,IAAA,EAAM,4BAAQ,KAAA,EAAO,SAAA,EAAW,aAAa,QAAA,EAAS;AAAA,EAC3D,GAAG,EAAE,IAAA,EAAM,4BAAQ,KAAA,EAAO,SAAA,EAAW,aAAa,MAAA,EAAO;AAAA,EACzD,GAAG,EAAE,IAAA,EAAM,4BAAQ,KAAA,EAAO,SAAA,EAAW,aAAa,QAAA;AACnD,CAAA;AAEA,IAAM,mBAAoD,CAAC;AAAA,EAC1D,QAAA,GAAW,EAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,KAAA;AAAA,EACZ,KAAA,GAAQ,YAAA;AAAA,EACR,aAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,EAAE,KAAA,EAAO,UAAA,EAAW,GAAI,QAAQ,MAAM;AAC3C,IAAA,MAAM,GAAA,GAAM,wBAAA,CAAyB,QAAA,EAAU,KAAK,CAAA;AACpD,IAAA,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAgB,GAAA,CAAI,KAAA,CAAA;AACpB,IAAA,OAAO,GAAA;AAAA,EACR,CAAA,EAAG,CAAC,QAAA,EAAU,KAAA,EAAO,aAAa,CAAC,CAAA;AAEnC,EAAA,MAAM,WAAA,GAAc,YAAY,KAAK,CAAA;AAErC,EAAA,4BACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,sBAAA,EAAyB,SAAS,IAAI,KAAA,EAErD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA,CAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,QAAA,KAAa;AAC/B,MAAA,MAAM,WAAW,KAAA,IAAS,QAAA;AAC1B,MAAA,MAAM,YAAA,GAAe;AAAA,QACpB,mCAAA;AAAA,QACA,YAAY,WAAA,CAAY,WAAA,GACrB,CAAA,yCAAA,EAA4C,WAAA,CAAY,WAAW,CAAA,CAAA,GACnE;AAAA,OACJ,CACE,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEV,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAmB,SAAA,EAAW,YAAA,EAAA,EAArB,QAAmC,CAAA;AAAA,IACrD,CAAC,CAAA,EACF,CAAA;AAAA,IAGC,QAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACd,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,QAAA,EAAA,gCAAA,EAAK,CAAA;AAAA,sBACX,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACA,SAAA,EAAU,kCAAA;AAAA,UACV,KAAA,EAAO,EAAE,KAAA,EAAO,WAAA,CAAY,KAAA,EAAM;AAAA,UAEjC,QAAA,EAAA,QAAA,GAAW,YAAY,IAAA,GAAO;AAAA;AAAA;AAChC,KAAA,EACD,CAAA;AAAA,IAIA,SAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,+BACb,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,KAAM;AACjB,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,QAAA,CAAS,CAAA,CAAE,GAAG,CAAA;AAC1C,MAAA,uBACC,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEA,SAAA,EAAW,CAAA,gCAAA,EACV,QAAA,GAAW,wCAAA,GAA2C,EACvD,CAAA,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,QAAA,uBACC,aAAA,EAAA,EAAc,KAAA,EAAO,EAAE,QAAA,EAAU,IAAG,EAAG,CAAA,mBAExC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAO,EAAE,QAAA,EAAU,EAAA,EAAI,OAAA,EAAS,KAAI,EAAG,CAAA;AAAA,4BAEvD,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM;AAAA;AAAA,SAAA;AAAA,QAVV,CAAA,CAAE;AAAA,OAWR;AAAA,IAEF,CAAC,CAAA,EACF;AAAA,GAAA,EAEF,CAAA;AAEF,CAAA;AAEA,IAAO,wBAAA,GAAQ","file":"chunk-DNRZCHZG.js","sourcesContent":["import React, { useMemo, ReactNode, CSSProperties } from 'react';\nimport { CheckOutlined, CloseOutlined } from '../src/icons';\nimport './index.less';\n\nexport type PasswordStrengthLevel = 0 | 1 | 2 | 3 | 4;\n\nexport interface PasswordRule {\n\tkey: string;\n\tlabel: ReactNode;\n\tvalidator: (password: string) => boolean;\n}\n\nexport interface PasswordStrengthProps {\n\t/** 当前输入的密码文本 */\n\tpassword?: string;\n\t/** 是否显示密码强度文字（弱/中/强/极强），默认为 true */\n\tshowText?: boolean;\n\t/** 是否显示密码规则校验清单，默认为 false */\n\tshowRules?: boolean;\n\t/** 自定义规则列表 */\n\trules?: PasswordRule[];\n\t/** 强度等级改变回调 */\n\tonLevelChange?: (level: PasswordStrengthLevel) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst defaultRules: PasswordRule[] = [\n\t{\n\t\tkey: 'length',\n\t\tlabel: '长度至少 8 位',\n\t\tvalidator: (pwd) => pwd.length >= 8,\n\t},\n\t{\n\t\tkey: 'lowercase',\n\t\tlabel: '包含小写字母 (a-z)',\n\t\tvalidator: (pwd) => /[a-z]/.test(pwd),\n\t},\n\t{\n\t\tkey: 'uppercase',\n\t\tlabel: '包含大写字母 (A-Z)',\n\t\tvalidator: (pwd) => /[A-Z]/.test(pwd),\n\t},\n\t{\n\t\tkey: 'number',\n\t\tlabel: '包含数字 (0-9)',\n\t\tvalidator: (pwd) => /[0-9]/.test(pwd),\n\t},\n\t{\n\t\tkey: 'special',\n\t\tlabel: '包含特殊符号 (!@#$...)',\n\t\tvalidator: (pwd) => /[^A-Za-z0-9]/.test(pwd),\n\t},\n];\n\n// 计算密码强度得分 (0~4)\nexport function evaluatePasswordStrength(\n\tpwd: string = '',\n\trules: PasswordRule[] = defaultRules,\n): { level: PasswordStrengthLevel; score: number; passedKeys: string[] } {\n\tif (!pwd) {\n\t\treturn { level: 0, score: 0, passedKeys: [] };\n\t}\n\n\tconst passedKeys = rules.filter((r) => r.validator(pwd)).map((r) => r.key);\n\tlet score = passedKeys.length;\n\n\t// 如果长度过短（<6），强制判定为弱\n\tif (pwd.length < 6) {\n\t\treturn { level: 1, score: 1, passedKeys };\n\t}\n\n\tlet level: PasswordStrengthLevel = 1;\n\tif (score <= 1) level = 1;\n\telse if (score <= 3) level = 2;\n\telse if (score === 4) level = 3;\n\telse level = 4;\n\n\treturn { level, score, passedKeys };\n}\n\nconst levelConfig: Record<\n\tPasswordStrengthLevel,\n\t{ text: string; color: string; classSuffix: string }\n> = {\n\t0: { text: '', color: '#d9d9d9', classSuffix: '' },\n\t1: { text: '强度较弱', color: '#ff4d4f', classSuffix: 'weak' },\n\t2: { text: '强度中等', color: '#fa8c16', classSuffix: 'medium' },\n\t3: { text: '强度良好', color: '#1677ff', classSuffix: 'good' },\n\t4: { text: '强度极高', color: '#52c41a', classSuffix: 'strong' },\n};\n\nconst PasswordStrength: React.FC<PasswordStrengthProps> = ({\n\tpassword = '',\n\tshowText = true,\n\tshowRules = false,\n\trules = defaultRules,\n\tonLevelChange,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst { level, passedKeys } = useMemo(() => {\n\t\tconst res = evaluatePasswordStrength(password, rules);\n\t\tonLevelChange?.(res.level);\n\t\treturn res;\n\t}, [password, rules, onLevelChange]);\n\n\tconst currentInfo = levelConfig[level];\n\n\treturn (\n\t\t<div className={`rpc_password_strength ${className}`} style={style}>\n\t\t\t{/* 4 段彩色进度条 */}\n\t\t\t<div className=\"rpc_password_strength_bars\">\n\t\t\t\t{[1, 2, 3, 4].map((segIndex) => {\n\t\t\t\t\tconst isActive = level >= segIndex;\n\t\t\t\t\tconst segmentClass = [\n\t\t\t\t\t\t'rpc_password_strength_bar_segment',\n\t\t\t\t\t\tisActive && currentInfo.classSuffix\n\t\t\t\t\t\t\t? `rpc_password_strength_bar_segment_active_${currentInfo.classSuffix}`\n\t\t\t\t\t\t\t: '',\n\t\t\t\t\t]\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t\t.join(' ');\n\n\t\t\t\t\treturn <div key={segIndex} className={segmentClass} />;\n\t\t\t\t})}\n\t\t\t</div>\n\n\t\t\t{/* 文本说明 */}\n\t\t\t{showText && (\n\t\t\t\t<div className=\"rpc_password_strength_label\">\n\t\t\t\t\t<span>密码安全性</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"rpc_password_strength_level_text\"\n\t\t\t\t\t\tstyle={{ color: currentInfo.color }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{password ? currentInfo.text : '未输入密码'}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 规则校验列表 */}\n\t\t\t{showRules && (\n\t\t\t\t<div className=\"rpc_password_strength_rules\">\n\t\t\t\t\t{rules.map((r) => {\n\t\t\t\t\t\tconst isPassed = passedKeys.includes(r.key);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={r.key}\n\t\t\t\t\t\t\t\tclassName={`rpc_password_strength_rule_item ${\n\t\t\t\t\t\t\t\t\tisPassed ? 'rpc_password_strength_rule_item_passed' : ''\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{isPassed ? (\n\t\t\t\t\t\t\t\t\t<CheckOutlined style={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<CloseOutlined style={{ fontSize: 10, opacity: 0.5 }} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<span>{r.label}</span>\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)}\n\t\t</div>\n\t);\n};\n\nexport default PasswordStrength;\n"]}

package/dist/chunk-EIFN6XMU.cjs

@@ -0,0 +1,117 @@
+'use strict';
+
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
+var react = require('react');
+var jsxRuntime = require('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] = react.useState(defaultTargetKeys);
+  const targetKeys = controlledKeys !== void 0 ? controlledKeys : internalKeys;
+  const flatNodeMap = react.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__ */ jsxRuntime.jsxs("div", { className: `rpc_tree_transfer ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_transfer_panel", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tree_transfer_header", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: sourceTitle }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tree_transfer_body", children: treeData.map((group) => {
+        var _a;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tree_transfer_tree_item", children: /* @__PURE__ */ jsxRuntime.jsxs("b", { children: [
+            "\u{1F4C1} ",
+            group.title
+          ] }) }),
+          (_a = group.children) == null ? void 0 : _a.map((child) => {
+            const isChecked = targetKeys.includes(child.key);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                className: "rpc_tree_transfer_tree_item rpc_tree_transfer_tree_child",
+                style: { cursor: "pointer" },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: isChecked,
+                      onChange: (e) => handleToggle(child.key, e.target.checked)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: child.title })
+                ]
+              },
+              child.key
+            );
+          })
+        ] }, group.key);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#8c8c8c" }, children: "\u21C4" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_transfer_panel", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_transfer_header", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          targetTitle,
+          " (",
+          targetKeys.length,
+          ")"
+        ] }),
+        targetKeys.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            style: { background: "none", border: "none", color: "#1677ff", cursor: "pointer", fontSize: 12 },
+            onClick: () => triggerChange([]),
+            children: "\u6E05\u7A7A"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tree_transfer_body", children: targetKeys.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#8c8c8c", padding: "20px 0", textAlign: "center" }, children: "\u6682\u65E0\u5DF2\u9009\u9879" }) : targetKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_transfer_target_item", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: flatNodeMap.get(key) || key }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_tree_transfer_del_btn",
+            onClick: () => handleRemove(key),
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.CloseOutlined, {})
+          }
+        )
+      ] }, key)) })
+    ] })
+  ] });
+};
+var TreeTransfer_default = TreeTransfer;
+
+exports.TreeTransfer_default = TreeTransfer_default;
+//# sourceMappingURL=chunk-EIFN6XMU.cjs.map
+//# sourceMappingURL=chunk-EIFN6XMU.cjs.map

package/dist/chunk-EIFN6XMU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TreeTransfer/index.tsx"],"names":["useState","useMemo","jsxs","jsx","CloseOutlined"],"mappings":"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","file":"chunk-EIFN6XMU.cjs","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>{targetTitle} ({targetKeys.length})</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={{ background: 'none', border: 'none', color: '#1677ff', cursor: 'pointer', fontSize: 12 }}\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-EJNMH7ND.js

@@ -0,0 +1,122 @@
+import { useState, useEffect, useRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// ScrollTracker/index.tsx
+var ScrollTracker = ({
+  position = "top",
+  height = 3,
+  color = "#1677ff",
+  showPercentage = false,
+  target,
+  onChange,
+  className = "",
+  style
+}) => {
+  const [percent, setPercent] = useState(0);
+  useEffect(() => {
+    const calculateScroll = () => {
+      let scrollTop = 0;
+      let scrollHeight = 0;
+      let clientHeight = 0;
+      const targetEl2 = typeof target === "function" ? target() : target;
+      if (targetEl2) {
+        scrollTop = targetEl2.scrollTop;
+        scrollHeight = targetEl2.scrollHeight;
+        clientHeight = targetEl2.clientHeight;
+      } else {
+        scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+        scrollHeight = document.documentElement.scrollHeight;
+        clientHeight = document.documentElement.clientHeight;
+      }
+      const total = scrollHeight - clientHeight;
+      const currentPercent = total > 0 ? Math.min(100, Math.max(0, scrollTop / total * 100)) : 0;
+      const rounded = Math.round(currentPercent);
+      setPercent(rounded);
+      onChange == null ? void 0 : onChange(rounded);
+    };
+    calculateScroll();
+    const targetEl = typeof target === "function" ? target() : target;
+    const scrollSource = targetEl || window;
+    scrollSource.addEventListener("scroll", calculateScroll, { passive: true });
+    window.addEventListener("resize", calculateScroll);
+    return () => {
+      scrollSource.removeEventListener("scroll", calculateScroll);
+      window.removeEventListener("resize", calculateScroll);
+    };
+  }, [target, onChange]);
+  const backgroundStyle = Array.isArray(color) ? `linear-gradient(90deg, ${color.join(", ")})` : color;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rpc_scroll_tracker rpc_scroll_tracker_${position} ${className}`,
+      style: { height, ...style },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "rpc_scroll_tracker_bar",
+            style: {
+              width: `${percent}%`,
+              background: backgroundStyle
+            }
+          }
+        ),
+        showPercentage && /* @__PURE__ */ jsxs("span", { className: "rpc_scroll_tracker_percentage", children: [
+          percent,
+          "%"
+        ] })
+      ]
+    }
+  );
+};
+var StickyHeader = ({
+  children,
+  offsetTop = 0,
+  onStickyChange,
+  target,
+  className = "",
+  style
+}) => {
+  const [isSticky, setIsSticky] = useState(false);
+  const headerRef = useRef(null);
+  const sentinelRef = useRef(null);
+  useEffect(() => {
+    const sentinel = sentinelRef.current;
+    const targetEl = typeof target === "function" ? target() : target;
+    if (!sentinel) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        const sticky = !entry.isIntersecting && entry.boundingClientRect.top <= offsetTop;
+        setIsSticky(sticky);
+        onStickyChange == null ? void 0 : onStickyChange(sticky);
+      },
+      {
+        root: targetEl || null,
+        threshold: [0],
+        rootMargin: `-${offsetTop}px 0px 0px 0px`
+      }
+    );
+    observer.observe(sentinel);
+    return () => observer.disconnect();
+  }, [offsetTop, target, onStickyChange]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { ref: sentinelRef, style: { height: 1, marginBottom: -1 } }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: headerRef,
+        className: `rpc_sticky_header ${isSticky ? "rpc_sticky_header_stuck" : ""} ${className}`,
+        style: {
+          top: `${offsetTop}px`,
+          ...style
+        },
+        children: typeof children === "function" ? children(isSticky) : children
+      }
+    )
+  ] });
+};
+var ScrollTracker_default = ScrollTracker;
+
+export { ScrollTracker, ScrollTracker_default, StickyHeader };
+//# sourceMappingURL=chunk-EJNMH7ND.js.map
+//# sourceMappingURL=chunk-EJNMH7ND.js.map

package/dist/chunk-EJNMH7ND.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ScrollTracker/index.tsx"],"names":["targetEl"],"mappings":"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","file":"chunk-EJNMH7ND.js","sourcesContent":["import React, { useState, useEffect, useRef, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\n/* =========================================================================\n * 1. ScrollTracker 组件\n * ========================================================================= */\n\nexport interface ScrollTrackerProps {\n\t/** 进度条吸附位置：'top' 顶部，'bottom' 底部，默认为 'top' */\n\tposition?: 'top' | 'bottom';\n\t/** 进度条高度（像素），默认为 3 */\n\theight?: number;\n\t/** 进度条颜色或渐变色配置（如 '#1677ff' 或 ['#1677ff', '#52c41a']） */\n\tcolor?: string | string[];\n\t/** 是否显示右上角/角落的百分比数字浮签，默认为 false */\n\tshowPercentage?: boolean;\n\t/** 监听滚动的目标元素或 ref（不传时监听整个 window 视口） */\n\ttarget?: HTMLElement | (() => HTMLElement | null) | null;\n\t/** 进度改变回调 (0 ~ 100) */\n\tonChange?: (percent: number) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nexport const ScrollTracker: React.FC<ScrollTrackerProps> = ({\n\tposition = 'top',\n\theight = 3,\n\tcolor = '#1677ff',\n\tshowPercentage = false,\n\ttarget,\n\tonChange,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [percent, setPercent] = useState<number>(0);\n\n\tuseEffect(() => {\n\t\tconst calculateScroll = () => {\n\t\t\tlet scrollTop = 0;\n\t\t\tlet scrollHeight = 0;\n\t\t\tlet clientHeight = 0;\n\n\t\t\tconst targetEl = typeof target === 'function' ? target() : target;\n\n\t\t\tif (targetEl) {\n\t\t\t\tscrollTop = targetEl.scrollTop;\n\t\t\t\tscrollHeight = targetEl.scrollHeight;\n\t\t\t\tclientHeight = targetEl.clientHeight;\n\t\t\t} else {\n\t\t\t\tscrollTop = window.pageYOffset || document.documentElement.scrollTop;\n\t\t\t\tscrollHeight = document.documentElement.scrollHeight;\n\t\t\t\tclientHeight = document.documentElement.clientHeight;\n\t\t\t}\n\n\t\t\tconst total = scrollHeight - clientHeight;\n\t\t\tconst currentPercent = total > 0 ? Math.min(100, Math.max(0, (scrollTop / total) * 100)) : 0;\n\t\t\tconst rounded = Math.round(currentPercent);\n\n\t\t\tsetPercent(rounded);\n\t\t\tonChange?.(rounded);\n\t\t};\n\n\t\tcalculateScroll();\n\n\t\tconst targetEl = typeof target === 'function' ? target() : target;\n\t\tconst scrollSource = targetEl || window;\n\n\t\tscrollSource.addEventListener('scroll', calculateScroll, { passive: true });\n\t\twindow.addEventListener('resize', calculateScroll);\n\n\t\treturn () => {\n\t\t\tscrollSource.removeEventListener('scroll', calculateScroll);\n\t\t\twindow.removeEventListener('resize', calculateScroll);\n\t\t};\n\t}, [target, onChange]);\n\n\t// 计算背景渐变色\n\tconst backgroundStyle = Array.isArray(color)\n\t\t? `linear-gradient(90deg, ${color.join(', ')})`\n\t\t: color;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_scroll_tracker rpc_scroll_tracker_${position} ${className}`}\n\t\t\tstyle={{ height, ...style }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_scroll_tracker_bar\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: `${percent}%`,\n\t\t\t\t\tbackground: backgroundStyle,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{showPercentage && (\n\t\t\t\t<span className=\"rpc_scroll_tracker_percentage\">{percent}%</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\n/* =========================================================================\n * 2. StickyHeader 组件\n * ========================================================================= */\n\nexport interface StickyHeaderProps {\n\t/** 子内容 */\n\tchildren: ReactNode | ((isSticky: boolean) => ReactNode);\n\t/** 吸顶距离顶部偏移量（像素），默认为 0 */\n\toffsetTop?: number;\n\t/** 吸顶状态改变回调 */\n\tonStickyChange?: (isSticky: boolean) => void;\n\t/** 监听滚动的目标容器（默认为 window） */\n\ttarget?: HTMLElement | (() => HTMLElement | null) | null;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nexport const StickyHeader: React.FC<StickyHeaderProps> = ({\n\tchildren,\n\toffsetTop = 0,\n\tonStickyChange,\n\ttarget,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isSticky, setIsSticky] = useState<boolean>(false);\n\tconst headerRef = useRef<HTMLDivElement>(null);\n\tconst sentinelRef = useRef<HTMLDivElement>(null);\n\n\tuseEffect(() => {\n\t\tconst sentinel = sentinelRef.current;\n\t\tconst targetEl = typeof target === 'function' ? target() : target;\n\n\t\tif (!sentinel) return;\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t([entry]) => {\n\t\t\t\t// 当占位元素滚出视口顶部时触发吸顶\n\t\t\t\tconst sticky = !entry.isIntersecting && entry.boundingClientRect.top <= offsetTop;\n\t\t\t\tsetIsSticky(sticky);\n\t\t\t\tonStickyChange?.(sticky);\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: targetEl || null,\n\t\t\t\tthreshold: [0],\n\t\t\t\trootMargin: `-${offsetTop}px 0px 0px 0px`,\n\t\t\t},\n\t\t);\n\n\t\tobserver.observe(sentinel);\n\t\treturn () => observer.disconnect();\n\t}, [offsetTop, target, onStickyChange]);\n\n\treturn (\n\t\t<>\n\t\t\t{/* 探测哨兵元素 */}\n\t\t\t<div ref={sentinelRef} style={{ height: 1, marginBottom: -1 }} />\n\t\t\t<div\n\t\t\t\tref={headerRef}\n\t\t\t\tclassName={`rpc_sticky_header ${isSticky ? 'rpc_sticky_header_stuck' : ''} ${className}`}\n\t\t\t\tstyle={{\n\t\t\t\t\ttop: `${offsetTop}px`,\n\t\t\t\t\t...style,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{typeof children === 'function' ? children(isSticky) : children}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default ScrollTracker;\n"]}

package/dist/chunk-ELI3LL3K.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var chunk5WHBZH44_cjs = require('./chunk-5WHBZH44.cjs');
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.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(chunkQ4QF6UYX_cjs.EyeOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.EyeInvisibleOutlined, {}) }),
+    copyable && /* @__PURE__ */ jsxRuntime.jsx(chunk5WHBZH44_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-ELI3LL3K.cjs.map
+//# sourceMappingURL=chunk-ELI3LL3K.cjs.map

package/dist/chunk-ELI3LL3K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SensitiveMask/index.tsx"],"names":["useState","useMemo","jsx","EyeOutlined","EyeInvisibleOutlined","CopyButton_default"],"mappings":";;;;;;;AAiCO,SAAS,kBACf,GAAA,EACA,IAAA,GAAsB,SACtB,UAAA,GAAqB,GAAA,EACrB,YACA,QAAA,EACS;AACT,EAAA,IAAI,CAAC,KAAK,OAAO,EAAA;AAEjB,EAAA,QAAQ,IAAA;AAAM,IACb,KAAK,OAAA;AACJ,MAAA,IAAI,GAAA,CAAI,MAAA,IAAU,CAAA,EAAG,OAAO,GAAA;AAC5B,MAAA,OAAO,GAAA,CAAI,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GAAI,UAAA,CAAW,MAAA,CAAO,CAAC,CAAA,GAAI,GAAA,CAAI,KAAA,CAAM,EAAE,CAAA;AAAA,IAC7D,KAAK,QAAA;AACJ,MAAA,IAAI,GAAA,CAAI,MAAA,IAAU,EAAA,EAAI,OAAO,GAAA;AAC7B,MAAA,OAAO,IAAI,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GAAI,WAAW,MAAA,CAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAI,MAAA,GAAS,EAAE,CAAC,CAAA,GAAI,GAAA,CAAI,MAAM,EAAE,CAAA;AAAA,IACxF,KAAK,UAAA;AACJ,MAAA,IAAI,GAAA,CAAI,MAAA,IAAU,CAAA,EAAG,OAAO,GAAA;AAC5B,MAAA,OAAO,IAAI,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GAAI,GAAA,GAAM,WAAW,MAAA,CAAO,CAAC,CAAA,GAAI,GAAA,GAAM,WAAW,MAAA,CAAO,CAAC,IAAI,GAAA,GAAM,GAAA,CAAI,MAAM,EAAE,CAAA;AAAA,IACtG,KAAK,OAAA,EAAS;AACb,MAAA,MAAM,OAAA,GAAU,GAAA,CAAI,OAAA,CAAQ,GAAG,CAAA;AAC/B,MAAA,IAAI,OAAA,IAAW,GAAG,OAAO,GAAA;AACzB,MAAA,MAAM,IAAA,GAAO,GAAA,CAAI,KAAA,CAAM,CAAA,EAAG,OAAO,CAAA;AACjC,MAAA,MAAM,MAAA,GAAS,GAAA,CAAI,KAAA,CAAM,OAAO,CAAA;AAChC,MAAA,MAAM,UAAA,GAAa,KAAK,CAAC,CAAA,GAAI,WAAW,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,EAAG,IAAA,CAAK,SAAS,CAAC,CAAC,KAAK,IAAA,CAAK,MAAA,GAAS,IAAI,IAAA,CAAK,KAAA,CAAM,EAAE,CAAA,GAAI,EAAA,CAAA;AACnH,MAAA,OAAO,UAAA,GAAa,MAAA;AAAA,IACrB;AAAA,IACA,KAAK,QAAA,EAAU;AACd,MAAA,MAAM,KAAA,GAAQ,UAAA,KAAe,MAAA,GAAY,UAAA,GAAa,CAAA;AACtD,MAAA,MAAM,GAAA,GAAM,QAAA,KAAa,MAAA,GAAY,QAAA,GAAW,CAAA;AAChD,MAAA,IAAI,GAAA,CAAI,MAAA,IAAU,KAAA,GAAQ,GAAA,EAAK,OAAO,GAAA;AACtC,MAAA,OAAO,IAAI,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA,GAAI,UAAA,CAAW,OAAO,IAAA,CAAK,GAAA,CAAI,GAAG,GAAA,CAAI,MAAA,GAAS,QAAQ,GAAG,CAAC,IAAI,GAAA,CAAI,KAAA,CAAM,CAAC,GAAG,CAAA;AAAA,IACvG;AAAA,IACA;AACC,MAAA,OAAO,GAAA;AAAA;AAEV;AAEA,IAAM,gBAA8C,CAAC;AAAA,EACpD,IAAA,GAAO,EAAA;AAAA,EACP,IAAA,GAAO,OAAA;AAAA,EACP,aAAA,GAAgB,IAAA;AAAA,EAChB,UAAA,GAAa,GAAA;AAAA,EACb,aAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAkB,aAAa,CAAA;AAE3D,EAAA,MAAM,UAAA,GAAaC,cAAQ,MAAM;AAChC,IAAA,OAAO,iBAAA,CAAkB,IAAA,EAAM,IAAA,EAAM,UAAA,EAAY,eAAe,WAAW,CAAA;AAAA,EAC5E,GAAG,CAAC,IAAA,EAAM,MAAM,UAAA,EAAY,aAAA,EAAe,WAAW,CAAC,CAAA;AAEvD,EAAA,MAAM,WAAA,GAAc,SAAS,UAAA,GAAa,IAAA;AAE1C,EAAA,MAAM,YAAA,GAAe,OAAO,CAAA,KAAwB;AACnD,IAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,IAAA,MAAM,YAAY,CAAC,MAAA;AACnB,IAAA,IAAI,QAAA,EAAU;AACb,MAAA,MAAM,OAAA,GAAU,MAAM,QAAA,CAAS,SAAS,CAAA;AACxC,MAAA,IAAI,YAAY,KAAA,EAAO;AAAA,IACxB;AACA,IAAA,SAAA,CAAU,SAAS,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,uCACE,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,mBAAA,EAAsB,SAAS,IAAI,KAAA,EACnD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,IAEtD,8BACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAgC,SAAS,YAAA,EAAc,KAAA,EAAO,MAAA,GAAS,sCAAA,GAAW,4BAChG,QAAA,EAAA,MAAA,mBAASA,cAAA,CAACC,iCAAY,CAAA,mBAAKD,cAAA,CAACE,0CAAqB,CAAA,EACnD,CAAA;AAAA,IAGA,4BAAYF,cAAA,CAACG,oCAAA,EAAA,EAAW,MAAK,MAAA,EAAO,IAAA,EAAY,SAAQ,0BAAA,EAAO;AAAA,GAAA,EACjE,CAAA;AAEF,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"chunk-ELI3LL3K.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 raw.slice(0, 4) + ' ' + maskSymbol.repeat(4) + ' ' + maskSymbol.repeat(4) + ' ' + raw.slice(-4);\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 = name[0] + maskSymbol.repeat(Math.max(1, name.length - 2)) + (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 raw.slice(0, start) + maskSymbol.repeat(Math.max(1, raw.length - start - end)) + raw.slice(-end);\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 className=\"rpc_sensitive_mask_action_btn\" onClick={handleToggle} title={masked ? '点击查看明文' : '点击隐藏'}>\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"]}

package/dist/chunk-EQ7S5SYM.js

@@ -0,0 +1,67 @@
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// DragSortList/index.tsx
+function DragSortList({
+  items,
+  onReorder,
+  keyExtractor,
+  renderItem,
+  className = "",
+  style
+}) {
+  const [draggingIndex, setDraggingIndex] = useState(null);
+  const [dragOverIndex, setDragOverIndex] = useState(null);
+  const handleDragStart = (index) => {
+    setDraggingIndex(index);
+  };
+  const handleDragOver = (e, index) => {
+    e.preventDefault();
+    if (dragOverIndex !== index) {
+      setDragOverIndex(index);
+    }
+  };
+  const handleDrop = (index) => {
+    if (draggingIndex === null || draggingIndex === index) {
+      setDraggingIndex(null);
+      setDragOverIndex(null);
+      return;
+    }
+    const newItems = [...items];
+    const [draggedItem] = newItems.splice(draggingIndex, 1);
+    newItems.splice(index, 0, draggedItem);
+    setDraggingIndex(null);
+    setDragOverIndex(null);
+    onReorder(newItems);
+  };
+  const handleDragEnd = () => {
+    setDraggingIndex(null);
+    setDragOverIndex(null);
+  };
+  return /* @__PURE__ */ jsx("div", { className: `rpc_drag_sort_list ${className}`, style, children: items.map((item, idx) => {
+    const key = keyExtractor(item, idx);
+    const isDragging = draggingIndex === idx;
+    const isOver = dragOverIndex === idx && draggingIndex !== idx;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        draggable: true,
+        onDragStart: () => handleDragStart(idx),
+        onDragOver: (e) => handleDragOver(e, idx),
+        onDrop: () => handleDrop(idx),
+        onDragEnd: handleDragEnd,
+        className: `rpc_drag_sort_list_item ${isDragging ? "rpc_drag_sort_list_item_dragging" : ""} ${isOver ? "rpc_drag_sort_list_item_over" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "rpc_drag_sort_list_handle", children: "\u22EE\u22EE" }),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: renderItem(item, idx, isDragging) })
+        ]
+      },
+      key
+    );
+  }) });
+}
+var DragSortList_default = DragSortList;
+
+export { DragSortList_default };
+//# sourceMappingURL=chunk-EQ7S5SYM.js.map
+//# sourceMappingURL=chunk-EQ7S5SYM.js.map

package/dist/chunk-EQ7S5SYM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../DragSortList/index.tsx"],"names":[],"mappings":"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","file":"chunk-EQ7S5SYM.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface DragSortListProps<T> {\n\t/** 数据列表 */\n\titems: T[];\n\t/** 拖拽排序完成后的新列表回调 */\n\tonReorder: (newItems: T[]) => void;\n\t/** 提取唯一 Key */\n\tkeyExtractor: (item: T, index: number) => string | number;\n\t/** 自定义渲染单个列表项内容 */\n\trenderItem: (item: T, index: number, isDragging: boolean) => ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction DragSortList<T>({\n\titems,\n\tonReorder,\n\tkeyExtractor,\n\trenderItem,\n\tclassName = '',\n\tstyle,\n}: DragSortListProps<T>) {\n\tconst [draggingIndex, setDraggingIndex] = useState<number | null>(null);\n\tconst [dragOverIndex, setDragOverIndex] = useState<number | null>(null);\n\n\tconst handleDragStart = (index: number) => {\n\t\tsetDraggingIndex(index);\n\t};\n\n\tconst handleDragOver = (e: React.DragEvent, index: number) => {\n\t\te.preventDefault();\n\t\tif (dragOverIndex !== index) {\n\t\t\tsetDragOverIndex(index);\n\t\t}\n\t};\n\n\tconst handleDrop = (index: number) => {\n\t\tif (draggingIndex === null || draggingIndex === index) {\n\t\t\tsetDraggingIndex(null);\n\t\t\tsetDragOverIndex(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst newItems = [...items];\n\t\tconst [draggedItem] = newItems.splice(draggingIndex, 1);\n\t\tnewItems.splice(index, 0, draggedItem);\n\n\t\tsetDraggingIndex(null);\n\t\tsetDragOverIndex(null);\n\t\tonReorder(newItems);\n\t};\n\n\tconst handleDragEnd = () => {\n\t\tsetDraggingIndex(null);\n\t\tsetDragOverIndex(null);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_drag_sort_list ${className}`} style={style}>\n\t\t\t{items.map((item, idx) => {\n\t\t\t\tconst key = keyExtractor(item, idx);\n\t\t\t\tconst isDragging = draggingIndex === idx;\n\t\t\t\tconst isOver = dragOverIndex === idx && draggingIndex !== idx;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tdraggable\n\t\t\t\t\t\tonDragStart={() => handleDragStart(idx)}\n\t\t\t\t\t\tonDragOver={(e) => handleDragOver(e, idx)}\n\t\t\t\t\t\tonDrop={() => handleDrop(idx)}\n\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\tclassName={`rpc_drag_sort_list_item ${\n\t\t\t\t\t\t\tisDragging ? 'rpc_drag_sort_list_item_dragging' : ''\n\t\t\t\t\t\t} ${isOver ? 'rpc_drag_sort_list_item_over' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"rpc_drag_sort_list_handle\">⋮⋮</span>\n\t\t\t\t\t\t<div style={{ flex: 1 }}>{renderItem(item, idx, isDragging)}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport default DragSortList;\n"]}