react-public-components 1.2.1 → 1.2.3

package/dist/chunk-J3IKUWXD.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// BorderBeam/index.tsx
+var formatSizeUnit = (value, defaultValue) => {
+  if (value === void 0 || value === null) {
+    return defaultValue;
+  }
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  return value;
+};
+var buildGradientString = (color) => {
+  if (!color) {
+    return "linear-gradient(to left, #1677ff 0%, transparent 100%)";
+  }
+  if (typeof color === "string") {
+    return `linear-gradient(to left, ${color} 0%, transparent 100%)`;
+  }
+  if (Array.isArray(color)) {
+    if (color.length === 0) {
+      return "linear-gradient(to left, #1677ff 0%, transparent 100%)";
+    }
+    const sorted = [...color].sort((a, b) => a.percent - b.percent);
+    const mappedStops = sorted.map((stop) => {
+      const mappedPercent = Math.min(Math.max(stop.percent / 100 * 80, 0), 80);
+      return `${stop.color} ${mappedPercent.toFixed(2)}%`;
+    });
+    return `linear-gradient(to left, ${mappedStops.join(", ")}, transparent 100%)`;
+  }
+  return "linear-gradient(to left, #1677ff 0%, transparent 100%)";
+};
+var BorderBeam = (props) => {
+  const {
+    children,
+    color,
+    count = 1,
+    duration = 6,
+    lineWidth = "1px",
+    outset = "0px",
+    size = 100,
+    className,
+    style,
+    ...restProps
+  } = props;
+  const formattedLineWidth = formatSizeUnit(lineWidth, "1px");
+  const formattedOutset = formatSizeUnit(outset, "0px");
+  const formattedSize = formatSizeUnit(size, "100px");
+  const gradientCss = buildGradientString(color);
+  const maskStyle = {
+    "--border-beam-line-width": formattedLineWidth,
+    "--border-beam-outset": formattedOutset,
+    "--border-beam-size": formattedSize,
+    "--border-beam-duration": `${duration}s`,
+    "--border-beam-gradient": gradientCss
+  };
+  const beamCount = Math.max(1, count);
+  const beams = Array.from({ length: beamCount }).map((_, index) => {
+    const delaySeconds = -(duration * index / beamCount);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "react-public-border-beam-item",
+        style: {
+          animationDelay: `${delaySeconds}s`
+        }
+      },
+      index
+    );
+  });
+  if (children !== void 0) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `react-public-border-beam-container ${className || ""}`.trim(),
+        style,
+        ...restProps,
+        children: [
+          children,
+          /* @__PURE__ */ jsx("div", { className: "react-public-border-beam-mask", style: maskStyle, children: beams })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `react-public-border-beam-mask ${className || ""}`.trim(),
+      style: {
+        ...maskStyle,
+        ...style
+      },
+      ...restProps,
+      children: beams
+    }
+  );
+};
+var BorderBeam_default = BorderBeam;
+
+export { BorderBeam_default };
+//# sourceMappingURL=chunk-J3IKUWXD.js.map
+//# sourceMappingURL=chunk-J3IKUWXD.js.map

