react-public-components 1.2.1 → 1.2.2

package/dist/chunk-4DUMEO5E.cjs

@@ -0,0 +1,107 @@
+'use strict';
+
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function drawQrCode(canvas, text, size) {
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return;
+  const dpr = window.devicePixelRatio || 1;
+  canvas.width = size * dpr;
+  canvas.height = size * dpr;
+  ctx.scale(dpr, dpr);
+  ctx.fillStyle = "#ffffff";
+  ctx.fillRect(0, 0, size, size);
+  const modules = 25;
+  const cellSize = size / modules;
+  ctx.fillStyle = "#000000";
+  const drawPositionPattern = (x, y) => {
+    ctx.fillRect(x * cellSize, y * cellSize, 7 * cellSize, 7 * cellSize);
+    ctx.fillStyle = "#ffffff";
+    ctx.fillRect((x + 1) * cellSize, (y + 1) * cellSize, 5 * cellSize, 5 * cellSize);
+    ctx.fillStyle = "#000000";
+    ctx.fillRect((x + 2) * cellSize, (y + 2) * cellSize, 3 * cellSize, 3 * cellSize);
+  };
+  drawPositionPattern(0, 0);
+  drawPositionPattern(modules - 7, 0);
+  drawPositionPattern(0, modules - 7);
+  let hash = 0;
+  for (let i = 0; i < text.length; i++) {
+    hash = (hash << 5) - hash + text.charCodeAt(i);
+    hash |= 0;
+  }
+  for (let r = 0; r < modules; r++) {
+    for (let c = 0; c < modules; c++) {
+      if (r < 8 && c < 8 || r < 8 && c >= modules - 8 || r >= modules - 8 && c < 8) {
+        continue;
+      }
+      const seed = (r * 31 + c * 17 + hash) % 100;
+      if (Math.abs(seed) % 2 === 0) {
+        ctx.fillStyle = "#000000";
+        ctx.fillRect(c * cellSize, r * cellSize, cellSize - 0.2, cellSize - 0.2);
+      }
+    }
+  }
+}
+var QrCodeCard = ({
+  value,
+  size = 160,
+  icon,
+  status = "active",
+  title,
+  description,
+  downloadable = false,
+  onRefresh,
+  className = "",
+  style
+}) => {
+  const canvasRef = react.useRef(null);
+  react.useEffect(() => {
+    if (canvasRef.current && value) {
+      drawQrCode(canvasRef.current, value, size);
+    }
+  }, [value, size]);
+  const handleDownload = () => {
+    if (!canvasRef.current) return;
+    const url = canvasRef.current.toDataURL("image/png");
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `qrcode-${Date.now()}.png`;
+    a.click();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_qrcode_card ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_qrcode_card_wrap", style: { width: size, height: size }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "canvas",
+        {
+          ref: canvasRef,
+          className: "rpc_qrcode_card_canvas",
+          style: { width: size, height: size }
+        }
+      ),
+      icon && status === "active" && /* @__PURE__ */ jsxRuntime.jsx("img", { src: icon, alt: "Logo", className: "rpc_qrcode_card_logo" }),
+      status === "expired" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_qrcode_card_mask", onClick: onRefresh, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "rpc_qrcode_card_refresh_btn", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.ReloadOutlined, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u70B9\u51FB\u5237\u65B0" })
+        ] })
+      ] }),
+      status === "loading" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_qrcode_card_mask rpc_qrcode_card_mask_loading", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.LoadingOutlined, { style: { fontSize: 28, color: "#1677ff" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_qrcode_card_mask_text", children: "\u52A0\u8F7D\u4E2D..." })
+      ] })
+    ] }),
+    (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_qrcode_card_info", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_qrcode_card_title", children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_qrcode_card_description", children: description })
+    ] }),
+    downloadable && status === "active" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_qrcode_card_download", onClick: handleDownload, children: "\u4E0B\u8F7D\u4E8C\u7EF4\u7801" })
+  ] });
+};
+var QrCodeCard_default = QrCodeCard;
+
+exports.QrCodeCard_default = QrCodeCard_default;
+//# sourceMappingURL=chunk-4DUMEO5E.cjs.map
+//# sourceMappingURL=chunk-4DUMEO5E.cjs.map

