react-public-components 1.2.1 → 1.2.3

package/dist/chunk-XWXFENGT.js

@@ -0,0 +1,159 @@
+import { FullscreenExitOutlined, FullscreenOutlined } from './chunk-ISUXPTLV.js';
+import { forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Fullscreen = forwardRef(
+  ({
+    children,
+    mode = "browser",
+    target,
+    fullscreen: controlledFullscreen,
+    defaultFullscreen = false,
+    onChange,
+    showButton = false,
+    buttonPosition = "top-right",
+    enterIcon,
+    exitIcon,
+    className = "",
+    style
+  }, ref) => {
+    const containerRef = useRef(null);
+    const [internalFullscreen, setInternalFullscreen] = useState(defaultFullscreen);
+    const isControlled = controlledFullscreen !== void 0;
+    const isFullscreen = isControlled ? controlledFullscreen : internalFullscreen;
+    const getTargetElement = useCallback(() => {
+      if (typeof target === "function") {
+        return target();
+      }
+      if (target) {
+        return target;
+      }
+      return containerRef.current;
+    }, [target]);
+    const enter = useCallback(async () => {
+      const el = getTargetElement();
+      if (!el) return;
+      if (mode === "browser") {
+        if (el.requestFullscreen) {
+          await el.requestFullscreen();
+        } else if (el.webkitRequestFullscreen) {
+          await el.webkitRequestFullscreen();
+        } else if (el.msRequestFullscreen) {
+          await el.msRequestFullscreen();
+        }
+      } else {
+        if (!isControlled) {
+          setInternalFullscreen(true);
+        }
+        onChange == null ? void 0 : onChange(true);
+      }
+    }, [mode, getTargetElement, isControlled, onChange]);
+    const exit = useCallback(async () => {
+      if (mode === "browser") {
+        if (document.fullscreenElement || document.webkitFullscreenElement) {
+          if (document.exitFullscreen) {
+            await document.exitFullscreen();
+          } else if (document.webkitExitFullscreen) {
+            await document.webkitExitFullscreen();
+          }
+        }
+      } else {
+        if (!isControlled) {
+          setInternalFullscreen(false);
+        }
+        onChange == null ? void 0 : onChange(false);
+      }
+    }, [mode, isControlled, onChange]);
+    const toggle = useCallback(async () => {
+      if (isFullscreen) {
+        await exit();
+      } else {
+        await enter();
+      }
+    }, [isFullscreen, enter, exit]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        enter,
+        exit,
+        toggle,
+        isFullscreen,
+        getElement: getTargetElement
+      }),
+      [enter, exit, toggle, isFullscreen, getTargetElement]
+    );
+    useEffect(() => {
+      if (mode !== "browser") return;
+      const handleFullscreenChange = () => {
+        const currentFsEl = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
+        const targetEl = getTargetElement();
+        const isActive = currentFsEl !== null && (currentFsEl === targetEl || targetEl === document.documentElement);
+        if (!isControlled) {
+          setInternalFullscreen(isActive);
+        }
+        onChange == null ? void 0 : onChange(isActive);
+      };
+      document.addEventListener("fullscreenchange", handleFullscreenChange);
+      document.addEventListener("webkitfullscreenchange", handleFullscreenChange);
+      document.addEventListener("mozfullscreenchange", handleFullscreenChange);
+      document.addEventListener("MSFullscreenChange", handleFullscreenChange);
+      return () => {
+        document.removeEventListener("fullscreenchange", handleFullscreenChange);
+        document.removeEventListener("webkitfullscreenchange", handleFullscreenChange);
+        document.removeEventListener("mozfullscreenchange", handleFullscreenChange);
+        document.removeEventListener("MSFullscreenChange", handleFullscreenChange);
+      };
+    }, [mode, getTargetElement, isControlled, onChange]);
+    useEffect(() => {
+      if (mode !== "web" || !isFullscreen) return;
+      const handleKeyDown = (e) => {
+        if (e.key === "Escape") {
+          exit();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => {
+        window.removeEventListener("keydown", handleKeyDown);
+      };
+    }, [mode, isFullscreen, exit]);
+    const positionClass = `rpc_fullscreen_container_action_btn_${buttonPosition.replace("-", "_")}`;
+    const isWebFsActive = mode === "web" && isFullscreen;
+    const currentEnterIcon = enterIcon != null ? enterIcon : /* @__PURE__ */ jsx(FullscreenOutlined, {});
+    const currentExitIcon = exitIcon != null ? exitIcon : /* @__PURE__ */ jsx(FullscreenExitOutlined, {});
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: `rpc_fullscreen_container ${isFullscreen ? "rpc_fullscreen_container_fullscreen" : ""} ${isWebFsActive ? "rpc_fullscreen_container_web_fullscreen" : ""} ${className}`,
+        style: {
+          ...isFullscreen ? { backgroundColor: "#ffffff" } : {},
+          ...style
+        },
+        children: [
+          showButton && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `rpc_fullscreen_container_action_btn ${positionClass}`,
+              onClick: toggle,
+              title: isFullscreen ? "\u9000\u51FA\u5168\u5C4F (ESC)" : "\u5168\u5C4F\u663E\u793A",
+              children: isFullscreen ? currentExitIcon : currentEnterIcon
+            }
+          ),
+          typeof children === "function" ? children({
+            isFullscreen,
+            enter,
+            exit,
+            toggle
+          }) : children
+        ]
+      }
+    );
+  }
+);
+Fullscreen.displayName = "Fullscreen";
+var Fullscreen_default = Fullscreen;
+
+export { Fullscreen_default };
+//# sourceMappingURL=chunk-XWXFENGT.js.map
+//# sourceMappingURL=chunk-XWXFENGT.js.map

