react-public-components 1.2.1 → 1.2.3

package/dist/chunk-HZERTFL6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../KanbanBoard/index.tsx"],"names":[],"mappings":";;;;AAyBA,SAAS,WAAA,CAAe;AAAA,EACvB,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,EAAwB;AACvB,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAwB,IAAI,CAAA;AACxE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAwB,IAAI,CAAA;AACxE,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAwB,IAAI,CAAA;AAE5E,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAA,EAAoC,MAAA,EAAgB,KAAA,KAAkB;AAC9F,IAAA,iBAAA,CAAkB,MAAM,CAAA;AACxB,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,CAAA,CAAE,YAAA,CAAa,QAAQ,YAAA,EAAc,IAAA,CAAK,UAAU,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAC,CAAA;AACtE,IAAA,CAAA,CAAE,aAAa,aAAA,GAAgB,MAAA;AAAA,EAChC,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC3B,IAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,IAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,IAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,EACzB,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,CAAA,EAAoC,KAAA,KAAkB;AAChF,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,CAAA,CAAE,aAAa,UAAA,GAAa,MAAA;AAC5B,IAAA,IAAI,qBAAqB,KAAA,EAAO;AAC/B,MAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,IAC1B;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CACvB,CAAA,EACA,WAAA,EACA,WAAA,KACI;AACJ,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,IAAI,CAAC,cAAA,IAAkB,CAAC,cAAA,EAAgB;AAExC,IAAA,MAAM,eAAe,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,WAAW,CAAA;AAC7D,IAAA,MAAM,SACL,WAAA,KAAgB,MAAA,GAAY,cAAc,YAAA,GAAe,YAAA,CAAa,MAAM,MAAA,GAAS,CAAA;AAEtF,IAAA,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAa,cAAA,EAAgB,gBAAgB,WAAA,EAAa,MAAA,CAAA;AAC1D,IAAA,aAAA,EAAc;AAAA,EACf,CAAA;AAEA,EAAA,uBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAC/C,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAA,KAAQ;AACrB,IAAA,MAAM,MAAA,GAAS,qBAAqB,GAAA,CAAI,EAAA;AAExC,IAAA,uBACC,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEA,SAAA,EAAW,CAAA,wBAAA,EACV,MAAA,GAAS,kCAAA,GAAqC,EAC/C,CAAA,CAAA;AAAA,QACA,YAAY,CAAC,CAAA,KAAM,iBAAA,CAAkB,CAAA,EAAG,IAAI,EAAE,CAAA;AAAA,QAC9C,QAAQ,CAAC,CAAA,KAAM,eAAA,CAAgB,CAAA,EAAG,IAAI,EAAE,CAAA;AAAA,QAGxC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACd,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,cAAA,GAAA,CAAI,KAAA,oBACJ,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACA,SAAA,EAAU,6BAAA;AAAA,kBACV,KAAA,EAAO,EAAE,eAAA,EAAiB,GAAA,CAAI,KAAA;AAAM;AAAA,eACrC;AAAA,8BAED,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,GAAA,CAAI,KAAA,EAAM;AAAA,aAAA,EAClB,CAAA;AAAA,gCACC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAiC,QAAA,EAAA,GAAA,CAAI,MAAM,MAAA,EAAO;AAAA,WAAA,EACnE,CAAA;AAAA,0BAGA,GAAA,CAAC,SAAI,SAAA,EAAU,8BAAA,EACb,cAAI,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,GAAA,KAAQ;AAC7B,YAAA,MAAM,MAAA,GAAS,aAAa,IAAI,CAAA;AAChC,YAAA,MAAM,aAAa,cAAA,KAAmB,MAAA;AAEtC,YAAA,uBACC,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEA,SAAA,EAAS,IAAA;AAAA,gBACT,aAAa,CAAC,CAAA,KAAM,gBAAgB,CAAA,EAAG,MAAA,EAAQ,IAAI,EAAE,CAAA;AAAA,gBACrD,SAAA,EAAW,aAAA;AAAA,gBACX,UAAA,EAAY,CAAC,CAAA,KAAM;AAClB,kBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,gBACnB,CAAA;AAAA,gBACA,MAAA,EAAQ,CAAC,CAAA,KAAM;AACd,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,eAAA,CAAgB,CAAA,EAAG,GAAA,CAAI,EAAA,EAAI,GAAG,CAAA;AAAA,gBAC/B,CAAA;AAAA,gBACA,SAAA,EAAW,CAAA,sBAAA,EACV,UAAA,GAAa,gCAAA,GAAmC,EACjD,CAAA,CAAA;AAAA,gBAEC,QAAA,EAAA,UAAA,CAAW,IAAA,EAAM,GAAA,CAAI,EAAE;AAAA,eAAA;AAAA,cAhBnB;AAAA,aAiBN;AAAA,UAEF,CAAC,CAAA,EACF;AAAA;AAAA,OAAA;AAAA,MAjDK,GAAA,CAAI;AAAA,KAkDV;AAAA,EAEF,CAAC,CAAA,EACF,CAAA;AAEF;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-HZERTFL6.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface KanbanColumn<T> {\n\tid: string;\n\ttitle: string;\n\tcolor?: string;\n\titems: T[];\n}\n\nexport interface KanbanBoardProps<T> {\n\t/** 泳道列数据 */\n\tcolumns: KanbanColumn<T>[];\n\t/** 提取卡片唯一 Key */\n\tkeyExtractor: (item: T) => string;\n\t/** 自定义渲染单个卡片 */\n\trenderCard: (item: T, columnId: string) => ReactNode;\n\t/** 卡片拖拽移动完成回调 */\n\tonCardMove?: (cardId: string, sourceColId: string, targetColId: string, newIndex: number) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction KanbanBoard<T>({\n\tcolumns,\n\tkeyExtractor,\n\trenderCard,\n\tonCardMove,\n\tclassName = '',\n\tstyle,\n}: KanbanBoardProps<T>) {\n\tconst [draggingCardId, setDraggingCardId] = useState<string | null>(null);\n\tconst [sourceColumnId, setSourceColumnId] = useState<string | null>(null);\n\tconst [dragOverColumnId, setDragOverColumnId] = useState<string | null>(null);\n\n\tconst handleDragStart = (e: React.DragEvent<HTMLDivElement>, cardId: string, colId: string) => {\n\t\tsetDraggingCardId(cardId);\n\t\tsetSourceColumnId(colId);\n\t\te.dataTransfer.setData('text/plain', JSON.stringify({ cardId, colId }));\n\t\te.dataTransfer.effectAllowed = 'move';\n\t};\n\n\tconst handleDragEnd = () => {\n\t\tsetDraggingCardId(null);\n\t\tsetSourceColumnId(null);\n\t\tsetDragOverColumnId(null);\n\t};\n\n\tconst handleDragOverCol = (e: React.DragEvent<HTMLDivElement>, colId: string) => {\n\t\te.preventDefault();\n\t\te.dataTransfer.dropEffect = 'move';\n\t\tif (dragOverColumnId !== colId) {\n\t\t\tsetDragOverColumnId(colId);\n\t\t}\n\t};\n\n\tconst handleDropOnCol = (\n\t\te: React.DragEvent<HTMLDivElement>,\n\t\ttargetColId: string,\n\t\ttargetIndex?: number,\n\t) => {\n\t\te.preventDefault();\n\t\tif (!draggingCardId || !sourceColumnId) return;\n\n\t\tconst targetColumn = columns.find((c) => c.id === targetColId);\n\t\tconst newIdx =\n\t\t\ttargetIndex !== undefined ? targetIndex : targetColumn ? targetColumn.items.length : 0;\n\n\t\tonCardMove?.(draggingCardId, sourceColumnId, targetColId, newIdx);\n\t\thandleDragEnd();\n\t};\n\n\treturn (\n\t\t<div className={`rpc_kanban_board ${className}`} style={style}>\n\t\t\t{columns.map((col) => {\n\t\t\t\tconst isOver = dragOverColumnId === col.id;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={col.id}\n\t\t\t\t\t\tclassName={`rpc_kanban_board_column ${\n\t\t\t\t\t\t\tisOver ? 'rpc_kanban_board_column_dragover' : ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonDragOver={(e) => handleDragOverCol(e, col.id)}\n\t\t\t\t\t\tonDrop={(e) => handleDropOnCol(e, col.id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* 列头部 */}\n\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_header\">\n\t\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_title_wrap\">\n\t\t\t\t\t\t\t\t{col.color && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName=\"rpc_kanban_board_column_dot\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: col.color }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<span>{col.title}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span className=\"rpc_kanban_board_column_count\">{col.items.length}</span>\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_kanban_board_column_body\">\n\t\t\t\t\t\t\t{col.items.map((item, idx) => {\n\t\t\t\t\t\t\t\tconst cardId = keyExtractor(item);\n\t\t\t\t\t\t\t\tconst isDragging = draggingCardId === cardId;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={cardId}\n\t\t\t\t\t\t\t\t\t\tdraggable\n\t\t\t\t\t\t\t\t\t\tonDragStart={(e) => handleDragStart(e, cardId, col.id)}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\t\t\tonDragOver={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDrop={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\thandleDropOnCol(e, col.id, idx);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName={`rpc_kanban_board_card ${\n\t\t\t\t\t\t\t\t\t\t\tisDragging ? 'rpc_kanban_board_card_dragging' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderCard(item, col.id)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\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 KanbanBoard;\n"]}

package/dist/chunk-IBI6AT5Z.js

@@ -0,0 +1,37 @@
+import { useState } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// ActivityLog/index.tsx
+var ActivityLogItem = ({ item }) => {
+  const [expanded, setExpanded] = useState(Boolean(item.defaultExpanded));
+  const avatarInitial = item.operator ? item.operator.charAt(0).toUpperCase() : "U";
+  return /* @__PURE__ */ jsxs("div", { className: "rpc_activity_log_item", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rpc_activity_log_avatar_col", children: [
+      /* @__PURE__ */ jsx("div", { className: "rpc_activity_log_avatar", children: item.avatar ? /* @__PURE__ */ jsx("img", { src: item.avatar, alt: item.operator }) : /* @__PURE__ */ jsx("span", { children: avatarInitial }) }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_activity_log_line" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rpc_activity_log_content", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_activity_log_header", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rpc_activity_log_operator_row", children: [
+          /* @__PURE__ */ jsx("span", { className: "rpc_activity_log_operator", children: item.operator }),
+          item.role && /* @__PURE__ */ jsx("span", { className: "rpc_activity_log_role", children: item.role }),
+          /* @__PURE__ */ jsx("span", { className: "rpc_activity_log_action", children: item.action }),
+          item.target && /* @__PURE__ */ jsx("span", { className: "rpc_activity_log_target", children: item.target })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "rpc_activity_log_time", children: item.time })
+      ] }),
+      item.detail && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "rpc_activity_log_toggle_btn", onClick: () => setExpanded(!expanded), children: expanded ? "\u6536\u8D77\u8BE6\u60C5 \u25B2" : "\u67E5\u770B\u53D8\u52A8\u8BE6\u60C5 \u25BC" }),
+        expanded && /* @__PURE__ */ jsx("div", { className: "rpc_activity_log_detail", children: item.detail })
+      ] })
+    ] })
+  ] });
+};
+var ActivityLog = ({ items = [], className = "", style }) => {
+  return /* @__PURE__ */ jsx("div", { className: `rpc_activity_log ${className}`, style, children: items.map((item) => /* @__PURE__ */ jsx(ActivityLogItem, { item }, item.id)) });
+};
+var ActivityLog_default = ActivityLog;
+
+export { ActivityLog_default };
+//# sourceMappingURL=chunk-IBI6AT5Z.js.map
+//# sourceMappingURL=chunk-IBI6AT5Z.js.map

