react-public-components 1.2.1 → 1.2.2

package/dist/chunk-ZFBLVX7E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SpotlightCard/index.tsx"],"names":["useRef","useState","jsxs","jsx"],"mappings":";;;;;;AAkBA,IAAM,gBAA8C,CAAC;AAAA,EACpD,QAAA;AAAA,EACA,cAAA,GAAiB,0BAAA;AAAA,EACjB,aAAA,GAAgB,GAAA;AAAA,EAChB,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,OAAA,GAAUA,aAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,cAAA,CAAmC,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA;AAEjF,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAA,KAAwC;AAChE,IAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACtB,IAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,OAAA,CAAQ,qBAAA,EAAsB;AACnD,IAAA,WAAA,CAAY;AAAA,MACX,CAAA,EAAG,CAAA,CAAE,OAAA,GAAU,IAAA,CAAK,IAAA;AAAA,MACpB,CAAA,EAAG,CAAA,CAAE,OAAA,GAAU,IAAA,CAAK;AAAA,KACpB,CAAA;AAAA,EACF,CAAA;AAEA,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,GAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAa,eAAA;AAAA,MACb,WAAW,CAAA,mBAAA,EAAsB,IAAA,GAAO,yBAAA,GAA4B,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,MACnF,KAAA;AAAA,MAGA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,SAAA,EAAU,8BAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACN,UAAA,EAAY,CAAA,gBAAA,EAAmB,aAAa,CAAA,aAAA,EAAgB,QAAA,CAAS,CAAC,CAAA,GAAA,EAAM,QAAA,CAAS,CAAC,CAAA,IAAA,EAAO,cAAc,CAAA,kBAAA;AAAA;AAC5G;AAAA,SACD;AAAA,wBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAS;AAAA;AAAA;AAAA,GACvD;AAEF,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"chunk-ZFBLVX7E.cjs","sourcesContent":["import React, { useState, useRef, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface SpotlightCardProps {\n\t/** 卡片子内容 */\n\tchildren: ReactNode;\n\t/** 聚光灯光晕颜色，默认为 'rgba(22, 119, 255, 0.15)' */\n\tspotlightColor?: string;\n\t/** 聚光灯光晕半径（像素），默认为 320 */\n\tspotlightSize?: number;\n\t/** 是否开启暗色主题（高对比科技感），默认为 false */\n\tdark?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst SpotlightCard: React.FC<SpotlightCardProps> = ({\n\tchildren,\n\tspotlightColor = 'rgba(22, 119, 255, 0.15)',\n\tspotlightSize = 320,\n\tdark = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst cardRef = useRef<HTMLDivElement>(null);\n\tconst [position, setPosition] = useState<{ x: number; y: number }>({ x: 0, y: 0 });\n\n\tconst handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!cardRef.current) return;\n\t\tconst rect = cardRef.current.getBoundingClientRect();\n\t\tsetPosition({\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top,\n\t\t});\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={cardRef}\n\t\t\tonMouseMove={handleMouseMove}\n\t\t\tclassName={`rpc_spotlight_card ${dark ? 'rpc_spotlight_card_dark' : ''} ${className}`}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{/* 聚光灯层 */}\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_spotlight_card_spotlight\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackground: `radial-gradient(${spotlightSize}px circle at ${position.x}px ${position.y}px, ${spotlightColor}, transparent 80%)`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div className=\"rpc_spotlight_card_content\">{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default SpotlightCard;\n"]}

