react-public-components 1.2.0 → 1.2.2

package/dist/chunk-FRGH3Q75.cjs

@@ -0,0 +1,159 @@
+'use strict';
+
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var TagInput = ({
+  value: controlledValue,
+  defaultValue = [],
+  onChange,
+  maxCount,
+  maxLength,
+  allowDuplicates = false,
+  separators = ["Enter", ",", "\uFF0C"],
+  validate,
+  placeholder = "\u8F93\u5165\u6807\u7B7E\u540E\u6309\u56DE\u8F66...",
+  disabled = false,
+  renderTag,
+  className = "",
+  style
+}) => {
+  const [internalTags, setInternalTags] = react.useState(defaultValue);
+  const tags = controlledValue !== void 0 ? controlledValue : internalTags;
+  const [inputValue, setInputValue] = react.useState("");
+  const [isFocused, setIsFocused] = react.useState(false);
+  const [errorMessage, setErrorMessage] = react.useState("");
+  const inputRef = react.useRef(null);
+  const containerRef = react.useRef(null);
+  const addTag = (text) => {
+    const trimmed = text.trim();
+    if (!trimmed) return;
+    if (maxCount !== void 0 && tags.length >= maxCount) {
+      setErrorMessage(`\u6700\u591A\u53EA\u80FD\u6DFB\u52A0 ${maxCount} \u4E2A\u6807\u7B7E`);
+      return;
+    }
+    if (!allowDuplicates && tags.includes(trimmed)) {
+      setErrorMessage(`\u6807\u7B7E "${trimmed}" \u5DF2\u5B58\u5728`);
+      return;
+    }
+    if (validate) {
+      const res = validate(trimmed);
+      if (typeof res === "string") {
+        setErrorMessage(res);
+        return;
+      }
+      if (res === false) {
+        setErrorMessage(`\u6807\u7B7E "${trimmed}" \u683C\u5F0F\u4E0D\u5408\u6CD5`);
+        return;
+      }
+    }
+    const nextTags = [...tags, trimmed];
+    if (controlledValue === void 0) {
+      setInternalTags(nextTags);
+    }
+    onChange == null ? void 0 : onChange(nextTags);
+    setInputValue("");
+    setErrorMessage("");
+  };
+  const removeTag = (index) => {
+    if (disabled) return;
+    const nextTags = tags.filter((_, i) => i !== index);
+    if (controlledValue === void 0) {
+      setInternalTags(nextTags);
+    }
+    onChange == null ? void 0 : onChange(nextTags);
+    setErrorMessage("");
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (separators.includes(e.key)) {
+      e.preventDefault();
+      addTag(inputValue);
+      return;
+    }
+    if (e.key === "Backspace" && !inputValue && tags.length > 0) {
+      e.preventDefault();
+      removeTag(tags.length - 1);
+    }
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+    if (inputValue.trim()) {
+      addTag(inputValue);
+    }
+  };
+  const handleDoubleClick = (index, tag) => {
+    var _a;
+    if (disabled) return;
+    removeTag(index);
+    setInputValue(tag);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_tag_input ${isFocused ? "rpc_tag_input_focused" : ""} ${disabled ? "rpc_tag_input_disabled" : ""} ${errorMessage ? "rpc_tag_input_error" : ""} ${className}`,
+      style,
+      onClick: () => {
+        var _a;
+        if (!disabled) (_a = inputRef.current) == null ? void 0 : _a.focus();
+      },
+      children: [
+        tags.map((tag, idx) => {
+          if (renderTag) {
+            return renderTag(tag, idx, () => removeTag(idx));
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "rpc_tag_input_tag",
+              onDoubleClick: () => handleDoubleClick(idx, tag),
+              title: "\u53CC\u51FB\u53EF\u91CD\u65B0\u7F16\u8F91",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: tag }),
+                !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkQ4QF6UYX_cjs.CloseOutlined,
+                  {
+                    className: "rpc_tag_input_tag_close",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      removeTag(idx);
+                    }
+                  }
+                )
+              ]
+            },
+            idx
+          );
+        }),
+        (!maxCount || tags.length < maxCount) && /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            value: inputValue,
+            maxLength,
+            disabled,
+            className: "rpc_tag_input_input",
+            placeholder: tags.length === 0 ? placeholder : "",
+            onChange: (e) => {
+              setInputValue(e.target.value);
+              if (errorMessage) setErrorMessage("");
+            },
+            onKeyDown: handleKeyDown,
+            onFocus: () => setIsFocused(true),
+            onBlur: handleBlur
+          }
+        ),
+        errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tag_input_error_tip", children: errorMessage })
+      ]
+    }
+  );
+};
+var TagInput_default = TagInput;
+
+exports.TagInput_default = TagInput_default;
+//# sourceMappingURL=chunk-FRGH3Q75.cjs.map
+//# sourceMappingURL=chunk-FRGH3Q75.cjs.map

package/dist/chunk-FRGH3Q75.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TagInput/index.tsx"],"names":["useState","useRef","jsxs","jsx","CloseOutlined"],"mappings":"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","file":"chunk-FRGH3Q75.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport { CloseOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface TagInputProps {\n\t/** 标签列表（受控） */\n\tvalue?: string[];\n\t/** 默认标签列表 */\n\tdefaultValue?: string[];\n\t/** 标签列表改变回调 */\n\tonChange?: (tags: string[]) => void;\n\t/** 最大允许输入的标签数量 */\n\tmaxCount?: number;\n\t/** 单个标签的最大字符长度 */\n\tmaxLength?: number;\n\t/** 是否允许重复标签，默认为 false */\n\tallowDuplicates?: boolean;\n\t/** 触发添加标签的按键/分隔符，默认为 ['Enter', ',', '，'] */\n\tseparators?: string[];\n\t/** 标签自定义校验函数（返回 true 通过，返回 false 或 string 报错） */\n\tvalidate?: (tag: string) => boolean | string;\n\t/** 占位提示文案 */\n\tplaceholder?: string;\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 自定义渲染单个 Tag */\n\trenderTag?: (tag: string, index: number, onClose: () => void) => ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TagInput: React.FC<TagInputProps> = ({\n\tvalue: controlledValue,\n\tdefaultValue = [],\n\tonChange,\n\tmaxCount,\n\tmaxLength,\n\tallowDuplicates = false,\n\tseparators = ['Enter', ',', '，'],\n\tvalidate,\n\tplaceholder = '输入标签后按回车...',\n\tdisabled = false,\n\trenderTag,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalTags, setInternalTags] = useState<string[]>(defaultValue);\n\tconst tags = controlledValue !== undefined ? controlledValue : internalTags;\n\n\tconst [inputValue, setInputValue] = useState<string>('');\n\tconst [isFocused, setIsFocused] = useState<boolean>(false);\n\tconst [errorMessage, setErrorMessage] = useState<string>('');\n\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\t// 添加 Tag\n\tconst addTag = (text: string) => {\n\t\tconst trimmed = text.trim();\n\t\tif (!trimmed) return;\n\n\t\tif (maxCount !== undefined && tags.length >= maxCount) {\n\t\t\tsetErrorMessage(`最多只能添加 ${maxCount} 个标签`);\n\t\t\treturn;\n\t\t}\n\n\t\tif (!allowDuplicates && tags.includes(trimmed)) {\n\t\t\tsetErrorMessage(`标签 \"${trimmed}\" 已存在`);\n\t\t\treturn;\n\t\t}\n\n\t\tif (validate) {\n\t\t\tconst res = validate(trimmed);\n\t\t\tif (typeof res === 'string') {\n\t\t\t\tsetErrorMessage(res);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (res === false) {\n\t\t\t\tsetErrorMessage(`标签 \"${trimmed}\" 格式不合法`);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst nextTags = [...tags, trimmed];\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalTags(nextTags);\n\t\t}\n\t\tonChange?.(nextTags);\n\t\tsetInputValue('');\n\t\tsetErrorMessage('');\n\t};\n\n\t// 删除 Tag\n\tconst removeTag = (index: number) => {\n\t\tif (disabled) return;\n\t\tconst nextTags = tags.filter((_, i) => i !== index);\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalTags(nextTags);\n\t\t}\n\t\tonChange?.(nextTags);\n\t\tsetErrorMessage('');\n\t};\n\n\t// 键盘事件处理\n\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (disabled) return;\n\n\t\t// 分隔符触发添加\n\t\tif (separators.includes(e.key)) {\n\t\t\te.preventDefault();\n\t\t\taddTag(inputValue);\n\t\t\treturn;\n\t\t}\n\n\t\t// 退格键删除最后一个 Tag\n\t\tif (e.key === 'Backspace' && !inputValue && tags.length > 0) {\n\t\t\te.preventDefault();\n\t\t\tremoveTag(tags.length - 1);\n\t\t}\n\t};\n\n\t// 失去焦点时添加\n\tconst handleBlur = () => {\n\t\tsetIsFocused(false);\n\t\tif (inputValue.trim()) {\n\t\t\taddTag(inputValue);\n\t\t}\n\t};\n\n\t// 双击编辑 Tag\n\tconst handleDoubleClick = (index: number, tag: string) => {\n\t\tif (disabled) return;\n\t\tremoveTag(index);\n\t\tsetInputValue(tag);\n\t\tinputRef.current?.focus();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_tag_input ${isFocused ? 'rpc_tag_input_focused' : ''} ${\n\t\t\t\tdisabled ? 'rpc_tag_input_disabled' : ''\n\t\t\t} ${errorMessage ? 'rpc_tag_input_error' : ''} ${className}`}\n\t\t\tstyle={style}\n\t\t\tonClick={() => {\n\t\t\t\tif (!disabled) inputRef.current?.focus();\n\t\t\t}}\n\t\t>\n\t\t\t{tags.map((tag, idx) => {\n\t\t\t\tif (renderTag) {\n\t\t\t\t\treturn renderTag(tag, idx, () => removeTag(idx));\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\tclassName=\"rpc_tag_input_tag\"\n\t\t\t\t\t\tonDoubleClick={() => handleDoubleClick(idx, tag)}\n\t\t\t\t\t\ttitle=\"双击可重新编辑\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span>{tag}</span>\n\t\t\t\t\t\t{!disabled && (\n\t\t\t\t\t\t\t<CloseOutlined\n\t\t\t\t\t\t\t\tclassName=\"rpc_tag_input_tag_close\"\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\tremoveTag(idx);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t{(!maxCount || tags.length < maxCount) && (\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclassName=\"rpc_tag_input_input\"\n\t\t\t\t\tplaceholder={tags.length === 0 ? placeholder : ''}\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tsetInputValue(e.target.value);\n\t\t\t\t\t\tif (errorMessage) setErrorMessage('');\n\t\t\t\t\t}}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{errorMessage && <div className=\"rpc_tag_input_error_tip\">{errorMessage}</div>}\n\t\t</div>\n\t);\n};\n\nexport default TagInput;\n"]}