package/dist/chunk-IBI6AT5Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ActivityLog/index.tsx"],"names":[],"mappings":";;;;AAiCA,IAAM,eAAA,GAAoD,CAAC,EAAE,IAAA,EAAK,KAAM;AACvE,EAAA,MAAM,CAAC,UAAU,WAAW,CAAA,GAAI,SAAkB,OAAA,CAAQ,IAAA,CAAK,eAAe,CAAC,CAAA;AAE/E,EAAA,MAAM,aAAA,GAAgB,KAAK,QAAA,GAAW,IAAA,CAAK,SAAS,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,EAAY,GAAI,GAAA;AAE9E,EAAA,uBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAEd,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6BAAA,EACd,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA,IAAA,CAAK,MAAA,uBACJ,KAAA,EAAA,EAAI,GAAA,EAAK,IAAA,CAAK,MAAA,EAAQ,KAAK,IAAA,CAAK,QAAA,EAAU,oBAE3C,GAAA,CAAC,MAAA,EAAA,EAAM,yBAAc,CAAA,EAEvB,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAwB;AAAA,KAAA,EACxC,CAAA;AAAA,oBAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACd,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACd,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+BAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,IAAA,CAAK,QAAA,EAAS,CAAA;AAAA,UAC1D,KAAK,IAAA,oBAAQ,GAAA,CAAC,UAAK,SAAA,EAAU,uBAAA,EAAyB,eAAK,IAAA,EAAK,CAAA;AAAA,0BACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,eAAK,MAAA,EAAO,CAAA;AAAA,UACtD,KAAK,MAAA,oBAAU,GAAA,CAAC,UAAK,SAAA,EAAU,yBAAA,EAA2B,eAAK,MAAA,EAAO;AAAA,SAAA,EACxE,CAAA;AAAA,wBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,eAAK,IAAA,EAAK;AAAA,OAAA,EACpD,CAAA;AAAA,MAEC,IAAA,CAAK,0BACL,IAAA,CAAA,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6BAAA,EAA8B,OAAA,EAAS,MAAM,WAAA,CAAY,CAAC,QAAQ,CAAA,EAChF,QAAA,EAAA,QAAA,GAAW,iCAAA,GAAW,6CAAA,EACxB,CAAA;AAAA,QAEC,4BAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,eAAK,MAAA,EAAO;AAAA,OAAA,EACpE;AAAA,KAAA,EAEF;AAAA,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAM,WAAA,GAA0C,CAAC,EAAE,KAAA,GAAQ,EAAC,EAAG,SAAA,GAAY,EAAA,EAAI,KAAA,EAAM,KAAM;AAC1F,EAAA,2BACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAC/C,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,yBACX,GAAA,CAAC,eAAA,EAAA,EAA8B,QAAT,IAAA,CAAK,EAAgB,CAC3C,CAAA,EACF,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-IBI6AT5Z.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface ActivityItem {\n\t/** 唯一标识 */\n\tid: string | number;\n\t/** 操作人昵称 */\n\toperator: string;\n\t/** 操作人头像链接或文字 */\n\tavatar?: string;\n\t/** 操作人角色（如 '管理员' / '运维工程师'） */\n\trole?: string;\n\t/** 动作类型描述（如 '发布了版本' / '修改了配置'） */\n\taction: ReactNode;\n\t/** 操作目标（如 'v2.1.0' / 'RDS-MySQL-Master'） */\n\ttarget?: ReactNode;\n\t/** 发生时间戳或文本（如 '3分钟前' / '2026-08-15 14:20'） */\n\ttime: string;\n\t/** 变动详情内容（支持折叠展开） */\n\tdetail?: ReactNode;\n\t/** 是否默认展开详情，默认为 false */\n\tdefaultExpanded?: boolean;\n}\n\nexport interface ActivityLogProps {\n\t/** 日志动态列表 */\n\titems: ActivityItem[];\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst ActivityLogItem: React.FC<{ item: ActivityItem }> = ({ item }) => {\n\tconst [expanded, setExpanded] = useState<boolean>(Boolean(item.defaultExpanded));\n\n\tconst avatarInitial = item.operator ? item.operator.charAt(0).toUpperCase() : 'U';\n\n\treturn (\n\t\t<div className=\"rpc_activity_log_item\">\n\t\t\t{/* 头像与连接轴线 */}\n\t\t\t<div className=\"rpc_activity_log_avatar_col\">\n\t\t\t\t<div className=\"rpc_activity_log_avatar\">\n\t\t\t\t\t{item.avatar ? (\n\t\t\t\t\t\t<img src={item.avatar} alt={item.operator} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span>{avatarInitial}</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rpc_activity_log_line\" />\n\t\t\t</div>\n\n\t\t\t{/* 内容主体 */}\n\t\t\t<div className=\"rpc_activity_log_content\">\n\t\t\t\t<div className=\"rpc_activity_log_header\">\n\t\t\t\t\t<div className=\"rpc_activity_log_operator_row\">\n\t\t\t\t\t\t<span className=\"rpc_activity_log_operator\">{item.operator}</span>\n\t\t\t\t\t\t{item.role && <span className=\"rpc_activity_log_role\">{item.role}</span>}\n\t\t\t\t\t\t<span className=\"rpc_activity_log_action\">{item.action}</span>\n\t\t\t\t\t\t{item.target && <span className=\"rpc_activity_log_target\">{item.target}</span>}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span className=\"rpc_activity_log_time\">{item.time}</span>\n\t\t\t\t</div>\n\n\t\t\t\t{item.detail && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"rpc_activity_log_toggle_btn\" onClick={() => setExpanded(!expanded)}>\n\t\t\t\t\t\t\t{expanded ? '收起详情 ▲' : '查看变动详情 ▼'}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t{expanded && <div className=\"rpc_activity_log_detail\">{item.detail}</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\nconst ActivityLog: React.FC<ActivityLogProps> = ({ items = [], className = '', style }) => {\n\treturn (\n\t\t<div className={`rpc_activity_log ${className}`} style={style}>\n\t\t\t{items.map((item) => (\n\t\t\t\t<ActivityLogItem key={item.id} item={item} />\n\t\t\t))}\n\t\t</div>\n\t);\n};\n\nexport default ActivityLog;\n"]}

package/dist/chunk-IBOCJ2ZS.js

@@ -0,0 +1,147 @@
+import { CloseOutlined } from './chunk-ISUXPTLV.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-IBOCJ2ZS.js.map
+//# sourceMappingURL=chunk-IBOCJ2ZS.js.map

package/dist/chunk-IBOCJ2ZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../GuidedTour/index.tsx"],"names":["currentStep"],"mappings":";;;;;AAuCA,IAAM,aAAwC,CAAC;AAAA,EAC9C,QAAQ,EAAC;AAAA,EACT,IAAA;AAAA,EACA,OAAA,EAAS,iBAAA;AAAA,EACT,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAiB,CAAC,CAAA;AAChE,EAAA,MAAM,gBAAA,GAAmB,iBAAA,KAAsB,MAAA,GAAY,iBAAA,GAAoB,eAAA;AAE/E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAyB,IAAI,CAAA;AAGjE,EAAA,MAAM,gBAAA,GAAmB,CAAC,IAAA,KAAuC;AAChE,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,IAAA,CAAK,QAAQ,OAAO,IAAA;AAClC,IAAA,IAAI,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,EAAY;AACtC,MAAA,OAAO,KAAK,MAAA,EAAO;AAAA,IACpB;AACA,IAAA,IAAI,OAAO,IAAA,CAAK,MAAA,KAAW,QAAA,EAAU;AACpC,MAAA,OAAO,QAAA,CAAS,aAAA,CAAc,IAAA,CAAK,MAAM,CAAA;AAAA,IAC1C;AACA,IAAA,OAAO,IAAA,CAAK,MAAA;AAAA,EACb,CAAA;AAGA,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,IAAI,CAAC,IAAA,IAAQ,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG;AAEjC,IAAA,MAAMA,YAAAA,GAAc,MAAM,gBAAgB,CAAA;AAC1C,IAAA,IAAI,CAACA,YAAAA,EAAa;AAElB,IAAA,MAAM,EAAA,GAAK,iBAAiBA,YAAW,CAAA;AACvC,IAAA,IAAI,EAAA,EAAI;AACP,MAAA,MAAM,IAAA,GAAO,GAAG,qBAAA,EAAsB;AACtC,MAAA,aAAA,CAAc,IAAI,CAAA;AAElB,MAAA,EAAA,CAAG,eAAe,EAAE,QAAA,EAAU,QAAA,EAAU,KAAA,EAAO,UAAU,CAAA;AAAA,IAC1D,CAAA,MAAO;AACN,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACnB;AAAA,EACD,CAAA,EAAG,CAAC,IAAA,EAAM,KAAA,EAAO,gBAAgB,CAAC,CAAA;AAElC,EAAA,IAAI,CAAC,IAAA,IAAQ,KAAA,CAAM,MAAA,KAAW,GAAG,OAAO,IAAA;AAExC,EAAA,MAAM,WAAA,GAAc,MAAM,gBAAgB,CAAA;AAC1C,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AAEzB,EAAA,MAAM,aAAa,MAAM;AACxB,IAAA,IAAI,gBAAA,GAAmB,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG;AACxC,MAAA,MAAM,OAAO,gBAAA,GAAmB,CAAA;AAChC,MAAA,IAAI,iBAAA,KAAsB,MAAA,EAAW,kBAAA,CAAmB,IAAI,CAAA;AAC5D,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAA;AAAA,IACZ,CAAA,MAAO;AACN,MAAA,IAAI,UAAA,EAAY,YAAA,CAAa,OAAA,CAAQ,UAAA,EAAY,MAAM,CAAA;AACvD,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,EAAA;AACA,MAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,EAAA;AAAA,IACD;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACxB,IAAA,IAAI,mBAAmB,CAAA,EAAG;AACzB,MAAA,MAAM,OAAO,gBAAA,GAAmB,CAAA;AAChC,MAAA,IAAI,iBAAA,KAAsB,MAAA,EAAW,kBAAA,CAAmB,IAAI,CAAA;AAC5D,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAA;AAAA,IACZ;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACxB,IAAA,IAAI,UAAA,EAAY,YAAA,CAAa,OAAA,CAAQ,UAAA,EAAY,MAAM,CAAA;AACvD,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,EAAA;AAAA,EACD,CAAA;AAGA,EAAA,IAAI,UAAA,GAAa,GAAA;AACjB,EAAA,IAAI,WAAA,GAAc,GAAA;AAElB,EAAA,IAAI,UAAA,EAAY;AACf,IAAA,MAAM,SAAA,GAAY,YAAY,SAAA,IAAa,QAAA;AAC3C,IAAA,MAAM,OAAA,GAAU,EAAA;AAEhB,IAAA,IAAI,cAAc,QAAA,EAAU;AAC3B,MAAA,UAAA,GAAa,WAAW,MAAA,GAAS,OAAA;AACjC,MAAA,WAAA,GAAc,UAAA,CAAW,IAAA;AAAA,IAC1B,CAAA,MAAA,IAAW,cAAc,KAAA,EAAO;AAC/B,MAAA,UAAA,GAAa,UAAA,CAAW,MAAM,GAAA,GAAM,OAAA;AACpC,MAAA,WAAA,GAAc,UAAA,CAAW,IAAA;AAAA,IAC1B,CAAA,MAAA,IAAW,cAAc,MAAA,EAAQ;AAChC,MAAA,UAAA,GAAa,UAAA,CAAW,GAAA;AACxB,MAAA,WAAA,GAAc,UAAA,CAAW,OAAO,GAAA,GAAM,OAAA;AAAA,IACvC,CAAA,MAAA,IAAW,cAAc,OAAA,EAAS;AACjC,MAAA,UAAA,GAAa,UAAA,CAAW,GAAA;AACxB,MAAA,WAAA,GAAc,WAAW,KAAA,GAAQ,OAAA;AAAA,IAClC;AAGA,IAAA,WAAA,GAAc,IAAA,CAAK,IAAI,EAAA,EAAI,IAAA,CAAK,IAAI,MAAA,CAAO,UAAA,GAAa,GAAA,EAAK,WAAW,CAAC,CAAA;AACzE,IAAA,UAAA,GAAa,IAAA,CAAK,IAAI,EAAA,EAAI,IAAA,CAAK,IAAI,MAAA,CAAO,WAAA,GAAc,GAAA,EAAK,UAAU,CAAC,CAAA;AAAA,EACzE;AAEA,EAAA,OAAO,QAAA,CAAS,YAAA;AAAA,yBACd,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,gBAAA,EAAmB,SAAS,IAAI,KAAA,EAE9C,QAAA,EAAA;AAAA,MAAA,UAAA,oBACA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACA,SAAA,EAAU,+BAAA;AAAA,UACV,KAAA,EAAO;AAAA,YACN,IAAA,EAAM,CAAA,EAAG,UAAA,CAAW,IAAA,GAAO,CAAC,CAAA,EAAA,CAAA;AAAA,YAC5B,GAAA,EAAK,CAAA,EAAG,UAAA,CAAW,GAAA,GAAM,CAAC,CAAA,EAAA,CAAA;AAAA,YAC1B,KAAA,EAAO,CAAA,EAAG,UAAA,CAAW,KAAA,GAAQ,CAAC,CAAA,EAAA,CAAA;AAAA,YAC9B,MAAA,EAAQ,CAAA,EAAG,UAAA,CAAW,MAAA,GAAS,CAAC,CAAA,EAAA;AAAA;AACjC;AAAA,OACD;AAAA,sBAID,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACA,SAAA,EAAU,yBAAA;AAAA,UACV,KAAA,EAAO;AAAA,YACN,IAAA,EAAM,GAAG,WAAW,CAAA,EAAA,CAAA;AAAA,YACpB,GAAA,EAAK,GAAG,UAAU,CAAA,EAAA;AAAA,WACnB;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACd,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,WAAA,CAAY,KAAA,EAAM,CAAA;AAAA,8BAC3D,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,EAAE,MAAA,EAAQ,WAAW,KAAA,EAAO,SAAA,EAAU,EAAG,OAAA,EAAS,UAAA,EAAY;AAAA,aAAA,EACrF,CAAA;AAAA,4BAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EAA+B,sBAAY,WAAA,EAAY,CAAA;AAAA,4BAEtE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACd,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,0BAAA,EACd,QAAA,EAAA;AAAA,gBAAA,gBAAA,GAAmB,CAAA;AAAA,gBAAE,KAAA;AAAA,gBAAI,KAAA,CAAM;AAAA,eAAA,EACjC,CAAA;AAAA,8BAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,gBAAA,gBAAA,GAAmB,CAAA,wBAClB,QAAA,EAAA,EAAO,IAAA,EAAK,UAAS,SAAA,EAAU,qBAAA,EAAsB,OAAA,EAAS,UAAA,EAAY,QAAA,EAAA,oBAAA,EAE3E,CAAA;AAAA,gCAED,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACA,IAAA,EAAK,QAAA;AAAA,oBACL,SAAA,EAAU,iDAAA;AAAA,oBACV,OAAA,EAAS,UAAA;AAAA,oBAER,QAAA,EAAA,gBAAA,KAAqB,KAAA,CAAM,MAAA,GAAS,CAAA,GAAI,cAAA,GAAO;AAAA;AAAA;AACjD,eAAA,EACD;AAAA,aAAA,EACD;AAAA;AAAA;AAAA;AACD,KAAA,EACD,CAAA;AAAA,IACA,QAAA,CAAS;AAAA,GACV;AACD,CAAA;AAEA,IAAO,kBAAA,GAAQ","file":"chunk-IBOCJ2ZS.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 style={{ cursor: 'pointer', color: '#8c8c8c' }} onClick={handleSkip} />\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-IBYFOFSS.js

@@ -0,0 +1,79 @@
+import { CountUp_default } from './chunk-OBK6XTUY.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function generateSparklinePath(data, width = 200, height = 36) {
+  if (!data || data.length < 2) return { linePath: "", fillPath: "" };
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const range = max - min || 1;
+  const padding = 2;
+  const usableHeight = height - padding * 2;
+  const points = data.map((val, idx) => {
+    const x = idx / (data.length - 1) * width;
+    const y = height - padding - (val - min) / range * usableHeight;
+    return `${x.toFixed(1)},${y.toFixed(1)}`;
+  });
+  const linePath = `M ${points.join(" L ")}`;
+  const fillPath = `M ${points[0]} L ${points.join(" L ")} L ${width},${height} L 0,${height} Z`;
+  return { linePath, fillPath };
+}
+var MetricCard = ({
+  title,
+  value,
+  prefix,
+  suffix,
+  trend,
+  trendValue,
+  trendLabel,
+  chartData,
+  chartColor = "#1677ff",
+  footer,
+  extra,
+  className = "",
+  style
+}) => {
+  const isNumeric = typeof value === "number";
+  const { linePath, fillPath } = chartData ? generateSparklinePath(chartData) : { linePath: "", fillPath: "" };
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_metric_card ${className}`, style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rpc_metric_card_header", children: [
+      /* @__PURE__ */ jsx("span", { className: "rpc_metric_card_title", children: title }),
+      extra && /* @__PURE__ */ jsx("div", { children: extra })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rpc_metric_card_body", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_metric_card_value_wrap", children: [
+        prefix && /* @__PURE__ */ jsx("span", { className: "rpc_metric_card_prefix", children: prefix }),
+        /* @__PURE__ */ jsx("span", { className: "rpc_metric_card_value", children: isNumeric ? /* @__PURE__ */ jsx(CountUp_default, { end: value, duration: 1.2 }) : value }),
+        suffix && /* @__PURE__ */ jsx("span", { className: "rpc_metric_card_suffix", children: suffix })
+      ] }),
+      trend && /* @__PURE__ */ jsxs("div", { className: `rpc_metric_card_trend rpc_metric_card_trend_${trend}`, children: [
+        /* @__PURE__ */ jsx("span", { children: trend === "up" ? "\u25B2" : "\u25BC" }),
+        /* @__PURE__ */ jsx("span", { children: trendValue }),
+        trendLabel && /* @__PURE__ */ jsx("span", { style: { color: "#8c8c8c", fontWeight: 400, marginLeft: 2 }, children: trendLabel })
+      ] })
+    ] }),
+    chartData && chartData.length > 1 && /* @__PURE__ */ jsx("div", { className: "rpc_metric_card_sparkline", children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 200 36", preserveAspectRatio: "none", children: [
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `grad-${chartColor}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: chartColor, stopOpacity: "0.25" }),
+        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: chartColor, stopOpacity: "0" })
+      ] }) }),
+      /* @__PURE__ */ jsx("path", { d: fillPath, fill: `url(#grad-${chartColor})` }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: linePath,
+          fill: "none",
+          stroke: chartColor,
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ] }) }),
+    footer && /* @__PURE__ */ jsx("div", { className: "rpc_metric_card_footer", children: footer })
+  ] });
+};
+var MetricCard_default = MetricCard;
+
+export { MetricCard_default };
+//# sourceMappingURL=chunk-IBYFOFSS.js.map
+//# sourceMappingURL=chunk-IBYFOFSS.js.map

