react-public-components 1.2.2 → 1.2.3

package/dist/{chunk-RWZSTG6Q.cjs.map → chunk-ZUW3XLZQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../ContextMenu/index.tsx"],"names":["useState","useRef","useEffect","jsx","jsxs","RightOutlined","ReactDOM"],"mappings":"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","file":"chunk-RWZSTG6Q.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { RightOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface ContextMenuItem {\n\t/** 菜单项唯一标识 */\n\tkey: string;\n\t/** 菜单项展示文本或节点 */\n\tlabel?: ReactNode;\n\t/** 菜单项前置图标 */\n\ticon?: ReactNode;\n\t/** 是否为分割线 */\n\ttype?: 'divider';\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 是否为警示/危险操作（红色显示） */\n\tdanger?: boolean;\n\t/** 快捷键提示（如 '⌘ C' / 'Ctrl+C'） */\n\tshortcut?: string;\n\t/** 二级子菜单项列表 */\n\tchildren?: ContextMenuItem[];\n\t/** 点击菜单项回调 */\n\tonClick?: (item: ContextMenuItem, e: React.MouseEvent) => void;\n}\n\nexport interface ContextMenuProps {\n\t/** 菜单项列表配置 */\n\titems: ContextMenuItem[];\n\t/** 被右键激活的目标子组件/容器 */\n\tchildren: ReactNode;\n\t/** 是否禁用右键上下文菜单 */\n\tdisabled?: boolean;\n\t/** 菜单显隐状态改变回调 */\n\tonOpenChange?: (open: boolean) => void;\n\t/** 自定义菜单类名 */\n\tmenuClassName?: string;\n\t/** 自定义菜单样式 */\n\tmenuStyle?: CSSProperties;\n\t/** 自定义外层包裹类名 */\n\tclassName?: string;\n\t/** 自定义外层包裹样式 */\n\tstyle?: CSSProperties;\n}\n\ninterface Position {\n\tx: number;\n\ty: number;\n}\n\nconst ContextMenu: React.FC<ContextMenuProps> = ({\n\titems,\n\tchildren,\n\tdisabled = false,\n\tonOpenChange,\n\tmenuClassName = '',\n\tmenuStyle,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [visible, setVisible] = useState<boolean>(false);\n\tconst [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n\tconst menuRef = useRef<HTMLDivElement>(null);\n\n\tconst handleContextMenu = (e: React.MouseEvent) => {\n\t\tif (disabled) return;\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst mouseX = e.clientX;\n\t\tconst mouseY = e.clientY;\n\n\t\t// 初始设置位置\n\t\tsetPosition({ x: mouseX, y: mouseY });\n\t\tsetVisible(true);\n\t\tonOpenChange?.(true);\n\t};\n\n\t// 菜单渲染后自适应调整边界，防止溢出视口\n\tuseEffect(() => {\n\t\tif (!visible || !menuRef.current) return;\n\t\tconst menuEl = menuRef.current;\n\t\tconst rect = menuEl.getBoundingClientRect();\n\n\t\tlet adjustedX = position.x;\n\t\tlet adjustedY = position.y;\n\n\t\t// 水平防溢出\n\t\tif (position.x + rect.width > window.innerWidth) {\n\t\t\tadjustedX = window.innerWidth - rect.width - 8;\n\t\t}\n\n\t\t// 垂直防溢出\n\t\tif (position.y + rect.height > window.innerHeight) {\n\t\t\tadjustedY = window.innerHeight - rect.height - 8;\n\t\t}\n\n\t\tif (adjustedX !== position.x || adjustedY !== position.y) {\n\t\t\tsetPosition({ x: Math.max(8, adjustedX), y: Math.max(8, adjustedY) });\n\t\t}\n\t}, [visible]);\n\n\t// 点击外部、按 ESC、页面滚动时关闭菜单\n\tuseEffect(() => {\n\t\tif (!visible) return;\n\n\t\tconst handleClose = (e: MouseEvent | KeyboardEvent) => {\n\t\t\tif (e instanceof KeyboardEvent && e.key !== 'Escape') return;\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tconst handleScroll = () => {\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tdocument.addEventListener('mousedown', handleClose);\n\t\tdocument.addEventListener('keydown', handleClose);\n\t\twindow.addEventListener('scroll', handleScroll, true);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClose);\n\t\t\tdocument.removeEventListener('keydown', handleClose);\n\t\t\twindow.removeEventListener('scroll', handleScroll, true);\n\t\t};\n\t}, [visible, onOpenChange]);\n\n\t// 渲染菜单项（递归支持二级子菜单）\n\tconst renderMenuItem = (item: ContextMenuItem) => {\n\t\tif (item.type === 'divider') {\n\t\t\treturn <div key={item.key} className=\"rpc_context_menu_divider\" />;\n\t\t}\n\n\t\tconst hasSub = item.children && item.children.length > 0;\n\n\t\tconst handleItemClick = (e: React.MouseEvent) => {\n\t\t\tif (item.disabled || hasSub) return;\n\t\t\te.stopPropagation();\n\t\t\titem.onClick?.(item, e);\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tconst itemClassNames = [\n\t\t\t'rpc_context_menu_item',\n\t\t\titem.danger ? 'rpc_context_menu_item_danger' : '',\n\t\t\titem.disabled ? 'rpc_context_menu_item_disabled' : '',\n\t\t]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ');\n\n\t\treturn (\n\t\t\t<div key={item.key} className={itemClassNames} onClick={handleItemClick}>\n\t\t\t\t{item.icon && <span className=\"rpc_context_menu_item_icon\">{item.icon}</span>}\n\t\t\t\t<span className=\"rpc_context_menu_item_label\">{item.label}</span>\n\t\t\t\t{item.shortcut && <span className=\"rpc_context_menu_item_shortcut\">{item.shortcut}</span>}\n\t\t\t\t{hasSub && <RightOutlined className=\"rpc_context_menu_item_arrow\" />}\n\n\t\t\t\t{/* 二级子菜单 */}\n\t\t\t\t{hasSub && (\n\t\t\t\t\t<div className=\"rpc_context_menu_submenu\">\n\t\t\t\t\t\t{item.children!.map((sub) => renderMenuItem(sub))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst menuContent = visible && typeof document !== 'undefined' ? (\n\t\tReactDOM.createPortal(\n\t\t\t<div\n\t\t\t\tref={menuRef}\n\t\t\t\tclassName={`rpc_context_menu_panel ${menuClassName}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tleft: `${position.x}px`,\n\t\t\t\t\ttop: `${position.y}px`,\n\t\t\t\t\t...menuStyle,\n\t\t\t\t}}\n\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t>\n\t\t\t\t{items.map((item) => renderMenuItem(item))}\n\t\t\t</div>,\n\t\t\tdocument.body,\n\t\t)\n\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_context_menu ${className}`}\n\t\t\tstyle={style}\n\t\t\tonContextMenu={handleContextMenu}\n\t\t>\n\t\t\t{children}\n\t\t\t{menuContent}\n\t\t</div>\n\t);\n};\n\nexport default ContextMenu;\n"]}
+{"version":3,"sources":["../ContextMenu/index.tsx"],"names":["useState","useRef","useEffect","jsx","jsxs","RightOutlined","ReactDOM"],"mappings":"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","file":"chunk-ZUW3XLZQ.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { RightOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface ContextMenuItem {\n\t/** 菜单项唯一标识 */\n\tkey: string;\n\t/** 菜单项展示文本或节点 */\n\tlabel?: ReactNode;\n\t/** 菜单项前置图标 */\n\ticon?: ReactNode;\n\t/** 是否为分割线 */\n\ttype?: 'divider';\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 是否为警示/危险操作（红色显示） */\n\tdanger?: boolean;\n\t/** 快捷键提示（如 '⌘ C' / 'Ctrl+C'） */\n\tshortcut?: string;\n\t/** 二级子菜单项列表 */\n\tchildren?: ContextMenuItem[];\n\t/** 点击菜单项回调 */\n\tonClick?: (item: ContextMenuItem, e: React.MouseEvent) => void;\n}\n\nexport interface ContextMenuProps {\n\t/** 菜单项列表配置 */\n\titems: ContextMenuItem[];\n\t/** 被右键激活的目标子组件/容器 */\n\tchildren: ReactNode;\n\t/** 是否禁用右键上下文菜单 */\n\tdisabled?: boolean;\n\t/** 菜单显隐状态改变回调 */\n\tonOpenChange?: (open: boolean) => void;\n\t/** 自定义菜单类名 */\n\tmenuClassName?: string;\n\t/** 自定义菜单样式 */\n\tmenuStyle?: CSSProperties;\n\t/** 自定义外层包裹类名 */\n\tclassName?: string;\n\t/** 自定义外层包裹样式 */\n\tstyle?: CSSProperties;\n}\n\ninterface Position {\n\tx: number;\n\ty: number;\n}\n\nconst ContextMenu: React.FC<ContextMenuProps> = ({\n\titems,\n\tchildren,\n\tdisabled = false,\n\tonOpenChange,\n\tmenuClassName = '',\n\tmenuStyle,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [visible, setVisible] = useState<boolean>(false);\n\tconst [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n\tconst menuRef = useRef<HTMLDivElement>(null);\n\n\tconst handleContextMenu = (e: React.MouseEvent) => {\n\t\tif (disabled) return;\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst mouseX = e.clientX;\n\t\tconst mouseY = e.clientY;\n\n\t\t// 初始设置位置\n\t\tsetPosition({ x: mouseX, y: mouseY });\n\t\tsetVisible(true);\n\t\tonOpenChange?.(true);\n\t};\n\n\t// 菜单渲染后自适应调整边界，防止溢出视口\n\tuseEffect(() => {\n\t\tif (!visible || !menuRef.current) return;\n\t\tconst menuEl = menuRef.current;\n\t\tconst rect = menuEl.getBoundingClientRect();\n\n\t\tlet adjustedX = position.x;\n\t\tlet adjustedY = position.y;\n\n\t\t// 水平防溢出\n\t\tif (position.x + rect.width > window.innerWidth) {\n\t\t\tadjustedX = window.innerWidth - rect.width - 8;\n\t\t}\n\n\t\t// 垂直防溢出\n\t\tif (position.y + rect.height > window.innerHeight) {\n\t\t\tadjustedY = window.innerHeight - rect.height - 8;\n\t\t}\n\n\t\tif (adjustedX !== position.x || adjustedY !== position.y) {\n\t\t\tsetPosition({ x: Math.max(8, adjustedX), y: Math.max(8, adjustedY) });\n\t\t}\n\t}, [visible]);\n\n\t// 点击外部、按 ESC、页面滚动时关闭菜单\n\tuseEffect(() => {\n\t\tif (!visible) return;\n\n\t\tconst handleClose = (e: MouseEvent | KeyboardEvent) => {\n\t\t\tif (e instanceof KeyboardEvent && e.key !== 'Escape') return;\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tconst handleScroll = () => {\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tdocument.addEventListener('mousedown', handleClose);\n\t\tdocument.addEventListener('keydown', handleClose);\n\t\twindow.addEventListener('scroll', handleScroll, true);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClose);\n\t\t\tdocument.removeEventListener('keydown', handleClose);\n\t\t\twindow.removeEventListener('scroll', handleScroll, true);\n\t\t};\n\t}, [visible, onOpenChange]);\n\n\t// 渲染菜单项（递归支持二级子菜单）\n\tconst renderMenuItem = (item: ContextMenuItem) => {\n\t\tif (item.type === 'divider') {\n\t\t\treturn <div key={item.key} className=\"rpc_context_menu_divider\" />;\n\t\t}\n\n\t\tconst hasSub = item.children && item.children.length > 0;\n\n\t\tconst handleItemClick = (e: React.MouseEvent) => {\n\t\t\tif (item.disabled || hasSub) return;\n\t\t\te.stopPropagation();\n\t\t\titem.onClick?.(item, e);\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tconst itemClassNames = [\n\t\t\t'rpc_context_menu_item',\n\t\t\titem.danger ? 'rpc_context_menu_item_danger' : '',\n\t\t\titem.disabled ? 'rpc_context_menu_item_disabled' : '',\n\t\t]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ');\n\n\t\treturn (\n\t\t\t<div key={item.key} className={itemClassNames} onClick={handleItemClick}>\n\t\t\t\t{item.icon && <span className=\"rpc_context_menu_item_icon\">{item.icon}</span>}\n\t\t\t\t<span className=\"rpc_context_menu_item_label\">{item.label}</span>\n\t\t\t\t{item.shortcut && <span className=\"rpc_context_menu_item_shortcut\">{item.shortcut}</span>}\n\t\t\t\t{hasSub && <RightOutlined className=\"rpc_context_menu_item_arrow\" />}\n\n\t\t\t\t{/* 二级子菜单 */}\n\t\t\t\t{hasSub && (\n\t\t\t\t\t<div className=\"rpc_context_menu_submenu\">\n\t\t\t\t\t\t{item.children!.map((sub) => renderMenuItem(sub))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst menuContent =\n\t\tvisible && typeof document !== 'undefined'\n\t\t\t? ReactDOM.createPortal(\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={menuRef}\n\t\t\t\t\t\tclassName={`rpc_context_menu_panel ${menuClassName}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tleft: `${position.x}px`,\n\t\t\t\t\t\t\ttop: `${position.y}px`,\n\t\t\t\t\t\t\t...menuStyle,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{items.map((item) => renderMenuItem(item))}\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)\n\t\t\t: null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_context_menu ${className}`}\n\t\t\tstyle={style}\n\t\t\tonContextMenu={handleContextMenu}\n\t\t>\n\t\t\t{children}\n\t\t\t{menuContent}\n\t\t</div>\n\t);\n};\n\nexport default ContextMenu;\n"]}

package/dist/{chunk-24ND5WB7.cjs → chunk-ZVSN7ADO.cjs}

@@ -47,15 +47,7 @@ function VirtualList({
           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
-            );
+            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_virtual_list_item", style: { height: itemHeight }, children: renderItem(item, actualIndex) }, key);
           })
         }
       )
@@ -65,5 +57,5 @@ function VirtualList({
 var VirtualList_default = VirtualList;
 
 exports.VirtualList_default = VirtualList_default;
-//# sourceMappingURL=chunk-24ND5WB7.cjs.map
-//# sourceMappingURL=chunk-24ND5WB7.cjs.map
+//# sourceMappingURL=chunk-ZVSN7ADO.cjs.map
+//# sourceMappingURL=chunk-ZVSN7ADO.cjs.map

package/dist/chunk-ZVSN7ADO.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,CAAC,KAAA,EAAA,EAAc,SAAA,EAAU,uBAAA,EAAwB,KAAA,EAAO,EAAE,MAAA,EAAQ,UAAA,EAAW,EAC3E,QAAA,EAAA,UAAA,CAAW,IAAA,EAAM,WAAW,KADpB,GAEV,CAAA;AAAA,UAEF,CAAC;AAAA;AAAA;AACF;AAAA,GACD;AAEF;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-ZVSN7ADO.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 key={key} className=\"rpc_virtual_list_item\" style={{ height: itemHeight }}>\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/index.cjs

@@ -1,101 +1,101 @@
 'use strict';
 
-var chunkXMBTKO5I_cjs = require('./chunk-XMBTKO5I.cjs');
-var chunkEIFN6XMU_cjs = require('./chunk-EIFN6XMU.cjs');
-var chunkSMVAHIBN_cjs = require('./chunk-SMVAHIBN.cjs');
-var chunkZQBEQK2I_cjs = require('./chunk-ZQBEQK2I.cjs');
-var chunk24ND5WB7_cjs = require('./chunk-24ND5WB7.cjs');
-var chunkBXFP7EAW_cjs = require('./chunk-BXFP7EAW.cjs');
-var chunkELI3LL3K_cjs = require('./chunk-ELI3LL3K.cjs');
+var chunkDJQEBDEP_cjs = require('./chunk-DJQEBDEP.cjs');
+var chunkNJIYP6SC_cjs = require('./chunk-NJIYP6SC.cjs');
+var chunkUCG7ZVK5_cjs = require('./chunk-UCG7ZVK5.cjs');
+var chunkWZRUBHS3_cjs = require('./chunk-WZRUBHS3.cjs');
+var chunkZVSN7ADO_cjs = require('./chunk-ZVSN7ADO.cjs');
+var chunkCPQLXDBR_cjs = require('./chunk-CPQLXDBR.cjs');
+var chunkV4O325BX_cjs = require('./chunk-V4O325BX.cjs');
 var chunkK3JC52JH_cjs = require('./chunk-K3JC52JH.cjs');
-var chunkHTA5EG6X_cjs = require('./chunk-HTA5EG6X.cjs');
+var chunk6UKUAYN3_cjs = require('./chunk-6UKUAYN3.cjs');
 var chunkZFBLVX7E_cjs = require('./chunk-ZFBLVX7E.cjs');
-var chunkZSK74QFN_cjs = require('./chunk-ZSK74QFN.cjs');
-var chunkFRGH3Q75_cjs = require('./chunk-FRGH3Q75.cjs');
-var chunkFBOTWA6O_cjs = require('./chunk-FBOTWA6O.cjs');
+var chunkEUOBMHFF_cjs = require('./chunk-EUOBMHFF.cjs');
+var chunk2DIU347W_cjs = require('./chunk-2DIU347W.cjs');
+var chunkWWXBH57R_cjs = require('./chunk-WWXBH57R.cjs');
 var chunkIRU5E252_cjs = require('./chunk-IRU5E252.cjs');
-var chunk4MRZVLM6_cjs = require('./chunk-4MRZVLM6.cjs');
-var chunkDFHFXKR5_cjs = require('./chunk-DFHFXKR5.cjs');
-var chunk4YPT2HUD_cjs = require('./chunk-4YPT2HUD.cjs');
+var chunk7SIUSULP_cjs = require('./chunk-7SIUSULP.cjs');
+var chunkOCN7L2ID_cjs = require('./chunk-OCN7L2ID.cjs');
+var chunkKXZM322K_cjs = require('./chunk-KXZM322K.cjs');
 var chunkTNKJCJ3U_cjs = require('./chunk-TNKJCJ3U.cjs');
-var chunk4DUMEO5E_cjs = require('./chunk-4DUMEO5E.cjs');
-var chunkF42Z33L7_cjs = require('./chunk-F42Z33L7.cjs');
-var chunkGCMI5JGQ_cjs = require('./chunk-GCMI5JGQ.cjs');
-var chunkZGWBLJ6U_cjs = require('./chunk-ZGWBLJ6U.cjs');
-var chunkPBPGBVQQ_cjs = require('./chunk-PBPGBVQQ.cjs');
-var chunk5GCEQDBM_cjs = require('./chunk-5GCEQDBM.cjs');
-var chunkPIIJVF5D_cjs = require('./chunk-PIIJVF5D.cjs');
-var chunkXO6PBAAM_cjs = require('./chunk-XO6PBAAM.cjs');
+var chunkJEDW76LI_cjs = require('./chunk-JEDW76LI.cjs');
+var chunk5V4UAS6I_cjs = require('./chunk-5V4UAS6I.cjs');
+var chunkZKM664KC_cjs = require('./chunk-ZKM664KC.cjs');
+var chunkWDHU3BSM_cjs = require('./chunk-WDHU3BSM.cjs');
+var chunk5E36FGRP_cjs = require('./chunk-5E36FGRP.cjs');
+var chunkEPYD35KB_cjs = require('./chunk-EPYD35KB.cjs');
+var chunkB7NN6SZD_cjs = require('./chunk-B7NN6SZD.cjs');
+var chunkLFXMUCEO_cjs = require('./chunk-LFXMUCEO.cjs');
 var chunkVQKPZ4YE_cjs = require('./chunk-VQKPZ4YE.cjs');
-var chunkN7IQ6LYD_cjs = require('./chunk-N7IQ6LYD.cjs');
+var chunkMGYDOC76_cjs = require('./chunk-MGYDOC76.cjs');
 var chunkHSYTBMLN_cjs = require('./chunk-HSYTBMLN.cjs');
 var chunk5GOF5EZU_cjs = require('./chunk-5GOF5EZU.cjs');
-var chunkRTAQSOVE_cjs = require('./chunk-RTAQSOVE.cjs');
+var chunkMY4M7HVW_cjs = require('./chunk-MY4M7HVW.cjs');
 var chunkXWHITF5V_cjs = require('./chunk-XWHITF5V.cjs');
-var chunkXYJMP23P_cjs = require('./chunk-XYJMP23P.cjs');
+var chunkNUTVJGVT_cjs = require('./chunk-NUTVJGVT.cjs');
 var chunkF5X3V6A3_cjs = require('./chunk-F5X3V6A3.cjs');
-var chunkR77VVMV5_cjs = require('./chunk-R77VVMV5.cjs');
-var chunkDATPWEQK_cjs = require('./chunk-DATPWEQK.cjs');
-var chunk4IBF4R3H_cjs = require('./chunk-4IBF4R3H.cjs');
-var chunkKUW2ZR2A_cjs = require('./chunk-KUW2ZR2A.cjs');
-var chunkL7ULSFW6_cjs = require('./chunk-L7ULSFW6.cjs');
+var chunkZNFW6L3E_cjs = require('./chunk-ZNFW6L3E.cjs');
+var chunk2MDYHFLH_cjs = require('./chunk-2MDYHFLH.cjs');
+var chunkGMZSBGSL_cjs = require('./chunk-GMZSBGSL.cjs');
+var chunk2UCTE6YN_cjs = require('./chunk-2UCTE6YN.cjs');
+var chunkGV2RRQ2S_cjs = require('./chunk-GV2RRQ2S.cjs');
 var chunkFYFL4PFD_cjs = require('./chunk-FYFL4PFD.cjs');
 var chunkH3AASAXK_cjs = require('./chunk-H3AASAXK.cjs');
-var chunk6OKTK3AQ_cjs = require('./chunk-6OKTK3AQ.cjs');
+var chunkODNGFJVN_cjs = require('./chunk-ODNGFJVN.cjs');
 var chunk5LA2NPLG_cjs = require('./chunk-5LA2NPLG.cjs');
-var chunk4GQ3X7MG_cjs = require('./chunk-4GQ3X7MG.cjs');
+var chunkMNY5P5EG_cjs = require('./chunk-MNY5P5EG.cjs');
 var chunkVJM2XBHZ_cjs = require('./chunk-VJM2XBHZ.cjs');
 var chunkODV3XF5W_cjs = require('./chunk-ODV3XF5W.cjs');
-var chunk7JLQOQJZ_cjs = require('./chunk-7JLQOQJZ.cjs');
-var chunkAVSFSS7S_cjs = require('./chunk-AVSFSS7S.cjs');
-var chunkRWZSTG6Q_cjs = require('./chunk-RWZSTG6Q.cjs');
-var chunkNMYXVZQP_cjs = require('./chunk-NMYXVZQP.cjs');
-var chunkC5B5Y4S2_cjs = require('./chunk-C5B5Y4S2.cjs');
-var chunk5WHBZH44_cjs = require('./chunk-5WHBZH44.cjs');
-var chunkQI7XQDFZ_cjs = require('./chunk-QI7XQDFZ.cjs');
-var chunkAJIIY2QT_cjs = require('./chunk-AJIIY2QT.cjs');
-var chunkW6BUNUQM_cjs = require('./chunk-W6BUNUQM.cjs');
+var chunk4OXVTRYV_cjs = require('./chunk-4OXVTRYV.cjs');
+var chunk3UNZXPOT_cjs = require('./chunk-3UNZXPOT.cjs');
+var chunkZUW3XLZQ_cjs = require('./chunk-ZUW3XLZQ.cjs');
+var chunkQNSEJGF6_cjs = require('./chunk-QNSEJGF6.cjs');
+var chunkZLWY7QS2_cjs = require('./chunk-ZLWY7QS2.cjs');
+var chunkJAW7Q2YC_cjs = require('./chunk-JAW7Q2YC.cjs');
+var chunk4BDO5TJH_cjs = require('./chunk-4BDO5TJH.cjs');
+var chunkVF5P7XMC_cjs = require('./chunk-VF5P7XMC.cjs');
+var chunkKGZNVN7P_cjs = require('./chunk-KGZNVN7P.cjs');
 var chunkB3HZIYQQ_cjs = require('./chunk-B3HZIYQQ.cjs');
-var chunkK5FWY6HB_cjs = require('./chunk-K5FWY6HB.cjs');
-require('./chunk-Q4QF6UYX.cjs');
+var chunkVS2YVJOB_cjs = require('./chunk-VS2YVJOB.cjs');
+require('./chunk-MBOWSS4B.cjs');
 var chunkD7ZE4NMX_cjs = require('./chunk-D7ZE4NMX.cjs');
 var chunkVIJ3PXCW_cjs = require('./chunk-VIJ3PXCW.cjs');
-var chunkG564WB32_cjs = require('./chunk-G564WB32.cjs');
-var chunkYJESCN4Y_cjs = require('./chunk-YJESCN4Y.cjs');
+var chunkAMCCRVHG_cjs = require('./chunk-AMCCRVHG.cjs');
+var chunkEOGYWPX7_cjs = require('./chunk-EOGYWPX7.cjs');
 
 
 
 Object.defineProperty(exports, "TreeFilterPanel", {
   enumerable: true,
-  get: function () { return chunkXMBTKO5I_cjs.TreeFilterPanel_default; }
+  get: function () { return chunkDJQEBDEP_cjs.TreeFilterPanel_default; }
 });
 Object.defineProperty(exports, "TreeTransfer", {
   enumerable: true,
-  get: function () { return chunkEIFN6XMU_cjs.TreeTransfer_default; }
+  get: function () { return chunkNJIYP6SC_cjs.TreeTransfer_default; }
 });
 Object.defineProperty(exports, "TrendIndicator", {
   enumerable: true,
-  get: function () { return chunkSMVAHIBN_cjs.TrendIndicator_default; }
+  get: function () { return chunkUCG7ZVK5_cjs.TrendIndicator_default; }
 });
 Object.defineProperty(exports, "VideoPlayer", {
   enumerable: true,
-  get: function () { return chunkZQBEQK2I_cjs.VideoPlayer_default; }
+  get: function () { return chunkWZRUBHS3_cjs.VideoPlayer_default; }
 });
 Object.defineProperty(exports, "VirtualList", {
   enumerable: true,
-  get: function () { return chunk24ND5WB7_cjs.VirtualList_default; }
+  get: function () { return chunkZVSN7ADO_cjs.VirtualList_default; }
 });
 Object.defineProperty(exports, "Watermark", {
   enumerable: true,
-  get: function () { return chunkBXFP7EAW_cjs.Watermark_default; }
+  get: function () { return chunkCPQLXDBR_cjs.Watermark_default; }
 });
 Object.defineProperty(exports, "SensitiveMask", {
   enumerable: true,
-  get: function () { return chunkELI3LL3K_cjs.SensitiveMask_default; }
+  get: function () { return chunkV4O325BX_cjs.SensitiveMask_default; }
 });
 Object.defineProperty(exports, "maskSensitiveText", {
   enumerable: true,
-  get: function () { return chunkELI3LL3K_cjs.maskSensitiveText; }
+  get: function () { return chunkV4O325BX_cjs.maskSensitiveText; }
 });
 Object.defineProperty(exports, "ShimmerSkeleton", {
   enumerable: true,
@@ -103,7 +103,7 @@ Object.defineProperty(exports, "ShimmerSkeleton", {
 });
 Object.defineProperty(exports, "Splitter", {
   enumerable: true,
-  get: function () { return chunkHTA5EG6X_cjs.Splitter_default; }
+  get: function () { return chunk6UKUAYN3_cjs.Splitter_default; }
 });
 Object.defineProperty(exports, "SpotlightCard", {
   enumerable: true,
@@ -111,15 +111,15 @@ Object.defineProperty(exports, "SpotlightCard", {
 });
 Object.defineProperty(exports, "StatusTimeline", {
   enumerable: true,
-  get: function () { return chunkZSK74QFN_cjs.StatusTimeline_default; }
+  get: function () { return chunkEUOBMHFF_cjs.StatusTimeline_default; }
 });
 Object.defineProperty(exports, "TagInput", {
   enumerable: true,
-  get: function () { return chunkFRGH3Q75_cjs.TagInput_default; }
+  get: function () { return chunk2DIU347W_cjs.TagInput_default; }
 });
 Object.defineProperty(exports, "TextEllipsis", {
   enumerable: true,
-  get: function () { return chunkFBOTWA6O_cjs.TextEllipsis_default; }
+  get: function () { return chunkWWXBH57R_cjs.TextEllipsis_default; }
 });
 Object.defineProperty(exports, "TiltCard", {
   enumerable: true,
@@ -127,19 +127,19 @@ Object.defineProperty(exports, "TiltCard", {
 });
 Object.defineProperty(exports, "NumericRangeInput", {
   enumerable: true,
-  get: function () { return chunk4MRZVLM6_cjs.NumericRangeInput_default; }
+  get: function () { return chunk7SIUSULP_cjs.NumericRangeInput_default; }
 });
 Object.defineProperty(exports, "PasswordStrength", {
   enumerable: true,
-  get: function () { return chunkDFHFXKR5_cjs.PasswordStrength_default; }
+  get: function () { return chunkOCN7L2ID_cjs.PasswordStrength_default; }
 });
 Object.defineProperty(exports, "evaluatePasswordStrength", {
   enumerable: true,
-  get: function () { return chunkDFHFXKR5_cjs.evaluatePasswordStrength; }
+  get: function () { return chunkOCN7L2ID_cjs.evaluatePasswordStrength; }
 });
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
-  get: function () { return chunk4YPT2HUD_cjs.PdfViewer_default; }
+  get: function () { return chunkKXZM322K_cjs.PdfViewer_default; }
 });
 Object.defineProperty(exports, "PhotoViewer", {
   enumerable: true,
@@ -147,39 +147,39 @@ Object.defineProperty(exports, "PhotoViewer", {
 });
 Object.defineProperty(exports, "QrCodeCard", {
   enumerable: true,
-  get: function () { return chunk4DUMEO5E_cjs.QrCodeCard_default; }
+  get: function () { return chunkJEDW76LI_cjs.QrCodeCard_default; }
 });
 Object.defineProperty(exports, "QuickDateRange", {
   enumerable: true,
-  get: function () { return chunkF42Z33L7_cjs.QuickDateRange_default; }
+  get: function () { return chunk5V4UAS6I_cjs.QuickDateRange_default; }
 });
 Object.defineProperty(exports, "ScrollTracker", {
   enumerable: true,
-  get: function () { return chunkGCMI5JGQ_cjs.ScrollTracker_default; }
+  get: function () { return chunkZKM664KC_cjs.ScrollTracker_default; }
 });
 Object.defineProperty(exports, "StickyHeader", {
   enumerable: true,
-  get: function () { return chunkGCMI5JGQ_cjs.StickyHeader; }
+  get: function () { return chunkZKM664KC_cjs.StickyHeader; }
 });
 Object.defineProperty(exports, "SegmentedProgress", {
   enumerable: true,
-  get: function () { return chunkZGWBLJ6U_cjs.SegmentedProgress_default; }
+  get: function () { return chunkWDHU3BSM_cjs.SegmentedProgress_default; }
 });
 Object.defineProperty(exports, "JsonTree", {
   enumerable: true,
-  get: function () { return chunkPBPGBVQQ_cjs.JsonTree_default; }
+  get: function () { return chunk5E36FGRP_cjs.JsonTree_default; }
 });
 Object.defineProperty(exports, "KanbanBoard", {
   enumerable: true,
-  get: function () { return chunk5GCEQDBM_cjs.KanbanBoard_default; }
+  get: function () { return chunkEPYD35KB_cjs.KanbanBoard_default; }
 });
 Object.defineProperty(exports, "KeyValEditor", {
   enumerable: true,
-  get: function () { return chunkPIIJVF5D_cjs.KeyValEditor_default; }
+  get: function () { return chunkB7NN6SZD_cjs.KeyValEditor_default; }
 });
 Object.defineProperty(exports, "Marquee", {
   enumerable: true,
-  get: function () { return chunkXO6PBAAM_cjs.Marquee_default; }
+  get: function () { return chunkLFXMUCEO_cjs.Marquee_default; }
 });
 Object.defineProperty(exports, "Masonry", {
   enumerable: true,
@@ -187,7 +187,7 @@ Object.defineProperty(exports, "Masonry", {
 });
 Object.defineProperty(exports, "MetricCard", {
   enumerable: true,
-  get: function () { return chunkN7IQ6LYD_cjs.MetricCard_default; }
+  get: function () { return chunkMGYDOC76_cjs.MetricCard_default; }
 });
 Object.defineProperty(exports, "MiniSparkline", {
   enumerable: true,
@@ -199,7 +199,7 @@ Object.defineProperty(exports, "NumberStepper", {
 });
 Object.defineProperty(exports, "Fullscreen", {
   enumerable: true,
-  get: function () { return chunkRTAQSOVE_cjs.Fullscreen_default; }
+  get: function () { return chunkMY4M7HVW_cjs.Fullscreen_default; }
 });
 Object.defineProperty(exports, "GradientText", {
   enumerable: true,
@@ -207,7 +207,7 @@ Object.defineProperty(exports, "GradientText", {
 });
 Object.defineProperty(exports, "GuidedTour", {
   enumerable: true,
-  get: function () { return chunkXYJMP23P_cjs.GuidedTour_default; }
+  get: function () { return chunkNUTVJGVT_cjs.GuidedTour_default; }
 });
 Object.defineProperty(exports, "HoverCard", {
   enumerable: true,
@@ -215,23 +215,23 @@ Object.defineProperty(exports, "HoverCard", {
 });
 Object.defineProperty(exports, "ImageCropper", {
   enumerable: true,
-  get: function () { return chunkR77VVMV5_cjs.ImageCropper_default; }
+  get: function () { return chunkZNFW6L3E_cjs.ImageCropper_default; }
 });
 Object.defineProperty(exports, "InfiniteScrollList", {
   enumerable: true,
-  get: function () { return chunkDATPWEQK_cjs.InfiniteScrollList_default; }
+  get: function () { return chunk2MDYHFLH_cjs.InfiniteScrollList_default; }
 });
 Object.defineProperty(exports, "JsonDiffViewer", {
   enumerable: true,
-  get: function () { return chunk4IBF4R3H_cjs.JsonDiffViewer_default; }
+  get: function () { return chunkGMZSBGSL_cjs.JsonDiffViewer_default; }
 });
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunkKUW2ZR2A_cjs.JsonEditor_default; }
+  get: function () { return chunk2UCTE6YN_cjs.JsonEditor_default; }
 });
 Object.defineProperty(exports, "DisabledBox", {
   enumerable: true,
-  get: function () { return chunkL7ULSFW6_cjs.DisabledBox_default; }
+  get: function () { return chunkGV2RRQ2S_cjs.DisabledBox_default; }
 });
 Object.defineProperty(exports, "DragSortList", {
   enumerable: true,
@@ -243,7 +243,7 @@ Object.defineProperty(exports, "DualRangeSlider", {
 });
 Object.defineProperty(exports, "EnvBadge", {
   enumerable: true,
-  get: function () { return chunk6OKTK3AQ_cjs.EnvBadge_default; }
+  get: function () { return chunkODNGFJVN_cjs.EnvBadge_default; }
 });
 Object.defineProperty(exports, "FileDropZone", {
   enumerable: true,
@@ -251,11 +251,11 @@ Object.defineProperty(exports, "FileDropZone", {
 });
 Object.defineProperty(exports, "FilePreviewer", {
   enumerable: true,
-  get: function () { return chunk4GQ3X7MG_cjs.FilePreviewer_default; }
+  get: function () { return chunkMNY5P5EG_cjs.FilePreviewer_default; }
 });
 Object.defineProperty(exports, "inferFileType", {
   enumerable: true,
-  get: function () { return chunk4GQ3X7MG_cjs.inferFileType; }
+  get: function () { return chunkMNY5P5EG_cjs.inferFileType; }
 });
 Object.defineProperty(exports, "FilterChips", {
   enumerable: true,
@@ -267,47 +267,47 @@ Object.defineProperty(exports, "FlipCard", {
 });
 Object.defineProperty(exports, "CollapseBox", {
   enumerable: true,
-  get: function () { return chunk7JLQOQJZ_cjs.CollapseBox_default; }
+  get: function () { return chunk4OXVTRYV_cjs.CollapseBox_default; }
 });
 Object.defineProperty(exports, "Color", {
   enumerable: true,
-  get: function () { return chunkAVSFSS7S_cjs.Color; }
+  get: function () { return chunk3UNZXPOT_cjs.Color; }
 });
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunkAVSFSS7S_cjs.ColorPicker_default; }
+  get: function () { return chunk3UNZXPOT_cjs.ColorPicker_default; }
 });
 Object.defineProperty(exports, "generateColor", {
   enumerable: true,
-  get: function () { return chunkAVSFSS7S_cjs.generateColor; }
+  get: function () { return chunk3UNZXPOT_cjs.generateColor; }
 });
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunkRWZSTG6Q_cjs.ContextMenu_default; }
+  get: function () { return chunkZUW3XLZQ_cjs.ContextMenu_default; }
 });
 Object.defineProperty(exports, "CountUp", {
   enumerable: true,
-  get: function () { return chunkNMYXVZQP_cjs.CountUp_default; }
+  get: function () { return chunkQNSEJGF6_cjs.CountUp_default; }
 });
 Object.defineProperty(exports, "CronPicker", {
   enumerable: true,
-  get: function () { return chunkC5B5Y4S2_cjs.CronPicker_default; }
+  get: function () { return chunkZLWY7QS2_cjs.CronPicker_default; }
 });
 Object.defineProperty(exports, "CopyButton", {
   enumerable: true,
-  get: function () { return chunk5WHBZH44_cjs.CopyButton_default; }
+  get: function () { return chunkJAW7Q2YC_cjs.CopyButton_default; }
 });
 Object.defineProperty(exports, "DebounceSelect", {
   enumerable: true,
-  get: function () { return chunkQI7XQDFZ_cjs.DebounceSelect_default; }
+  get: function () { return chunk4BDO5TJH_cjs.DebounceSelect_default; }
 });
 Object.defineProperty(exports, "DiffViewer", {
   enumerable: true,
-  get: function () { return chunkAJIIY2QT_cjs.DiffViewer_default; }
+  get: function () { return chunkVF5P7XMC_cjs.DiffViewer_default; }
 });
 Object.defineProperty(exports, "ActivityLog", {
   enumerable: true,
-  get: function () { return chunkW6BUNUQM_cjs.ActivityLog_default; }
+  get: function () { return chunkKGZNVN7P_cjs.ActivityLog_default; }
 });
 Object.defineProperty(exports, "AnnouncementBar", {
   enumerable: true,
@@ -315,7 +315,7 @@ Object.defineProperty(exports, "AnnouncementBar", {
 });
 Object.defineProperty(exports, "AudioPlayer", {
   enumerable: true,
-  get: function () { return chunkK5FWY6HB_cjs.AudioPlayer_default; }
+  get: function () { return chunkVS2YVJOB_cjs.AudioPlayer_default; }
 });
 Object.defineProperty(exports, "BadgeRibbon", {
   enumerable: true,
@@ -327,11 +327,11 @@ Object.defineProperty(exports, "BorderBeam", {
 });
 Object.defineProperty(exports, "CascadeDrawer", {
   enumerable: true,
-  get: function () { return chunkG564WB32_cjs.CascadeDrawer_default; }
+  get: function () { return chunkAMCCRVHG_cjs.CascadeDrawer_default; }
 });
 Object.defineProperty(exports, "CodeSnippet", {
   enumerable: true,
-  get: function () { return chunkYJESCN4Y_cjs.CodeSnippet_default; }
+  get: function () { return chunkEOGYWPX7_cjs.CodeSnippet_default; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -4277,22 +4277,76 @@
 
 /* CodeSnippet/index.less */
 .rpc_code_snippet {
-  background: #141414;
   border-radius: 8px;
-  border: 1px solid #303030;
   overflow: hidden;
-  font-family: monospace;
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
   font-size: 13px;
   box-sizing: border-box;
   user-select: text;
+  transition: all 0.2s ease;
+}
+.rpc_code_snippet_dark {
+  background: #141414;
+  border: 1px solid #303030;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_top_bar {
+  background: #1f1f1f;
+  border-bottom: 1px solid #303030;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_lang {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_copy_btn {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_copy_btn:hover {
+  color: #ffffff;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_content {
+  color: #e6e6e6;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_line_no {
+  color: #595959;
+  border-right: 1px solid #303030;
+}
+.rpc_code_snippet_light {
+  background: #ffffff;
+  border: 1px solid #e8e8e8;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+.rpc_code_snippet_light .rpc_code_snippet_top_bar {
+  background: #fafafa;
+  border-bottom: 1px solid #e8e8e8;
+}
+.rpc_code_snippet_light .rpc_code_snippet_lang {
+  color: #595959;
+}
+.rpc_code_snippet_light .rpc_code_snippet_copy_btn {
+  color: #595959;
+}
+.rpc_code_snippet_light .rpc_code_snippet_copy_btn:hover {
+  color: #1677ff;
+}
+.rpc_code_snippet_light .rpc_code_snippet_content {
+  color: #1f1f1f;
+}
+.rpc_code_snippet_light .rpc_code_snippet_line_no {
+  color: #bfbfbf;
+  border-right: 1px solid #f0f0f0;
 }
 .rpc_code_snippet_top_bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px 12px;
-  background: #1f1f1f;
-  border-bottom: 1px solid #303030;
   user-select: none;
 }
 .rpc_code_snippet_dots {
@@ -4315,25 +4369,39 @@
 }
 .rpc_code_snippet_lang {
   font-size: 11px;
-  color: #8c8c8c;
   text-transform: uppercase;
   font-weight: 600;
+  letter-spacing: 0.5px;
 }
 .rpc_code_snippet_copy_btn {
   background: none;
   border: none;
-  color: #8c8c8c;
   cursor: pointer;
   font-size: 12px;
-  transition: color 0.15s;
+  padding: 2px 6px;
+  border-radius: 4px;
+  transition: all 0.15s;
 }
-.rpc_code_snippet_copy_btn:hover {
-  color: #ffffff;
+.rpc_code_snippet_body {
+  display: flex;
+  overflow-x: auto;
+}
+.rpc_code_snippet_line_numbers {
+  display: flex;
+  flex-direction: column;
+  padding: 12px 0;
+  user-select: none;
+  text-align: right;
+}
+.rpc_code_snippet_line_no {
+  padding: 0 12px;
+  font-size: 12px;
+  line-height: 1.5;
 }
 .rpc_code_snippet_content {
+  flex: 1;
   padding: 12px 16px;
   overflow-x: auto;
-  color: #e6e6e6;
   line-height: 1.5;
   margin: 0;
 }