package/dist/chunk-4DUMEO5E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../QrCodeCard/index.tsx"],"names":["useRef","useEffect","jsxs","jsx","ReloadOutlined","LoadingOutlined"],"mappings":"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","file":"chunk-4DUMEO5E.cjs","sourcesContent":["import React, { useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport { ReloadOutlined, LoadingOutlined } from '../src/icons';\nimport './index.less';\n\nexport type QrCodeStatus = 'active' | 'expired' | 'loading';\n\nexport interface QrCodeCardProps {\n\t/** 二维码内容或跳转 URL */\n\tvalue: string;\n\t/** 二维码尺寸（像素），默认为 160 */\n\tsize?: number;\n\t/** 中心嵌入的 Logo 图标地址 */\n\ticon?: string;\n\t/** 二维码状态：'active' 正常，'expired' 已过期，'loading' 生成中，默认为 'active' */\n\tstatus?: QrCodeStatus;\n\t/** 卡片标题说明 */\n\ttitle?: ReactNode;\n\t/** 卡片副标题或扫码提示 */\n\tdescription?: ReactNode;\n\t/** 是否显示一键下载二维码按钮，默认为 false */\n\tdownloadable?: boolean;\n\t/** 点击过期遮罩刷新时的回调 */\n\tonRefresh?: () => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n// 简易轻量伪随机但确定性的二维码图案矩阵绘制算法（保证零外部大库）\nfunction drawQrCode(canvas: HTMLCanvasElement, text: string, size: number) {\n\tconst ctx = canvas.getContext('2d');\n\tif (!ctx) return;\n\n\tconst dpr = window.devicePixelRatio || 1;\n\tcanvas.width = size * dpr;\n\tcanvas.height = size * dpr;\n\tctx.scale(dpr, dpr);\n\n\tctx.fillStyle = '#ffffff';\n\tctx.fillRect(0, 0, size, size);\n\n\tconst modules = 25; // 25x25 矩阵\n\tconst cellSize = size / modules;\n\n\tctx.fillStyle = '#000000';\n\n\t// 绘制三个角的定位方块 (Position Detection Patterns)\n\tconst drawPositionPattern = (x: number, y: number) => {\n\t\t// 外 7x7\n\t\tctx.fillRect(x * cellSize, y * cellSize, 7 * cellSize, 7 * cellSize);\n\t\t// 中间挖空 5x5\n\t\tctx.fillStyle = '#ffffff';\n\t\tctx.fillRect((x + 1) * cellSize, (y + 1) * cellSize, 5 * cellSize, 5 * cellSize);\n\t\t// 中心实心 3x3\n\t\tctx.fillStyle = '#000000';\n\t\tctx.fillRect((x + 2) * cellSize, (y + 2) * cellSize, 3 * cellSize, 3 * cellSize);\n\t};\n\n\tdrawPositionPattern(0, 0);\n\tdrawPositionPattern(modules - 7, 0);\n\tdrawPositionPattern(0, modules - 7);\n\n\t// 基于文本字符串的 hash 填充数据点\n\tlet hash = 0;\n\tfor (let i = 0; i < text.length; i++) {\n\t\thash = (hash << 5) - hash + text.charCodeAt(i);\n\t\thash |= 0;\n\t}\n\n\tfor (let r = 0; r < modules; r++) {\n\t\tfor (let c = 0; c < modules; c++) {\n\t\t\t// 跳过三个角的位置\n\t\t\tif (\n\t\t\t\t(r < 8 && c < 8) ||\n\t\t\t\t(r < 8 && c >= modules - 8) ||\n\t\t\t\t(r >= modules - 8 && c < 8)\n\t\t\t) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst seed = (r * 31 + c * 17 + hash) % 100;\n\t\t\tif (Math.abs(seed) % 2 === 0) {\n\t\t\t\tctx.fillStyle = '#000000';\n\t\t\t\tctx.fillRect(c * cellSize, r * cellSize, cellSize - 0.2, cellSize - 0.2);\n\t\t\t}\n\t\t}\n\t}\n}\n\nconst QrCodeCard: React.FC<QrCodeCardProps> = ({\n\tvalue,\n\tsize = 160,\n\ticon,\n\tstatus = 'active',\n\ttitle,\n\tdescription,\n\tdownloadable = false,\n\tonRefresh,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst canvasRef = useRef<HTMLCanvasElement>(null);\n\n\tuseEffect(() => {\n\t\tif (canvasRef.current && value) {\n\t\t\tdrawQrCode(canvasRef.current, value, size);\n\t\t}\n\t}, [value, size]);\n\n\tconst handleDownload = () => {\n\t\tif (!canvasRef.current) return;\n\t\tconst url = canvasRef.current.toDataURL('image/png');\n\t\tconst a = document.createElement('a');\n\t\ta.href = url;\n\t\ta.download = `qrcode-${Date.now()}.png`;\n\t\ta.click();\n\t};\n\n\treturn (\n\t\t<div className={`rpc_qrcode_card ${className}`} style={style}>\n\t\t\t<div className=\"rpc_qrcode_card_wrap\" style={{ width: size, height: size }}>\n\t\t\t\t<canvas\n\t\t\t\t\tref={canvasRef}\n\t\t\t\t\tclassName=\"rpc_qrcode_card_canvas\"\n\t\t\t\t\tstyle={{ width: size, height: size }}\n\t\t\t\t/>\n\n\t\t\t\t{/* 嵌入中心 Logo */}\n\t\t\t\t{icon && status === 'active' && (\n\t\t\t\t\t<img src={icon} alt=\"Logo\" className=\"rpc_qrcode_card_logo\" />\n\t\t\t\t)}\n\n\t\t\t\t{/* 过期或加载中蒙层 */}\n\t\t\t\t{status === 'expired' && (\n\t\t\t\t\t<div className=\"rpc_qrcode_card_mask\" onClick={onRefresh}>\n\t\t\t\t\t\t<span>二维码已失效</span>\n\t\t\t\t\t\t<button type=\"button\" className=\"rpc_qrcode_card_refresh_btn\">\n\t\t\t\t\t\t\t<ReloadOutlined />\n\t\t\t\t\t\t\t<span>点击刷新</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{status === 'loading' && (\n\t\t\t\t\t<div className=\"rpc_qrcode_card_mask rpc_qrcode_card_mask_loading\">\n\t\t\t\t\t\t<LoadingOutlined style={{ fontSize: 28, color: '#1677ff' }} />\n\t\t\t\t\t\t<span className=\"rpc_qrcode_card_mask_text\">加载中...</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* 标题说明 */}\n\t\t\t{(title || description) && (\n\t\t\t\t<div className=\"rpc_qrcode_card_info\">\n\t\t\t\t\t{title && <span className=\"rpc_qrcode_card_title\">{title}</span>}\n\t\t\t\t\t{description && <span className=\"rpc_qrcode_card_description\">{description}</span>}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 下载链接 */}\n\t\t\t{downloadable && status === 'active' && (\n\t\t\t\t<span className=\"rpc_qrcode_card_download\" onClick={handleDownload}>\n\t\t\t\t\t下载二维码\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default QrCodeCard;\n"]}

package/dist/chunk-4GQ3X7MG.cjs

@@ -0,0 +1,241 @@
+'use strict';
+
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
+var react = require('react');
+var ReactDOM = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+function inferFileType(urlOrName) {
+  if (!urlOrName) return "unknown";
+  const clean = urlOrName.split("?")[0].split("#")[0].toLowerCase();
+  const ext = clean.substring(clean.lastIndexOf(".") + 1);
+  if (["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp", "ico"].includes(ext)) {
+    return "image";
+  }
+  if (["mp4", "webm", "ogg", "mov", "mkv"].includes(ext)) {
+    return "video";
+  }
+  if (["mp3", "wav", "aac", "flac", "m4a"].includes(ext)) {
+    return "audio";
+  }
+  if (["pdf"].includes(ext)) {
+    return "pdf";
+  }
+  if (["txt", "json", "js", "ts", "jsx", "tsx", "html", "css", "less", "md", "log", "xml"].includes(ext)) {
+    return "text";
+  }
+  return "unknown";
+}
+var FilePreviewer = ({
+  open,
+  file,
+  onCancel,
+  onDownload,
+  extraActions,
+  className = "",
+  style
+}) => {
+  const [imageScale, setImageScale] = react.useState(1);
+  const [imageRotate, setImageRotate] = react.useState(0);
+  react.useEffect(() => {
+    if (open) {
+      setImageScale(1);
+      setImageRotate(0);
+    }
+  }, [open, file]);
+  if (!open || !file) return null;
+  const currentFile = typeof file === "string" ? { url: file, name: file.substring(file.lastIndexOf("/") + 1) } : file;
+  const type = currentFile.fileType || inferFileType(currentFile.name || currentFile.url);
+  const handleDefaultDownload = () => {
+    if (onDownload) {
+      onDownload(currentFile);
+      return;
+    }
+    const a = document.createElement("a");
+    a.href = currentFile.url;
+    a.download = currentFile.name || "download";
+    a.target = "_blank";
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+  };
+  const renderFileIcon = () => {
+    switch (type) {
+      case "image":
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.FileImageOutlined, { style: { color: "#1677ff" } });
+      case "pdf":
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.FilePdfOutlined, { style: { color: "#ff4d4f" } });
+      case "text":
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.FileTextOutlined, { style: { color: "#52c41a" } });
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.FileOutlined, { style: { color: "#8c8c8c" } });
+    }
+  };
+  const renderBodyContent = () => {
+    switch (type) {
+      case "image":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: currentFile.url,
+            alt: currentFile.name || "Preview",
+            className: "rpc_file_previewer_modal_image",
+            style: {
+              transform: `scale(${imageScale}) rotate(${imageRotate}deg)`
+            }
+          }
+        );
+      case "video":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "video",
+          {
+            src: currentFile.url,
+            controls: true,
+            autoPlay: true,
+            className: "rpc_file_previewer_modal_media"
+          }
+        );
+      case "audio":
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_file_previewer_modal_audio_wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 48 }, children: "\u{1F3B5}" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 600 }, children: currentFile.name || "\u97F3\u9891\u64AD\u653E" }),
+          /* @__PURE__ */ jsxRuntime.jsx("audio", { src: currentFile.url, controls: true, autoPlay: true, style: { width: 320 } })
+        ] });
+      case "pdf":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "iframe",
+          {
+            src: currentFile.url,
+            title: currentFile.name || "PDF Preview",
+            className: "rpc_file_previewer_modal_iframe"
+          }
+        );
+      case "text":
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_previewer_modal_text_wrap", children: currentFile.textContent || "\u6B63\u5728\u52A0\u8F7D\u6587\u4EF6\u5185\u5BB9..." });
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_file_previewer_modal_fallback_card", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 48, color: "#8c8c8c" }, children: "\u{1F4E6}" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { margin: "0 0 6px 0", fontSize: 16, color: "#1f1f1f" }, children: currentFile.name || "\u672A\u77E5\u6587\u4EF6" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { margin: 0, color: "#8c8c8c", fontSize: 13 }, children: [
+              "\u8BE5\u683C\u5F0F\u6682\u4E0D\u652F\u6301\u76F4\u63A5\u5728\u7EBF\u9884\u89C8\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u5728\u672C\u5730\u67E5\u770B\u3002",
+              currentFile.size ? `(${currentFile.size})` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleDefaultDownload,
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: 6,
+                padding: "8px 20px",
+                background: "#1677ff",
+                color: "#fff",
+                border: "none",
+                borderRadius: 6,
+                cursor: "pointer",
+                fontSize: 14
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.DownloadOutlined, {}),
+                " \u7ACB\u5373\u4E0B\u8F7D"
+              ]
+            }
+          )
+        ] });
+    }
+  };
+  return ReactDOM__default.default.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rpc_file_previewer_modal ${className}`, onClick: onCancel, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_file_previewer_modal_card", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_file_previewer_modal_header", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_file_previewer_modal_title", children: [
+          renderFileIcon(),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: currentFile.name || "\u6587\u4EF6\u9884\u89C8" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_file_previewer_modal_actions", children: [
+          type === "image" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rpc_file_previewer_modal_action_btn",
+                onClick: () => setImageScale((s) => Math.min(s + 0.2, 3)),
+                title: "\u653E\u5927",
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.ZoomInOutlined, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rpc_file_previewer_modal_action_btn",
+                onClick: () => setImageScale((s) => Math.max(s - 0.2, 0.4)),
+                title: "\u7F29\u5C0F",
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.ZoomOutOutlined, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rpc_file_previewer_modal_action_btn",
+                onClick: () => setImageRotate((r) => (r + 90) % 360),
+                title: "\u987A\u65F6\u9488\u65CB\u8F6C90\xB0",
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.RotateRightOutlined, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "rpc_file_previewer_modal_action_btn",
+              onClick: handleDefaultDownload,
+              title: "\u4E0B\u8F7D\u6587\u4EF6",
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.DownloadOutlined, {})
+            }
+          ),
+          extraActions,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "rpc_file_previewer_modal_action_btn",
+              onClick: onCancel,
+              title: "\u5173\u95ED\u9884\u89C8 (ESC)",
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.CloseOutlined, {})
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_previewer_modal_body", children: renderBodyContent() })
+    ] }) }),
+    document.body
+  );
+};
+FilePreviewer.preview = (options) => {
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+  const close = () => {
+    ReactDOM__default.default.render(/* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}), div);
+    div.remove();
+  };
+  ReactDOM__default.default.render(
+    /* @__PURE__ */ jsxRuntime.jsx(FilePreviewer, { open: true, file: options, onCancel: close }),
+    div
+  );
+  return { close };
+};
+var FilePreviewer_default = FilePreviewer;
+
+exports.FilePreviewer_default = FilePreviewer_default;
+exports.inferFileType = inferFileType;
+//# sourceMappingURL=chunk-4GQ3X7MG.cjs.map
+//# sourceMappingURL=chunk-4GQ3X7MG.cjs.map

package/dist/chunk-4GQ3X7MG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../FilePreviewer/index.tsx"],"names":["useState","useEffect","FileImageOutlined","FilePdfOutlined","FileTextOutlined","FileOutlined","jsx","jsxs","DownloadOutlined","ReactDOM","Fragment","ZoomInOutlined","ZoomOutOutlined","RotateRightOutlined","CloseOutlined"],"mappings":"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","file":"chunk-4GQ3X7MG.cjs","sourcesContent":["import React, { useState, useEffect, ReactNode, CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tCloseOutlined,\n\tRotateRightOutlined,\n\tZoomInOutlined,\n\tZoomOutOutlined,\n\tDownloadOutlined,\n\tFilePdfOutlined,\n\tFileImageOutlined,\n\tFileTextOutlined,\n\tFileOutlined,\n} from '../src/icons';\nimport './index.less';\n\nexport type FileType = 'image' | 'video' | 'audio' | 'pdf' | 'text' | 'unknown';\n\nexport interface FileItem {\n\t/** 文件访问 URL 或 Base64 */\n\turl: string;\n\t/** 文件名称 */\n\tname?: string;\n\t/** 文件类型（如不传则根据文件名后缀或 URL 自动推断） */\n\tfileType?: FileType;\n\t/** 文件大小描述（如 '2.4 MB'） */\n\tsize?: string;\n\t/** 纯文本内容（针对直接传入 text 字符串预览） */\n\ttextContent?: string;\n}\n\nexport interface FilePreviewerProps {\n\t/** 是否打开预览弹窗 */\n\topen: boolean;\n\t/** 当前预览的文件对象或 URL 字符串 */\n\tfile?: FileItem | string | null;\n\t/** 关闭弹窗回调 */\n\tonCancel?: () => void;\n\t/** 自定义下载行为（不传时使用默认浏览器下载） */\n\tonDownload?: (file: FileItem) => void;\n\t/** 自定义标题栏右侧额外操作按钮 */\n\textraActions?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n// 根据文件名或 URL 后缀推断文件类型\nexport function inferFileType(urlOrName: string): FileType {\n\tif (!urlOrName) return 'unknown';\n\tconst clean = urlOrName.split('?')[0].split('#')[0].toLowerCase();\n\tconst ext = clean.substring(clean.lastIndexOf('.') + 1);\n\n\tif (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp', 'ico'].includes(ext)) {\n\t\treturn 'image';\n\t}\n\tif (['mp4', 'webm', 'ogg', 'mov', 'mkv'].includes(ext)) {\n\t\treturn 'video';\n\t}\n\tif (['mp3', 'wav', 'aac', 'flac', 'm4a'].includes(ext)) {\n\t\treturn 'audio';\n\t}\n\tif (['pdf'].includes(ext)) {\n\t\treturn 'pdf';\n\t}\n\tif (['txt', 'json', 'js', 'ts', 'jsx', 'tsx', 'html', 'css', 'less', 'md', 'log', 'xml'].includes(ext)) {\n\t\treturn 'text';\n\t}\n\treturn 'unknown';\n}\n\nconst FilePreviewer: React.FC<FilePreviewerProps> & {\n\tpreview: (options: FileItem) => { close: () => void };\n} = ({\n\topen,\n\tfile,\n\tonCancel,\n\tonDownload,\n\textraActions,\n\tclassName = '',\n\tstyle,\n}) => {\n\t// 图片控制状态\n\tconst [imageScale, setImageScale] = useState<number>(1);\n\tconst [imageRotate, setImageRotate] = useState<number>(0);\n\n\tuseEffect(() => {\n\t\tif (open) {\n\t\t\tsetImageScale(1);\n\t\t\tsetImageRotate(0);\n\t\t}\n\t}, [open, file]);\n\n\tif (!open || !file) return null;\n\n\tconst currentFile: FileItem =\n\t\ttypeof file === 'string'\n\t\t\t? { url: file, name: file.substring(file.lastIndexOf('/') + 1) }\n\t\t\t: file;\n\n\tconst type: FileType = currentFile.fileType || inferFileType(currentFile.name || currentFile.url);\n\n\t// 默认下载处理\n\tconst handleDefaultDownload = () => {\n\t\tif (onDownload) {\n\t\t\tonDownload(currentFile);\n\t\t\treturn;\n\t\t}\n\t\tconst a = document.createElement('a');\n\t\ta.href = currentFile.url;\n\t\ta.download = currentFile.name || 'download';\n\t\ta.target = '_blank';\n\t\tdocument.body.appendChild(a);\n\t\ta.click();\n\t\ta.remove();\n\t};\n\n\t// 渲染文件图标\n\tconst renderFileIcon = () => {\n\t\tswitch (type) {\n\t\t\tcase 'image':\n\t\t\t\treturn <FileImageOutlined style={{ color: '#1677ff' }} />;\n\t\t\tcase 'pdf':\n\t\t\t\treturn <FilePdfOutlined style={{ color: '#ff4d4f' }} />;\n\t\t\tcase 'text':\n\t\t\t\treturn <FileTextOutlined style={{ color: '#52c41a' }} />;\n\t\t\tdefault:\n\t\t\t\treturn <FileOutlined style={{ color: '#8c8c8c' }} />;\n\t\t}\n\t};\n\n\t// 渲染主体内容\n\tconst renderBodyContent = () => {\n\t\tswitch (type) {\n\t\t\tcase 'image':\n\t\t\t\treturn (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={currentFile.url}\n\t\t\t\t\t\talt={currentFile.name || 'Preview'}\n\t\t\t\t\t\tclassName=\"rpc_file_previewer_modal_image\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: `scale(${imageScale}) rotate(${imageRotate}deg)`,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase 'video':\n\t\t\t\treturn (\n\t\t\t\t\t<video\n\t\t\t\t\t\tsrc={currentFile.url}\n\t\t\t\t\t\tcontrols\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tclassName=\"rpc_file_previewer_modal_media\"\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase 'audio':\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"rpc_file_previewer_modal_audio_wrap\">\n\t\t\t\t\t\t<div style={{ fontSize: 48 }}>🎵</div>\n\t\t\t\t\t\t<div style={{ fontSize: 16, fontWeight: 600 }}>{currentFile.name || '音频播放'}</div>\n\t\t\t\t\t\t<audio src={currentFile.url} controls autoPlay style={{ width: 320 }} />\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tcase 'pdf':\n\t\t\t\treturn (\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tsrc={currentFile.url}\n\t\t\t\t\t\ttitle={currentFile.name || 'PDF Preview'}\n\t\t\t\t\t\tclassName=\"rpc_file_previewer_modal_iframe\"\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase 'text':\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"rpc_file_previewer_modal_text_wrap\">\n\t\t\t\t\t\t{currentFile.textContent || '正在加载文件内容...'}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"rpc_file_previewer_modal_fallback_card\">\n\t\t\t\t\t\t<div style={{ fontSize: 48, color: '#8c8c8c' }}>📦</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h4 style={{ margin: '0 0 6px 0', fontSize: 16, color: '#1f1f1f' }}>\n\t\t\t\t\t\t\t\t{currentFile.name || '未知文件'}\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t<p style={{ margin: 0, color: '#8c8c8c', fontSize: 13 }}>\n\t\t\t\t\t\t\t\t该格式暂不支持直接在线预览，请下载后在本地查看。{currentFile.size ? `(${currentFile.size})` : ''}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={handleDefaultDownload}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tgap: 6,\n\t\t\t\t\t\t\t\tpadding: '8px 20px',\n\t\t\t\t\t\t\t\tbackground: '#1677ff',\n\t\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\tborderRadius: 6,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DownloadOutlined /> 立即下载\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn ReactDOM.createPortal(\n\t\t<div className={`rpc_file_previewer_modal ${className}`} onClick={onCancel} style={style}>\n\t\t\t<div className=\"rpc_file_previewer_modal_card\" onClick={(e) => e.stopPropagation()}>\n\t\t\t\t{/* 顶部标题栏与工具栏 */}\n\t\t\t\t<div className=\"rpc_file_previewer_modal_header\">\n\t\t\t\t\t<div className=\"rpc_file_previewer_modal_title\">\n\t\t\t\t\t\t{renderFileIcon()}\n\t\t\t\t\t\t<span>{currentFile.name || '文件预览'}</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"rpc_file_previewer_modal_actions\">\n\t\t\t\t\t\t{type === 'image' && (\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_file_previewer_modal_action_btn\"\n\t\t\t\t\t\t\t\t\tonClick={() => setImageScale((s) => Math.min(s + 0.2, 3))}\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<ZoomInOutlined />\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_file_previewer_modal_action_btn\"\n\t\t\t\t\t\t\t\t\tonClick={() => setImageScale((s) => Math.max(s - 0.2, 0.4))}\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<ZoomOutOutlined />\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_file_previewer_modal_action_btn\"\n\t\t\t\t\t\t\t\t\tonClick={() => setImageRotate((r) => (r + 90) % 360)}\n\t\t\t\t\t\t\t\t\ttitle=\"顺时针旋转90°\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<RotateRightOutlined />\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<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"rpc_file_previewer_modal_action_btn\"\n\t\t\t\t\t\t\tonClick={handleDefaultDownload}\n\t\t\t\t\t\t\ttitle=\"下载文件\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DownloadOutlined />\n\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t{extraActions}\n\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_file_previewer_modal_action_btn\"\n\t\t\t\t\t\t\tonClick={onCancel}\n\t\t\t\t\t\t\ttitle=\"关闭预览 (ESC)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CloseOutlined />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* 预览主体内容区域 */}\n\t\t\t\t<div className=\"rpc_file_previewer_modal_body\">{renderBodyContent()}</div>\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body,\n\t);\n};\n\n// 命令式调用方法\nFilePreviewer.preview = (options: FileItem) => {\n\tconst div = document.createElement('div');\n\tdocument.body.appendChild(div);\n\n\tconst close = () => {\n\t\tReactDOM.render(<></>, div);\n\t\tdiv.remove();\n\t};\n\n\tReactDOM.render(\n\t\t<FilePreviewer open={true} file={options} onCancel={close} />,\n\t\tdiv,\n\t);\n\n\treturn { close };\n};\n\nexport default FilePreviewer;\n"]}

package/dist/chunk-4IBF4R3H.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// JsonDiffViewer/index.tsx
+var JsonDiffViewer = ({
+  before = {},
+  after = {},
+  className = "",
+  style
+}) => {
+  const diffRows = react.useMemo(() => {
+    const rows = [];
+    const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)]));
+    allKeys.forEach((key) => {
+      const hasBefore = key in before;
+      const hasAfter = key in after;
+      if (!hasBefore && hasAfter) {
+        rows.push({ key, type: "added", newVal: after[key] });
+      } else if (hasBefore && !hasAfter) {
+        rows.push({ key, type: "removed", oldVal: before[key] });
+      } else {
+        const bVal = JSON.stringify(before[key]);
+        const aVal = JSON.stringify(after[key]);
+        if (bVal !== aVal) {
+          rows.push({ key, type: "modified", oldVal: before[key], newVal: after[key] });
+        } else {
+          rows.push({ key, type: "unchanged", newVal: after[key] });
+        }
+      }
+    });
+    return rows;
+  }, [before, after]);
+  const formatVal = (v) => {
+    if (typeof v === "object") return JSON.stringify(v);
+    if (typeof v === "string") return `"${v}"`;
+    return String(v);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_json_diff ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#858585", marginBottom: 6 }, children: "{" }),
+    diffRows.map((row) => {
+      const sign = row.type === "added" ? "+" : row.type === "removed" ? "-" : row.type === "modified" ? "~" : " ";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_json_diff_row rpc_json_diff_row_${row.type}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_json_diff_sign", children: sign }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_json_diff_key", children: [
+          '"',
+          row.key,
+          '"'
+        ] }),
+        ":",
+        row.type === "modified" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { textDecoration: "line-through", opacity: 0.7 }, children: formatVal(row.oldVal) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_json_diff_arrow", children: "\u2794" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatVal(row.newVal) })
+        ] }) : row.type === "removed" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatVal(row.oldVal) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatVal(row.newVal) })
+      ] }, row.key);
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#858585", marginTop: 6 }, children: "}" })
+  ] });
+};
+var JsonDiffViewer_default = JsonDiffViewer;
+
+exports.JsonDiffViewer_default = JsonDiffViewer_default;
+//# sourceMappingURL=chunk-4IBF4R3H.cjs.map
+//# sourceMappingURL=chunk-4IBF4R3H.cjs.map

package/dist/chunk-4IBF4R3H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../JsonDiffViewer/index.tsx"],"names":["useMemo","jsx","jsxs"],"mappings":"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","file":"chunk-4IBF4R3H.cjs","sourcesContent":["import React, { useMemo, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface JsonDiffViewerProps {\n\t/** 变更前原始 JSON 对象 */\n\tbefore: Record<string, any>;\n\t/** 变更后最新 JSON 对象 */\n\tafter: Record<string, any>;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\ntype DiffType = 'added' | 'removed' | 'modified' | 'unchanged';\n\ninterface DiffRow {\n\tkey: string;\n\ttype: DiffType;\n\toldVal?: any;\n\tnewVal?: any;\n}\n\nconst JsonDiffViewer: React.FC<JsonDiffViewerProps> = ({\n\tbefore = {},\n\tafter = {},\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst diffRows = useMemo(() => {\n\t\tconst rows: DiffRow[] = [];\n\t\tconst allKeys = Array.from(new Set([...Object.keys(before), ...Object.keys(after)]));\n\n\t\tallKeys.forEach((key) => {\n\t\t\tconst hasBefore = key in before;\n\t\t\tconst hasAfter = key in after;\n\n\t\t\tif (!hasBefore && hasAfter) {\n\t\t\t\trows.push({ key, type: 'added', newVal: after[key] });\n\t\t\t} else if (hasBefore && !hasAfter) {\n\t\t\t\trows.push({ key, type: 'removed', oldVal: before[key] });\n\t\t\t} else {\n\t\t\t\tconst bVal = JSON.stringify(before[key]);\n\t\t\t\tconst aVal = JSON.stringify(after[key]);\n\t\t\t\tif (bVal !== aVal) {\n\t\t\t\t\trows.push({ key, type: 'modified', oldVal: before[key], newVal: after[key] });\n\t\t\t\t} else {\n\t\t\t\t\trows.push({ key, type: 'unchanged', newVal: after[key] });\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\treturn rows;\n\t}, [before, after]);\n\n\tconst formatVal = (v: any) => {\n\t\tif (typeof v === 'object') return JSON.stringify(v);\n\t\tif (typeof v === 'string') return `\"${v}\"`;\n\t\treturn String(v);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_json_diff ${className}`} style={style}>\n\t\t\t<div style={{ color: '#858585', marginBottom: 6 }}>&#123;</div>\n\n\t\t\t{diffRows.map((row) => {\n\t\t\t\tconst sign =\n\t\t\t\t\trow.type === 'added'\n\t\t\t\t\t\t? '+'\n\t\t\t\t\t\t: row.type === 'removed'\n\t\t\t\t\t\t? '-'\n\t\t\t\t\t\t: row.type === 'modified'\n\t\t\t\t\t\t? '~'\n\t\t\t\t\t\t: ' ';\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={row.key} className={`rpc_json_diff_row rpc_json_diff_row_${row.type}`}>\n\t\t\t\t\t\t<span className=\"rpc_json_diff_sign\">{sign}</span>\n\t\t\t\t\t\t<span className=\"rpc_json_diff_key\">\"{row.key}\"</span>:\n\t\t\t\t\t\t{row.type === 'modified' ? (\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<span style={{ textDecoration: 'line-through', opacity: 0.7 }}>\n\t\t\t\t\t\t\t\t\t{formatVal(row.oldVal)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span className=\"rpc_json_diff_arrow\">➔</span>\n\t\t\t\t\t\t\t\t<span>{formatVal(row.newVal)}</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) : row.type === 'removed' ? (\n\t\t\t\t\t\t\t<span>{formatVal(row.oldVal)}</span>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span>{formatVal(row.newVal)}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t<div style={{ color: '#858585', marginTop: 6 }}>&#125;</div>\n\t\t</div>\n\t);\n};\n\nexport default JsonDiffViewer;\n"]}