package/dist/chunk-J3IKUWXD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../BorderBeam/index.tsx"],"names":[],"mappings":"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","file":"chunk-J3IKUWXD.js","sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport './index.less';\n\nexport type BorderBeamColorStop = {\n\tcolor: string;\n\tpercent: number;\n};\n\nexport interface BorderBeamProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n\t/** 装饰内容 */\n\tchildren?: ReactNode;\n\t/** 流光颜色配置，支持单色字符串或渐变停靠点数组 */\n\tcolor?: string | BorderBeamColorStop[];\n\t/** 流光数量，默认为 1 */\n\tcount?: number;\n\t/** 流光完成一圈动画的时间，单位秒，默认为 6 */\n\tduration?: number;\n\t/** 流光线宽，数字类型按像素处理，默认为 1px */\n\tlineWidth?: number | string;\n\t/** 流光层相对容器边缘的外扩距离，遇到裁剪容器时可设为 0 */\n\toutset?: number | string;\n\t/** 流光可见段的尺寸，数字类型按像素处理，默认为 100 */\n\tsize?: number | string;\n}\n\nconst formatSizeUnit = (value: number | string | undefined, defaultValue: string): string => {\n\tif (value === undefined || value === null) {\n\t\treturn defaultValue;\n\t}\n\tif (typeof value === 'number') {\n\t\treturn `${value}px`;\n\t}\n\treturn value;\n};\n\nconst buildGradientString = (color?: string | BorderBeamColorStop[]): string => {\n\tif (!color) {\n\t\treturn 'linear-gradient(to left, #1677ff 0%, transparent 100%)';\n\t}\n\tif (typeof color === 'string') {\n\t\treturn `linear-gradient(to left, ${color} 0%, transparent 100%)`;\n\t}\n\tif (Array.isArray(color)) {\n\t\tif (color.length === 0) {\n\t\t\treturn 'linear-gradient(to left, #1677ff 0%, transparent 100%)';\n\t\t}\n\t\tconst sorted = [...color].sort((a, b) => a.percent - b.percent);\n\t\tconst mappedStops = sorted.map((stop) => {\n\t\t\tconst mappedPercent = Math.min(Math.max((stop.percent / 100) * 80, 0), 80);\n\t\t\treturn `${stop.color} ${mappedPercent.toFixed(2)}%`;\n\t\t});\n\t\treturn `linear-gradient(to left, ${mappedStops.join(', ')}, transparent 100%)`;\n\t}\n\treturn 'linear-gradient(to left, #1677ff 0%, transparent 100%)';\n};\n\nconst BorderBeam = (props: BorderBeamProps) => {\n\tconst {\n\t\tchildren,\n\t\tcolor,\n\t\tcount = 1,\n\t\tduration = 6,\n\t\tlineWidth = '1px',\n\t\toutset = '0px',\n\t\tsize = 100,\n\t\tclassName,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst formattedLineWidth = formatSizeUnit(lineWidth, '1px');\n\tconst formattedOutset = formatSizeUnit(outset, '0px');\n\tconst formattedSize = formatSizeUnit(size, '100px');\n\tconst gradientCss = buildGradientString(color);\n\n\tconst maskStyle: CSSProperties = {\n\t\t'--border-beam-line-width': formattedLineWidth,\n\t\t'--border-beam-outset': formattedOutset,\n\t\t'--border-beam-size': formattedSize,\n\t\t'--border-beam-duration': `${duration}s`,\n\t\t'--border-beam-gradient': gradientCss,\n\t} as CSSProperties;\n\n\tconst beamCount = Math.max(1, count);\n\tconst beams = Array.from({ length: beamCount }).map((_, index) => {\n\t\tconst delaySeconds = -((duration * index) / beamCount);\n\t\treturn (\n\t\t\t<div\n\t\t\t\tkey={index}\n\t\t\t\tclassName=\"react-public-border-beam-item\"\n\t\t\t\tstyle={{\n\t\t\t\t\tanimationDelay: `${delaySeconds}s`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t});\n\n\tif (children !== undefined) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`react-public-border-beam-container ${className || ''}`.trim()}\n\t\t\t\tstyle={style}\n\t\t\t\t{...restProps}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<div className=\"react-public-border-beam-mask\" style={maskStyle}>\n\t\t\t\t\t{beams}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`react-public-border-beam-mask ${className || ''}`.trim()}\n\t\t\tstyle={{\n\t\t\t\t...maskStyle,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{beams}\n\t\t</div>\n\t);\n};\n\nexport default BorderBeam;\n"]}

package/dist/chunk-JAW7Q2YC.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+var chunkMBOWSS4B_cjs = require('./chunk-MBOWSS4B.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+async function copyToClipboard(content) {
+  if (navigator.clipboard && window.isSecureContext) {
+    await navigator.clipboard.writeText(content);
+    return;
+  }
+  const textArea = document.createElement("textarea");
+  textArea.value = content;
+  textArea.style.position = "fixed";
+  textArea.style.left = "-999999px";
+  textArea.style.top = "-999999px";
+  document.body.appendChild(textArea);
+  textArea.focus();
+  textArea.select();
+  return new Promise((resolve, reject) => {
+    const successful = document.execCommand("copy");
+    textArea.remove();
+    if (successful) {
+      resolve();
+    } else {
+      reject(new Error("\u590D\u5236\u5931\u8D25"));
+    }
+  });
+}
+var CopyButton = ({
+  text,
+  getText,
+  mode = "button",
+  type = "default",
+  icon,
+  copiedIcon,
+  copiedText,
+  children,
+  tooltip = true,
+  duration = 2e3,
+  disabled = false,
+  onCopy,
+  onError,
+  className = "",
+  style
+}) => {
+  var _a;
+  const [isCopied, setIsCopied] = react.useState(false);
+  const [isHovered, setIsHovered] = react.useState(false);
+  const timerRef = react.useRef(null);
+  react.useEffect(() => {
+    return () => {
+      if (timerRef.current) {
+        window.clearTimeout(timerRef.current);
+      }
+    };
+  }, []);
+  const handleCopy = async (e) => {
+    e.stopPropagation();
+    if (disabled) return;
+    try {
+      let targetText = text || "";
+      if (getText) {
+        targetText = await getText();
+      }
+      await copyToClipboard(targetText);
+      setIsCopied(true);
+      onCopy == null ? void 0 : onCopy(targetText);
+      if (timerRef.current) {
+        window.clearTimeout(timerRef.current);
+      }
+      timerRef.current = window.setTimeout(() => {
+        setIsCopied(false);
+      }, duration);
+    } catch (err) {
+      onError == null ? void 0 : onError(err);
+    }
+  };
+  const defaultIcon = icon != null ? icon : /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.CopyOutlined, {});
+  const defaultCopiedIcon = copiedIcon != null ? copiedIcon : /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.CheckOutlined, { style: { color: "#52c41a" } });
+  const currentIcon = isCopied ? defaultCopiedIcon : defaultIcon;
+  const currentText = isCopied ? (_a = copiedText != null ? copiedText : children) != null ? _a : "\u5DF2\u590D\u5236" : children != null ? children : mode === "button" ? "\u590D\u5236" : null;
+  let tooltipContent = null;
+  if (tooltip) {
+    if (isCopied) {
+      tooltipContent = typeof tooltip === "boolean" ? "\u590D\u5236\u6210\u529F\uFF01" : tooltip;
+    } else if (mode === "icon") {
+      tooltipContent = "\u70B9\u51FB\u590D\u5236";
+    }
+  }
+  const classNames = [
+    "rpc_copy_button",
+    `rpc_copy_button_${mode}`,
+    type === "primary" && mode === "button" ? "rpc_copy_button_primary" : "",
+    isCopied ? "rpc_copy_button_copied" : "",
+    disabled ? "rpc_copy_button_disabled" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classNames,
+      style,
+      onClick: handleCopy,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_copy_button_icon_wrap", children: currentIcon }),
+        currentText && /* @__PURE__ */ jsxRuntime.jsx("span", { children: currentText }),
+        tooltip && tooltipContent && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `rpc_copy_button_tooltip ${isCopied ? "rpc_copy_button_tooltip_visible" : isHovered ? "rpc_copy_button_tooltip_hover" : ""}`,
+            children: tooltipContent
+          }
+        )
+      ]
+    }
+  );
+};
+var CopyButton_default = CopyButton;
+
+exports.CopyButton_default = CopyButton_default;
+//# sourceMappingURL=chunk-JAW7Q2YC.cjs.map
+//# sourceMappingURL=chunk-JAW7Q2YC.cjs.map