package/dist/chunk-ZGWBLJ6U.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// SegmentedProgress/index.tsx
+var SegmentedProgress = ({
+  segments = [],
+  total: customTotal,
+  height = 10,
+  showLegend = true,
+  className = "",
+  style
+}) => {
+  const sumValue = react.useMemo(() => {
+    return segments.reduce((acc, cur) => acc + (cur.value || 0), 0);
+  }, [segments]);
+  const baseTotal = customTotal !== void 0 ? customTotal : sumValue || 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_seg_progress ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_seg_progress_bar", style: { height }, children: segments.map((seg, idx) => {
+      const pct = (seg.value / baseTotal * 100).toFixed(1);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "rpc_seg_progress_segment",
+          style: {
+            width: `${pct}%`,
+            backgroundColor: seg.color
+          },
+          title: `${seg.label}: ${seg.value}${seg.suffix || ""} (${pct}%)`
+        },
+        idx
+      );
+    }) }),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_seg_progress_legend", children: segments.map((seg, idx) => {
+      const pct = (seg.value / baseTotal * 100).toFixed(1);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_seg_progress_legend_item", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_seg_progress_dot", style: { backgroundColor: seg.color } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: seg.label }),
+        /* @__PURE__ */ jsxRuntime.jsxs("b", { style: { color: "#262626" }, children: [
+          seg.value,
+          seg.suffix || "",
+          " (",
+          pct,
+          "%)"
+        ] })
+      ] }, idx);
+    }) })
+  ] });
+};
+var SegmentedProgress_default = SegmentedProgress;
+
+exports.SegmentedProgress_default = SegmentedProgress_default;
+//# sourceMappingURL=chunk-ZGWBLJ6U.cjs.map
+//# sourceMappingURL=chunk-ZGWBLJ6U.cjs.map

