react-public-components 1.2.1 → 1.2.2

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-JD4TEUIV.js

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

package/dist/chunk-JD4TEUIV.js.map

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

package/dist/chunk-K3JC52JH.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// ShimmerSkeleton/index.tsx
+var ShimmerSkeleton = ({
+  type = "card",
+  rows = 3,
+  loading = true,
+  children,
+  className = "",
+  style
+}) => {
+  if (!loading && children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_shimmer_skeleton ${className}`, style, children: [
+    type === "avatar" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_avatar" }),
+    type === "text" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rpc_shimmer_skeleton_bar",
+        style: {
+          height: 16,
+          width: i === rows - 1 ? "60%" : "100%"
+        }
+      },
+      i
+    )) }),
+    type === "card" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_shimmer_skeleton_card", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 160, width: "100%" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 20, width: "70%" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "90%" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "40%" } })
+    ] }),
+    type === "list" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_shimmer_skeleton_list_item", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_avatar", style: { width: 40, height: 40 } }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 16, width: "50%" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 12, width: "80%" } })
+      ] })
+    ] }, i)) })
+  ] });
+};
+var ShimmerSkeleton_default = ShimmerSkeleton;
+
+exports.ShimmerSkeleton_default = ShimmerSkeleton_default;
+//# sourceMappingURL=chunk-K3JC52JH.cjs.map
+//# sourceMappingURL=chunk-K3JC52JH.cjs.map

package/dist/chunk-K3JC52JH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ShimmerSkeleton/index.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-K3JC52JH.cjs","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type SkeletonType = 'text' | 'card' | 'list' | 'avatar';\n\nexport interface ShimmerSkeletonProps {\n\t/** 骨架类型：'text' 文本，'card' 卡片，'list' 列表，'avatar' 头像，默认为 'card' */\n\ttype?: SkeletonType;\n\t/** 文本骨架行数，默认为 3 */\n\trows?: number;\n\t/** 是否处于加载中状态，为 false 时渲染 children，默认为 true */\n\tloading?: boolean;\n\t/** 加载完成后的子元素内容 */\n\tchildren?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst ShimmerSkeleton: React.FC<ShimmerSkeletonProps> = ({\n\ttype = 'card',\n\trows = 3,\n\tloading = true,\n\tchildren,\n\tclassName = '',\n\tstyle,\n}) => {\n\tif (!loading && children) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn (\n\t\t<div className={`rpc_shimmer_skeleton ${className}`} style={style}>\n\t\t\t{type === 'avatar' && <div className=\"rpc_shimmer_skeleton_avatar\" />}\n\n\t\t\t{type === 'text' && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n\t\t\t\t\t{Array.from({ length: rows }).map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\tclassName=\"rpc_shimmer_skeleton_bar\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\t\t\twidth: i === rows - 1 ? '60%' : '100%',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{type === 'card' && (\n\t\t\t\t<div className=\"rpc_shimmer_skeleton_card\">\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 160, width: '100%' }} />\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 20, width: '70%' }} />\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 14, width: '90%' }} />\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 14, width: '40%' }} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{type === 'list' && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column' }}>\n\t\t\t\t\t{Array.from({ length: rows }).map((_, i) => (\n\t\t\t\t\t\t<div key={i} className=\"rpc_shimmer_skeleton_list_item\">\n\t\t\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_avatar\" style={{ width: 40, height: 40 }} />\n\t\t\t\t\t\t\t<div style={{ flex: 1, display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 16, width: '50%' }} />\n\t\t\t\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 12, width: '80%' }} />\n\t\t\t\t\t\t\t</div>\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 ShimmerSkeleton;\n"]}

package/dist/chunk-K5FWY6HB.cjs

@@ -0,0 +1,129 @@
+'use strict';
+
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function formatTime(seconds) {
+  if (isNaN(seconds) || seconds < 0) return "00:00";
+  const m = Math.floor(seconds / 60);
+  const s = Math.floor(seconds % 60);
+  return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+var speedOptions = [1, 1.25, 1.5, 2];
+var AudioPlayer = ({
+  src,
+  title,
+  defaultPlaybackRate = 1,
+  showDownload = true,
+  className = "",
+  style
+}) => {
+  const audioRef = react.useRef(null);
+  const progressRef = react.useRef(null);
+  const [isPlaying, setIsPlaying] = react.useState(false);
+  const [currentTime, setCurrentTime] = react.useState(0);
+  const [duration, setDuration] = react.useState(0);
+  const [speedIndex, setSpeedIndex] = react.useState(
+    Math.max(0, speedOptions.indexOf(defaultPlaybackRate))
+  );
+  const currentSpeed = speedOptions[speedIndex] || 1;
+  const togglePlay = () => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    if (isPlaying) {
+      audio.pause();
+      setIsPlaying(false);
+    } else {
+      audio.play();
+      setIsPlaying(true);
+    }
+  };
+  const handleTimeUpdate = () => {
+    if (audioRef.current) {
+      setCurrentTime(audioRef.current.currentTime);
+    }
+  };
+  const handleLoadedMetadata = () => {
+    if (audioRef.current) {
+      setDuration(audioRef.current.duration);
+    }
+  };
+  const handleSpeedCycle = () => {
+    const nextIndex = (speedIndex + 1) % speedOptions.length;
+    setSpeedIndex(nextIndex);
+    if (audioRef.current) {
+      audioRef.current.playbackRate = speedOptions[nextIndex];
+    }
+  };
+  const handleSeek = (e) => {
+    if (!progressRef.current || !audioRef.current || !duration) return;
+    const rect = progressRef.current.getBoundingClientRect();
+    const percent = Math.min(1, Math.max(0, (e.clientX - rect.left) / rect.width));
+    const targetTime = percent * duration;
+    audioRef.current.currentTime = targetTime;
+    setCurrentTime(targetTime);
+  };
+  const progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_audio_player ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "audio",
+      {
+        ref: audioRef,
+        src,
+        onTimeUpdate: handleTimeUpdate,
+        onLoadedMetadata: handleLoadedMetadata,
+        onEnded: () => setIsPlaying(false)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_audio_player_play_btn", onClick: togglePlay, children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.PauseCircleOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.PlayCircleOutlined, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_audio_player_info", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_audio_player_title_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_audio_player_title", children: title || "\u97F3\u9891\u64AD\u653E" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_audio_player_time", children: [
+          formatTime(currentTime),
+          " / ",
+          formatTime(duration)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: progressRef, className: "rpc_audio_player_progress_bar", onClick: handleSeek, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "rpc_audio_player_progress_fill",
+          style: { width: `${progressPercent}%` }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_audio_player_extra", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "rpc_audio_player_speed_btn",
+          onClick: handleSpeedCycle,
+          title: "\u70B9\u51FB\u5207\u6362\u64AD\u653E\u500D\u901F",
+          children: [
+            currentSpeed,
+            "x"
+          ]
+        }
+      ),
+      showDownload && /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: src,
+          download: true,
+          className: "rpc_audio_player_download_btn",
+          title: "\u4E0B\u8F7D\u97F3\u9891\u6587\u4EF6",
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.DownloadOutlined, {})
+        }
+      )
+    ] })
+  ] });
+};
+var AudioPlayer_default = AudioPlayer;
+
+exports.AudioPlayer_default = AudioPlayer_default;
+//# sourceMappingURL=chunk-K5FWY6HB.cjs.map
+//# sourceMappingURL=chunk-K5FWY6HB.cjs.map

package/dist/chunk-K5FWY6HB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../AudioPlayer/index.tsx"],"names":["useRef","useState","jsx","PauseCircleOutlined","PlayCircleOutlined","jsxs","DownloadOutlined"],"mappings":";;;;;;AAmBA,SAAS,WAAW,OAAA,EAAyB;AAC5C,EAAA,IAAI,KAAA,CAAM,OAAO,CAAA,IAAK,OAAA,GAAU,GAAG,OAAO,OAAA;AAC1C,EAAA,MAAM,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA;AACjC,EAAA,MAAM,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA;AACjC,EAAA,OAAO,CAAA,EAAG,MAAA,CAAO,CAAC,CAAA,CAAE,SAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AACnE;AAEA,IAAM,YAAA,GAAe,CAAC,CAAA,EAAK,IAAA,EAAM,KAAK,CAAG,CAAA;AAEzC,IAAM,cAA0C,CAAC;AAAA,EAChD,GAAA;AAAA,EACA,KAAA;AAAA,EACA,mBAAA,GAAsB,CAAA;AAAA,EACtB,YAAA,GAAe,IAAA;AAAA,EACf,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,QAAA,GAAWA,aAAyB,IAAI,CAAA;AAC9C,EAAA,MAAM,WAAA,GAAcA,aAAuB,IAAI,CAAA;AAE/C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAiB,CAAC,CAAA;AACxD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAiB,CAAC,CAAA;AAClD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,cAAA;AAAA,IACnC,KAAK,GAAA,CAAI,CAAA,EAAG,YAAA,CAAa,OAAA,CAAQ,mBAAmB,CAAC;AAAA,GACtD;AAEA,EAAA,MAAM,YAAA,GAAe,YAAA,CAAa,UAAU,CAAA,IAAK,CAAA;AAGjD,EAAA,MAAM,aAAa,MAAM;AACxB,IAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,IAAI,SAAA,EAAW;AACd,MAAA,KAAA,CAAM,KAAA,EAAM;AACZ,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACnB,CAAA,MAAO;AACN,MAAA,KAAA,CAAM,IAAA,EAAK;AACX,MAAA,YAAA,CAAa,IAAI,CAAA;AAAA,IAClB;AAAA,EACD,CAAA;AAGA,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,IAAI,SAAS,OAAA,EAAS;AACrB,MAAA,cAAA,CAAe,QAAA,CAAS,QAAQ,WAAW,CAAA;AAAA,IAC5C;AAAA,EACD,CAAA;AAGA,EAAA,MAAM,uBAAuB,MAAM;AAClC,IAAA,IAAI,SAAS,OAAA,EAAS;AACrB,MAAA,WAAA,CAAY,QAAA,CAAS,QAAQ,QAAQ,CAAA;AAAA,IACtC;AAAA,EACD,CAAA;AAGA,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,MAAM,SAAA,GAAA,CAAa,UAAA,GAAa,CAAA,IAAK,YAAA,CAAa,MAAA;AAClD,IAAA,aAAA,CAAc,SAAS,CAAA;AACvB,IAAA,IAAI,SAAS,OAAA,EAAS;AACrB,MAAA,QAAA,CAAS,OAAA,CAAQ,YAAA,GAAe,YAAA,CAAa,SAAS,CAAA;AAAA,IACvD;AAAA,EACD,CAAA;AAGA,EAAA,MAAM,UAAA,GAAa,CAAC,CAAA,KAAwC;AAC3D,IAAA,IAAI,CAAC,WAAA,CAAY,OAAA,IAAW,CAAC,QAAA,CAAS,OAAA,IAAW,CAAC,QAAA,EAAU;AAC5D,IAAA,MAAM,IAAA,GAAO,WAAA,CAAY,OAAA,CAAQ,qBAAA,EAAsB;AACvD,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,CAAA,CAAE,OAAA,GAAU,IAAA,CAAK,IAAA,IAAQ,IAAA,CAAK,KAAK,CAAC,CAAA;AAC7E,IAAA,MAAM,aAAa,OAAA,GAAU,QAAA;AAC7B,IAAA,QAAA,CAAS,QAAQ,WAAA,GAAc,UAAA;AAC/B,IAAA,cAAA,CAAe,UAAU,CAAA;AAAA,EAC1B,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,QAAA,GAAW,CAAA,GAAK,WAAA,GAAc,WAAY,GAAA,GAAM,CAAA;AAExE,EAAA,uCACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAChD,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACA,GAAA,EAAK,QAAA;AAAA,QACL,GAAA;AAAA,QACA,YAAA,EAAc,gBAAA;AAAA,QACd,gBAAA,EAAkB,oBAAA;AAAA,QAClB,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK;AAAA;AAAA,KAClC;AAAA,oBAGAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EAA4B,OAAA,EAAS,UAAA,EAClD,QAAA,EAAA,SAAA,mBAAYA,cAAA,CAACC,qCAAA,EAAA,EAAoB,CAAA,mBAAKD,cAAA,CAACE,oCAAA,EAAA,EAAmB,CAAA,EAC5D,CAAA;AAAA,oBAGAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACd,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4BAAA,EACd,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EAA0B,QAAA,EAAA,KAAA,IAAS,0BAAA,EAAO,CAAA;AAAA,wBAC1DG,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EACd,QAAA,EAAA;AAAA,UAAA,UAAA,CAAW,WAAW,CAAA;AAAA,UAAE,KAAA;AAAA,UAAI,WAAW,QAAQ;AAAA,SAAA,EACjD;AAAA,OAAA,EACD,CAAA;AAAA,qCAEC,KAAA,EAAA,EAAI,GAAA,EAAK,aAAa,SAAA,EAAU,+BAAA,EAAgC,SAAS,UAAA,EACzE,QAAA,kBAAAH,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACA,SAAA,EAAU,gCAAA;AAAA,UACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,eAAe,CAAA,CAAA,CAAA;AAAI;AAAA,OACvC,EACD;AAAA,KAAA,EACD,CAAA;AAAA,oBAGAG,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACd,QAAA,EAAA;AAAA,sBAAAA,eAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,SAAA,EAAU,4BAAA;AAAA,UACV,OAAA,EAAS,gBAAA;AAAA,UACT,KAAA,EAAM,kDAAA;AAAA,UAEL,QAAA,EAAA;AAAA,YAAA,YAAA;AAAA,YAAa;AAAA;AAAA;AAAA,OACf;AAAA,MAEC,YAAA,oBACAH,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACA,IAAA,EAAM,GAAA;AAAA,UACN,QAAA,EAAQ,IAAA;AAAA,UACR,SAAA,EAAU,+BAAA;AAAA,UACV,KAAA,EAAM,sCAAA;AAAA,UACN,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB;AAAA,UAElC,yCAACI,kCAAA,EAAA,EAAiB;AAAA;AAAA;AACnB,KAAA,EAEF;AAAA,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-K5FWY6HB.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport { PlayCircleOutlined, PauseCircleOutlined, DownloadOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface AudioPlayerProps {\n\t/** 音频资源地址 */\n\tsrc: string;\n\t/** 音频标题或文件名 */\n\ttitle?: ReactNode;\n\t/** 默认倍速，默认为 1 */\n\tdefaultPlaybackRate?: number;\n\t/** 是否显示下载按钮，默认为 true */\n\tshowDownload?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction formatTime(seconds: number): string {\n\tif (isNaN(seconds) || seconds < 0) return '00:00';\n\tconst m = Math.floor(seconds / 60);\n\tconst s = Math.floor(seconds % 60);\n\treturn `${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;\n}\n\nconst speedOptions = [1.0, 1.25, 1.5, 2.0];\n\nconst AudioPlayer: React.FC<AudioPlayerProps> = ({\n\tsrc,\n\ttitle,\n\tdefaultPlaybackRate = 1.0,\n\tshowDownload = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst audioRef = useRef<HTMLAudioElement>(null);\n\tconst progressRef = useRef<HTMLDivElement>(null);\n\n\tconst [isPlaying, setIsPlaying] = useState<boolean>(false);\n\tconst [currentTime, setCurrentTime] = useState<number>(0);\n\tconst [duration, setDuration] = useState<number>(0);\n\tconst [speedIndex, setSpeedIndex] = useState<number>(\n\t\tMath.max(0, speedOptions.indexOf(defaultPlaybackRate)),\n\t);\n\n\tconst currentSpeed = speedOptions[speedIndex] || 1.0;\n\n\t// 播放 / 暂停切换\n\tconst togglePlay = () => {\n\t\tconst audio = audioRef.current;\n\t\tif (!audio) return;\n\t\tif (isPlaying) {\n\t\t\taudio.pause();\n\t\t\tsetIsPlaying(false);\n\t\t} else {\n\t\t\taudio.play();\n\t\t\tsetIsPlaying(true);\n\t\t}\n\t};\n\n\t// 监听时间更新\n\tconst handleTimeUpdate = () => {\n\t\tif (audioRef.current) {\n\t\t\tsetCurrentTime(audioRef.current.currentTime);\n\t\t}\n\t};\n\n\t// 监听时长加载\n\tconst handleLoadedMetadata = () => {\n\t\tif (audioRef.current) {\n\t\t\tsetDuration(audioRef.current.duration);\n\t\t}\n\t};\n\n\t// 切换倍速\n\tconst handleSpeedCycle = () => {\n\t\tconst nextIndex = (speedIndex + 1) % speedOptions.length;\n\t\tsetSpeedIndex(nextIndex);\n\t\tif (audioRef.current) {\n\t\t\taudioRef.current.playbackRate = speedOptions[nextIndex];\n\t\t}\n\t};\n\n\t// 拖拽进度条 Seek\n\tconst handleSeek = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!progressRef.current || !audioRef.current || !duration) return;\n\t\tconst rect = progressRef.current.getBoundingClientRect();\n\t\tconst percent = Math.min(1, Math.max(0, (e.clientX - rect.left) / rect.width));\n\t\tconst targetTime = percent * duration;\n\t\taudioRef.current.currentTime = targetTime;\n\t\tsetCurrentTime(targetTime);\n\t};\n\n\tconst progressPercent = duration > 0 ? (currentTime / duration) * 100 : 0;\n\n\treturn (\n\t\t<div className={`rpc_audio_player ${className}`} style={style}>\n\t\t\t<audio\n\t\t\t\tref={audioRef}\n\t\t\t\tsrc={src}\n\t\t\t\tonTimeUpdate={handleTimeUpdate}\n\t\t\t\tonLoadedMetadata={handleLoadedMetadata}\n\t\t\t\tonEnded={() => setIsPlaying(false)}\n\t\t\t/>\n\n\t\t\t{/* 播放 / 暂停按钮 */}\n\t\t\t<div className=\"rpc_audio_player_play_btn\" onClick={togglePlay}>\n\t\t\t\t{isPlaying ? <PauseCircleOutlined /> : <PlayCircleOutlined />}\n\t\t\t</div>\n\n\t\t\t{/* 信息与进度条 */}\n\t\t\t<div className=\"rpc_audio_player_info\">\n\t\t\t\t<div className=\"rpc_audio_player_title_row\">\n\t\t\t\t\t<span className=\"rpc_audio_player_title\">{title || '音频播放'}</span>\n\t\t\t\t\t<span className=\"rpc_audio_player_time\">\n\t\t\t\t\t\t{formatTime(currentTime)} / {formatTime(duration)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\n\t\t\t\t<div ref={progressRef} className=\"rpc_audio_player_progress_bar\" onClick={handleSeek}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"rpc_audio_player_progress_fill\"\n\t\t\t\t\t\tstyle={{ width: `${progressPercent}%` }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* 倍速与下载 */}\n\t\t\t<div className=\"rpc_audio_player_extra\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"rpc_audio_player_speed_btn\"\n\t\t\t\t\tonClick={handleSpeedCycle}\n\t\t\t\t\ttitle=\"点击切换播放倍速\"\n\t\t\t\t>\n\t\t\t\t\t{currentSpeed}x\n\t\t\t\t</button>\n\n\t\t\t\t{showDownload && (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={src}\n\t\t\t\t\t\tdownload\n\t\t\t\t\t\tclassName=\"rpc_audio_player_download_btn\"\n\t\t\t\t\t\ttitle=\"下载音频文件\"\n\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DownloadOutlined />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default AudioPlayer;\n"]}

package/dist/chunk-KBBLTGIU.js

@@ -0,0 +1,73 @@
+import { CopyButton_default } from './chunk-UT5UXO44.js';
+import { EyeOutlined, EyeInvisibleOutlined } from './chunk-TGSKTHTV.js';
+import { useState, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function maskSensitiveText(raw, type = "phone", maskSymbol = "*", startCount, endCount) {
+  if (!raw) return "";
+  switch (type) {
+    case "phone":
+      if (raw.length <= 7) return raw;
+      return raw.slice(0, 3) + maskSymbol.repeat(4) + raw.slice(-4);
+    case "idcard":
+      if (raw.length <= 10) return raw;
+      return raw.slice(0, 6) + maskSymbol.repeat(Math.max(1, raw.length - 10)) + raw.slice(-4);
+    case "bankcard":
+      if (raw.length <= 8) return raw;
+      return raw.slice(0, 4) + " " + maskSymbol.repeat(4) + " " + maskSymbol.repeat(4) + " " + raw.slice(-4);
+    case "email": {
+      const atIndex = raw.indexOf("@");
+      if (atIndex <= 1) return raw;
+      const name = raw.slice(0, atIndex);
+      const domain = raw.slice(atIndex);
+      const maskedName = name[0] + maskSymbol.repeat(Math.max(1, name.length - 2)) + (name.length > 2 ? name.slice(-1) : "");
+      return maskedName + domain;
+    }
+    case "custom": {
+      const start = startCount !== void 0 ? startCount : 2;
+      const end = endCount !== void 0 ? endCount : 2;
+      if (raw.length <= start + end) return raw;
+      return raw.slice(0, start) + maskSymbol.repeat(Math.max(1, raw.length - start - end)) + raw.slice(-end);
+    }
+    default:
+      return raw;
+  }
+}
+var SensitiveMask = ({
+  text = "",
+  type = "phone",
+  defaultMasked = true,
+  maskSymbol = "*",
+  unmaskedStart,
+  unmaskedEnd,
+  toggleable = true,
+  copyable = false,
+  onToggle,
+  className = "",
+  style
+}) => {
+  const [masked, setMasked] = useState(defaultMasked);
+  const maskedText = useMemo(() => {
+    return maskSensitiveText(text, type, maskSymbol, unmaskedStart, unmaskedEnd);
+  }, [text, type, maskSymbol, unmaskedStart, unmaskedEnd]);
+  const displayText = masked ? maskedText : text;
+  const handleToggle = async (e) => {
+    e.stopPropagation();
+    const nextState = !masked;
+    if (onToggle) {
+      const allowed = await onToggle(nextState);
+      if (allowed === false) return;
+    }
+    setMasked(nextState);
+  };
+  return /* @__PURE__ */ jsxs("span", { className: `rpc_sensitive_mask ${className}`, style, children: [
+    /* @__PURE__ */ jsx("span", { className: "rpc_sensitive_mask_text", children: displayText }),
+    toggleable && /* @__PURE__ */ jsx("span", { className: "rpc_sensitive_mask_action_btn", onClick: handleToggle, title: masked ? "\u70B9\u51FB\u67E5\u770B\u660E\u6587" : "\u70B9\u51FB\u9690\u85CF", children: masked ? /* @__PURE__ */ jsx(EyeOutlined, {}) : /* @__PURE__ */ jsx(EyeInvisibleOutlined, {}) }),
+    copyable && /* @__PURE__ */ jsx(CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236\u660E\u6587" })
+  ] });
+};
+var SensitiveMask_default = SensitiveMask;
+
+export { SensitiveMask_default, maskSensitiveText };
+//# sourceMappingURL=chunk-KBBLTGIU.js.map
+//# sourceMappingURL=chunk-KBBLTGIU.js.map

package/dist/chunk-KBBLTGIU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SensitiveMask/index.tsx"],"names":[],"mappings":"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","file":"chunk-KBBLTGIU.js","sourcesContent":["import React, { useState, useMemo, CSSProperties } from 'react';\nimport { EyeOutlined, EyeInvisibleOutlined } from '../src/icons';\nimport CopyButton from '../CopyButton';\nimport './index.less';\n\nexport type SensitiveType = 'phone' | 'idcard' | 'email' | 'bankcard' | 'custom';\n\nexport interface SensitiveMaskProps {\n\t/** 原始敏感文本 */\n\ttext: string;\n\t/** 脱敏类型：'phone' | 'idcard' | 'email' | 'bankcard' | 'custom'，默认为 'phone' */\n\ttype?: SensitiveType;\n\t/** 默认是否脱敏遮蔽，默认为 true */\n\tdefaultMasked?: boolean;\n\t/** 遮罩字符，默认为 '*' */\n\tmaskSymbol?: string;\n\t/** 自定义保留头部明文字符数（仅 type='custom' 有效） */\n\tunmaskedStart?: number;\n\t/** 自定义保留尾部明文字符数（仅 type='custom' 有效） */\n\tunmaskedEnd?: number;\n\t/** 是否支持切换明文/密文查看，默认为 true */\n\ttoggleable?: boolean;\n\t/** 是否支持一键复制，默认为 false */\n\tcopyable?: boolean;\n\t/** 切换明文时的拦截回调（返回 false 可阻止切换，支持异步鉴权） */\n\tonToggle?: (nextMasked: boolean) => boolean | Promise<boolean>;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n// 格式化脱敏文本\nexport function maskSensitiveText(\n\traw: string,\n\ttype: SensitiveType = 'phone',\n\tmaskSymbol: string = '*',\n\tstartCount?: number,\n\tendCount?: number,\n): string {\n\tif (!raw) return '';\n\n\tswitch (type) {\n\t\tcase 'phone':\n\t\t\tif (raw.length <= 7) return raw;\n\t\t\treturn raw.slice(0, 3) + maskSymbol.repeat(4) + raw.slice(-4);\n\t\tcase 'idcard':\n\t\t\tif (raw.length <= 10) return raw;\n\t\t\treturn raw.slice(0, 6) + maskSymbol.repeat(Math.max(1, raw.length - 10)) + raw.slice(-4);\n\t\tcase 'bankcard':\n\t\t\tif (raw.length <= 8) return raw;\n\t\t\treturn raw.slice(0, 4) + ' ' + maskSymbol.repeat(4) + ' ' + maskSymbol.repeat(4) + ' ' + raw.slice(-4);\n\t\tcase 'email': {\n\t\t\tconst atIndex = raw.indexOf('@');\n\t\t\tif (atIndex <= 1) return raw;\n\t\t\tconst name = raw.slice(0, atIndex);\n\t\t\tconst domain = raw.slice(atIndex);\n\t\t\tconst maskedName = name[0] + maskSymbol.repeat(Math.max(1, name.length - 2)) + (name.length > 2 ? name.slice(-1) : '');\n\t\t\treturn maskedName + domain;\n\t\t}\n\t\tcase 'custom': {\n\t\t\tconst start = startCount !== undefined ? startCount : 2;\n\t\t\tconst end = endCount !== undefined ? endCount : 2;\n\t\t\tif (raw.length <= start + end) return raw;\n\t\t\treturn raw.slice(0, start) + maskSymbol.repeat(Math.max(1, raw.length - start - end)) + raw.slice(-end);\n\t\t}\n\t\tdefault:\n\t\t\treturn raw;\n\t}\n}\n\nconst SensitiveMask: React.FC<SensitiveMaskProps> = ({\n\ttext = '',\n\ttype = 'phone',\n\tdefaultMasked = true,\n\tmaskSymbol = '*',\n\tunmaskedStart,\n\tunmaskedEnd,\n\ttoggleable = true,\n\tcopyable = false,\n\tonToggle,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [masked, setMasked] = useState<boolean>(defaultMasked);\n\n\tconst maskedText = useMemo(() => {\n\t\treturn maskSensitiveText(text, type, maskSymbol, unmaskedStart, unmaskedEnd);\n\t}, [text, type, maskSymbol, unmaskedStart, unmaskedEnd]);\n\n\tconst displayText = masked ? maskedText : text;\n\n\tconst handleToggle = async (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tconst nextState = !masked;\n\t\tif (onToggle) {\n\t\t\tconst allowed = await onToggle(nextState);\n\t\t\tif (allowed === false) return;\n\t\t}\n\t\tsetMasked(nextState);\n\t};\n\n\treturn (\n\t\t<span className={`rpc_sensitive_mask ${className}`} style={style}>\n\t\t\t<span className=\"rpc_sensitive_mask_text\">{displayText}</span>\n\n\t\t\t{toggleable && (\n\t\t\t\t<span className=\"rpc_sensitive_mask_action_btn\" onClick={handleToggle} title={masked ? '点击查看明文' : '点击隐藏'}>\n\t\t\t\t\t{masked ? <EyeOutlined /> : <EyeInvisibleOutlined />}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t{copyable && <CopyButton mode=\"icon\" text={text} tooltip=\"复制明文\" />}\n\t\t</span>\n\t);\n};\n\nexport default SensitiveMask;\n"]}

package/dist/chunk-KCXXUUWC.js

@@ -0,0 +1,47 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+// ShimmerSkeleton/index.tsx
+var ShimmerSkeleton = ({
+  type = "card",
+  rows = 3,
+  loading = true,
+  children,
+  className = "",
+  style
+}) => {
+  if (!loading && children) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_shimmer_skeleton ${className}`, style, children: [
+    type === "avatar" && /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_avatar" }),
+    type === "text" && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "rpc_shimmer_skeleton_bar",
+        style: {
+          height: 16,
+          width: i === rows - 1 ? "60%" : "100%"
+        }
+      },
+      i
+    )) }),
+    type === "card" && /* @__PURE__ */ jsxs("div", { className: "rpc_shimmer_skeleton_card", children: [
+      /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 160, width: "100%" } }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 20, width: "70%" } }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "90%" } }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "40%" } })
+    ] }),
+    type === "list" && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rpc_shimmer_skeleton_list_item", children: [
+      /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_avatar", style: { width: 40, height: 40 } }),
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [
+        /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 16, width: "50%" } }),
+        /* @__PURE__ */ jsx("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 12, width: "80%" } })
+      ] })
+    ] }, i)) })
+  ] });
+};
+var ShimmerSkeleton_default = ShimmerSkeleton;
+
+export { ShimmerSkeleton_default };
+//# sourceMappingURL=chunk-KCXXUUWC.js.map
+//# sourceMappingURL=chunk-KCXXUUWC.js.map

package/dist/chunk-KCXXUUWC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ShimmerSkeleton/index.tsx"],"names":[],"mappings":"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","file":"chunk-KCXXUUWC.js","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type SkeletonType = 'text' | 'card' | 'list' | 'avatar';\n\nexport interface ShimmerSkeletonProps {\n\t/** 骨架类型：'text' 文本，'card' 卡片，'list' 列表，'avatar' 头像，默认为 'card' */\n\ttype?: SkeletonType;\n\t/** 文本骨架行数，默认为 3 */\n\trows?: number;\n\t/** 是否处于加载中状态，为 false 时渲染 children，默认为 true */\n\tloading?: boolean;\n\t/** 加载完成后的子元素内容 */\n\tchildren?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst ShimmerSkeleton: React.FC<ShimmerSkeletonProps> = ({\n\ttype = 'card',\n\trows = 3,\n\tloading = true,\n\tchildren,\n\tclassName = '',\n\tstyle,\n}) => {\n\tif (!loading && children) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn (\n\t\t<div className={`rpc_shimmer_skeleton ${className}`} style={style}>\n\t\t\t{type === 'avatar' && <div className=\"rpc_shimmer_skeleton_avatar\" />}\n\n\t\t\t{type === 'text' && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n\t\t\t\t\t{Array.from({ length: rows }).map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\tclassName=\"rpc_shimmer_skeleton_bar\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\t\t\twidth: i === rows - 1 ? '60%' : '100%',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{type === 'card' && (\n\t\t\t\t<div className=\"rpc_shimmer_skeleton_card\">\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 160, width: '100%' }} />\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 20, width: '70%' }} />\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 14, width: '90%' }} />\n\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 14, width: '40%' }} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{type === 'list' && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column' }}>\n\t\t\t\t\t{Array.from({ length: rows }).map((_, i) => (\n\t\t\t\t\t\t<div key={i} className=\"rpc_shimmer_skeleton_list_item\">\n\t\t\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_avatar\" style={{ width: 40, height: 40 }} />\n\t\t\t\t\t\t\t<div style={{ flex: 1, display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 16, width: '50%' }} />\n\t\t\t\t\t\t\t\t<div className=\"rpc_shimmer_skeleton_bar\" style={{ height: 12, width: '80%' }} />\n\t\t\t\t\t\t\t</div>\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 ShimmerSkeleton;\n"]}