package/dist/chunk-JAW7Q2YC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CopyButton/index.tsx"],"names":["useState","useRef","useEffect","jsx","CopyOutlined","CheckOutlined","jsxs"],"mappings":";;;;;;AAsCA,eAAe,gBAAgB,OAAA,EAAgC;AAC9D,EAAA,IAAI,SAAA,CAAU,SAAA,IAAa,MAAA,CAAO,eAAA,EAAiB;AAClD,IAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,OAAO,CAAA;AAC3C,IAAA;AAAA,EACD;AAEA,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,aAAA,CAAc,UAAU,CAAA;AAClD,EAAA,QAAA,CAAS,KAAA,GAAQ,OAAA;AACjB,EAAA,QAAA,CAAS,MAAM,QAAA,GAAW,OAAA;AAC1B,EAAA,QAAA,CAAS,MAAM,IAAA,GAAO,WAAA;AACtB,EAAA,QAAA,CAAS,MAAM,GAAA,GAAM,WAAA;AACrB,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,QAAQ,CAAA;AAClC,EAAA,QAAA,CAAS,KAAA,EAAM;AACf,EAAA,QAAA,CAAS,MAAA,EAAO;AAEhB,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAA,KAAW;AACvC,IAAA,MAAM,UAAA,GAAa,QAAA,CAAS,WAAA,CAAY,MAAM,CAAA;AAC9C,IAAA,QAAA,CAAS,MAAA,EAAO;AAChB,IAAA,IAAI,UAAA,EAAY;AACf,MAAA,OAAA,EAAQ;AAAA,IACT,CAAA,MAAO;AACN,MAAA,MAAA,CAAO,IAAI,KAAA,CAAM,0BAAM,CAAC,CAAA;AAAA,IACzB;AAAA,EACD,CAAC,CAAA;AACF;AAEA,IAAM,aAAwC,CAAC;AAAA,EAC9C,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,IAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,QAAA,GAAW,GAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AAhFN,EAAA,IAAA,EAAA;AAiFC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAkB,KAAK,CAAA;AACvD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,QAAA,GAAWC,aAAsB,IAAI,CAAA;AAE3C,EAAAC,eAAA,CAAU,MAAM;AACf,IAAA,OAAO,MAAM;AACZ,MAAA,IAAI,SAAS,OAAA,EAAS;AACrB,QAAA,MAAA,CAAO,YAAA,CAAa,SAAS,OAAO,CAAA;AAAA,MACrC;AAAA,IACD,CAAA;AAAA,EACD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,UAAA,GAAa,OAAO,CAAA,KAAwB;AACjD,IAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,IAAA,IAAI,QAAA,EAAU;AAEd,IAAA,IAAI;AACH,MAAA,IAAI,aAAa,IAAA,IAAQ,EAAA;AACzB,MAAA,IAAI,OAAA,EAAS;AACZ,QAAA,UAAA,GAAa,MAAM,OAAA,EAAQ;AAAA,MAC5B;AAEA,MAAA,MAAM,gBAAgB,UAAU,CAAA;AAChC,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,UAAA,CAAA;AAET,MAAA,IAAI,SAAS,OAAA,EAAS;AACrB,QAAA,MAAA,CAAO,YAAA,CAAa,SAAS,OAAO,CAAA;AAAA,MACrC;AACA,MAAA,QAAA,CAAS,OAAA,GAAU,MAAA,CAAO,UAAA,CAAW,MAAM;AAC1C,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,MAClB,GAAG,QAAQ,CAAA;AAAA,IACZ,SAAS,GAAA,EAAK;AACb,MAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,GAAA,CAAA;AAAA,IACX;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,IAAA,IAAA,IAAA,GAAA,IAAA,mBAAQC,cAAA,CAACC,8BAAA,EAAA,EAAa,CAAA;AAC1C,EAAA,MAAM,iBAAA,GAAoB,kDAAcD,cAAA,CAACE,+BAAA,EAAA,EAAc,OAAO,EAAE,KAAA,EAAO,WAAU,EAAG,CAAA;AAGpF,EAAA,MAAM,WAAA,GAAc,WAAW,iBAAA,GAAoB,WAAA;AACnD,EAAA,MAAM,WAAA,GAAc,YAChB,EAAA,GAAA,UAAA,IAAA,IAAA,GAAA,UAAA,GAAc,QAAA,KAAd,YAA0B,oBAAA,GAC1B,QAAA,IAAA,IAAA,GAAA,QAAA,GAAa,IAAA,KAAS,QAAA,GAAW,cAAA,GAAO,IAAA;AAG5C,EAAA,IAAI,cAAA,GAA4B,IAAA;AAChC,EAAA,IAAI,OAAA,EAAS;AACZ,IAAA,IAAI,QAAA,EAAU;AACb,MAAA,cAAA,GAAiB,OAAO,OAAA,KAAY,SAAA,GAAY,gCAAA,GAAU,OAAA;AAAA,IAC3D,CAAA,MAAA,IAAW,SAAS,MAAA,EAAQ;AAC3B,MAAA,cAAA,GAAiB,0BAAA;AAAA,IAClB;AAAA,EACD;AAEA,EAAA,MAAM,UAAA,GAAa;AAAA,IAClB,iBAAA;AAAA,IACA,mBAAmB,IAAI,CAAA,CAAA;AAAA,IACvB,IAAA,KAAS,SAAA,IAAa,IAAA,KAAS,QAAA,GAAW,yBAAA,GAA4B,EAAA;AAAA,IACtE,WAAW,wBAAA,GAA2B,EAAA;AAAA,IACtC,WAAW,0BAAA,GAA6B,EAAA;AAAA,IACxC;AAAA,GACD,CACE,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEV,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,MACX,KAAA;AAAA,MACA,OAAA,EAAS,UAAA;AAAA,MACT,YAAA,EAAc,MAAM,YAAA,CAAa,IAAI,CAAA;AAAA,MACrC,YAAA,EAAc,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,MACtC,IAAA,EAAK,QAAA;AAAA,MACL,QAAA,EAAU,WAAW,EAAA,GAAK,CAAA;AAAA,MAE1B,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACxD,WAAA,oBAAeA,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QAElC,WAAW,cAAA,oBACXA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,WAAW,CAAA,wBAAA,EACV,QAAA,GACG,iCAAA,GACA,SAAA,GACC,kCACA,EACL,CAAA,CAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACF;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,kBAAA,GAAQ","file":"chunk-JAW7Q2YC.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport { CopyOutlined, CheckOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface CopyButtonProps {\n\t/** 要复制的目标文本 */\n\ttext?: string;\n\t/** 动态获取要复制的目标文本（支持异步） */\n\tgetText?: () => string | Promise<string>;\n\t/** 复制按钮的展示形态：button 按钮形态、icon 纯图标、inline 行内文本 */\n\tmode?: 'button' | 'icon' | 'inline';\n\t/** 按钮类型（仅在 mode='button' 时有效） */\n\ttype?: 'default' | 'primary';\n\t/** 默认图标 */\n\ticon?: ReactNode;\n\t/** 复制成功后的图标 */\n\tcopiedIcon?: ReactNode;\n\t/** 复制成功后展示的文本 */\n\tcopiedText?: ReactNode;\n\t/** 默认展示的子内容/按钮文案 */\n\tchildren?: ReactNode;\n\t/** 复制成功提示的 Tooltip 配置（传 false 禁用，传字符串/ReactNode 自定义文案，传 true 使用默认'复制成功'） */\n\ttooltip?: boolean | ReactNode;\n\t/** 复制成功后的高亮展示持续时间（毫秒），默认 2000ms */\n\tduration?: number;\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 成功复制回调 */\n\tonCopy?: (text: string) => void;\n\t/** 复制失败回调 */\n\tonError?: (error: unknown) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n/** 浏览器剪贴板复制降级方案 */\nasync function copyToClipboard(content: string): Promise<void> {\n\tif (navigator.clipboard && window.isSecureContext) {\n\t\tawait navigator.clipboard.writeText(content);\n\t\treturn;\n\t}\n\n\tconst textArea = document.createElement('textarea');\n\ttextArea.value = content;\n\ttextArea.style.position = 'fixed';\n\ttextArea.style.left = '-999999px';\n\ttextArea.style.top = '-999999px';\n\tdocument.body.appendChild(textArea);\n\ttextArea.focus();\n\ttextArea.select();\n\n\treturn new Promise((resolve, reject) => {\n\t\tconst successful = document.execCommand('copy');\n\t\ttextArea.remove();\n\t\tif (successful) {\n\t\t\tresolve();\n\t\t} else {\n\t\t\treject(new Error('复制失败'));\n\t\t}\n\t});\n}\n\nconst CopyButton: React.FC<CopyButtonProps> = ({\n\ttext,\n\tgetText,\n\tmode = 'button',\n\ttype = 'default',\n\ticon,\n\tcopiedIcon,\n\tcopiedText,\n\tchildren,\n\ttooltip = true,\n\tduration = 2000,\n\tdisabled = false,\n\tonCopy,\n\tonError,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isCopied, setIsCopied] = useState<boolean>(false);\n\tconst [isHovered, setIsHovered] = useState<boolean>(false);\n\tconst timerRef = useRef<number | null>(null);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (timerRef.current) {\n\t\t\t\twindow.clearTimeout(timerRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\tconst handleCopy = async (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tif (disabled) return;\n\n\t\ttry {\n\t\t\tlet targetText = text || '';\n\t\t\tif (getText) {\n\t\t\t\ttargetText = await getText();\n\t\t\t}\n\n\t\t\tawait copyToClipboard(targetText);\n\t\t\tsetIsCopied(true);\n\t\t\tonCopy?.(targetText);\n\n\t\t\tif (timerRef.current) {\n\t\t\t\twindow.clearTimeout(timerRef.current);\n\t\t\t}\n\t\t\ttimerRef.current = window.setTimeout(() => {\n\t\t\t\tsetIsCopied(false);\n\t\t\t}, duration);\n\t\t} catch (err) {\n\t\t\tonError?.(err);\n\t\t}\n\t};\n\n\tconst defaultIcon = icon ?? <CopyOutlined />;\n\tconst defaultCopiedIcon = copiedIcon ?? <CheckOutlined style={{ color: '#52c41a' }} />;\n\n\t// 计算展示的图标与文案\n\tconst currentIcon = isCopied ? defaultCopiedIcon : defaultIcon;\n\tconst currentText = isCopied\n\t\t? (copiedText ?? children ?? '已复制')\n\t\t: (children ?? (mode === 'button' ? '复制' : null));\n\n\t// Tooltip 提示文本计算\n\tlet tooltipContent: ReactNode = null;\n\tif (tooltip) {\n\t\tif (isCopied) {\n\t\t\ttooltipContent = typeof tooltip === 'boolean' ? '复制成功！' : tooltip;\n\t\t} else if (mode === 'icon') {\n\t\t\ttooltipContent = '点击复制';\n\t\t}\n\t}\n\n\tconst classNames = [\n\t\t'rpc_copy_button',\n\t\t`rpc_copy_button_${mode}`,\n\t\ttype === 'primary' && mode === 'button' ? 'rpc_copy_button_primary' : '',\n\t\tisCopied ? 'rpc_copy_button_copied' : '',\n\t\tdisabled ? 'rpc_copy_button_disabled' : '',\n\t\tclassName,\n\t]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames}\n\t\t\tstyle={style}\n\t\t\tonClick={handleCopy}\n\t\t\tonMouseEnter={() => setIsHovered(true)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\trole=\"button\"\n\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t>\n\t\t\t<span className=\"rpc_copy_button_icon_wrap\">{currentIcon}</span>\n\t\t\t{currentText && <span>{currentText}</span>}\n\n\t\t\t{tooltip && tooltipContent && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={`rpc_copy_button_tooltip ${\n\t\t\t\t\t\tisCopied\n\t\t\t\t\t\t\t? 'rpc_copy_button_tooltip_visible'\n\t\t\t\t\t\t\t: isHovered\n\t\t\t\t\t\t\t\t? 'rpc_copy_button_tooltip_hover'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{tooltipContent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default CopyButton;\n"]}