react-public-components 1.2.1 → 1.2.3

package/dist/chunk-2UCTE6YN.cjs

@@ -0,0 +1,176 @@
+'use strict';
+
+var chunkJAW7Q2YC_cjs = require('./chunk-JAW7Q2YC.cjs');
+var react = require('react');
+var jsxRuntime = require('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 = react.useMemo(() => {
+    return normalizeJson(controlledValue !== void 0 ? controlledValue : defaultValue, indent);
+  }, [controlledValue, defaultValue, indent]);
+  const [text, setText] = react.useState(initialText);
+  const [error, setError] = react.useState(null);
+  const textareaRef = react.useRef(null);
+  react.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 = react.useMemo(() => {
+    return text.split("\n").length;
+  }, [text]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_json_editor ${className}`, style: { height, ...style }, children: [
+    showToolbar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_json_editor_toolbar", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_json_editor_title", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "{ }" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          "JSON ",
+          readOnly ? "Viewer" : "Editor"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_json_editor_actions", children: [
+        !readOnly && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "rpc_json_editor_btn",
+              onClick: handleFormat,
+              title: "\u7F8E\u5316\u683C\u5F0F\u5316",
+              children: "\u7F8E\u5316"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "rpc_json_editor_btn",
+              onClick: handleMinify,
+              title: "\u5355\u884C\u538B\u7F29",
+              children: "\u538B\u7F29"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJAW7Q2YC_cjs.CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236 JSON" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_json_editor_body", children: [
+      showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_json_editor_line_numbers", children: Array.from({ length: Math.max(1, lineCount) }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: i + 1 }, i)) }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `rpc_json_editor_status_bar ${error ? "rpc_json_editor_status_bar_error" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: error ? `\u26A0\uFE0F ${error}` : "\u2713 JSON \u683C\u5F0F\u6709\u6548" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            lineCount,
+            " \u884C \xB7 ",
+            text.length,
+            " \u5B57\u7B26"
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+var JsonEditor_default = JsonEditor;
+
+exports.JsonEditor_default = JsonEditor_default;
+//# sourceMappingURL=chunk-2UCTE6YN.cjs.map
+//# sourceMappingURL=chunk-2UCTE6YN.cjs.map

package/dist/chunk-2UCTE6YN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../JsonEditor/index.tsx"],"names":["useMemo","useState","useRef","useEffect","jsxs","jsx","Fragment","CopyButton_default"],"mappings":"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","file":"chunk-2UCTE6YN.cjs","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-3JJP4D5L.js

@@ -0,0 +1,92 @@
+import { useState, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// PhotoViewer/index.tsx
+var PhotoViewer = ({
+  images = [],
+  defaultIndex = 0,
+  height = 380,
+  onChange,
+  className = "",
+  style
+}) => {
+  const [currentIndex, setCurrentIndex] = useState(defaultIndex);
+  const handleSelect = (index) => {
+    setCurrentIndex(index);
+    onChange == null ? void 0 : onChange(index);
+  };
+  const handlePrev = () => {
+    const next = (currentIndex - 1 + images.length) % images.length;
+    handleSelect(next);
+  };
+  const handleNext = () => {
+    const next = (currentIndex + 1) % images.length;
+    handleSelect(next);
+  };
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowLeft") handlePrev();
+      if (e.key === "ArrowRight") handleNext();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [currentIndex, images.length]);
+  if (images.length === 0) return null;
+  const currentImg = images[currentIndex] || images[0];
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_photo_viewer ${className}`, style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rpc_photo_viewer_top_bar", children: [
+      /* @__PURE__ */ jsx("span", { className: "rpc_photo_viewer_top_title", children: currentImg.title || currentImg.alt || `Photo ${currentIndex + 1}` }),
+      /* @__PURE__ */ jsxs("span", { className: "rpc_photo_viewer_counter", children: [
+        currentIndex + 1,
+        " / ",
+        images.length
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rpc_photo_viewer_main_wrap", style: { height }, children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: currentImg.src,
+          alt: currentImg.alt || `Photo ${currentIndex + 1}`,
+          className: "rpc_photo_viewer_main_img"
+        }
+      ),
+      images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_prev",
+            onClick: handlePrev,
+            title: "\u4E0A\u4E00\u5F20 (\u2190 \u952E\u76D8\u5DE6\u952E)",
+            children: "\u2039"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_next",
+            onClick: handleNext,
+            title: "\u4E0B\u4E00\u5F20 (\u2192 \u952E\u76D8\u53F3\u952E)",
+            children: "\u203A"
+          }
+        )
+      ] })
+    ] }),
+    images.length > 1 && /* @__PURE__ */ jsx("div", { className: "rpc_photo_viewer_thumbs_wrap", children: images.map((img, idx) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `rpc_photo_viewer_thumb ${currentIndex === idx ? "rpc_photo_viewer_thumb_active" : ""}`,
+        onClick: () => handleSelect(idx),
+        children: /* @__PURE__ */ jsx("img", { src: img.src, alt: img.alt || "" })
+      },
+      idx
+    )) })
+  ] });
+};
+var PhotoViewer_default = PhotoViewer;
+
+export { PhotoViewer_default };
+//# sourceMappingURL=chunk-3JJP4D5L.js.map
+//# sourceMappingURL=chunk-3JJP4D5L.js.map

package/dist/chunk-3JJP4D5L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../PhotoViewer/index.tsx"],"names":[],"mappings":"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","file":"chunk-3JJP4D5L.js","sourcesContent":["import React, { useState, useEffect, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface PhotoItem {\n\tsrc: string;\n\talt?: string;\n\ttitle?: string;\n}\n\nexport interface PhotoViewerProps {\n\t/** 相册图片列表 */\n\timages: PhotoItem[];\n\t/** 默认展示图片下标，默认为 0 */\n\tdefaultIndex?: number;\n\t/** 图片高度，默认为 380 */\n\theight?: number | string;\n\t/** 图片切换回调 */\n\tonChange?: (index: number) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst PhotoViewer: React.FC<PhotoViewerProps> = ({\n\timages = [],\n\tdefaultIndex = 0,\n\theight = 380,\n\tonChange,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [currentIndex, setCurrentIndex] = useState<number>(defaultIndex);\n\n\tconst handleSelect = (index: number) => {\n\t\tsetCurrentIndex(index);\n\t\tonChange?.(index);\n\t};\n\n\tconst handlePrev = () => {\n\t\tconst next = (currentIndex - 1 + images.length) % images.length;\n\t\thandleSelect(next);\n\t};\n\n\tconst handleNext = () => {\n\t\tconst next = (currentIndex + 1) % images.length;\n\t\thandleSelect(next);\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tif (e.key === 'ArrowLeft') handlePrev();\n\t\t\tif (e.key === 'ArrowRight') handleNext();\n\t\t};\n\t\twindow.addEventListener('keydown', handleKeyDown);\n\t\treturn () => window.removeEventListener('keydown', handleKeyDown);\n\t}, [currentIndex, images.length]);\n\n\tif (images.length === 0) return null;\n\tconst currentImg = images[currentIndex] || images[0];\n\n\treturn (\n\t\t<div className={`rpc_photo_viewer ${className}`} style={style}>\n\t\t\t{/* 顶部标题与张数计数 */}\n\t\t\t<div className=\"rpc_photo_viewer_top_bar\">\n\t\t\t\t<span className=\"rpc_photo_viewer_top_title\">\n\t\t\t\t\t{currentImg.title || currentImg.alt || `Photo ${currentIndex + 1}`}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"rpc_photo_viewer_counter\">\n\t\t\t\t\t{currentIndex + 1} / {images.length}\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t{/* 主图预览 */}\n\t\t\t<div className=\"rpc_photo_viewer_main_wrap\" style={{ height }}>\n\t\t\t\t<img\n\t\t\t\t\tsrc={currentImg.src}\n\t\t\t\t\talt={currentImg.alt || `Photo ${currentIndex + 1}`}\n\t\t\t\t\tclassName=\"rpc_photo_viewer_main_img\"\n\t\t\t\t/>\n\n\t\t\t\t{images.length > 1 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_prev\"\n\t\t\t\t\t\t\tonClick={handlePrev}\n\t\t\t\t\t\t\ttitle=\"上一张 (← 键盘左键)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t‹\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"rpc_photo_viewer_nav_btn rpc_photo_viewer_nav_btn_next\"\n\t\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t\t\ttitle=\"下一张 (→ 键盘右键)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t›\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* 底部缩略图联动 */}\n\t\t\t{images.length > 1 && (\n\t\t\t\t<div className=\"rpc_photo_viewer_thumbs_wrap\">\n\t\t\t\t\t{images.map((img, idx) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tclassName={`rpc_photo_viewer_thumb ${\n\t\t\t\t\t\t\t\tcurrentIndex === idx ? 'rpc_photo_viewer_thumb_active' : ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tonClick={() => handleSelect(idx)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<img src={img.src} alt={img.alt || ''} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default PhotoViewer;\n"]}

package/dist/chunk-3R3NOO4K.js

@@ -0,0 +1,71 @@
+import { useRef, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// Marquee/index.tsx
+var Marquee = ({
+  children,
+  direction = "left",
+  speed = 50,
+  pauseOnHover = true,
+  gradient = false,
+  gradientColor = "#ffffff",
+  gap = 24,
+  play = true,
+  className = "",
+  style
+}) => {
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
+  const [duration, setDuration] = useState(20);
+  const isVertical = direction === "up" || direction === "down";
+  useEffect(() => {
+    const calculateDuration = () => {
+      if (!contentRef.current) return;
+      const size = isVertical ? contentRef.current.clientHeight : contentRef.current.clientWidth;
+      if (size > 0 && speed > 0) {
+        setDuration(size / speed);
+      }
+    };
+    calculateDuration();
+    window.addEventListener("resize", calculateDuration);
+    return () => window.removeEventListener("resize", calculateDuration);
+  }, [children, speed, isVertical, gap]);
+  let animName = "rpcMarqueeLeft";
+  if (direction === "right") animName = "rpcMarqueeRight";
+  else if (direction === "up") animName = "rpcMarqueeUp";
+  else if (direction === "down") animName = "rpcMarqueeDown";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_marquee ${isVertical ? "rpc_marquee_vertical" : ""} ${pauseOnHover ? "rpc_marquee_pause_on_hover" : ""} ${gradient ? "rpc_marquee_gradient" : ""} ${className}`,
+      style: {
+        ["--rpc-marquee-gap"]: `${gap}px`,
+        ["--rpc-marquee-gradient-color"]: gradientColor,
+        ...style
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rpc_marquee_container",
+          style: {
+            animationName: animName,
+            animationDuration: `${duration}s`,
+            animationTimingFunction: "linear",
+            animationIterationCount: "infinite",
+            animationPlayState: play ? "running" : "paused"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { ref: contentRef, className: "rpc_marquee_content", children }),
+            /* @__PURE__ */ jsx("div", { className: "rpc_marquee_content", "aria-hidden": "true", children })
+          ]
+        }
+      )
+    }
+  );
+};
+var Marquee_default = Marquee;
+
+export { Marquee_default };
+//# sourceMappingURL=chunk-3R3NOO4K.js.map
+//# sourceMappingURL=chunk-3R3NOO4K.js.map

package/dist/chunk-3R3NOO4K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Marquee/index.tsx"],"names":[],"mappings":"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","file":"chunk-3R3NOO4K.js","sourcesContent":["import React, { useRef, useState, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type MarqueeDirection = 'left' | 'right' | 'up' | 'down';\n\nexport interface MarqueeProps {\n\t/** 滚动子内容 */\n\tchildren: ReactNode;\n\t/** 滚动方向：'left' | 'right' | 'up' | 'down'，默认为 'left' */\n\tdirection?: MarqueeDirection;\n\t/** 滚动速度（像素/秒），默认为 50 */\n\tspeed?: number;\n\t/** 鼠标悬浮时是否暂停动画，默认为 true */\n\tpauseOnHover?: boolean;\n\t/** 是否开启两侧边缘羽化渐变遮罩，默认为 false */\n\tgradient?: boolean;\n\t/** 边缘渐变遮罩的颜色（通常与背景色一致），默认为 '#ffffff' */\n\tgradientColor?: string;\n\t/** 子项间距（像素），默认为 24 */\n\tgap?: number;\n\t/** 是否持续保持播放 */\n\tplay?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst Marquee: React.FC<MarqueeProps> = ({\n\tchildren,\n\tdirection = 'left',\n\tspeed = 50,\n\tpauseOnHover = true,\n\tgradient = false,\n\tgradientColor = '#ffffff',\n\tgap = 24,\n\tplay = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst [duration, setDuration] = useState<number>(20);\n\n\tconst isVertical = direction === 'up' || direction === 'down';\n\n\t// 根据内容尺寸动态计算保持固定速度所需的 CSS 动画时长\n\tuseEffect(() => {\n\t\tconst calculateDuration = () => {\n\t\t\tif (!contentRef.current) return;\n\t\t\tconst size = isVertical ? contentRef.current.clientHeight : contentRef.current.clientWidth;\n\n\t\t\tif (size > 0 && speed > 0) {\n\t\t\t\tsetDuration(size / speed);\n\t\t\t}\n\t\t};\n\n\t\tcalculateDuration();\n\t\twindow.addEventListener('resize', calculateDuration);\n\t\treturn () => window.removeEventListener('resize', calculateDuration);\n\t}, [children, speed, isVertical, gap]);\n\n\tlet animName = 'rpcMarqueeLeft';\n\tif (direction === 'right') animName = 'rpcMarqueeRight';\n\telse if (direction === 'up') animName = 'rpcMarqueeUp';\n\telse if (direction === 'down') animName = 'rpcMarqueeDown';\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_marquee ${isVertical ? 'rpc_marquee_vertical' : ''} ${\n\t\t\t\tpauseOnHover ? 'rpc_marquee_pause_on_hover' : ''\n\t\t\t} ${gradient ? 'rpc_marquee_gradient' : ''} ${className}`}\n\t\t\tstyle={{\n\t\t\t\t['--rpc-marquee-gap' as any]: `${gap}px`,\n\t\t\t\t['--rpc-marquee-gradient-color' as any]: gradientColor,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_marquee_container\"\n\t\t\t\tstyle={{\n\t\t\t\t\tanimationName: animName,\n\t\t\t\t\tanimationDuration: `${duration}s`,\n\t\t\t\t\tanimationTimingFunction: 'linear',\n\t\t\t\t\tanimationIterationCount: 'infinite',\n\t\t\t\t\tanimationPlayState: play ? 'running' : 'paused',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div ref={contentRef} className=\"rpc_marquee_content\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{/* 拼接副本以实现平滑无缝回环 */}\n\t\t\t\t<div className=\"rpc_marquee_content\" aria-hidden=\"true\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Marquee;\n"]}