package/dist/chunk-IBYFOFSS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../MetricCard/index.tsx"],"names":[],"mappings":"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","file":"chunk-IBYFOFSS.js","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport CountUp from '../CountUp';\nimport './index.less';\n\nexport interface MetricCardProps {\n\t/** 卡片标题 */\n\ttitle: ReactNode;\n\t/** 指标数值（若是数字则自动平滑滚动） */\n\tvalue: number | string;\n\t/** 数值前缀（如 '¥'） */\n\tprefix?: ReactNode;\n\t/** 数值后缀（如 '元' / '%'） */\n\tsuffix?: ReactNode;\n\t/** 趋势方向：'up' 上升（绿色），'down' 下降（红色） */\n\ttrend?: 'up' | 'down';\n\t/** 趋势数值说明（如 '+18.5%' 或 '-3.2%'） */\n\ttrendValue?: ReactNode;\n\t/** 趋势比较文本说明（如 '较上月'） */\n\ttrendLabel?: ReactNode;\n\t/** 迷你折线图数据数组（如 [12, 18, 15, 26, 32, 40]） */\n\tchartData?: number[];\n\t/** 折线图颜色，默认为 '#1677ff' */\n\tchartColor?: string;\n\t/** 底部说明节点 */\n\tfooter?: ReactNode;\n\t/** 右上角额外操作节点 */\n\textra?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n// 自动生成 SVG Sparkline 迷你平滑路径\nfunction generateSparklinePath(data: number[], width: number = 200, height: number = 36) {\n\tif (!data || data.length < 2) return { linePath: '', fillPath: '' };\n\n\tconst min = Math.min(...data);\n\tconst max = Math.max(...data);\n\tconst range = max - min || 1;\n\n\tconst padding = 2;\n\tconst usableHeight = height - padding * 2;\n\n\tconst points = data.map((val, idx) => {\n\t\tconst x = (idx / (data.length - 1)) * width;\n\t\tconst y = height - padding - ((val - min) / range) * usableHeight;\n\t\treturn `${x.toFixed(1)},${y.toFixed(1)}`;\n\t});\n\n\tconst linePath = `M ${points.join(' L ')}`;\n\tconst fillPath = `M ${points[0]} L ${points.join(' L ')} L ${width},${height} L 0,${height} Z`;\n\n\treturn { linePath, fillPath };\n}\n\nconst MetricCard: React.FC<MetricCardProps> = ({\n\ttitle,\n\tvalue,\n\tprefix,\n\tsuffix,\n\ttrend,\n\ttrendValue,\n\ttrendLabel,\n\tchartData,\n\tchartColor = '#1677ff',\n\tfooter,\n\textra,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst isNumeric = typeof value === 'number';\n\tconst { linePath, fillPath } = chartData\n\t\t? generateSparklinePath(chartData)\n\t\t: { linePath: '', fillPath: '' };\n\n\treturn (\n\t\t<div className={`rpc_metric_card ${className}`} style={style}>\n\t\t\t{/* 头部标题与操作 */}\n\t\t\t<div className=\"rpc_metric_card_header\">\n\t\t\t\t<span className=\"rpc_metric_card_title\">{title}</span>\n\t\t\t\t{extra && <div>{extra}</div>}\n\t\t\t</div>\n\n\t\t\t{/* 主体数值与趋势 */}\n\t\t\t<div className=\"rpc_metric_card_body\">\n\t\t\t\t<div className=\"rpc_metric_card_value_wrap\">\n\t\t\t\t\t{prefix && <span className=\"rpc_metric_card_prefix\">{prefix}</span>}\n\t\t\t\t\t<span className=\"rpc_metric_card_value\">\n\t\t\t\t\t\t{isNumeric ? <CountUp end={value as number} duration={1.2} /> : value}\n\t\t\t\t\t</span>\n\t\t\t\t\t{suffix && <span className=\"rpc_metric_card_suffix\">{suffix}</span>}\n\t\t\t\t</div>\n\n\t\t\t\t{trend && (\n\t\t\t\t\t<div className={`rpc_metric_card_trend rpc_metric_card_trend_${trend}`}>\n\t\t\t\t\t\t<span>{trend === 'up' ? '▲' : '▼'}</span>\n\t\t\t\t\t\t<span>{trendValue}</span>\n\t\t\t\t\t\t{trendLabel && (\n\t\t\t\t\t\t\t<span style={{ color: '#8c8c8c', fontWeight: 400, marginLeft: 2 }}>{trendLabel}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* 微折线 Sparkline 图 */}\n\t\t\t{chartData && chartData.length > 1 && (\n\t\t\t\t<div className=\"rpc_metric_card_sparkline\">\n\t\t\t\t\t<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 200 36\" preserveAspectRatio=\"none\">\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t<linearGradient id={`grad-${chartColor}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t\t\t<stop offset=\"0%\" stopColor={chartColor} stopOpacity=\"0.25\" />\n\t\t\t\t\t\t\t\t<stop offset=\"100%\" stopColor={chartColor} stopOpacity=\"0\" />\n\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t<path d={fillPath} fill={`url(#grad-${chartColor})`} />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td={linePath}\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke={chartColor}\n\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 底部备注 */}\n\t\t\t{footer && <div className=\"rpc_metric_card_footer\">{footer}</div>}\n\t\t</div>\n\t);\n};\n\nexport default MetricCard;\n"]}

package/dist/chunk-IRU5E252.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// TiltCard/index.tsx
+var TiltCard = ({
+  children,
+  maxAngle = 15,
+  scale = 1.02,
+  glare = true,
+  perspective = 1e3,
+  className = "",
+  style
+}) => {
+  const cardRef = react.useRef(null);
+  const [transformStyle, setTransformStyle] = react.useState("");
+  const [glareStyle, setGlareStyle] = react.useState({ opacity: 0 });
+  const handleMouseMove = (e) => {
+    if (!cardRef.current) return;
+    const rect = cardRef.current.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    const percentX = x / rect.width * 2 - 1;
+    const percentY = y / rect.height * 2 - 1;
+    const rotateX = -percentY * maxAngle;
+    const rotateY = percentX * maxAngle;
+    setTransformStyle(
+      `perspective(${perspective}px) rotateX(${rotateX.toFixed(2)}deg) rotateY(${rotateY.toFixed(2)}deg) scale3d(${scale}, ${scale}, ${scale})`
+    );
+    if (glare) {
+      const angle = Math.atan2(percentY, percentX) * (180 / Math.PI) - 90;
+      setGlareStyle({
+        opacity: 0.25,
+        background: `linear-gradient(${angle}deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 80%)`
+      });
+    }
+  };
+  const handleMouseLeave = () => {
+    setTransformStyle(`perspective(${perspective}px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`);
+    setGlareStyle({ opacity: 0 });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: cardRef,
+      onMouseMove: handleMouseMove,
+      onMouseLeave: handleMouseLeave,
+      className: `rpc_tilt_card ${className}`,
+      style: {
+        transform: transformStyle,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tilt_card_content", children }),
+        glare && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tilt_card_glare", style: glareStyle })
+      ]
+    }
+  );
+};
+var TiltCard_default = TiltCard;
+
+exports.TiltCard_default = TiltCard_default;
+//# sourceMappingURL=chunk-IRU5E252.cjs.map
+//# sourceMappingURL=chunk-IRU5E252.cjs.map

