react-public-components 1.2.1 → 1.2.2

package/dist/VirtualList/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var chunk24ND5WB7_cjs = require('../chunk-24ND5WB7.cjs');
+
+
+
+module.exports = chunk24ND5WB7_cjs.VirtualList_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/VirtualList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/VirtualList/index.css

@@ -0,0 +1,26 @@
+/* VirtualList/index.less */
+.rpc_virtual_list {
+  position: relative;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  background: #ffffff;
+}
+.rpc_virtual_list_content {
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}
+.rpc_virtual_list_item {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #f9f9f9;
+  padding: 0 16px;
+}
+.rpc_virtual_list_item:hover {
+  background: #fafafa;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/VirtualList/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../VirtualList/index.less"],"sourcesContent":[".rpc_virtual_list {\n  position: relative;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  box-sizing: border-box;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  background: #ffffff;\n}\n.rpc_virtual_list_content {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n.rpc_virtual_list_item {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #f9f9f9;\n  padding: 0 16px;\n}\n.rpc_virtual_list_item:hover {\n  background: #fafafa;\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,8BAA4B;AAC5B,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,eAAa;AACb,iBAAe,IAAI,MAAM;AACzB,WAAS,EAAE;AACb;AACA,CAPC,qBAOqB;AACpB,cAAY;AACd;","names":[]}

package/dist/VirtualList/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface VirtualListProps<T> {
+    /** 数据源数组 */
+    items: T[];
+    /** 单个列表项固定高度（像素），默认为 48 */
+    itemHeight?: number;
+    /** 滚动容器可视高度（像素），默认为 360 */
+    height?: number;
+    /** 自定义渲染单个列表项 */
+    renderItem: (item: T, index: number) => ReactNode;
+    /** 提取唯一 Key */
+    keyExtractor?: (item: T, index: number) => string | number;
+    /** 上下视口外额外渲染的缓冲项数量，默认为 5 */
+    buffer?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare function VirtualList<T>({ items, itemHeight, height, renderItem, keyExtractor, buffer, className, style, }: VirtualListProps<T>): React.JSX.Element;
+export default VirtualList;

package/dist/VirtualList/index.js

@@ -0,0 +1,3 @@
+export { VirtualList_default as default } from '../chunk-I3HBI52O.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/VirtualList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/Watermark/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var chunkBXFP7EAW_cjs = require('../chunk-BXFP7EAW.cjs');
+
+
+
+module.exports = chunkBXFP7EAW_cjs.Watermark_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/Watermark/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/Watermark/index.css

@@ -0,0 +1,24 @@
+/* Watermark/index.less */
+.rpc_watermark_wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 100px;
+  box-sizing: border-box;
+}
+.rpc_watermark_wrapper .rpc_watermark_layer {
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  pointer-events: none !important;
+  z-index: 9999 !important;
+  background-repeat: repeat !important;
+  display: block !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/Watermark/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../Watermark/index.less"],"sourcesContent":[".rpc_watermark_wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 100px;\n  box-sizing: border-box;\n}\n.rpc_watermark_wrapper .rpc_watermark_layer {\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  pointer-events: none !important;\n  z-index: 9999 !important;\n  background-repeat: repeat !important;\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,cAAY;AACd;AACA,CAPC,sBAOsB,CAAC;AACtB,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,kBAAgB;AAChB,WAAS;AACT,qBAAmB;AACnB,WAAS;AACT,cAAY;AACZ,WAAS;AACX;","names":[]}

package/dist/Watermark/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface WatermarkProps {
+    /** 水印文本内容或多行文本数组 */
+    content: string | string[];
+    /** 子元素内容 */
+    children?: ReactNode;
+    /** 水印旋转角度，默认为 -22 */
+    rotate?: number;
+    /** 字体大小（像素），默认为 14 */
+    fontSize?: number;
+    /** 水印颜色，默认为 'rgba(0, 0, 0, 0.12)' */
+    color?: string;
+    /** 单个水印单元宽度，默认为 240 */
+    width?: number;
+    /** 单个水印单元高度，默认为 160 */
+    height?: number;
+    /** 水印层级 zIndex，默认为 9999 */
+    zIndex?: number;
+    /** 是否开启 MutationObserver 与心跳巡检防审查元素篡改，默认为 true */
+    antiTamper?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const Watermark: React.FC<WatermarkProps>;
+export default Watermark;

package/dist/Watermark/index.js

@@ -0,0 +1,3 @@
+export { Watermark_default as default } from '../chunk-PVKBGP6Q.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/Watermark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/chunk-24ND5WB7.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// VirtualList/index.tsx
+function VirtualList({
+  items = [],
+  itemHeight = 48,
+  height = 360,
+  renderItem,
+  keyExtractor,
+  buffer = 5,
+  className = "",
+  style
+}) {
+  const [scrollTop, setScrollTop] = react.useState(0);
+  const containerRef = react.useRef(null);
+  const totalCount = items.length;
+  const totalHeight = totalCount * itemHeight;
+  const { startIndex, endIndex, offsetY } = react.useMemo(() => {
+    const start = Math.max(0, Math.floor(scrollTop / itemHeight) - buffer);
+    const visibleCount = Math.ceil(height / itemHeight);
+    const end = Math.min(totalCount, start + visibleCount + buffer * 2);
+    const offset = start * itemHeight;
+    return { startIndex: start, endIndex: end, offsetY: offset };
+  }, [scrollTop, itemHeight, height, buffer, totalCount]);
+  const visibleItems = items.slice(startIndex, endIndex);
+  const handleScroll = (e) => {
+    setScrollTop(e.currentTarget.scrollTop);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      onScroll: handleScroll,
+      className: `rpc_virtual_list ${className}`,
+      style: { height, ...style },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "rpc_virtual_list_content",
+          style: {
+            height: totalHeight,
+            paddingTop: offsetY
+          },
+          children: visibleItems.map((item, idx) => {
+            const actualIndex = startIndex + idx;
+            const key = keyExtractor ? keyExtractor(item, actualIndex) : actualIndex;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "rpc_virtual_list_item",
+                style: { height: itemHeight },
+                children: renderItem(item, actualIndex)
+              },
+              key
+            );
+          })
+        }
+      )
+    }
+  );
+}
+var VirtualList_default = VirtualList;
+
+exports.VirtualList_default = VirtualList_default;
+//# sourceMappingURL=chunk-24ND5WB7.cjs.map
+//# sourceMappingURL=chunk-24ND5WB7.cjs.map

