react-public-components 1.2.1 → 1.2.3

package/dist/chunk-WEOMKZC6.js

@@ -0,0 +1,174 @@
+import { CopyButton_default } from './chunk-56TD4LDC.js';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function normalizeJson(val, indent = 2) {
+  if (val === void 0 || val === null) return "{\n  \n}";
+  if (typeof val === "object") {
+    try {
+      return JSON.stringify(val, null, indent);
+    } catch (e) {
+      return "{}";
+    }
+  }
+  return String(val);
+}
+var JsonEditor = ({
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  readOnly = false,
+  indent = 2,
+  height = 280,
+  showLineNumbers = true,
+  showToolbar = true,
+  className = "",
+  style
+}) => {
+  const initialText = useMemo(() => {
+    return normalizeJson(controlledValue !== void 0 ? controlledValue : defaultValue, indent);
+  }, [controlledValue, defaultValue, indent]);
+  const [text, setText] = useState(initialText);
+  const [error, setError] = useState(null);
+  const textareaRef = useRef(null);
+  useEffect(() => {
+    if (controlledValue !== void 0) {
+      const next = normalizeJson(controlledValue, indent);
+      setText(next);
+      validate(next);
+    }
+  }, [controlledValue, indent]);
+  const validate = (content) => {
+    if (!content.trim()) {
+      setError(null);
+      return true;
+    }
+    try {
+      const parsed = JSON.parse(content);
+      setError(null);
+      return parsed;
+    } catch (err) {
+      setError(err.message || "JSON \u8BED\u6CD5\u9519\u8BEF");
+      return false;
+    }
+  };
+  const handleChange = (e) => {
+    const nextText = e.target.value;
+    setText(nextText);
+    const parsed = validate(nextText);
+    onChange == null ? void 0 : onChange(nextText, parsed !== false ? parsed : void 0);
+  };
+  const handleFormat = () => {
+    try {
+      const parsed = JSON.parse(text);
+      const formatted = JSON.stringify(parsed, null, indent);
+      setText(formatted);
+      setError(null);
+      onChange == null ? void 0 : onChange(formatted, parsed);
+    } catch (err) {
+      setError(err.message || "\u683C\u5F0F\u5316\u5931\u8D25: \u8BED\u6CD5\u4E0D\u5408\u6CD5");
+    }
+  };
+  const handleMinify = () => {
+    try {
+      const parsed = JSON.parse(text);
+      const minified = JSON.stringify(parsed);
+      setText(minified);
+      setError(null);
+      onChange == null ? void 0 : onChange(minified, parsed);
+    } catch (err) {
+      setError(err.message || "\u538B\u7F29\u5931\u8D25: \u8BED\u6CD5\u4E0D\u5408\u6CD5");
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Tab") {
+      e.preventDefault();
+      const textarea = textareaRef.current;
+      if (!textarea) return;
+      const start = textarea.selectionStart;
+      const end = textarea.selectionEnd;
+      const spaces = " ".repeat(indent);
+      const newText = text.substring(0, start) + spaces + text.substring(end);
+      setText(newText);
+      validate(newText);
+      setTimeout(() => {
+        textarea.selectionStart = textarea.selectionEnd = start + indent;
+      }, 0);
+    }
+  };
+  const lineCount = useMemo(() => {
+    return text.split("\n").length;
+  }, [text]);
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_json_editor ${className}`, style: { height, ...style }, children: [
+    showToolbar && /* @__PURE__ */ jsxs("div", { className: "rpc_json_editor_toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_json_editor_title", children: [
+        /* @__PURE__ */ jsx("span", { children: "{ }" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "JSON ",
+          readOnly ? "Viewer" : "Editor"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rpc_json_editor_actions", children: [
+        !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "rpc_json_editor_btn",
+              onClick: handleFormat,
+              title: "\u7F8E\u5316\u683C\u5F0F\u5316",
+              children: "\u7F8E\u5316"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "rpc_json_editor_btn",
+              onClick: handleMinify,
+              title: "\u5355\u884C\u538B\u7F29",
+              children: "\u538B\u7F29"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236 JSON" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rpc_json_editor_body", children: [
+      showLineNumbers && /* @__PURE__ */ jsx("div", { className: "rpc_json_editor_line_numbers", children: Array.from({ length: Math.max(1, lineCount) }).map((_, i) => /* @__PURE__ */ jsx("div", { children: i + 1 }, i)) }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref: textareaRef,
+          value: text,
+          onChange: handleChange,
+          onKeyDown: handleKeyDown,
+          readOnly,
+          spellCheck: false,
+          className: "rpc_json_editor_textarea",
+          placeholder: "\u5728\u6B64\u8F93\u5165\u6216\u7C98\u8D34 JSON \u5B57\u7B26\u4E32..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `rpc_json_editor_status_bar ${error ? "rpc_json_editor_status_bar_error" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { children: error ? `\u26A0\uFE0F ${error}` : "\u2713 JSON \u683C\u5F0F\u6709\u6548" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            lineCount,
+            " \u884C \xB7 ",
+            text.length,
+            " \u5B57\u7B26"
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+var JsonEditor_default = JsonEditor;
+
+export { JsonEditor_default };
+//# sourceMappingURL=chunk-WEOMKZC6.js.map
+//# sourceMappingURL=chunk-WEOMKZC6.js.map

package/dist/chunk-WEOMKZC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../JsonEditor/index.tsx"],"names":[],"mappings":"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","file":"chunk-WEOMKZC6.js","sourcesContent":["import React, { useState, useRef, useEffect, useMemo, CSSProperties } from 'react';\nimport CopyButton from '../CopyButton';\nimport './index.less';\n\nexport interface JsonEditorProps {\n\t/** JSON 数据内容（可传 JSON 字符串或 Object 对象） */\n\tvalue?: string | object;\n\t/** 默认 JSON 数据内容 */\n\tdefaultValue?: string | object;\n\t/** 内容变化回调 */\n\tonChange?: (rawJson: string, parsedObject?: unknown) => void;\n\t/** 是否只读模式，默认为 false */\n\treadOnly?: boolean;\n\t/** 缩进空格数，默认为 2 */\n\tindent?: number;\n\t/** 编辑器高度，默认为 280 */\n\theight?: number | string;\n\t/** 是否展示行号，默认为 true */\n\tshowLineNumbers?: boolean;\n\t/** 是否展示顶部工具栏，默认为 true */\n\tshowToolbar?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n// 格式化初始传入值\nfunction normalizeJson(val?: string | object, indent: number = 2): string {\n\tif (val === undefined || val === null) return '{\\n  \\n}';\n\tif (typeof val === 'object') {\n\t\ttry {\n\t\t\treturn JSON.stringify(val, null, indent);\n\t\t} catch {\n\t\t\treturn '{}';\n\t\t}\n\t}\n\treturn String(val);\n}\n\nconst JsonEditor: React.FC<JsonEditorProps> = ({\n\tvalue: controlledValue,\n\tdefaultValue,\n\tonChange,\n\treadOnly = false,\n\tindent = 2,\n\theight = 280,\n\tshowLineNumbers = true,\n\tshowToolbar = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst initialText = useMemo(() => {\n\t\treturn normalizeJson(controlledValue !== undefined ? controlledValue : defaultValue, indent);\n\t}, [controlledValue, defaultValue, indent]);\n\n\tconst [text, setText] = useState<string>(initialText);\n\tconst [error, setError] = useState<string | null>(null);\n\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\n\tuseEffect(() => {\n\t\tif (controlledValue !== undefined) {\n\t\t\tconst next = normalizeJson(controlledValue, indent);\n\t\t\tsetText(next);\n\t\t\tvalidate(next);\n\t\t}\n\t}, [controlledValue, indent]);\n\n\t// 校验 JSON\n\tconst validate = (content: string) => {\n\t\tif (!content.trim()) {\n\t\t\tsetError(null);\n\t\t\treturn true;\n\t\t}\n\t\ttry {\n\t\t\tconst parsed = JSON.parse(content);\n\t\t\tsetError(null);\n\t\t\treturn parsed;\n\t\t} catch (err: any) {\n\t\t\tsetError(err.message || 'JSON 语法错误');\n\t\t\treturn false;\n\t\t}\n\t};\n\n\tconst handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tconst nextText = e.target.value;\n\t\tsetText(nextText);\n\t\tconst parsed = validate(nextText);\n\t\tonChange?.(nextText, parsed !== false ? parsed : undefined);\n\t};\n\n\t// 一键美化格式化\n\tconst handleFormat = () => {\n\t\ttry {\n\t\t\tconst parsed = JSON.parse(text);\n\t\t\tconst formatted = JSON.stringify(parsed, null, indent);\n\t\t\tsetText(formatted);\n\t\t\tsetError(null);\n\t\t\tonChange?.(formatted, parsed);\n\t\t} catch (err: any) {\n\t\t\tsetError(err.message || '格式化失败: 语法不合法');\n\t\t}\n\t};\n\n\t// 一键压缩 (Minify)\n\tconst handleMinify = () => {\n\t\ttry {\n\t\t\tconst parsed = JSON.parse(text);\n\t\t\tconst minified = JSON.stringify(parsed);\n\t\t\tsetText(minified);\n\t\t\tsetError(null);\n\t\t\tonChange?.(minified, parsed);\n\t\t} catch (err: any) {\n\t\t\tsetError(err.message || '压缩失败: 语法不合法');\n\t\t}\n\t};\n\n\t// 处理 Tab 键缩进\n\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\tif (e.key === 'Tab') {\n\t\t\te.preventDefault();\n\t\t\tconst textarea = textareaRef.current;\n\t\t\tif (!textarea) return;\n\n\t\t\tconst start = textarea.selectionStart;\n\t\t\tconst end = textarea.selectionEnd;\n\t\t\tconst spaces = ' '.repeat(indent);\n\n\t\t\tconst newText = text.substring(0, start) + spaces + text.substring(end);\n\t\t\tsetText(newText);\n\t\t\tvalidate(newText);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\ttextarea.selectionStart = textarea.selectionEnd = start + indent;\n\t\t\t}, 0);\n\t\t}\n\t};\n\n\t// 计算总行数\n\tconst lineCount = useMemo(() => {\n\t\treturn text.split('\\n').length;\n\t}, [text]);\n\n\treturn (\n\t\t<div className={`rpc_json_editor ${className}`} style={{ height, ...style }}>\n\t\t\t{/* 顶部工具栏 */}\n\t\t\t{showToolbar && (\n\t\t\t\t<div className=\"rpc_json_editor_toolbar\">\n\t\t\t\t\t<div className=\"rpc_json_editor_title\">\n\t\t\t\t\t\t<span>{'{ }'}</span>\n\t\t\t\t\t\t<span>JSON {readOnly ? 'Viewer' : 'Editor'}</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"rpc_json_editor_actions\">\n\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t<>\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_json_editor_btn\"\n\t\t\t\t\t\t\t\t\tonClick={handleFormat}\n\t\t\t\t\t\t\t\t\ttitle=\"美化格式化\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t美化\n\t\t\t\t\t\t\t\t</button>\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_json_editor_btn\"\n\t\t\t\t\t\t\t\t\tonClick={handleMinify}\n\t\t\t\t\t\t\t\t\ttitle=\"单行压缩\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t压缩\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<CopyButton mode=\"icon\" text={text} tooltip=\"复制 JSON\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 主体编辑区域 */}\n\t\t\t<div className=\"rpc_json_editor_body\">\n\t\t\t\t{showLineNumbers && (\n\t\t\t\t\t<div className=\"rpc_json_editor_line_numbers\">\n\t\t\t\t\t\t{Array.from({ length: Math.max(1, lineCount) }).map((_, i) => (\n\t\t\t\t\t\t\t<div key={i}>{i + 1}</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<textarea\n\t\t\t\t\tref={textareaRef}\n\t\t\t\t\tvalue={text}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\tspellCheck={false}\n\t\t\t\t\tclassName=\"rpc_json_editor_textarea\"\n\t\t\t\t\tplaceholder=\"在此输入或粘贴 JSON 字符串...\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{/* 底部状态栏 */}\n\t\t\t<div\n\t\t\t\tclassName={`rpc_json_editor_status_bar ${error ? 'rpc_json_editor_status_bar_error' : ''}`}\n\t\t\t>\n\t\t\t\t<span>{error ? `⚠️ ${error}` : '✓ JSON 格式有效'}</span>\n\t\t\t\t<span>\n\t\t\t\t\t{lineCount} 行 · {text.length} 字符\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default JsonEditor;\n"]}

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

package/dist/chunk-WN557PFJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ScrollTracker/index.tsx"],"names":["targetEl"],"mappings":"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","file":"chunk-WN557PFJ.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 && <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-WWXBH57R.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var chunkJAW7Q2YC_cjs = require('./chunk-JAW7Q2YC.cjs');
+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);
+
+var TextEllipsis = ({
+  children,
+  lines = 1,
+  expandable = false,
+  tooltip = "auto",
+  copyable = false,
+  prefix,
+  suffix,
+  className = "",
+  style
+}) => {
+  var _a, _b, _c;
+  const expandConfig = typeof expandable === "object" ? expandable : {};
+  const [expanded, setExpanded] = React.useState((_a = expandConfig.defaultExpanded) != null ? _a : false);
+  const [isOverflow, setIsOverflow] = React.useState(false);
+  const [isHovered, setIsHovered] = React.useState(false);
+  const textRef = React.useRef(null);
+  const checkOverflow = () => {
+    const el = textRef.current;
+    if (!el) return;
+    if (lines === 1) {
+      setIsOverflow(el.scrollWidth > el.clientWidth);
+    } else {
+      setIsOverflow(el.scrollHeight > el.clientHeight);
+    }
+  };
+  React.useEffect(() => {
+    checkOverflow();
+    window.addEventListener("resize", checkOverflow);
+    return () => {
+      window.removeEventListener("resize", checkOverflow);
+    };
+  }, [children, lines, expanded]);
+  const handleToggleExpand = (e) => {
+    var _a2;
+    e.stopPropagation();
+    const nextState = !expanded;
+    setExpanded(nextState);
+    (_a2 = expandConfig.onExpandChange) == null ? void 0 : _a2.call(expandConfig, nextState);
+  };
+  const rawText = typeof children === "string" || typeof children === "number" ? String(children) : "";
+  const shouldShowTooltip = !expanded && (tooltip === true || tooltip === "auto" && isOverflow || typeof tooltip === "string" && tooltip.length > 0);
+  const tooltipText = typeof tooltip === "string" || React__default.default.isValidElement(tooltip) ? tooltip : rawText;
+  const collapsedBtnText = (_b = expandConfig.collapsedText) != null ? _b : "\u5C55\u5F00";
+  const expandedBtnText = (_c = expandConfig.expandedText) != null ? _c : "\u6536\u8D77";
+  const isSingleLine = lines <= 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `rpc_text_ellipsis ${className}`,
+      style,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_prefix", children: prefix }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: textRef,
+            className: `rpc_text_ellipsis_content_wrap ${expanded ? "rpc_text_ellipsis_expanded" : isSingleLine ? "rpc_text_ellipsis_single_line" : "rpc_text_ellipsis_multi_line"}`,
+            style: {
+              WebkitLineClamp: expanded ? void 0 : lines > 1 ? lines : void 0
+            },
+            children
+          }
+        ),
+        expandable && (isOverflow || expanded) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_action_btn", onClick: handleToggleExpand, children: expanded ? expandedBtnText : collapsedBtnText }),
+        copyable && rawText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_suffix", children: /* @__PURE__ */ jsxRuntime.jsx(chunkJAW7Q2YC_cjs.CopyButton_default, { mode: "icon", text: rawText, tooltip: false }) }),
+        suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_suffix", children: suffix }),
+        shouldShowTooltip && tooltipText && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `rpc_text_ellipsis_tooltip ${isHovered ? "rpc_text_ellipsis_tooltip_visible" : ""}`,
+            children: tooltipText
+          }
+        )
+      ]
+    }
+  );
+};
+var TextEllipsis_default = TextEllipsis;
+
+exports.TextEllipsis_default = TextEllipsis_default;
+//# sourceMappingURL=chunk-WWXBH57R.cjs.map
+//# sourceMappingURL=chunk-WWXBH57R.cjs.map