package/dist/chunk-XWXFENGT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Fullscreen/index.tsx"],"names":[],"mappings":"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","file":"chunk-XWXFENGT.js","sourcesContent":["import React, {\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tuseImperativeHandle,\n\tforwardRef,\n\tReactNode,\n\tCSSProperties,\n} from 'react';\nimport { FullscreenOutlined, FullscreenExitOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface FullscreenRef {\n\t/** 进入全屏 */\n\tenter: () => Promise<void>;\n\t/** 退出全屏 */\n\texit: () => Promise<void>;\n\t/** 切换全屏状态 */\n\ttoggle: () => Promise<void>;\n\t/** 当前是否处于全屏状态 */\n\tisFullscreen: boolean;\n\t/** 当前目标容器 DOM 元素 */\n\tgetElement: () => HTMLElement | null;\n}\n\nexport type FullscreenMode = 'browser' | 'web';\nexport type FullscreenButtonPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\nexport interface FullscreenRenderProps {\n\tisFullscreen: boolean;\n\tenter: () => Promise<void>;\n\texit: () => Promise<void>;\n\ttoggle: () => Promise<void>;\n}\n\nexport interface FullscreenProps {\n\t/** 子元素或 Render Props 函数 */\n\tchildren?: ReactNode | ((props: FullscreenRenderProps) => ReactNode);\n\t/** 全屏模式：'browser' 原生浏览器全屏，'web' 网页内最大化置顶 */\n\tmode?: FullscreenMode;\n\t/** 自定义目标全屏元素（不传时默认为当前包裹的容器元素，传 document.documentElement 时为整页全屏） */\n\ttarget?: HTMLElement | (() => HTMLElement | null) | null;\n\t/** 受控全屏状态 */\n\tfullscreen?: boolean;\n\t/** 默认全屏状态 */\n\tdefaultFullscreen?: boolean;\n\t/** 全屏状态变化回调 */\n\tonChange?: (isFullscreen: boolean) => void;\n\t/** 是否在容器角落展示快速全屏切换悬浮按钮，默认 false */\n\tshowButton?: boolean;\n\t/** 悬浮按钮对齐位置，默认 'top-right' */\n\tbuttonPosition?: FullscreenButtonPosition;\n\t/** 悬浮按钮的自定义 Tooltip 提示或图标 */\n\tenterIcon?: ReactNode;\n\texitIcon?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst Fullscreen = forwardRef<FullscreenRef, FullscreenProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tmode = 'browser',\n\t\t\ttarget,\n\t\t\tfullscreen: controlledFullscreen,\n\t\t\tdefaultFullscreen = false,\n\t\t\tonChange,\n\t\t\tshowButton = false,\n\t\t\tbuttonPosition = 'top-right',\n\t\t\tenterIcon,\n\t\t\texitIcon,\n\t\t\tclassName = '',\n\t\t\tstyle,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst containerRef = useRef<HTMLDivElement>(null);\n\t\tconst [internalFullscreen, setInternalFullscreen] = useState<boolean>(defaultFullscreen);\n\t\tconst isControlled = controlledFullscreen !== undefined;\n\t\tconst isFullscreen = isControlled ? controlledFullscreen : internalFullscreen;\n\n\t\tconst getTargetElement = useCallback((): HTMLElement | null => {\n\t\t\tif (typeof target === 'function') {\n\t\t\t\treturn target();\n\t\t\t}\n\t\t\tif (target) {\n\t\t\t\treturn target;\n\t\t\t}\n\t\t\treturn containerRef.current;\n\t\t}, [target]);\n\n\t\t// 进入全屏\n\t\tconst enter = useCallback(async () => {\n\t\t\tconst el = getTargetElement();\n\t\t\tif (!el) return;\n\n\t\t\tif (mode === 'browser') {\n\t\t\t\tif (el.requestFullscreen) {\n\t\t\t\t\tawait el.requestFullscreen();\n\t\t\t\t} else if ((el as any).webkitRequestFullscreen) {\n\t\t\t\t\tawait (el as any).webkitRequestFullscreen();\n\t\t\t\t} else if ((el as any).msRequestFullscreen) {\n\t\t\t\t\tawait (el as any).msRequestFullscreen();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (!isControlled) {\n\t\t\t\t\tsetInternalFullscreen(true);\n\t\t\t\t}\n\t\t\t\tonChange?.(true);\n\t\t\t}\n\t\t}, [mode, getTargetElement, isControlled, onChange]);\n\n\t\t// 退出全屏\n\t\tconst exit = useCallback(async () => {\n\t\t\tif (mode === 'browser') {\n\t\t\t\tif (document.fullscreenElement || (document as any).webkitFullscreenElement) {\n\t\t\t\t\tif (document.exitFullscreen) {\n\t\t\t\t\t\tawait document.exitFullscreen();\n\t\t\t\t\t} else if ((document as any).webkitExitFullscreen) {\n\t\t\t\t\t\tawait (document as any).webkitExitFullscreen();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (!isControlled) {\n\t\t\t\t\tsetInternalFullscreen(false);\n\t\t\t\t}\n\t\t\t\tonChange?.(false);\n\t\t\t}\n\t\t}, [mode, isControlled, onChange]);\n\n\t\t// 切换全屏\n\t\tconst toggle = useCallback(async () => {\n\t\t\tif (isFullscreen) {\n\t\t\t\tawait exit();\n\t\t\t} else {\n\t\t\t\tawait enter();\n\t\t\t}\n\t\t}, [isFullscreen, enter, exit]);\n\n\t\t// 暴露 Imperative Ref\n\t\tuseImperativeHandle(\n\t\t\tref,\n\t\t\t() => ({\n\t\t\t\tenter,\n\t\t\t\texit,\n\t\t\t\ttoggle,\n\t\t\t\tisFullscreen,\n\t\t\t\tgetElement: getTargetElement,\n\t\t\t}),\n\t\t\t[enter, exit, toggle, isFullscreen, getTargetElement],\n\t\t);\n\n\t\t// 监听浏览器原生全屏事件\n\t\tuseEffect(() => {\n\t\t\tif (mode !== 'browser') return;\n\n\t\t\tconst handleFullscreenChange = () => {\n\t\t\t\tconst currentFsEl =\n\t\t\t\t\tdocument.fullscreenElement ||\n\t\t\t\t\t(document as any).webkitFullscreenElement ||\n\t\t\t\t\t(document as any).mozFullScreenElement ||\n\t\t\t\t\t(document as any).msFullscreenElement;\n\n\t\t\t\tconst targetEl = getTargetElement();\n\t\t\t\tconst isActive =\n\t\t\t\t\tcurrentFsEl !== null &&\n\t\t\t\t\t(currentFsEl === targetEl || targetEl === document.documentElement);\n\n\t\t\t\tif (!isControlled) {\n\t\t\t\t\tsetInternalFullscreen(isActive);\n\t\t\t\t}\n\t\t\t\tonChange?.(isActive);\n\t\t\t};\n\n\t\t\tdocument.addEventListener('fullscreenchange', handleFullscreenChange);\n\t\t\tdocument.addEventListener('webkitfullscreenchange', handleFullscreenChange);\n\t\t\tdocument.addEventListener('mozfullscreenchange', handleFullscreenChange);\n\t\t\tdocument.addEventListener('MSFullscreenChange', handleFullscreenChange);\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener('fullscreenchange', handleFullscreenChange);\n\t\t\t\tdocument.removeEventListener('webkitfullscreenchange', handleFullscreenChange);\n\t\t\t\tdocument.removeEventListener('mozfullscreenchange', handleFullscreenChange);\n\t\t\t\tdocument.removeEventListener('MSFullscreenChange', handleFullscreenChange);\n\t\t\t};\n\t\t}, [mode, getTargetElement, isControlled, onChange]);\n\n\t\t// Web 模拟全屏模式下的 ESC 监听\n\t\tuseEffect(() => {\n\t\t\tif (mode !== 'web' || !isFullscreen) return;\n\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === 'Escape') {\n\t\t\t\t\texit();\n\t\t\t\t}\n\t\t\t};\n\n\t\t\twindow.addEventListener('keydown', handleKeyDown);\n\t\t\treturn () => {\n\t\t\t\twindow.removeEventListener('keydown', handleKeyDown);\n\t\t\t};\n\t\t}, [mode, isFullscreen, exit]);\n\n\t\tconst positionClass = `rpc_fullscreen_container_action_btn_${buttonPosition.replace('-', '_')}`;\n\t\tconst isWebFsActive = mode === 'web' && isFullscreen;\n\n\t\tconst currentEnterIcon = enterIcon ?? <FullscreenOutlined />;\n\t\tconst currentExitIcon = exitIcon ?? <FullscreenExitOutlined />;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName={`rpc_fullscreen_container ${\n\t\t\t\t\tisFullscreen ? 'rpc_fullscreen_container_fullscreen' : ''\n\t\t\t\t} ${isWebFsActive ? 'rpc_fullscreen_container_web_fullscreen' : ''} ${className}`}\n\t\t\t\tstyle={{\n\t\t\t\t\t...(isFullscreen ? { backgroundColor: '#ffffff' } : {}),\n\t\t\t\t\t...style,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{/* 右上角/指定角落的快捷切换按钮 */}\n\t\t\t\t{showButton && (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={`rpc_fullscreen_container_action_btn ${positionClass}`}\n\t\t\t\t\t\tonClick={toggle}\n\t\t\t\t\t\ttitle={isFullscreen ? '退出全屏 (ESC)' : '全屏显示'}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isFullscreen ? currentExitIcon : currentEnterIcon}\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\n\t\t\t\t{typeof children === 'function'\n\t\t\t\t\t? children({\n\t\t\t\t\t\t\tisFullscreen,\n\t\t\t\t\t\t\tenter,\n\t\t\t\t\t\t\texit,\n\t\t\t\t\t\t\ttoggle,\n\t\t\t\t\t\t})\n\t\t\t\t\t: children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nFullscreen.displayName = 'Fullscreen';\n\nexport default Fullscreen;\n"]}

package/dist/chunk-Y7A3WQQN.js

@@ -0,0 +1,79 @@
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// FileDropZone/index.tsx
+var FileDropZone = ({
+  onDropFiles,
+  accept,
+  multiple = true,
+  title = "\u70B9\u51FB\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u81F3\u6B64\u5904\u4E0A\u4F20",
+  hint = "\u652F\u6301\u62D6\u62FD\u6587\u4EF6\u6216\u76F4\u63A5\u6309 Ctrl+V / Cmd+V \u7C98\u8D34\u622A\u56FE",
+  className = "",
+  style
+}) => {
+  const [isDragOver, setIsDragOver] = useState(false);
+  const inputRef = useRef(null);
+  const containerRef = useRef(null);
+  const handleFiles = (fileList) => {
+    if (!fileList || fileList.length === 0) return;
+    const files = Array.from(fileList);
+    onDropFiles(files);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    setIsDragOver(true);
+  };
+  const handleDragLeave = () => {
+    setIsDragOver(false);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    handleFiles(e.dataTransfer.files);
+  };
+  useEffect(() => {
+    const handlePaste = (e) => {
+      if (e.clipboardData && e.clipboardData.files.length > 0) {
+        handleFiles(e.clipboardData.files);
+      }
+    };
+    window.addEventListener("paste", handlePaste);
+    return () => window.removeEventListener("paste", handlePaste);
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_file_dropzone ${isDragOver ? "rpc_file_dropzone_active" : ""} ${className}`,
+      style,
+      onClick: () => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.click();
+      },
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            style: { display: "none" },
+            onChange: (e) => handleFiles(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "rpc_file_dropzone_icon", children: "\u{1F4E5}" }),
+        /* @__PURE__ */ jsx("div", { className: "rpc_file_dropzone_title", children: title }),
+        /* @__PURE__ */ jsx("div", { className: "rpc_file_dropzone_hint", children: hint })
+      ]
+    }
+  );
+};
+var FileDropZone_default = FileDropZone;
+
+export { FileDropZone_default };
+//# sourceMappingURL=chunk-Y7A3WQQN.js.map
+//# sourceMappingURL=chunk-Y7A3WQQN.js.map

package/dist/chunk-Y7A3WQQN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../FileDropZone/index.tsx"],"names":[],"mappings":"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","file":"chunk-Y7A3WQQN.js","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface FileDropZoneProps {\n\t/** 文件选择/拖拽/粘贴回调 */\n\tonDropFiles: (files: File[]) => void;\n\t/** 允许的文件类型，例如 'image/*' 或 '.pdf,.png' */\n\taccept?: string;\n\t/** 是否支持多选，默认为 true */\n\tmultiple?: boolean;\n\t/** 提示标题，默认为 '点击或将文件拖拽至此处上传' */\n\ttitle?: ReactNode;\n\t/** 提示副标题，默认为 '支持拖拽文件或直接按 Ctrl+V 粘贴截图' */\n\thint?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst FileDropZone: React.FC<FileDropZoneProps> = ({\n\tonDropFiles,\n\taccept,\n\tmultiple = true,\n\ttitle = '点击或将文件拖拽至此处上传',\n\thint = '支持拖拽文件或直接按 Ctrl+V / Cmd+V 粘贴截图',\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isDragOver, setIsDragOver] = useState<boolean>(false);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\tconst handleFiles = (fileList: FileList | null) => {\n\t\tif (!fileList || fileList.length === 0) return;\n\t\tconst files = Array.from(fileList);\n\t\tonDropFiles(files);\n\t};\n\n\tconst handleDragOver = (e: React.DragEvent) => {\n\t\te.preventDefault();\n\t\tsetIsDragOver(true);\n\t};\n\n\tconst handleDragLeave = () => {\n\t\tsetIsDragOver(false);\n\t};\n\n\tconst handleDrop = (e: React.DragEvent) => {\n\t\te.preventDefault();\n\t\tsetIsDragOver(false);\n\t\thandleFiles(e.dataTransfer.files);\n\t};\n\n\t// 监听剪贴板粘贴事件\n\tuseEffect(() => {\n\t\tconst handlePaste = (e: ClipboardEvent) => {\n\t\t\tif (e.clipboardData && e.clipboardData.files.length > 0) {\n\t\t\t\thandleFiles(e.clipboardData.files);\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener('paste', handlePaste);\n\t\treturn () => window.removeEventListener('paste', handlePaste);\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_file_dropzone ${isDragOver ? 'rpc_file_dropzone_active' : ''} ${className}`}\n\t\t\tstyle={style}\n\t\t\tonClick={() => inputRef.current?.click()}\n\t\t\tonDragOver={handleDragOver}\n\t\t\tonDragLeave={handleDragLeave}\n\t\t\tonDrop={handleDrop}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={inputRef}\n\t\t\t\ttype=\"file\"\n\t\t\t\taccept={accept}\n\t\t\t\tmultiple={multiple}\n\t\t\t\tstyle={{ display: 'none' }}\n\t\t\t\tonChange={(e) => handleFiles(e.target.files)}\n\t\t\t/>\n\n\t\t\t<div className=\"rpc_file_dropzone_icon\">📥</div>\n\t\t\t<div className=\"rpc_file_dropzone_title\">{title}</div>\n\t\t\t<div className=\"rpc_file_dropzone_hint\">{hint}</div>\n\t\t</div>\n\t);\n};\n\nexport default FileDropZone;\n"]}

package/dist/chunk-YFHKH6HL.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// StatusTimeline/index.tsx
+var statusIcons = {
+  finish: "\u2713",
+  process: "\u25CF",
+  error: "\u2715",
+  wait: "\u25CB"
+};
+var StatusTimeline = ({ items = [], className = "", style }) => {
+  return /* @__PURE__ */ jsx("div", { className: `rpc_status_timeline ${className}`, style, children: items.map((item, idx) => {
+    const status = item.status || "finish";
+    return /* @__PURE__ */ jsxs("div", { className: "rpc_status_timeline_item", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_status_timeline_axis", children: [
+        /* @__PURE__ */ jsx("div", { className: `rpc_status_timeline_dot rpc_status_timeline_dot_${status}`, children: statusIcons[status] }),
+        /* @__PURE__ */ jsx("div", { className: "rpc_status_timeline_line" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rpc_status_timeline_content", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rpc_status_timeline_header", children: [
+          /* @__PURE__ */ jsx("span", { className: "rpc_status_timeline_title", children: item.title }),
+          item.time && /* @__PURE__ */ jsx("span", { className: "rpc_status_timeline_time", children: item.time })
+        ] }),
+        item.operator && /* @__PURE__ */ jsxs("div", { className: "rpc_status_timeline_operator", children: [
+          item.operator.avatar && /* @__PURE__ */ jsx("span", { children: item.operator.avatar }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "\u7ECF\u529E\u4EBA\uFF1A",
+            item.operator.name
+          ] })
+        ] }),
+        item.duration && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("span", { className: "rpc_status_timeline_duration", children: [
+          "\u8017\u65F6\uFF1A",
+          item.duration
+        ] }) }),
+        item.description && /* @__PURE__ */ jsx("div", { className: "rpc_status_timeline_desc", children: item.description })
+      ] })
+    ] }, idx);
+  }) });
+};
+var StatusTimeline_default = StatusTimeline;
+
+export { StatusTimeline_default };
+//# sourceMappingURL=chunk-YFHKH6HL.js.map
+//# sourceMappingURL=chunk-YFHKH6HL.js.map