package/dist/chunk-24ND5WB7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../VirtualList/index.tsx"],"names":["useState","useRef","useMemo","jsx"],"mappings":";;;;;;AAsBA,SAAS,WAAA,CAAe;AAAA,EACvB,QAAQ,EAAC;AAAA,EACT,UAAA,GAAa,EAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,UAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA,GAAS,CAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,EAAwB;AACvB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAiB,CAAC,CAAA;AACpD,EAAA,MAAM,YAAA,GAAeC,aAAuB,IAAI,CAAA;AAEhD,EAAA,MAAM,aAAa,KAAA,CAAM,MAAA;AACzB,EAAA,MAAM,cAAc,UAAA,GAAa,UAAA;AAGjC,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAQ,GAAIC,cAAQ,MAAM;AACvD,IAAA,MAAM,KAAA,GAAQ,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,KAAA,CAAM,SAAA,GAAY,UAAU,CAAA,GAAI,MAAM,CAAA;AACrE,IAAA,MAAM,YAAA,GAAe,IAAA,CAAK,IAAA,CAAK,MAAA,GAAS,UAAU,CAAA;AAClD,IAAA,MAAM,MAAM,IAAA,CAAK,GAAA,CAAI,YAAY,KAAA,GAAQ,YAAA,GAAe,SAAS,CAAC,CAAA;AAClE,IAAA,MAAM,SAAS,KAAA,GAAQ,UAAA;AAEvB,IAAA,OAAO,EAAE,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,GAAA,EAAK,SAAS,MAAA,EAAO;AAAA,EAC5D,GAAG,CAAC,SAAA,EAAW,YAAY,MAAA,EAAQ,MAAA,EAAQ,UAAU,CAAC,CAAA;AAEtD,EAAA,MAAM,YAAA,GAAe,KAAA,CAAM,KAAA,CAAM,UAAA,EAAY,QAAQ,CAAA;AAErD,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAAqC;AAC1D,IAAA,YAAA,CAAa,CAAA,CAAE,cAAc,SAAS,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,uBACCC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,GAAA,EAAK,YAAA;AAAA,MACL,QAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,oBAAoB,SAAS,CAAA,CAAA;AAAA,MACxC,KAAA,EAAO,EAAE,MAAA,EAAQ,GAAG,KAAA,EAAM;AAAA,MAE1B,QAAA,kBAAAA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACA,SAAA,EAAU,0BAAA;AAAA,UACV,KAAA,EAAO;AAAA,YACN,MAAA,EAAQ,WAAA;AAAA,YACR,UAAA,EAAY;AAAA,WACb;AAAA,UAEC,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,IAAA,EAAM,GAAA,KAAQ;AAChC,YAAA,MAAM,cAAc,UAAA,GAAa,GAAA;AACjC,YAAA,MAAM,GAAA,GAAM,YAAA,GAAe,YAAA,CAAa,IAAA,EAAM,WAAW,CAAA,GAAI,WAAA;AAE7D,YAAA,uBACCA,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEA,SAAA,EAAU,uBAAA;AAAA,gBACV,KAAA,EAAO,EAAE,MAAA,EAAQ,UAAA,EAAW;AAAA,gBAE3B,QAAA,EAAA,UAAA,CAAW,MAAM,WAAW;AAAA,eAAA;AAAA,cAJxB;AAAA,aAKN;AAAA,UAEF,CAAC;AAAA;AAAA;AACF;AAAA,GACD;AAEF;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-24ND5WB7.cjs","sourcesContent":["import React, { useState, useRef, useMemo, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface VirtualListProps<T> {\n\t/** 数据源数组 */\n\titems: T[];\n\t/** 单个列表项固定高度（像素），默认为 48 */\n\titemHeight?: number;\n\t/** 滚动容器可视高度（像素），默认为 360 */\n\theight?: number;\n\t/** 自定义渲染单个列表项 */\n\trenderItem: (item: T, index: number) => ReactNode;\n\t/** 提取唯一 Key */\n\tkeyExtractor?: (item: T, index: number) => string | number;\n\t/** 上下视口外额外渲染的缓冲项数量，默认为 5 */\n\tbuffer?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction VirtualList<T>({\n\titems = [],\n\titemHeight = 48,\n\theight = 360,\n\trenderItem,\n\tkeyExtractor,\n\tbuffer = 5,\n\tclassName = '',\n\tstyle,\n}: VirtualListProps<T>) {\n\tconst [scrollTop, setScrollTop] = useState<number>(0);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\tconst totalCount = items.length;\n\tconst totalHeight = totalCount * itemHeight;\n\n\t// 计算当前可视区域的起止索引\n\tconst { startIndex, endIndex, offsetY } = useMemo(() => {\n\t\tconst start = Math.max(0, Math.floor(scrollTop / itemHeight) - buffer);\n\t\tconst visibleCount = Math.ceil(height / itemHeight);\n\t\tconst end = Math.min(totalCount, start + visibleCount + buffer * 2);\n\t\tconst offset = start * itemHeight;\n\n\t\treturn { startIndex: start, endIndex: end, offsetY: offset };\n\t}, [scrollTop, itemHeight, height, buffer, totalCount]);\n\n\tconst visibleItems = items.slice(startIndex, endIndex);\n\n\tconst handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n\t\tsetScrollTop(e.currentTarget.scrollTop);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tonScroll={handleScroll}\n\t\t\tclassName={`rpc_virtual_list ${className}`}\n\t\t\tstyle={{ height, ...style }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_virtual_list_content\"\n\t\t\t\tstyle={{\n\t\t\t\t\theight: totalHeight,\n\t\t\t\t\tpaddingTop: offsetY,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{visibleItems.map((item, idx) => {\n\t\t\t\t\tconst actualIndex = startIndex + idx;\n\t\t\t\t\tconst key = keyExtractor ? keyExtractor(item, actualIndex) : actualIndex;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tclassName=\"rpc_virtual_list_item\"\n\t\t\t\t\t\t\tstyle={{ height: itemHeight }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderItem(item, actualIndex)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default VirtualList;\n"]}

package/dist/chunk-2ARM7X7A.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// TrendIndicator/index.tsx
+var TrendIndicator = ({
+  value,
+  suffix = "%",
+  prefix = "",
+  precision = 1,
+  type = "filled",
+  reverse = false,
+  className = "",
+  style
+}) => {
+  const isZero = Math.abs(value) < 1e-4;
+  const isPositive = value > 0;
+  let statusClass = "flat";
+  if (!isZero) {
+    const isGood = reverse ? !isPositive : isPositive;
+    statusClass = isGood ? "up" : "down";
+  }
+  const formattedVal = Math.abs(value).toFixed(precision);
+  const sign = isPositive ? "+" : value < 0 ? "-" : "";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`,
+      style,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "rpc_trend_indicator_arrow", children: isZero ? "\u2014" : isPositive ? "\u25B2" : "\u25BC" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          prefix,
+          sign,
+          formattedVal,
+          suffix
+        ] })
+      ]
+    }
+  );
+};
+var TrendIndicator_default = TrendIndicator;
+
+export { TrendIndicator_default };
+//# sourceMappingURL=chunk-2ARM7X7A.js.map
+//# sourceMappingURL=chunk-2ARM7X7A.js.map

package/dist/chunk-2ARM7X7A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TrendIndicator/index.tsx"],"names":[],"mappings":";;;AAsBA,IAAM,iBAAgD,CAAC;AAAA,EACtD,KAAA;AAAA,EACA,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAAS,EAAA;AAAA,EACT,SAAA,GAAY,CAAA;AAAA,EACZ,IAAA,GAAO,QAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,GAAI,IAAA;AACjC,EAAA,MAAM,aAAa,KAAA,GAAQ,CAAA;AAG3B,EAAA,IAAI,WAAA,GAAc,MAAA;AAClB,EAAA,IAAI,CAAC,MAAA,EAAQ;AACZ,IAAA,MAAM,MAAA,GAAS,OAAA,GAAU,CAAC,UAAA,GAAa,UAAA;AACvC,IAAA,WAAA,GAAc,SAAS,IAAA,GAAO,MAAA;AAAA,EAC/B;AAEA,EAAA,MAAM,eAAe,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,CAAE,QAAQ,SAAS,CAAA;AACtD,EAAA,MAAM,IAAA,GAAO,UAAA,GAAa,GAAA,GAAM,KAAA,GAAQ,IAAI,GAAA,GAAM,EAAA;AAElD,EAAA,uBACC,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACA,WAAW,CAAA,wCAAA,EAA2C,IAAI,CAAA,qBAAA,EAAwB,WAAW,IAAI,SAAS,CAAA,CAAA;AAAA,MAC1G,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,SAAA,EAAU,2BAAA,EACd,mBAAS,QAAA,GAAM,UAAA,GAAa,WAAM,QAAA,EACpC,CAAA;AAAA,6BACC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACA,IAAA;AAAA,UACA,YAAA;AAAA,UACA;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACD;AAEF,CAAA;AAEA,IAAO,sBAAA,GAAQ","file":"chunk-2ARM7X7A.js","sourcesContent":["import React, { CSSProperties } from 'react';\nimport './index.less';\n\nexport interface TrendIndicatorProps {\n\t/** 变动数值（如 14.2 代表 +14.2%，-5.8 代表 -5.8%） */\n\tvalue: number;\n\t/** 数值后缀，默认为 '%' */\n\tsuffix?: string;\n\t/** 数值前缀 */\n\tprefix?: string;\n\t/** 保留小数位数，默认为 1 */\n\tprecision?: number;\n\t/** 展示模式：'filled' 填充色块 | 'outlined' 线框 | 'text' 纯文字，默认为 'filled' */\n\ttype?: 'filled' | 'outlined' | 'text';\n\t/** 是否反转红绿色彩规则（如成本/延时降低为绿色），默认为 false */\n\treverse?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TrendIndicator: React.FC<TrendIndicatorProps> = ({\n\tvalue,\n\tsuffix = '%',\n\tprefix = '',\n\tprecision = 1,\n\ttype = 'filled',\n\treverse = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst isZero = Math.abs(value) < 0.0001;\n\tconst isPositive = value > 0;\n\n\t// 判断颜色状态\n\tlet statusClass = 'flat';\n\tif (!isZero) {\n\t\tconst isGood = reverse ? !isPositive : isPositive;\n\t\tstatusClass = isGood ? 'up' : 'down';\n\t}\n\n\tconst formattedVal = Math.abs(value).toFixed(precision);\n\tconst sign = isPositive ? '+' : value < 0 ? '-' : '';\n\n\treturn (\n\t\t<span\n\t\t\tclassName={`rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<span className=\"rpc_trend_indicator_arrow\">\n\t\t\t\t{isZero ? '—' : isPositive ? '▲' : '▼'}\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{prefix}\n\t\t\t\t{sign}\n\t\t\t\t{formattedVal}\n\t\t\t\t{suffix}\n\t\t\t</span>\n\t\t</span>\n\t);\n};\n\nexport default TrendIndicator;\n"]}

package/dist/chunk-2ORGQ2IY.js

@@ -0,0 +1,153 @@
+import { CloseOutlined } from './chunk-TGSKTHTV.js';
+import { useState, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var GuidedTour = ({
+  steps = [],
+  open,
+  current: controlledCurrent,
+  onChange,
+  onClose,
+  onFinish,
+  storageKey,
+  className = "",
+  style
+}) => {
+  const [internalCurrent, setInternalCurrent] = useState(0);
+  const currentStepIndex = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
+  const [targetRect, setTargetRect] = useState(null);
+  const getTargetElement = (step) => {
+    if (!step || !step.target) return null;
+    if (typeof step.target === "function") {
+      return step.target();
+    }
+    if (typeof step.target === "string") {
+      return document.querySelector(step.target);
+    }
+    return step.target;
+  };
+  useEffect(() => {
+    if (!open || steps.length === 0) return;
+    const currentStep2 = steps[currentStepIndex];
+    if (!currentStep2) return;
+    const el = getTargetElement(currentStep2);
+    if (el) {
+      const rect = el.getBoundingClientRect();
+      setTargetRect(rect);
+      el.scrollIntoView({ behavior: "smooth", block: "center" });
+    } else {
+      setTargetRect(null);
+    }
+  }, [open, steps, currentStepIndex]);
+  if (!open || steps.length === 0) return null;
+  const currentStep = steps[currentStepIndex];
+  if (!currentStep) return null;
+  const handleNext = () => {
+    if (currentStepIndex < steps.length - 1) {
+      const next = currentStepIndex + 1;
+      if (controlledCurrent === void 0) setInternalCurrent(next);
+      onChange == null ? void 0 : onChange(next);
+    } else {
+      if (storageKey) localStorage.setItem(storageKey, "true");
+      onFinish == null ? void 0 : onFinish();
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  const handlePrev = () => {
+    if (currentStepIndex > 0) {
+      const prev = currentStepIndex - 1;
+      if (controlledCurrent === void 0) setInternalCurrent(prev);
+      onChange == null ? void 0 : onChange(prev);
+    }
+  };
+  const handleSkip = () => {
+    if (storageKey) localStorage.setItem(storageKey, "true");
+    onClose == null ? void 0 : onClose();
+  };
+  let popoverTop = 100;
+  let popoverLeft = 100;
+  if (targetRect) {
+    const placement = currentStep.placement || "bottom";
+    const padding = 12;
+    if (placement === "bottom") {
+      popoverTop = targetRect.bottom + padding;
+      popoverLeft = targetRect.left;
+    } else if (placement === "top") {
+      popoverTop = targetRect.top - 180 - padding;
+      popoverLeft = targetRect.left;
+    } else if (placement === "left") {
+      popoverTop = targetRect.top;
+      popoverLeft = targetRect.left - 320 - padding;
+    } else if (placement === "right") {
+      popoverTop = targetRect.top;
+      popoverLeft = targetRect.right + padding;
+    }
+    popoverLeft = Math.max(16, Math.min(window.innerWidth - 340, popoverLeft));
+    popoverTop = Math.max(16, Math.min(window.innerHeight - 200, popoverTop));
+  }
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsxs("div", { className: `rpc_guided_tour ${className}`, style, children: [
+      targetRect && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "rpc_guided_tour_highlight_box",
+          style: {
+            left: `${targetRect.left - 4}px`,
+            top: `${targetRect.top - 4}px`,
+            width: `${targetRect.width + 8}px`,
+            height: `${targetRect.height + 8}px`
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rpc_guided_tour_popover",
+          style: {
+            left: `${popoverLeft}px`,
+            top: `${popoverTop}px`
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "rpc_guided_tour_header", children: [
+              /* @__PURE__ */ jsx("span", { className: "rpc_guided_tour_title", children: currentStep.title }),
+              /* @__PURE__ */ jsx(
+                CloseOutlined,
+                {
+                  style: { cursor: "pointer", color: "#8c8c8c" },
+                  onClick: handleSkip
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "rpc_guided_tour_description", children: currentStep.description }),
+            /* @__PURE__ */ jsxs("div", { className: "rpc_guided_tour_footer", children: [
+              /* @__PURE__ */ jsxs("span", { className: "rpc_guided_tour_progress", children: [
+                currentStepIndex + 1,
+                " / ",
+                steps.length
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "rpc_guided_tour_actions", children: [
+                currentStepIndex > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: "rpc_guided_tour_btn", onClick: handlePrev, children: "\u4E0A\u4E00\u6B65" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "rpc_guided_tour_btn rpc_guided_tour_btn_primary",
+                    onClick: handleNext,
+                    children: currentStepIndex === steps.length - 1 ? "\u5B8C\u6210" : "\u4E0B\u4E00\u6B65"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+};
+var GuidedTour_default = GuidedTour;
+
+export { GuidedTour_default };
+//# sourceMappingURL=chunk-2ORGQ2IY.js.map
+//# sourceMappingURL=chunk-2ORGQ2IY.js.map

package/dist/chunk-2ORGQ2IY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../GuidedTour/index.tsx"],"names":["currentStep"],"mappings":"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","file":"chunk-2ORGQ2IY.js","sourcesContent":["import React, { useState, useEffect, ReactNode, CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { CloseOutlined } from '../src/icons';\nimport './index.less';\n\nexport type TourPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TourStep {\n\t/** 目标 DOM 节点选择器、DOM 对象或获取函数 */\n\ttarget: string | HTMLElement | (() => HTMLElement | null) | null;\n\t/** 引导步骤标题 */\n\ttitle: ReactNode;\n\t/** 引导步骤详细说明 */\n\tdescription: ReactNode;\n\t/** 气泡对齐方向，默认为 'bottom' */\n\tplacement?: TourPlacement;\n}\n\nexport interface GuidedTourProps {\n\t/** 引导步骤列表 */\n\tsteps: TourStep[];\n\t/** 是否开启引导 */\n\topen: boolean;\n\t/** 当前步数（受控，可选） */\n\tcurrent?: number;\n\t/** 步数改变回调 */\n\tonChange?: (current: number) => void;\n\t/** 关闭/跳过引导回调 */\n\tonClose?: () => void;\n\t/** 全部引导完成回调 */\n\tonFinish?: () => void;\n\t/** LocalStorage 存储已完成状态的 Key（若提供则完成或跳过后自动持久化记录） */\n\tstorageKey?: string;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst GuidedTour: React.FC<GuidedTourProps> = ({\n\tsteps = [],\n\topen,\n\tcurrent: controlledCurrent,\n\tonChange,\n\tonClose,\n\tonFinish,\n\tstorageKey,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalCurrent, setInternalCurrent] = useState<number>(0);\n\tconst currentStepIndex = controlledCurrent !== undefined ? controlledCurrent : internalCurrent;\n\n\tconst [targetRect, setTargetRect] = useState<DOMRect | null>(null);\n\n\t// 获取当前步骤的目标 DOM\n\tconst getTargetElement = (step: TourStep): HTMLElement | null => {\n\t\tif (!step || !step.target) return null;\n\t\tif (typeof step.target === 'function') {\n\t\t\treturn step.target();\n\t\t}\n\t\tif (typeof step.target === 'string') {\n\t\t\treturn document.querySelector(step.target);\n\t\t}\n\t\treturn step.target;\n\t};\n\n\t// 计算目标节点坐标\n\tuseEffect(() => {\n\t\tif (!open || steps.length === 0) return;\n\n\t\tconst currentStep = steps[currentStepIndex];\n\t\tif (!currentStep) return;\n\n\t\tconst el = getTargetElement(currentStep);\n\t\tif (el) {\n\t\t\tconst rect = el.getBoundingClientRect();\n\t\t\tsetTargetRect(rect);\n\t\t\t// 自动平滑滚动到可见区域\n\t\t\tel.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\t\t} else {\n\t\t\tsetTargetRect(null);\n\t\t}\n\t}, [open, steps, currentStepIndex]);\n\n\tif (!open || steps.length === 0) return null;\n\n\tconst currentStep = steps[currentStepIndex];\n\tif (!currentStep) return null;\n\n\tconst handleNext = () => {\n\t\tif (currentStepIndex < steps.length - 1) {\n\t\t\tconst next = currentStepIndex + 1;\n\t\t\tif (controlledCurrent === undefined) setInternalCurrent(next);\n\t\t\tonChange?.(next);\n\t\t} else {\n\t\t\tif (storageKey) localStorage.setItem(storageKey, 'true');\n\t\t\tonFinish?.();\n\t\t\tonClose?.();\n\t\t}\n\t};\n\n\tconst handlePrev = () => {\n\t\tif (currentStepIndex > 0) {\n\t\t\tconst prev = currentStepIndex - 1;\n\t\t\tif (controlledCurrent === undefined) setInternalCurrent(prev);\n\t\t\tonChange?.(prev);\n\t\t}\n\t};\n\n\tconst handleSkip = () => {\n\t\tif (storageKey) localStorage.setItem(storageKey, 'true');\n\t\tonClose?.();\n\t};\n\n\t// 气泡卡片定位计算\n\tlet popoverTop = 100;\n\tlet popoverLeft = 100;\n\n\tif (targetRect) {\n\t\tconst placement = currentStep.placement || 'bottom';\n\t\tconst padding = 12;\n\n\t\tif (placement === 'bottom') {\n\t\t\tpopoverTop = targetRect.bottom + padding;\n\t\t\tpopoverLeft = targetRect.left;\n\t\t} else if (placement === 'top') {\n\t\t\tpopoverTop = targetRect.top - 180 - padding;\n\t\t\tpopoverLeft = targetRect.left;\n\t\t} else if (placement === 'left') {\n\t\t\tpopoverTop = targetRect.top;\n\t\t\tpopoverLeft = targetRect.left - 320 - padding;\n\t\t} else if (placement === 'right') {\n\t\t\tpopoverTop = targetRect.top;\n\t\t\tpopoverLeft = targetRect.right + padding;\n\t\t}\n\n\t\t// 视口防溢出修正\n\t\tpopoverLeft = Math.max(16, Math.min(window.innerWidth - 340, popoverLeft));\n\t\tpopoverTop = Math.max(16, Math.min(window.innerHeight - 200, popoverTop));\n\t}\n\n\treturn ReactDOM.createPortal(\n\t\t<div className={`rpc_guided_tour ${className}`} style={style}>\n\t\t\t{/* 镂空高亮遮罩层 */}\n\t\t\t{targetRect && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"rpc_guided_tour_highlight_box\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: `${targetRect.left - 4}px`,\n\t\t\t\t\t\ttop: `${targetRect.top - 4}px`,\n\t\t\t\t\t\twidth: `${targetRect.width + 8}px`,\n\t\t\t\t\t\theight: `${targetRect.height + 8}px`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{/* 引导卡片 */}\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_guided_tour_popover\"\n\t\t\t\tstyle={{\n\t\t\t\t\tleft: `${popoverLeft}px`,\n\t\t\t\t\ttop: `${popoverTop}px`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"rpc_guided_tour_header\">\n\t\t\t\t\t<span className=\"rpc_guided_tour_title\">{currentStep.title}</span>\n\t\t\t\t\t<CloseOutlined\n\t\t\t\t\t\tstyle={{ cursor: 'pointer', color: '#8c8c8c' }}\n\t\t\t\t\t\tonClick={handleSkip}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"rpc_guided_tour_description\">{currentStep.description}</div>\n\n\t\t\t\t<div className=\"rpc_guided_tour_footer\">\n\t\t\t\t\t<span className=\"rpc_guided_tour_progress\">\n\t\t\t\t\t\t{currentStepIndex + 1} / {steps.length}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<div className=\"rpc_guided_tour_actions\">\n\t\t\t\t\t\t{currentStepIndex > 0 && (\n\t\t\t\t\t\t\t<button type=\"button\" className=\"rpc_guided_tour_btn\" onClick={handlePrev}>\n\t\t\t\t\t\t\t\t上一步\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"rpc_guided_tour_btn rpc_guided_tour_btn_primary\"\n\t\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentStepIndex === steps.length - 1 ? '完成' : '下一步'}\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\tdocument.body,\n\t);\n};\n\nexport default GuidedTour;\n"]}

package/dist/chunk-3JJP4D5L.js

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

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

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