package/dist/chunk-WWXBH57R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TextEllipsis/index.tsx"],"names":["useState","useRef","useEffect","_a","React","jsxs","jsx","CopyButton_default"],"mappings":";;;;;;;;;;AAoCA,IAAM,eAA4C,CAAC;AAAA,EAClD,QAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,UAAA,GAAa,KAAA;AAAA,EACb,OAAA,GAAU,MAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AA9CN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA+CC,EAAA,MAAM,YAAA,GAAe,OAAO,UAAA,KAAe,QAAA,GAAW,aAAa,EAAC;AACpE,EAAA,MAAM,CAAC,UAAU,WAAW,CAAA,GAAIA,gBAAkB,EAAA,GAAA,YAAA,CAAa,eAAA,KAAb,YAAgC,KAAK,CAAA;AACvF,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAkB,KAAK,CAAA;AAC3D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,OAAA,GAAUC,aAAuB,IAAI,CAAA;AAG3C,EAAA,MAAM,gBAAgB,MAAM;AAC3B,IAAA,MAAM,KAAK,OAAA,CAAQ,OAAA;AACnB,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,IAAI,UAAU,CAAA,EAAG;AAChB,MAAA,aAAA,CAAc,EAAA,CAAG,WAAA,GAAc,EAAA,CAAG,WAAW,CAAA;AAAA,IAC9C,CAAA,MAAO;AACN,MAAA,aAAA,CAAc,EAAA,CAAG,YAAA,GAAe,EAAA,CAAG,YAAY,CAAA;AAAA,IAChD;AAAA,EACD,CAAA;AAEA,EAAAC,eAAA,CAAU,MAAM;AACf,IAAA,aAAA,EAAc;AACd,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,aAAa,CAAA;AAC/C,IAAA,OAAO,MAAM;AACZ,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,aAAa,CAAA;AAAA,IACnD,CAAA;AAAA,EACD,CAAA,EAAG,CAAC,QAAA,EAAU,KAAA,EAAO,QAAQ,CAAC,CAAA;AAE9B,EAAA,MAAM,kBAAA,GAAqB,CAAC,CAAA,KAAwB;AAxErD,IAAA,IAAAC,GAAAA;AAyEE,IAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,IAAA,MAAM,YAAY,CAAC,QAAA;AACnB,IAAA,WAAA,CAAY,SAAS,CAAA;AACrB,IAAA,CAAAA,GAAAA,GAAA,YAAA,CAAa,cAAA,KAAb,IAAA,GAAA,MAAA,GAAAA,IAAA,IAAA,CAAA,YAAA,EAA8B,SAAA,CAAA;AAAA,EAC/B,CAAA;AAGA,EAAA,MAAM,OAAA,GACL,OAAO,QAAA,KAAa,QAAA,IAAY,OAAO,QAAA,KAAa,QAAA,GAAW,MAAA,CAAO,QAAQ,CAAA,GAAI,EAAA;AAGnF,EAAA,MAAM,iBAAA,GACL,CAAC,QAAA,KACA,OAAA,KAAY,IAAA,IACX,OAAA,KAAY,MAAA,IAAU,UAAA,IACtB,OAAO,OAAA,KAAY,QAAA,IAAY,OAAA,CAAQ,MAAA,GAAS,CAAA,CAAA;AAEnD,EAAA,MAAM,WAAA,GACL,OAAO,OAAA,KAAY,QAAA,IAAYC,uBAAM,cAAA,CAAe,OAAO,IAAI,OAAA,GAAU,OAAA;AAE1E,EAAA,MAAM,gBAAA,GAAA,CAAmB,EAAA,GAAA,YAAA,CAAa,aAAA,KAAb,IAAA,GAAA,EAAA,GAA8B,cAAA;AACvD,EAAA,MAAM,eAAA,GAAA,CAAkB,EAAA,GAAA,YAAA,CAAa,YAAA,KAAb,IAAA,GAAA,EAAA,GAA6B,cAAA;AAErD,EAAA,MAAM,eAAe,KAAA,IAAS,CAAA;AAE9B,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,qBAAqB,SAAS,CAAA,CAAA;AAAA,MACzC,KAAA;AAAA,MACA,YAAA,EAAc,MAAM,YAAA,CAAa,IAAI,CAAA;AAAA,MACrC,YAAA,EAAc,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,MAErC,QAAA,EAAA;AAAA,QAAA,MAAA,oBAAUC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,wBAE9DA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,GAAA,EAAK,OAAA;AAAA,YACL,WAAW,CAAA,+BAAA,EACV,QAAA,GACG,4BAAA,GACA,YAAA,GACC,kCACA,8BACL,CAAA,CAAA;AAAA,YACA,KAAA,EAAO;AAAA,cACN,eAAA,EAAiB,QAAA,GAAW,MAAA,GAAY,KAAA,GAAQ,IAAI,KAAA,GAAQ;AAAA,aAC7D;AAAA,YAEC;AAAA;AAAA,SACF;AAAA,QAEC,UAAA,KAAe,UAAA,IAAc,QAAA,CAAA,oBAC7BA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAA+B,OAAA,EAAS,kBAAA,EACtD,QAAA,EAAA,QAAA,GAAW,eAAA,GAAkB,gBAAA,EAC/B,CAAA;AAAA,QAGA,QAAA,IAAY,OAAA,oBACZA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,0BAAA,EACf,QAAA,kBAAAA,cAAA,CAACC,oCAAA,EAAA,EAAW,IAAA,EAAK,MAAA,EAAO,IAAA,EAAM,OAAA,EAAS,OAAA,EAAS,OAAO,CAAA,EACxD,CAAA;AAAA,QAGA,MAAA,oBAAUD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4BAA4B,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,QAE7D,qBAAqB,WAAA,oBACrBA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,SAAA,EAAW,CAAA,0BAAA,EACV,SAAA,GAAY,mCAAA,GAAsC,EACnD,CAAA,CAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACF;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,oBAAA,GAAQ","file":"chunk-WWXBH57R.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport CopyButton from '../CopyButton';\nimport './index.less';\n\nexport interface TextEllipsisExpandConfig {\n\t/** 展开按钮文案，默认为 '展开' */\n\tcollapsedText?: ReactNode;\n\t/** 收起按钮文案，默认为 '收起' */\n\texpandedText?: ReactNode;\n\t/** 默认是否展开 */\n\tdefaultExpanded?: boolean;\n\t/** 展开状态改变回调 */\n\tonExpandChange?: (expanded: boolean) => void;\n}\n\nexport interface TextEllipsisProps {\n\t/** 显示的文本或节点 */\n\tchildren: ReactNode;\n\t/** 最大显示行数，超过则截断，默认为 1 */\n\tlines?: number;\n\t/** 是否支持展开/收起，可传 boolean 或配置对象 */\n\texpandable?: boolean | TextEllipsisExpandConfig;\n\t/** Tooltip 浮层展示配置：'auto' 仅在溢出截断时展示、true 始终在 hover 时展示、false 禁用 */\n\ttooltip?: 'auto' | boolean | ReactNode;\n\t/** 是否显示复制按钮 */\n\tcopyable?: boolean;\n\t/** 前缀节点 */\n\tprefix?: ReactNode;\n\t/** 后缀节点 */\n\tsuffix?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TextEllipsis: React.FC<TextEllipsisProps> = ({\n\tchildren,\n\tlines = 1,\n\texpandable = false,\n\ttooltip = 'auto',\n\tcopyable = false,\n\tprefix,\n\tsuffix,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst expandConfig = typeof expandable === 'object' ? expandable : {};\n\tconst [expanded, setExpanded] = useState<boolean>(expandConfig.defaultExpanded ?? false);\n\tconst [isOverflow, setIsOverflow] = useState<boolean>(false);\n\tconst [isHovered, setIsHovered] = useState<boolean>(false);\n\tconst textRef = useRef<HTMLDivElement>(null);\n\n\t// 检测文本是否发生溢出截断\n\tconst checkOverflow = () => {\n\t\tconst el = textRef.current;\n\t\tif (!el) return;\n\t\tif (lines === 1) {\n\t\t\tsetIsOverflow(el.scrollWidth > el.clientWidth);\n\t\t} else {\n\t\t\tsetIsOverflow(el.scrollHeight > el.clientHeight);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tcheckOverflow();\n\t\twindow.addEventListener('resize', checkOverflow);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', checkOverflow);\n\t\t};\n\t}, [children, lines, expanded]);\n\n\tconst handleToggleExpand = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tconst nextState = !expanded;\n\t\tsetExpanded(nextState);\n\t\texpandConfig.onExpandChange?.(nextState);\n\t};\n\n\t// 提取纯文本用于复制和默认 Tooltip\n\tconst rawText =\n\t\ttypeof children === 'string' || typeof children === 'number' ? String(children) : '';\n\n\t// 判断是否展示 Tooltip\n\tconst shouldShowTooltip =\n\t\t!expanded &&\n\t\t(tooltip === true ||\n\t\t\t(tooltip === 'auto' && isOverflow) ||\n\t\t\t(typeof tooltip === 'string' && tooltip.length > 0));\n\n\tconst tooltipText =\n\t\ttypeof tooltip === 'string' || React.isValidElement(tooltip) ? tooltip : rawText;\n\n\tconst collapsedBtnText = expandConfig.collapsedText ?? '展开';\n\tconst expandedBtnText = expandConfig.expandedText ?? '收起';\n\n\tconst isSingleLine = lines <= 1;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_text_ellipsis ${className}`}\n\t\t\tstyle={style}\n\t\t\tonMouseEnter={() => setIsHovered(true)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t>\n\t\t\t{prefix && <span className=\"rpc_text_ellipsis_prefix\">{prefix}</span>}\n\n\t\t\t<div\n\t\t\t\tref={textRef}\n\t\t\t\tclassName={`rpc_text_ellipsis_content_wrap ${\n\t\t\t\t\texpanded\n\t\t\t\t\t\t? 'rpc_text_ellipsis_expanded'\n\t\t\t\t\t\t: isSingleLine\n\t\t\t\t\t\t\t? 'rpc_text_ellipsis_single_line'\n\t\t\t\t\t\t\t: 'rpc_text_ellipsis_multi_line'\n\t\t\t\t}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tWebkitLineClamp: expanded ? undefined : lines > 1 ? lines : undefined,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\n\t\t\t{expandable && (isOverflow || expanded) && (\n\t\t\t\t<span className=\"rpc_text_ellipsis_action_btn\" onClick={handleToggleExpand}>\n\t\t\t\t\t{expanded ? expandedBtnText : collapsedBtnText}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t{copyable && rawText && (\n\t\t\t\t<span className=\"rpc_text_ellipsis_suffix\">\n\t\t\t\t\t<CopyButton mode=\"icon\" text={rawText} tooltip={false} />\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t{suffix && <span className=\"rpc_text_ellipsis_suffix\">{suffix}</span>}\n\n\t\t\t{shouldShowTooltip && tooltipText && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={`rpc_text_ellipsis_tooltip ${\n\t\t\t\t\t\tisHovered ? 'rpc_text_ellipsis_tooltip_visible' : ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{tooltipText}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default TextEllipsis;\n"]}

package/dist/chunk-WZ2GV4HA.js

@@ -0,0 +1,49 @@
+import { useRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// SpotlightCard/index.tsx
+var SpotlightCard = ({
+  children,
+  spotlightColor = "rgba(22, 119, 255, 0.15)",
+  spotlightSize = 320,
+  dark = false,
+  className = "",
+  style
+}) => {
+  const cardRef = useRef(null);
+  const [position, setPosition] = 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__ */ jsxs(
+    "div",
+    {
+      ref: cardRef,
+      onMouseMove: handleMouseMove,
+      className: `rpc_spotlight_card ${dark ? "rpc_spotlight_card_dark" : ""} ${className}`,
+      style,
+      children: [
+        /* @__PURE__ */ 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__ */ jsx("div", { className: "rpc_spotlight_card_content", children })
+      ]
+    }
+  );
+};
+var SpotlightCard_default = SpotlightCard;
+
+export { SpotlightCard_default };
+//# sourceMappingURL=chunk-WZ2GV4HA.js.map
+//# sourceMappingURL=chunk-WZ2GV4HA.js.map

package/dist/chunk-WZ2GV4HA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SpotlightCard/index.tsx"],"names":[],"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,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,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,uBACC,IAAA;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,wBAAA,GAAA;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,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAS;AAAA;AAAA;AAAA,GACvD;AAEF,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"chunk-WZ2GV4HA.js","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"]}