package/dist/chunk-FWRVCH7T.js

@@ -0,0 +1,37 @@
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// CodeSnippet/index.tsx
+var CodeSnippet = ({
+  code,
+  language = "bash",
+  className = "",
+  style
+}) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch (e) {
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_code_snippet ${className}`, style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rpc_code_snippet_top_bar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_code_snippet_dots", children: [
+        /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_red" }),
+        /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_yellow" }),
+        /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_green" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_lang", children: language }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "rpc_code_snippet_copy_btn", onClick: handleCopy, children: copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236" })
+    ] }),
+    /* @__PURE__ */ jsx("pre", { className: "rpc_code_snippet_content", children: /* @__PURE__ */ jsx("code", { children: code }) })
+  ] });
+};
+var CodeSnippet_default = CodeSnippet;
+
+export { CodeSnippet_default };
+//# sourceMappingURL=chunk-FWRVCH7T.js.map
+//# sourceMappingURL=chunk-FWRVCH7T.js.map

package/dist/chunk-FWRVCH7T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CodeSnippet/index.tsx"],"names":[],"mappings":";;;;AAcA,IAAM,cAA0C,CAAC;AAAA,EAChD,IAAA;AAAA,EACA,QAAA,GAAW,MAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEnD,EAAA,MAAM,aAAa,YAAY;AAC9B,IAAA,IAAI;AACH,MAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,IAAI,CAAA;AACxC,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,CAAA,EAAG,IAAI,CAAA;AAAA,IACxC,CAAA,CAAA,OAAQ,CAAA,EAAA;AAAA,IAER;AAAA,EACD,CAAA;AAEA,EAAA,4BACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAChD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACd,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uBAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+CAAA,EAAgD,CAAA;AAAA,wBAChE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kDAAA,EAAmD,CAAA;AAAA,wBACnE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAA,EAAkD;AAAA,OAAA,EACnE,CAAA;AAAA,sBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,sBAElD,GAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,SAAA,EAAU,6BAA4B,OAAA,EAAS,UAAA,EACnE,QAAA,EAAA,MAAA,GAAS,2BAAA,GAAU,cAAA,EACrB;AAAA,KAAA,EACD,CAAA;AAAA,wBAEC,KAAA,EAAA,EAAI,SAAA,EAAU,4BACd,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAM,gBAAK,CAAA,EACb;AAAA,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-FWRVCH7T.js","sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface CodeSnippetProps {\n\t/** 代码文本内容 */\n\tcode: string;\n\t/** 编程语言标识，默认为 'bash' */\n\tlanguage?: string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst CodeSnippet: React.FC<CodeSnippetProps> = ({\n\tcode,\n\tlanguage = 'bash',\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [copied, setCopied] = useState<boolean>(false);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(code);\n\t\t\tsetCopied(true);\n\t\t\tsetTimeout(() => setCopied(false), 1500);\n\t\t} catch {\n\t\t\t// fallback\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className={`rpc_code_snippet ${className}`} style={style}>\n\t\t\t<div className=\"rpc_code_snippet_top_bar\">\n\t\t\t\t<div className=\"rpc_code_snippet_dots\">\n\t\t\t\t\t<span className=\"rpc_code_snippet_dot rpc_code_snippet_dot_red\" />\n\t\t\t\t\t<span className=\"rpc_code_snippet_dot rpc_code_snippet_dot_yellow\" />\n\t\t\t\t\t<span className=\"rpc_code_snippet_dot rpc_code_snippet_dot_green\" />\n\t\t\t\t</div>\n\n\t\t\t\t<span className=\"rpc_code_snippet_lang\">{language}</span>\n\n\t\t\t\t<button type=\"button\" className=\"rpc_code_snippet_copy_btn\" onClick={handleCopy}>\n\t\t\t\t\t{copied ? '✓ 已复制' : '复制'}\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<pre className=\"rpc_code_snippet_content\">\n\t\t\t\t<code>{code}</code>\n\t\t\t</pre>\n\t\t</div>\n\t);\n};\n\nexport default CodeSnippet;\n"]}

package/dist/chunk-FYFL4PFD.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// DragSortList/index.tsx
+function DragSortList({
+  items,
+  onReorder,
+  keyExtractor,
+  renderItem,
+  className = "",
+  style
+}) {
+  const [draggingIndex, setDraggingIndex] = react.useState(null);
+  const [dragOverIndex, setDragOverIndex] = react.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "rpc_drag_sort_list_handle", children: "\u22EE\u22EE" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: renderItem(item, idx, isDragging) })
+        ]
+      },
+      key
+    );
+  }) });
+}
+var DragSortList_default = DragSortList;
+
+exports.DragSortList_default = DragSortList_default;
+//# sourceMappingURL=chunk-FYFL4PFD.cjs.map
+//# sourceMappingURL=chunk-FYFL4PFD.cjs.map

package/dist/chunk-FYFL4PFD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../DragSortList/index.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","file":"chunk-FYFL4PFD.cjs","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"]}

package/dist/chunk-G564WB32.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// CascadeDrawer/index.tsx
+var CascadeDrawer = ({
+  open,
+  onClose,
+  rootLevel,
+  width = 440,
+  className = "",
+  style
+}) => {
+  const [stack, setStack] = React.useState([rootLevel]);
+  if (!open) return null;
+  const currentLevel = stack[stack.length - 1] || rootLevel;
+  const pushLevel = (level) => {
+    setStack((prev) => [...prev, level]);
+  };
+  const popTo = (index) => {
+    setStack((prev) => prev.slice(0, index + 1));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_cascade_drawer ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_cascade_drawer_mask", onClick: onClose }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cascade_drawer_content", style: { width }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_cascade_drawer_header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_cascade_drawer_breadcrumbs", children: stack.map((item, idx) => {
+          const isLast = idx === stack.length - 1;
+          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+            idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#bfbfbf" }, children: "/" }),
+            isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title }) : /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rpc_cascade_drawer_crumb_btn",
+                onClick: () => popTo(idx),
+                children: item.title
+              }
+            )
+          ] }, item.id);
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_cascade_drawer_close_btn", onClick: onClose, children: "\u2715" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_cascade_drawer_body", children: typeof currentLevel.content === "function" ? currentLevel.content(pushLevel) : currentLevel.content })
+    ] })
+  ] });
+};
+var CascadeDrawer_default = CascadeDrawer;
+
+exports.CascadeDrawer_default = CascadeDrawer_default;
+//# sourceMappingURL=chunk-G564WB32.cjs.map
+//# sourceMappingURL=chunk-G564WB32.cjs.map

package/dist/chunk-G564WB32.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CascadeDrawer/index.tsx"],"names":["useState","jsx","jsxs","React"],"mappings":";;;;;;;;;;AAwBA,IAAM,gBAA8C,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,IAAIA,cAAA,CAAyB,CAAC,SAAS,CAAC,CAAA;AAE9D,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,YAAA,GAAe,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA,IAAK,SAAA;AAEhD,EAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAwB;AAC1C,IAAA,QAAA,CAAS,CAAC,IAAA,KAAS,CAAC,GAAG,IAAA,EAAM,KAAK,CAAC,CAAA;AAAA,EACpC,CAAA;AAEA,EAAA,MAAM,KAAA,GAAQ,CAAC,KAAA,KAAkB;AAChC,IAAA,QAAA,CAAS,CAAC,IAAA,KAAS,IAAA,CAAK,MAAM,CAAA,EAAG,KAAA,GAAQ,CAAC,CAAC,CAAA;AAAA,EAC5C,CAAA;AAEA,EAAA,uCACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,mBAAA,EAAsB,SAAS,IAAI,KAAA,EAClD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA0B,OAAA,EAAS,OAAA,EAAS,CAAA;AAAA,oCAE1D,KAAA,EAAA,EAAI,SAAA,EAAU,8BAA6B,KAAA,EAAO,EAAE,OAAM,EAE1D,QAAA,EAAA;AAAA,sBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACd,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,SAAI,SAAA,EAAU,gCAAA,EACb,gBAAM,GAAA,CAAI,CAAC,MAAM,GAAA,KAAQ;AACzB,UAAA,MAAM,MAAA,GAAS,GAAA,KAAQ,KAAA,CAAM,MAAA,GAAS,CAAA;AACtC,UAAA,uBACCC,eAAA,CAACC,sBAAA,CAAM,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,YAAA,GAAA,GAAM,CAAA,mCAAM,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA,IAAa,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,YAC/C,MAAA,mBACAF,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,OAAM,CAAA,mBAElBA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACA,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,8BAAA;AAAA,gBACV,OAAA,EAAS,MAAM,KAAA,CAAM,GAAG,CAAA;AAAA,gBAEvB,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACP,WAAA,EAAA,EAXmB,KAAK,EAa1B,CAAA;AAAA,QAEF,CAAC,CAAA,EACF,CAAA;AAAA,wBAEAA,cAAA,CAAC,YAAO,IAAA,EAAK,QAAA,EAAS,WAAU,8BAAA,EAA+B,OAAA,EAAS,SAAS,QAAA,EAAA,QAAA,EAEjF;AAAA,OAAA,EACD,CAAA;AAAA,sBAGAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA,OAAO,YAAA,CAAa,OAAA,KAAY,UAAA,GAC7B,YAAA,CAAa,OAAA,CAAgB,SAAS,CAAA,GACvC,aAAa,OAAA,EACjB;AAAA,KAAA,EACD;AAAA,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"chunk-G564WB32.cjs","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface CascadeLevel {\n\tid: string;\n\ttitle: string;\n\tcontent: ReactNode;\n}\n\nexport interface CascadeDrawerProps {\n\t/** 是否打开抽屉 */\n\topen: boolean;\n\t/** 关闭抽屉回调 */\n\tonClose: () => void;\n\t/** 初始根层级 */\n\trootLevel: CascadeLevel;\n\t/** 抽屉宽度，默认为 440 */\n\twidth?: number | string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst CascadeDrawer: React.FC<CascadeDrawerProps> = ({\n\topen,\n\tonClose,\n\trootLevel,\n\twidth = 440,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [stack, setStack] = useState<CascadeLevel[]>([rootLevel]);\n\n\tif (!open) return null;\n\n\tconst currentLevel = stack[stack.length - 1] || rootLevel;\n\n\tconst pushLevel = (level: CascadeLevel) => {\n\t\tsetStack((prev) => [...prev, level]);\n\t};\n\n\tconst popTo = (index: number) => {\n\t\tsetStack((prev) => prev.slice(0, index + 1));\n\t};\n\n\treturn (\n\t\t<div className={`rpc_cascade_drawer ${className}`} style={style}>\n\t\t\t<div className=\"rpc_cascade_drawer_mask\" onClick={onClose} />\n\n\t\t\t<div className=\"rpc_cascade_drawer_content\" style={{ width }}>\n\t\t\t\t{/* 顶部面包屑导航 */}\n\t\t\t\t<div className=\"rpc_cascade_drawer_header\">\n\t\t\t\t\t<div className=\"rpc_cascade_drawer_breadcrumbs\">\n\t\t\t\t\t\t{stack.map((item, idx) => {\n\t\t\t\t\t\t\tconst isLast = idx === stack.length - 1;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<React.Fragment key={item.id}>\n\t\t\t\t\t\t\t\t\t{idx > 0 && <span style={{ color: '#bfbfbf' }}>/</span>}\n\t\t\t\t\t\t\t\t\t{isLast ? (\n\t\t\t\t\t\t\t\t\t\t<span>{item.title}</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"rpc_cascade_drawer_crumb_btn\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => popTo(idx)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<button type=\"button\" className=\"rpc_cascade_drawer_close_btn\" onClick={onClose}>\n\t\t\t\t\t\t✕\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\n\t\t\t\t{/* 当前层级内容 */}\n\t\t\t\t<div className=\"rpc_cascade_drawer_body\">\n\t\t\t\t\t{typeof currentLevel.content === 'function'\n\t\t\t\t\t\t? (currentLevel.content as any)(pushLevel)\n\t\t\t\t\t\t: currentLevel.content}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CascadeDrawer;\n"]}

package/dist/chunk-GCMI5JGQ.cjs

@@ -0,0 +1,126 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// ScrollTracker/index.tsx
+var ScrollTracker = ({
+  position = "top",
+  height = 3,
+  color = "#1677ff",
+  showPercentage = false,
+  target,
+  onChange,
+  className = "",
+  style
+}) => {
+  const [percent, setPercent] = react.useState(0);
+  react.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `rpc_scroll_tracker rpc_scroll_tracker_${position} ${className}`,
+      style: { height, ...style },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "rpc_scroll_tracker_bar",
+            style: {
+              width: `${percent}%`,
+              background: backgroundStyle
+            }
+          }
+        ),
+        showPercentage && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_scroll_tracker_percentage", children: [
+          percent,
+          "%"
+        ] })
+      ]
+    }
+  );
+};
+var StickyHeader = ({
+  children,
+  offsetTop = 0,
+  onStickyChange,
+  target,
+  className = "",
+  style
+}) => {
+  const [isSticky, setIsSticky] = react.useState(false);
+  const headerRef = react.useRef(null);
+  const sentinelRef = react.useRef(null);
+  react.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sentinelRef, style: { height: 1, marginBottom: -1 } }),
+    /* @__PURE__ */ jsxRuntime.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;
+
+exports.ScrollTracker = ScrollTracker;
+exports.ScrollTracker_default = ScrollTracker_default;
+exports.StickyHeader = StickyHeader;
+//# sourceMappingURL=chunk-GCMI5JGQ.cjs.map
+//# sourceMappingURL=chunk-GCMI5JGQ.cjs.map

package/dist/chunk-GCMI5JGQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ScrollTracker/index.tsx"],"names":["useState","useEffect","targetEl","jsxs","jsx","useRef","Fragment"],"mappings":"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","file":"chunk-GCMI5JGQ.cjs","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"]}