package/dist/chunk-4MRZVLM6.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// NumericRangeInput/index.tsx
+var NumericRangeInput = ({
+  value: controlledValue,
+  defaultValue = [void 0, void 0],
+  onChange,
+  min,
+  max,
+  step = 1,
+  precision,
+  prefix,
+  suffix,
+  separator = "~",
+  shortcuts,
+  disabled = false,
+  className = "",
+  style
+}) => {
+  const [internalVal, setInternalVal] = react.useState(defaultValue);
+  const range = controlledValue !== void 0 ? controlledValue : internalVal;
+  const [isFocused, setIsFocused] = react.useState(false);
+  const isInvalid = range[0] !== void 0 && range[1] !== void 0 && range[0] > range[1];
+  const handleStartChange = (e) => {
+    const val = e.target.value === "" ? void 0 : Number(e.target.value);
+    const nextRange = [val, range[1]];
+    if (controlledValue === void 0) setInternalVal(nextRange);
+    onChange == null ? void 0 : onChange(nextRange);
+  };
+  const handleEndChange = (e) => {
+    const val = e.target.value === "" ? void 0 : Number(e.target.value);
+    const nextRange = [range[0], val];
+    if (controlledValue === void 0) setInternalVal(nextRange);
+    onChange == null ? void 0 : onChange(nextRange);
+  };
+  const handleShortcutClick = (scVal) => {
+    if (disabled) return;
+    if (controlledValue === void 0) setInternalVal(scVal);
+    onChange == null ? void 0 : onChange(scVal);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_numeric_range_input ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `rpc_numeric_range_input_container ${isFocused ? "rpc_numeric_range_input_container_focused" : ""} ${isInvalid ? "rpc_numeric_range_input_container_error" : ""} ${disabled ? "rpc_numeric_range_input_container_disabled" : ""}`,
+        children: [
+          prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_numeric_range_input_prefix", children: prefix }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "number",
+              value: range[0] !== void 0 ? range[0] : "",
+              min,
+              max,
+              step,
+              disabled,
+              placeholder: "\u6700\u5C0F\u503C",
+              className: "rpc_numeric_range_input_input",
+              onChange: handleStartChange,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => setIsFocused(false)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_numeric_range_input_separator", children: separator }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "number",
+              value: range[1] !== void 0 ? range[1] : "",
+              min,
+              max,
+              step,
+              disabled,
+              placeholder: "\u6700\u5927\u503C",
+              className: "rpc_numeric_range_input_input",
+              onChange: handleEndChange,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => setIsFocused(false)
+            }
+          ),
+          suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_numeric_range_input_suffix", children: suffix })
+        ]
+      }
+    ),
+    shortcuts && shortcuts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_numeric_range_input_shortcuts", children: shortcuts.map((sc, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "rpc_numeric_range_input_shortcut_item",
+        onClick: () => handleShortcutClick(sc.value),
+        children: sc.label
+      },
+      idx
+    )) })
+  ] });
+};
+var NumericRangeInput_default = NumericRangeInput;
+
+exports.NumericRangeInput_default = NumericRangeInput_default;
+//# sourceMappingURL=chunk-4MRZVLM6.cjs.map
+//# sourceMappingURL=chunk-4MRZVLM6.cjs.map