package/dist/chunk-YFHKH6HL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../StatusTimeline/index.tsx"],"names":[],"mappings":";;;AA4BA,IAAM,WAAA,GAA8C;AAAA,EACnD,MAAA,EAAQ,QAAA;AAAA,EACR,OAAA,EAAS,QAAA;AAAA,EACT,KAAA,EAAO,QAAA;AAAA,EACP,IAAA,EAAM;AACP,CAAA;AAEA,IAAM,cAAA,GAAgD,CAAC,EAAE,KAAA,GAAQ,EAAC,EAAG,SAAA,GAAY,EAAA,EAAI,KAAA,EAAM,KAAM;AAChG,EAAA,uBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,oBAAA,EAAuB,SAAS,CAAA,CAAA,EAAI,KAAA,EAClD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,GAAA,KAAQ;AACzB,IAAA,MAAM,MAAA,GAAS,KAAK,MAAA,IAAU,QAAA;AAE9B,IAAA,uBACC,IAAA,CAAC,KAAA,EAAA,EAAc,SAAA,EAAU,0BAAA,EAExB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,CAAA,gDAAA,EAAmD,MAAM,CAAA,CAAA,EACvE,QAAA,EAAA,WAAA,CAAY,MAAM,CAAA,EACpB,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EAA2B;AAAA,OAAA,EAC3C,CAAA;AAAA,sBAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACd,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4BAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACvD,KAAK,IAAA,oBAAQ,GAAA,CAAC,UAAK,SAAA,EAAU,0BAAA,EAA4B,eAAK,IAAA,EAAK;AAAA,SAAA,EACrE,CAAA;AAAA,QAEC,IAAA,CAAK,QAAA,oBACL,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,SAAS,MAAA,oBAAU,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,SAAS,MAAA,EAAO,CAAA;AAAA,+BACpD,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,YAAA,0BAAA;AAAA,YAAK,KAAK,QAAA,CAAS;AAAA,WAAA,EAAK;AAAA,SAAA,EAC/B,CAAA;AAAA,QAGA,KAAK,QAAA,oBACL,GAAA,CAAC,SACA,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8BAAA,EAA+B,QAAA,EAAA;AAAA,UAAA,oBAAA;AAAA,UAAI,IAAA,CAAK;AAAA,SAAA,EAAS,CAAA,EAClE,CAAA;AAAA,QAGA,KAAK,WAAA,oBACL,GAAA,CAAC,SAAI,SAAA,EAAU,0BAAA,EAA4B,eAAK,WAAA,EAAY;AAAA,OAAA,EAE9D;AAAA,KAAA,EAAA,EAhCS,GAiCV,CAAA;AAAA,EAEF,CAAC,CAAA,EACF,CAAA;AAEF,CAAA;AAEA,IAAO,sBAAA,GAAQ","file":"chunk-YFHKH6HL.js","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type TimelineStatus = 'finish' | 'process' | 'error' | 'wait';\n\nexport interface TimelineOperator {\n\tname: string;\n\tavatar?: ReactNode;\n}\n\nexport interface StatusTimelineItem {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttime?: string;\n\tduration?: string;\n\tstatus?: TimelineStatus;\n\toperator?: TimelineOperator;\n}\n\nexport interface StatusTimelineProps {\n\t/** 时间轴节点列表 */\n\titems: StatusTimelineItem[];\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst statusIcons: Record<TimelineStatus, string> = {\n\tfinish: '✓',\n\tprocess: '●',\n\terror: '✕',\n\twait: '○',\n};\n\nconst StatusTimeline: React.FC<StatusTimelineProps> = ({ items = [], className = '', style }) => {\n\treturn (\n\t\t<div className={`rpc_status_timeline ${className}`} style={style}>\n\t\t\t{items.map((item, idx) => {\n\t\t\t\tconst status = item.status || 'finish';\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={idx} className=\"rpc_status_timeline_item\">\n\t\t\t\t\t\t{/* 轴线与节点 */}\n\t\t\t\t\t\t<div className=\"rpc_status_timeline_axis\">\n\t\t\t\t\t\t\t<div className={`rpc_status_timeline_dot rpc_status_timeline_dot_${status}`}>\n\t\t\t\t\t\t\t\t{statusIcons[status]}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_line\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* 节点内容 */}\n\t\t\t\t\t\t<div className=\"rpc_status_timeline_content\">\n\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_header\">\n\t\t\t\t\t\t\t\t<span className=\"rpc_status_timeline_title\">{item.title}</span>\n\t\t\t\t\t\t\t\t{item.time && <span className=\"rpc_status_timeline_time\">{item.time}</span>}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{item.operator && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_operator\">\n\t\t\t\t\t\t\t\t\t{item.operator.avatar && <span>{item.operator.avatar}</span>}\n\t\t\t\t\t\t\t\t\t<span>经办人：{item.operator.name}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{item.duration && (\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span className=\"rpc_status_timeline_duration\">耗时：{item.duration}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{item.description && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_desc\">{item.description}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</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 StatusTimeline;\n"]}

package/dist/chunk-YXTLWTY4.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// FilterChips/index.tsx
+var FilterChips = ({
+  chips = [],
+  onRemove,
+  onClearAll,
+  clearText = "\u6E05\u7A7A\u7B5B\u9009",
+  className = "",
+  style
+}) => {
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_filter_chips ${className}`, style, children: [
+    chips.map((chip) => /* @__PURE__ */ jsxs("span", { className: "rpc_filter_chips_chip", children: [
+      /* @__PURE__ */ jsxs("span", { className: "rpc_filter_chips_label", children: [
+        chip.label,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "rpc_filter_chips_val", children: chip.value }),
+      /* @__PURE__ */ jsx("span", { className: "rpc_filter_chips_close", onClick: () => onRemove == null ? void 0 : onRemove(chip.id), children: "\u2715" })
+    ] }, chip.id)),
+    onClearAll && /* @__PURE__ */ jsx("button", { type: "button", className: "rpc_filter_chips_clear_all", onClick: onClearAll, children: clearText })
+  ] });
+};
+var FilterChips_default = FilterChips;
+
+export { FilterChips_default };
+//# sourceMappingURL=chunk-YXTLWTY4.js.map
+//# sourceMappingURL=chunk-YXTLWTY4.js.map

package/dist/chunk-YXTLWTY4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../FilterChips/index.tsx"],"names":[],"mappings":";;;AAwBA,IAAM,cAA0C,CAAC;AAAA,EAChD,QAAQ,EAAC;AAAA,EACT,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,0BAAA;AAAA,EACZ,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,EAAA,4BACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,IAAI,CAAC,IAAA,qBACX,IAAA,CAAC,MAAA,EAAA,EAAmB,WAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,wBAAA,EAA0B,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAA;AAAA,QAAM;AAAA,OAAA,EAAC,CAAA;AAAA,sBACtD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAwB,eAAK,KAAA,EAAM,CAAA;AAAA,sBACnD,GAAA,CAAC,UAAK,SAAA,EAAU,wBAAA,EAAyB,SAAS,MAAM,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAK,EAAA,CAAA,EAAK,QAAA,EAAA,QAAA,EAE7E;AAAA,KAAA,EAAA,EALU,IAAA,CAAK,EAMhB,CACA,CAAA;AAAA,IAEA,UAAA,wBACC,QAAA,EAAA,EAAO,IAAA,EAAK,UAAS,SAAA,EAAU,4BAAA,EAA6B,OAAA,EAAS,UAAA,EACpE,QAAA,EAAA,SAAA,EACF;AAAA,GAAA,EAEF,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-YXTLWTY4.js","sourcesContent":["import React, { CSSProperties } from 'react';\nimport './index.less';\n\nexport interface FilterChipItem {\n\tid: string;\n\tlabel: string;\n\tvalue: string;\n}\n\nexport interface FilterChipsProps {\n\t/** 筛选胶囊列表 */\n\tchips: FilterChipItem[];\n\t/** 单项删除回调 */\n\tonRemove?: (id: string) => void;\n\t/** 全部清空回调 */\n\tonClearAll?: () => void;\n\t/** 清空按钮文案，默认为 '清空筛选' */\n\tclearText?: string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst FilterChips: React.FC<FilterChipsProps> = ({\n\tchips = [],\n\tonRemove,\n\tonClearAll,\n\tclearText = '清空筛选',\n\tclassName = '',\n\tstyle,\n}) => {\n\tif (chips.length === 0) return null;\n\n\treturn (\n\t\t<div className={`rpc_filter_chips ${className}`} style={style}>\n\t\t\t{chips.map((chip) => (\n\t\t\t\t<span key={chip.id} className=\"rpc_filter_chips_chip\">\n\t\t\t\t\t<span className=\"rpc_filter_chips_label\">{chip.label}:</span>\n\t\t\t\t\t<span className=\"rpc_filter_chips_val\">{chip.value}</span>\n\t\t\t\t\t<span className=\"rpc_filter_chips_close\" onClick={() => onRemove?.(chip.id)}>\n\t\t\t\t\t\t✕\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t))}\n\n\t\t\t{onClearAll && (\n\t\t\t\t<button type=\"button\" className=\"rpc_filter_chips_clear_all\" onClick={onClearAll}>\n\t\t\t\t\t{clearText}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default FilterChips;\n"]}

package/dist/chunk-ZFBLVX7E.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// SpotlightCard/index.tsx
+var SpotlightCard = ({
+  children,
+  spotlightColor = "rgba(22, 119, 255, 0.15)",
+  spotlightSize = 320,
+  dark = false,
+  className = "",
+  style
+}) => {
+  const cardRef = react.useRef(null);
+  const [position, setPosition] = react.useState({ x: 0, y: 0 });
+  const handleMouseMove = (e) => {
+    if (!cardRef.current) return;
+    const rect = cardRef.current.getBoundingClientRect();
+    setPosition({
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: cardRef,
+      onMouseMove: handleMouseMove,
+      className: `rpc_spotlight_card ${dark ? "rpc_spotlight_card_dark" : ""} ${className}`,
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "rpc_spotlight_card_spotlight",
+            style: {
+              background: `radial-gradient(${spotlightSize}px circle at ${position.x}px ${position.y}px, ${spotlightColor}, transparent 80%)`
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_spotlight_card_content", children })
+      ]
+    }
+  );
+};
+var SpotlightCard_default = SpotlightCard;
+
+exports.SpotlightCard_default = SpotlightCard_default;
+//# sourceMappingURL=chunk-ZFBLVX7E.cjs.map
+//# sourceMappingURL=chunk-ZFBLVX7E.cjs.map

package/dist/chunk-ZFBLVX7E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SpotlightCard/index.tsx"],"names":["useRef","useState","jsxs","jsx"],"mappings":";;;;;;AAkBA,IAAM,gBAA8C,CAAC;AAAA,EACpD,QAAA;AAAA,EACA,cAAA,GAAiB,0BAAA;AAAA,EACjB,aAAA,GAAgB,GAAA;AAAA,EAChB,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,OAAA,GAAUA,aAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,cAAA,CAAmC,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA;AAEjF,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAA,KAAwC;AAChE,IAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACtB,IAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,OAAA,CAAQ,qBAAA,EAAsB;AACnD,IAAA,WAAA,CAAY;AAAA,MACX,CAAA,EAAG,CAAA,CAAE,OAAA,GAAU,IAAA,CAAK,IAAA;AAAA,MACpB,CAAA,EAAG,CAAA,CAAE,OAAA,GAAU,IAAA,CAAK;AAAA,KACpB,CAAA;AAAA,EACF,CAAA;AAEA,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,GAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAa,eAAA;AAAA,MACb,WAAW,CAAA,mBAAA,EAAsB,IAAA,GAAO,yBAAA,GAA4B,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,MACnF,KAAA;AAAA,MAGA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,SAAA,EAAU,8BAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACN,UAAA,EAAY,CAAA,gBAAA,EAAmB,aAAa,CAAA,aAAA,EAAgB,QAAA,CAAS,CAAC,CAAA,GAAA,EAAM,QAAA,CAAS,CAAC,CAAA,IAAA,EAAO,cAAc,CAAA,kBAAA;AAAA;AAC5G;AAAA,SACD;AAAA,wBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAS;AAAA;AAAA;AAAA,GACvD;AAEF,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"chunk-ZFBLVX7E.cjs","sourcesContent":["import React, { useState, useRef, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface SpotlightCardProps {\n\t/** 卡片子内容 */\n\tchildren: ReactNode;\n\t/** 聚光灯光晕颜色，默认为 'rgba(22, 119, 255, 0.15)' */\n\tspotlightColor?: string;\n\t/** 聚光灯光晕半径（像素），默认为 320 */\n\tspotlightSize?: number;\n\t/** 是否开启暗色主题（高对比科技感），默认为 false */\n\tdark?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst SpotlightCard: React.FC<SpotlightCardProps> = ({\n\tchildren,\n\tspotlightColor = 'rgba(22, 119, 255, 0.15)',\n\tspotlightSize = 320,\n\tdark = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst cardRef = useRef<HTMLDivElement>(null);\n\tconst [position, setPosition] = useState<{ x: number; y: number }>({ x: 0, y: 0 });\n\n\tconst handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!cardRef.current) return;\n\t\tconst rect = cardRef.current.getBoundingClientRect();\n\t\tsetPosition({\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top,\n\t\t});\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={cardRef}\n\t\t\tonMouseMove={handleMouseMove}\n\t\t\tclassName={`rpc_spotlight_card ${dark ? 'rpc_spotlight_card_dark' : ''} ${className}`}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{/* 聚光灯层 */}\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_spotlight_card_spotlight\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackground: `radial-gradient(${spotlightSize}px circle at ${position.x}px ${position.y}px, ${spotlightColor}, transparent 80%)`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div className=\"rpc_spotlight_card_content\">{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default SpotlightCard;\n"]}

package/dist/chunk-ZKM664KC.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-ZKM664KC.cjs.map
+//# sourceMappingURL=chunk-ZKM664KC.cjs.map

package/dist/chunk-ZKM664KC.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-ZKM664KC.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 && <span className=\"rpc_scroll_tracker_percentage\">{percent}%</span>}\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-ZLHNRKOQ.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+
+// GradientText/index.tsx
+var GradientText = ({
+  children,
+  gradient = "linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)",
+  animate = true,
+  speed = 4,
+  className = "",
+  style
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `rpc_gradient_text ${animate ? "rpc_gradient_text_animate" : ""} ${className}`,
+      style: {
+        backgroundImage: gradient,
+        animationDuration: `${speed}s`,
+        ...style
+      },
+      children
+    }
+  );
+};
+var GradientText_default = GradientText;
+
+export { GradientText_default };
+//# sourceMappingURL=chunk-ZLHNRKOQ.js.map
+//# sourceMappingURL=chunk-ZLHNRKOQ.js.map

package/dist/chunk-ZLHNRKOQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../GradientText/index.tsx"],"names":[],"mappings":";;;AAkBA,IAAM,eAA4C,CAAC;AAAA,EAClD,QAAA;AAAA,EACA,QAAA,GAAW,+DAAA;AAAA,EACX,OAAA,GAAU,IAAA;AAAA,EACV,KAAA,GAAQ,CAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,uBACC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACA,WAAW,CAAA,kBAAA,EAAqB,OAAA,GAAU,2BAAA,GAA8B,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,MACvF,KAAA,EAAO;AAAA,QACN,eAAA,EAAiB,QAAA;AAAA,QACjB,iBAAA,EAAmB,GAAG,KAAK,CAAA,CAAA,CAAA;AAAA,QAC3B,GAAG;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACF;AAEF,CAAA;AAEA,IAAO,oBAAA,GAAQ","file":"chunk-ZLHNRKOQ.js","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface GradientTextProps {\n\t/** 文字内容 */\n\tchildren: ReactNode;\n\t/** 渐变色定义，默认为 'linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)' */\n\tgradient?: string;\n\t/** 是否开启流光滚动动画，默认为 true */\n\tanimate?: boolean;\n\t/** 流光动画周期时间（秒），默认为 4 */\n\tspeed?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst GradientText: React.FC<GradientTextProps> = ({\n\tchildren,\n\tgradient = 'linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)',\n\tanimate = true,\n\tspeed = 4,\n\tclassName = '',\n\tstyle,\n}) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={`rpc_gradient_text ${animate ? 'rpc_gradient_text_animate' : ''} ${className}`}\n\t\t\tstyle={{\n\t\t\t\tbackgroundImage: gradient,\n\t\t\t\tanimationDuration: `${speed}s`,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n};\n\nexport default GradientText;\n"]}