package/dist/chunk-ZGWBLJ6U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SegmentedProgress/index.tsx"],"names":["useMemo","jsx","jsxs"],"mappings":";;;;;;AAyBA,IAAM,oBAAsD,CAAC;AAAA,EAC5D,WAAW,EAAC;AAAA,EACZ,KAAA,EAAO,WAAA;AAAA,EACP,MAAA,GAAS,EAAA;AAAA,EACT,UAAA,GAAa,IAAA;AAAA,EACb,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,QAAA,GAAWA,cAAQ,MAAM;AAC9B,IAAA,OAAO,QAAA,CAAS,OAAO,CAAC,GAAA,EAAK,QAAQ,GAAA,IAAO,GAAA,CAAI,KAAA,IAAS,CAAA,CAAA,EAAI,CAAC,CAAA;AAAA,EAC/D,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,SAAA,GAAY,WAAA,KAAgB,MAAA,GAAY,WAAA,GAAe,QAAA,IAAY,CAAA;AAEzE,EAAA,uCACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAEhD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAuB,KAAA,EAAO,EAAE,MAAA,EAAO,EACpD,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3B,MAAA,MAAM,OAAQ,GAAA,CAAI,KAAA,GAAQ,SAAA,GAAa,GAAA,EAAK,QAAQ,CAAC,CAAA;AAErD,MAAA,uBACCA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEA,SAAA,EAAU,0BAAA;AAAA,UACV,KAAA,EAAO;AAAA,YACN,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,CAAA;AAAA,YACb,iBAAiB,GAAA,CAAI;AAAA,WACtB;AAAA,UACA,KAAA,EAAO,CAAA,EAAG,GAAA,CAAI,KAAK,CAAA,EAAA,EAAK,GAAA,CAAI,KAAK,CAAA,EAAG,GAAA,CAAI,MAAA,IAAU,EAAE,CAAA,EAAA,EAAK,GAAG,CAAA,EAAA;AAAA,SAAA;AAAA,QANvD;AAAA,OAON;AAAA,IAEF,CAAC,CAAA,EACF,CAAA;AAAA,IAGC,UAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,2BACb,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3B,MAAA,MAAM,OAAQ,GAAA,CAAI,KAAA,GAAQ,SAAA,GAAa,GAAA,EAAK,QAAQ,CAAC,CAAA;AAErD,MAAA,uBACCC,eAAA,CAAC,KAAA,EAAA,EAAc,SAAA,EAAU,8BAAA,EACxB,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,sBAAA,EAAuB,KAAA,EAAO,EAAE,eAAA,EAAiB,GAAA,CAAI,OAAM,EAAG,CAAA;AAAA,wBAC9EA,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,GAAA,CAAI,KAAA,EAAM,CAAA;AAAA,wCAChB,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,WAAU,EAC3B,QAAA,EAAA;AAAA,UAAA,GAAA,CAAI,KAAA;AAAA,UAAO,IAAI,MAAA,IAAU,EAAA;AAAA,UAAG,IAAA;AAAA,UAAG,GAAA;AAAA,UAAI;AAAA,SAAA,EACrC;AAAA,OAAA,EAAA,EALS,GAMV,CAAA;AAAA,IAEF,CAAC,CAAA,EACF;AAAA,GAAA,EAEF,CAAA;AAEF,CAAA;AAEA,IAAO,yBAAA,GAAQ","file":"chunk-ZGWBLJ6U.cjs","sourcesContent":["import React, { useMemo, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface ProgressSegment {\n\tlabel: string;\n\tvalue: number;\n\tcolor: string;\n\tsuffix?: string;\n}\n\nexport interface SegmentedProgressProps {\n\t/** 分段数据列表 */\n\tsegments: ProgressSegment[];\n\t/** 总量基准（不传则自动对各分段 value 求和） */\n\ttotal?: number;\n\t/** 进度条高度（像素），默认为 10 */\n\theight?: number;\n\t/** 是否显示底部图例 Legend，默认为 true */\n\tshowLegend?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst SegmentedProgress: React.FC<SegmentedProgressProps> = ({\n\tsegments = [],\n\ttotal: customTotal,\n\theight = 10,\n\tshowLegend = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst sumValue = useMemo(() => {\n\t\treturn segments.reduce((acc, cur) => acc + (cur.value || 0), 0);\n\t}, [segments]);\n\n\tconst baseTotal = customTotal !== undefined ? customTotal : (sumValue || 1);\n\n\treturn (\n\t\t<div className={`rpc_seg_progress ${className}`} style={style}>\n\t\t\t{/* 分段进度条主体 */}\n\t\t\t<div className=\"rpc_seg_progress_bar\" style={{ height }}>\n\t\t\t\t{segments.map((seg, idx) => {\n\t\t\t\t\tconst pct = ((seg.value / baseTotal) * 100).toFixed(1);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tclassName=\"rpc_seg_progress_segment\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${pct}%`,\n\t\t\t\t\t\t\t\tbackgroundColor: seg.color,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttitle={`${seg.label}: ${seg.value}${seg.suffix || ''} (${pct}%)`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\n\t\t\t{/* 底部图例 */}\n\t\t\t{showLegend && (\n\t\t\t\t<div className=\"rpc_seg_progress_legend\">\n\t\t\t\t\t{segments.map((seg, idx) => {\n\t\t\t\t\t\tconst pct = ((seg.value / baseTotal) * 100).toFixed(1);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={idx} className=\"rpc_seg_progress_legend_item\">\n\t\t\t\t\t\t\t\t<span className=\"rpc_seg_progress_dot\" style={{ backgroundColor: seg.color }} />\n\t\t\t\t\t\t\t\t<span>{seg.label}</span>\n\t\t\t\t\t\t\t\t<b style={{ color: '#262626' }}>\n\t\t\t\t\t\t\t\t\t{seg.value}{seg.suffix || ''} ({pct}%)\n\t\t\t\t\t\t\t\t</b>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\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 SegmentedProgress;\n"]}

package/dist/chunk-ZLHNRKOQ.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+
+// GradientText/index.tsx
+var GradientText = ({
+  children,
+  gradient = "linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)",
+  animate = true,
+  speed = 4,
+  className = "",
+  style
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `rpc_gradient_text ${animate ? "rpc_gradient_text_animate" : ""} ${className}`,
+      style: {
+        backgroundImage: gradient,
+        animationDuration: `${speed}s`,
+        ...style
+      },
+      children
+    }
+  );
+};
+var GradientText_default = GradientText;
+
+export { GradientText_default };
+//# sourceMappingURL=chunk-ZLHNRKOQ.js.map
+//# sourceMappingURL=chunk-ZLHNRKOQ.js.map

package/dist/chunk-ZLHNRKOQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../GradientText/index.tsx"],"names":[],"mappings":";;;AAkBA,IAAM,eAA4C,CAAC;AAAA,EAClD,QAAA;AAAA,EACA,QAAA,GAAW,+DAAA;AAAA,EACX,OAAA,GAAU,IAAA;AAAA,EACV,KAAA,GAAQ,CAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,uBACC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACA,WAAW,CAAA,kBAAA,EAAqB,OAAA,GAAU,2BAAA,GAA8B,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,MACvF,KAAA,EAAO;AAAA,QACN,eAAA,EAAiB,QAAA;AAAA,QACjB,iBAAA,EAAmB,GAAG,KAAK,CAAA,CAAA,CAAA;AAAA,QAC3B,GAAG;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACF;AAEF,CAAA;AAEA,IAAO,oBAAA,GAAQ","file":"chunk-ZLHNRKOQ.js","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface GradientTextProps {\n\t/** 文字内容 */\n\tchildren: ReactNode;\n\t/** 渐变色定义，默认为 'linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)' */\n\tgradient?: string;\n\t/** 是否开启流光滚动动画，默认为 true */\n\tanimate?: boolean;\n\t/** 流光动画周期时间（秒），默认为 4 */\n\tspeed?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst GradientText: React.FC<GradientTextProps> = ({\n\tchildren,\n\tgradient = 'linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)',\n\tanimate = true,\n\tspeed = 4,\n\tclassName = '',\n\tstyle,\n}) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={`rpc_gradient_text ${animate ? 'rpc_gradient_text_animate' : ''} ${className}`}\n\t\t\tstyle={{\n\t\t\t\tbackgroundImage: gradient,\n\t\t\t\tanimationDuration: `${speed}s`,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n};\n\nexport default GradientText;\n"]}

package/dist/chunk-ZQBEQK2I.cjs

@@ -0,0 +1,231 @@
+'use strict';
+
+var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function formatVideoTime(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 speedList = [0.75, 1, 1.25, 1.5, 2];
+var VideoPlayer = ({
+  src,
+  poster,
+  autoPlay = false,
+  loop = false,
+  muted = false,
+  width = 640,
+  height = 360,
+  className = "",
+  style
+}) => {
+  const videoRef = react.useRef(null);
+  const containerRef = 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(1);
+  const [isControlsVisible, setIsControlsVisible] = react.useState(true);
+  const [isFullscreen, setIsFullscreen] = react.useState(false);
+  const hideTimerRef = react.useRef(null);
+  const currentSpeed = speedList[speedIndex] || 1;
+  const togglePlay = () => {
+    const video = videoRef.current;
+    if (!video) return;
+    if (isPlaying) {
+      video.pause();
+      setIsPlaying(false);
+    } else {
+      video.play();
+      setIsPlaying(true);
+    }
+  };
+  const seekBy = (seconds) => {
+    const video = videoRef.current;
+    if (!video) return;
+    video.currentTime = Math.max(0, Math.min(duration, video.currentTime + seconds));
+  };
+  const handleTimeUpdate = () => {
+    if (videoRef.current) {
+      setCurrentTime(videoRef.current.currentTime);
+    }
+  };
+  const handleLoadedMetadata = () => {
+    if (videoRef.current) {
+      setDuration(videoRef.current.duration);
+    }
+  };
+  const handleProgressClick = (e) => {
+    if (!progressRef.current || !videoRef.current || !duration) return;
+    const rect = progressRef.current.getBoundingClientRect();
+    const percent = Math.min(1, Math.max(0, (e.clientX - rect.left) / rect.width));
+    const target = percent * duration;
+    videoRef.current.currentTime = target;
+    setCurrentTime(target);
+  };
+  const handleSpeedChange = () => {
+    const next = (speedIndex + 1) % speedList.length;
+    setSpeedIndex(next);
+    if (videoRef.current) {
+      videoRef.current.playbackRate = speedList[next];
+    }
+  };
+  const toggleFullscreen = () => {
+    var _a, _b;
+    const container = containerRef.current;
+    if (!container) return;
+    if (!document.fullscreenElement) {
+      (_a = container.requestFullscreen) == null ? void 0 : _a.call(container);
+      setIsFullscreen(true);
+    } else {
+      (_b = document.exitFullscreen) == null ? void 0 : _b.call(document);
+      setIsFullscreen(false);
+    }
+  };
+  const togglePiP = async () => {
+    const video = videoRef.current;
+    if (!video) return;
+    if (document.pictureInPictureElement) {
+      await document.exitPictureInPicture();
+    } else if (document.pictureInPictureEnabled) {
+      await video.requestPictureInPicture();
+    }
+  };
+  const showControls = () => {
+    setIsControlsVisible(true);
+    if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
+    hideTimerRef.current = setTimeout(() => {
+      if (isPlaying) {
+        setIsControlsVisible(false);
+      }
+    }, 3e3);
+  };
+  const progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      onMouseMove: showControls,
+      onMouseEnter: showControls,
+      onMouseLeave: () => isPlaying && setIsControlsVisible(false),
+      className: `rpc_video_player ${className}`,
+      style: { width, height, ...style },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "video",
+          {
+            ref: videoRef,
+            src,
+            poster,
+            autoPlay,
+            loop,
+            muted,
+            onClick: togglePlay,
+            onTimeUpdate: handleTimeUpdate,
+            onLoadedMetadata: handleLoadedMetadata,
+            onEnded: () => setIsPlaying(false),
+            className: "rpc_video_player_video"
+          }
+        ),
+        !isPlaying && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_video_player_big_play_btn", onClick: togglePlay, children: "\u25B6" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: `rpc_video_player_controls ${!isControlsVisible && isPlaying ? "rpc_video_player_controls_hidden" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ref: progressRef,
+                  className: "rpc_video_player_progress_wrap",
+                  onClick: handleProgressClick,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "rpc_video_player_progress_fill",
+                      style: { width: `${progressPercent}%` }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_video_player_bar_row", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_video_player_left_btns", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_video_player_btn", onClick: togglePlay, children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.PauseCircleOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.PlayCircleOutlined, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rpc_video_player_btn",
+                      onClick: () => seekBy(-10),
+                      title: "\u5FEB\u9000 10 \u79D2",
+                      children: "\u23EA 10s"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rpc_video_player_btn",
+                      onClick: () => seekBy(10),
+                      title: "\u5FEB\u8FDB 10 \u79D2",
+                      children: "10s \u23E9"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_video_player_time", children: [
+                    formatVideoTime(currentTime),
+                    " / ",
+                    formatVideoTime(duration)
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_video_player_right_btns", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rpc_video_player_btn rpc_video_player_speed_btn",
+                      onClick: handleSpeedChange,
+                      title: "\u64AD\u653E\u500D\u901F",
+                      children: [
+                        currentSpeed,
+                        "x"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rpc_video_player_btn",
+                      onClick: togglePiP,
+                      title: "\u753B\u4E2D\u753B\u6A21\u5F0F",
+                      children: "\u{1FA9F}"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rpc_video_player_btn",
+                      onClick: toggleFullscreen,
+                      title: "\u5168\u5C4F\u5207\u6362",
+                      children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.FullscreenExitOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.FullscreenOutlined, {})
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var VideoPlayer_default = VideoPlayer;
+
+exports.VideoPlayer_default = VideoPlayer_default;
+//# sourceMappingURL=chunk-ZQBEQK2I.cjs.map
+//# sourceMappingURL=chunk-ZQBEQK2I.cjs.map

package/dist/chunk-ZQBEQK2I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../VideoPlayer/index.tsx"],"names":["useRef","useState","jsxs","jsx","PauseCircleOutlined","PlayCircleOutlined","FullscreenExitOutlined","FullscreenOutlined"],"mappings":"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","file":"chunk-ZQBEQK2I.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport {\n\tPlayCircleOutlined,\n\tPauseCircleOutlined,\n\tFullscreenOutlined,\n\tFullscreenExitOutlined,\n\tSoundOutlined,\n} from '../src/icons';\nimport './index.less';\n\nexport interface VideoPlayerProps {\n\t/** 视频播放地址 */\n\tsrc: string;\n\t/** 视频封面图 */\n\tposter?: string;\n\t/** 是否自动播放，默认为 false */\n\tautoPlay?: boolean;\n\t/** 是否循环播放，默认为 false */\n\tloop?: boolean;\n\t/** 是否默认静音，默认为 false */\n\tmuted?: boolean;\n\t/** 宽度，默认为 640 */\n\twidth?: number | string;\n\t/** 高度，默认为 360 */\n\theight?: number | string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction formatVideoTime(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 speedList = [0.75, 1.0, 1.25, 1.5, 2.0];\n\nconst VideoPlayer: React.FC<VideoPlayerProps> = ({\n\tsrc,\n\tposter,\n\tautoPlay = false,\n\tloop = false,\n\tmuted = false,\n\twidth = 640,\n\theight = 360,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst videoRef = useRef<HTMLVideoElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(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>(1); // 1.0x\n\tconst [isControlsVisible, setIsControlsVisible] = useState<boolean>(true);\n\tconst [isFullscreen, setIsFullscreen] = useState<boolean>(false);\n\n\tconst hideTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n\tconst currentSpeed = speedList[speedIndex] || 1.0;\n\n\tconst togglePlay = () => {\n\t\tconst video = videoRef.current;\n\t\tif (!video) return;\n\t\tif (isPlaying) {\n\t\t\tvideo.pause();\n\t\t\tsetIsPlaying(false);\n\t\t} else {\n\t\t\tvideo.play();\n\t\t\tsetIsPlaying(true);\n\t\t}\n\t};\n\n\tconst seekBy = (seconds: number) => {\n\t\tconst video = videoRef.current;\n\t\tif (!video) return;\n\t\tvideo.currentTime = Math.max(0, Math.min(duration, video.currentTime + seconds));\n\t};\n\n\tconst handleTimeUpdate = () => {\n\t\tif (videoRef.current) {\n\t\t\tsetCurrentTime(videoRef.current.currentTime);\n\t\t}\n\t};\n\n\tconst handleLoadedMetadata = () => {\n\t\tif (videoRef.current) {\n\t\t\tsetDuration(videoRef.current.duration);\n\t\t}\n\t};\n\n\tconst handleProgressClick = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!progressRef.current || !videoRef.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 target = percent * duration;\n\t\tvideoRef.current.currentTime = target;\n\t\tsetCurrentTime(target);\n\t};\n\n\tconst handleSpeedChange = () => {\n\t\tconst next = (speedIndex + 1) % speedList.length;\n\t\tsetSpeedIndex(next);\n\t\tif (videoRef.current) {\n\t\t\tvideoRef.current.playbackRate = speedList[next];\n\t\t}\n\t};\n\n\tconst toggleFullscreen = () => {\n\t\tconst container = containerRef.current;\n\t\tif (!container) return;\n\n\t\tif (!document.fullscreenElement) {\n\t\t\tcontainer.requestFullscreen?.();\n\t\t\tsetIsFullscreen(true);\n\t\t} else {\n\t\t\tdocument.exitFullscreen?.();\n\t\t\tsetIsFullscreen(false);\n\t\t}\n\t};\n\n\tconst togglePiP = async () => {\n\t\tconst video = videoRef.current;\n\t\tif (!video) return;\n\t\tif (document.pictureInPictureElement) {\n\t\t\tawait document.exitPictureInPicture();\n\t\t} else if (document.pictureInPictureEnabled) {\n\t\t\tawait video.requestPictureInPicture();\n\t\t}\n\t};\n\n\tconst showControls = () => {\n\t\tsetIsControlsVisible(true);\n\t\tif (hideTimerRef.current) clearTimeout(hideTimerRef.current);\n\t\thideTimerRef.current = setTimeout(() => {\n\t\t\tif (isPlaying) {\n\t\t\t\tsetIsControlsVisible(false);\n\t\t\t}\n\t\t}, 3000);\n\t};\n\n\tconst progressPercent = duration > 0 ? (currentTime / duration) * 100 : 0;\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tonMouseMove={showControls}\n\t\t\tonMouseEnter={showControls}\n\t\t\tonMouseLeave={() => isPlaying && setIsControlsVisible(false)}\n\t\t\tclassName={`rpc_video_player ${className}`}\n\t\t\tstyle={{ width, height, ...style }}\n\t\t>\n\t\t\t<video\n\t\t\t\tref={videoRef}\n\t\t\t\tsrc={src}\n\t\t\t\tposter={poster}\n\t\t\t\tautoPlay={autoPlay}\n\t\t\t\tloop={loop}\n\t\t\t\tmuted={muted}\n\t\t\t\tonClick={togglePlay}\n\t\t\t\tonTimeUpdate={handleTimeUpdate}\n\t\t\t\tonLoadedMetadata={handleLoadedMetadata}\n\t\t\t\tonEnded={() => setIsPlaying(false)}\n\t\t\t\tclassName=\"rpc_video_player_video\"\n\t\t\t/>\n\n\t\t\t{/* 中央大播放按钮（暂停时展示） */}\n\t\t\t{!isPlaying && (\n\t\t\t\t<div className=\"rpc_video_player_big_play_btn\" onClick={togglePlay}>\n\t\t\t\t\t▶\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 底部控制条 */}\n\t\t\t<div\n\t\t\t\tclassName={`rpc_video_player_controls ${\n\t\t\t\t\t!isControlsVisible && isPlaying ? 'rpc_video_player_controls_hidden' : ''\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{/* 进度条 */}\n\t\t\t\t<div\n\t\t\t\t\tref={progressRef}\n\t\t\t\t\tclassName=\"rpc_video_player_progress_wrap\"\n\t\t\t\t\tonClick={handleProgressClick}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"rpc_video_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\n\t\t\t\t<div className=\"rpc_video_player_bar_row\">\n\t\t\t\t\t<div className=\"rpc_video_player_left_btns\">\n\t\t\t\t\t\t<button type=\"button\" className=\"rpc_video_player_btn\" onClick={togglePlay}>\n\t\t\t\t\t\t\t{isPlaying ? <PauseCircleOutlined /> : <PlayCircleOutlined />}\n\t\t\t\t\t\t</button>\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_video_player_btn\"\n\t\t\t\t\t\t\tonClick={() => seekBy(-10)}\n\t\t\t\t\t\t\ttitle=\"快退 10 秒\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t⏪ 10s\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"rpc_video_player_btn\"\n\t\t\t\t\t\t\tonClick={() => seekBy(10)}\n\t\t\t\t\t\t\ttitle=\"快进 10 秒\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t10s ⏩\n\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t<span className=\"rpc_video_player_time\">\n\t\t\t\t\t\t\t{formatVideoTime(currentTime)} / {formatVideoTime(duration)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"rpc_video_player_right_btns\">\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_video_player_btn rpc_video_player_speed_btn\"\n\t\t\t\t\t\t\tonClick={handleSpeedChange}\n\t\t\t\t\t\t\ttitle=\"播放倍速\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentSpeed}x\n\t\t\t\t\t\t</button>\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_video_player_btn\"\n\t\t\t\t\t\t\tonClick={togglePiP}\n\t\t\t\t\t\t\ttitle=\"画中画模式\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t🪟\n\t\t\t\t\t\t</button>\n\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_video_player_btn\"\n\t\t\t\t\t\t\tonClick={toggleFullscreen}\n\t\t\t\t\t\t\ttitle=\"全屏切换\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{isFullscreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default VideoPlayer;\n"]}

package/dist/chunk-ZSK74QFN.cjs

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

package/dist/chunk-ZSK74QFN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../StatusTimeline/index.tsx"],"names":["jsx","jsxs"],"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,uBACCA,cAAA,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,uBACCC,eAAA,CAAC,KAAA,EAAA,EAAc,SAAA,EAAU,0BAAA,EAExB,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACd,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,SAAI,SAAA,EAAW,CAAA,gDAAA,EAAmD,MAAM,CAAA,CAAA,EACvE,QAAA,EAAA,WAAA,CAAY,MAAM,CAAA,EACpB,CAAA;AAAA,wBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EAA2B;AAAA,OAAA,EAC3C,CAAA;AAAA,sBAGAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACd,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4BAAA,EACd,QAAA,EAAA;AAAA,0BAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACvD,KAAK,IAAA,oBAAQA,cAAA,CAAC,UAAK,SAAA,EAAU,0BAAA,EAA4B,eAAK,IAAA,EAAK;AAAA,SAAA,EACrE,CAAA;AAAA,QAEC,IAAA,CAAK,QAAA,oBACLC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,SAAS,MAAA,oBAAUD,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,SAAS,MAAA,EAAO,CAAA;AAAA,0CACpD,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,oBACLA,cAAA,CAAC,SACA,QAAA,kBAAAC,eAAA,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,oBACLD,cAAA,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-ZSK74QFN.cjs","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"]}