package/dist/chunk-4MRZVLM6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../NumericRangeInput/index.tsx"],"names":["useState","jsxs","jsx"],"mappings":"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","file":"chunk-4MRZVLM6.cjs","sourcesContent":["import React, { useState, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type RangeValue = [number | undefined, number | undefined];\n\nexport interface RangeShortcut {\n\tlabel: string;\n\tvalue: RangeValue;\n}\n\nexport interface NumericRangeInputProps {\n\t/** 当前区间值 [min, max]（受控） */\n\tvalue?: RangeValue;\n\t/** 默认区间值 */\n\tdefaultValue?: RangeValue;\n\t/** 区间改变回调 */\n\tonChange?: (range: RangeValue) => void;\n\t/** 允许输入的最小值 */\n\tmin?: number;\n\t/** 允许输入的最大值 */\n\tmax?: number;\n\t/** 步长，默认为 1 */\n\tstep?: number;\n\t/** 精度小数位数 */\n\tprecision?: number;\n\t/** 前缀标签（如 '¥'） */\n\tprefix?: ReactNode;\n\t/** 后缀标签（如 '元'） */\n\tsuffix?: ReactNode;\n\t/** 连接分隔符，默认为 '~' */\n\tseparator?: ReactNode;\n\t/** 快捷区间选项列表 */\n\tshortcuts?: RangeShortcut[];\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst NumericRangeInput: React.FC<NumericRangeInputProps> = ({\n\tvalue: controlledValue,\n\tdefaultValue = [undefined, undefined],\n\tonChange,\n\tmin,\n\tmax,\n\tstep = 1,\n\tprecision,\n\tprefix,\n\tsuffix,\n\tseparator = '~',\n\tshortcuts,\n\tdisabled = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalVal, setInternalVal] = useState<RangeValue>(defaultValue);\n\tconst range = controlledValue !== undefined ? controlledValue : internalVal;\n\n\tconst [isFocused, setIsFocused] = useState<boolean>(false);\n\n\tconst isInvalid =\n\t\trange[0] !== undefined && range[1] !== undefined && range[0] > range[1];\n\n\tconst handleStartChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst val = e.target.value === '' ? undefined : Number(e.target.value);\n\t\tconst nextRange: RangeValue = [val, range[1]];\n\t\tif (controlledValue === undefined) setInternalVal(nextRange);\n\t\tonChange?.(nextRange);\n\t};\n\n\tconst handleEndChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst val = e.target.value === '' ? undefined : Number(e.target.value);\n\t\tconst nextRange: RangeValue = [range[0], val];\n\t\tif (controlledValue === undefined) setInternalVal(nextRange);\n\t\tonChange?.(nextRange);\n\t};\n\n\tconst handleShortcutClick = (scVal: RangeValue) => {\n\t\tif (disabled) return;\n\t\tif (controlledValue === undefined) setInternalVal(scVal);\n\t\tonChange?.(scVal);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_numeric_range_input ${className}`} style={style}>\n\t\t\t<div\n\t\t\t\tclassName={`rpc_numeric_range_input_container ${\n\t\t\t\t\tisFocused ? 'rpc_numeric_range_input_container_focused' : ''\n\t\t\t\t} ${isInvalid ? 'rpc_numeric_range_input_container_error' : ''} ${\n\t\t\t\t\tdisabled ? 'rpc_numeric_range_input_container_disabled' : ''\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{prefix && <span className=\"rpc_numeric_range_input_prefix\">{prefix}</span>}\n\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvalue={range[0] !== undefined ? range[0] : ''}\n\t\t\t\t\tmin={min}\n\t\t\t\t\tmax={max}\n\t\t\t\t\tstep={step}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceholder=\"最小值\"\n\t\t\t\t\tclassName=\"rpc_numeric_range_input_input\"\n\t\t\t\t\tonChange={handleStartChange}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tonBlur={() => setIsFocused(false)}\n\t\t\t\t/>\n\n\t\t\t\t<span className=\"rpc_numeric_range_input_separator\">{separator}</span>\n\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvalue={range[1] !== undefined ? range[1] : ''}\n\t\t\t\t\tmin={min}\n\t\t\t\t\tmax={max}\n\t\t\t\t\tstep={step}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceholder=\"最大值\"\n\t\t\t\t\tclassName=\"rpc_numeric_range_input_input\"\n\t\t\t\t\tonChange={handleEndChange}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tonBlur={() => setIsFocused(false)}\n\t\t\t\t/>\n\n\t\t\t\t{suffix && <span className=\"rpc_numeric_range_input_suffix\">{suffix}</span>}\n\t\t\t</div>\n\n\t\t\t{/* 快捷区间预设 */}\n\t\t\t{shortcuts && shortcuts.length > 0 && (\n\t\t\t\t<div className=\"rpc_numeric_range_input_shortcuts\">\n\t\t\t\t\t{shortcuts.map((sc, idx) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tclassName=\"rpc_numeric_range_input_shortcut_item\"\n\t\t\t\t\t\t\tonClick={() => handleShortcutClick(sc.value)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{sc.label}\n\t\t\t\t\t\t</span>\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 NumericRangeInput;\n"]}