package/dist/chunk-IRU5E252.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TiltCard/index.tsx"],"names":["useRef","useState","jsxs","jsx"],"mappings":";;;;;;AAoBA,IAAM,WAAoC,CAAC;AAAA,EAC1C,QAAA;AAAA,EACA,QAAA,GAAW,EAAA;AAAA,EACX,KAAA,GAAQ,IAAA;AAAA,EACR,KAAA,GAAQ,IAAA;AAAA,EACR,WAAA,GAAc,GAAA;AAAA,EACd,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,OAAA,GAAUA,aAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIC,eAAiB,EAAE,CAAA;AAC/D,EAAA,MAAM,CAAC,YAAY,aAAa,CAAA,GAAIA,eAAwB,EAAE,OAAA,EAAS,GAAG,CAAA;AAE1E,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;AAEnD,IAAA,MAAM,CAAA,GAAI,CAAA,CAAE,OAAA,GAAU,IAAA,CAAK,IAAA;AAC3B,IAAA,MAAM,CAAA,GAAI,CAAA,CAAE,OAAA,GAAU,IAAA,CAAK,GAAA;AAE3B,IAAA,MAAM,QAAA,GAAY,CAAA,GAAI,IAAA,CAAK,KAAA,GAAS,CAAA,GAAI,CAAA;AACxC,IAAA,MAAM,QAAA,GAAY,CAAA,GAAI,IAAA,CAAK,MAAA,GAAU,CAAA,GAAI,CAAA;AAEzC,IAAA,MAAM,OAAA,GAAU,CAAC,QAAA,GAAW,QAAA;AAC5B,IAAA,MAAM,UAAU,QAAA,GAAW,QAAA;AAE3B,IAAA,iBAAA;AAAA,MACC,eAAe,WAAW,CAAA,YAAA,EAAe,OAAA,CAAQ,OAAA,CAAQ,CAAC,CAAC,CAAA,aAAA,EAAgB,OAAA,CAAQ,OAAA,CAAQ,CAAC,CAAC,CAAA,aAAA,EAAgB,KAAK,CAAA,EAAA,EAAK,KAAK,KAAK,KAAK,CAAA,CAAA;AAAA,KACvI;AAEA,IAAA,IAAI,KAAA,EAAO;AACV,MAAA,MAAM,KAAA,GAAQ,KAAK,KAAA,CAAM,QAAA,EAAU,QAAQ,CAAA,IAAK,GAAA,GAAM,KAAK,EAAA,CAAA,GAAM,EAAA;AACjE,MAAA,aAAA,CAAc;AAAA,QACb,OAAA,EAAS,IAAA;AAAA,QACT,UAAA,EAAY,mBAAmB,KAAK,CAAA,6DAAA;AAAA,OACpC,CAAA;AAAA,IACF;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,iBAAA,CAAkB,CAAA,YAAA,EAAe,WAAW,CAAA,gDAAA,CAAkD,CAAA;AAC9F,IAAA,aAAA,CAAc,EAAE,OAAA,EAAS,CAAA,EAAG,CAAA;AAAA,EAC7B,CAAA;AAEA,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,GAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAa,eAAA;AAAA,MACb,YAAA,EAAc,gBAAA;AAAA,MACd,SAAA,EAAW,iBAAiB,SAAS,CAAA,CAAA;AAAA,MACrC,KAAA,EAAO;AAAA,QACN,SAAA,EAAW,cAAA;AAAA,QACX,GAAG;AAAA,OACJ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAS,CAAA;AAAA,QAChD,yBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAsB,OAAO,UAAA,EAAY;AAAA;AAAA;AAAA,GACnE;AAEF,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"chunk-IRU5E252.cjs","sourcesContent":["import React, { useState, useRef, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface TiltCardProps {\n\t/** 卡片子内容 */\n\tchildren: ReactNode;\n\t/** 最大倾斜旋转角度（度），默认为 15 */\n\tmaxAngle?: number;\n\t/** 鼠标悬停时的缩放比例，默认为 1.02 */\n\tscale?: number;\n\t/** 是否开启表面跟随高光（Glare），默认为 true */\n\tglare?: boolean;\n\t/** 透视景深（像素），默认为 1000 */\n\tperspective?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TiltCard: React.FC<TiltCardProps> = ({\n\tchildren,\n\tmaxAngle = 15,\n\tscale = 1.02,\n\tglare = true,\n\tperspective = 1000,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst cardRef = useRef<HTMLDivElement>(null);\n\tconst [transformStyle, setTransformStyle] = useState<string>('');\n\tconst [glareStyle, setGlareStyle] = useState<CSSProperties>({ opacity: 0 });\n\n\tconst handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!cardRef.current) return;\n\t\tconst rect = cardRef.current.getBoundingClientRect();\n\n\t\tconst x = e.clientX - rect.left;\n\t\tconst y = e.clientY - rect.top;\n\n\t\tconst percentX = (x / rect.width) * 2 - 1; // -1 ~ 1\n\t\tconst percentY = (y / rect.height) * 2 - 1; // -1 ~ 1\n\n\t\tconst rotateX = -percentY * maxAngle;\n\t\tconst rotateY = percentX * maxAngle;\n\n\t\tsetTransformStyle(\n\t\t\t`perspective(${perspective}px) rotateX(${rotateX.toFixed(2)}deg) rotateY(${rotateY.toFixed(2)}deg) scale3d(${scale}, ${scale}, ${scale})`,\n\t\t);\n\n\t\tif (glare) {\n\t\t\tconst angle = Math.atan2(percentY, percentX) * (180 / Math.PI) - 90;\n\t\t\tsetGlareStyle({\n\t\t\t\topacity: 0.25,\n\t\t\t\tbackground: `linear-gradient(${angle}deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 80%)`,\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tsetTransformStyle(`perspective(${perspective}px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`);\n\t\tsetGlareStyle({ opacity: 0 });\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={cardRef}\n\t\t\tonMouseMove={handleMouseMove}\n\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\tclassName={`rpc_tilt_card ${className}`}\n\t\t\tstyle={{\n\t\t\t\ttransform: transformStyle,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t<div className=\"rpc_tilt_card_content\">{children}</div>\n\t\t\t{glare && <div className=\"rpc_tilt_card_glare\" style={glareStyle} />}\n\t\t</div>\n\t);\n};\n\nexport default TiltCard;\n"]}