react-public-components 1.2.3 → 1.2.5

package/README.md

@@ -51,12 +51,14 @@ import 'react-public-components/styles.css';
 
 ---
 
-### 2. 布局与导航 Layout & Nav (9 款)
+### 2. 布局与导航 Layout & Nav (10 款)
 | 组件名 | 中文名称 | 特性与场景说明 |
 | :--- | :--- | :--- |
+| **`LazyLoadBox`** | 视口懒加载容器 | 视口距离感知与按需加载容器，彻底拦截非可视模块接口调用，支持预加载距离与防塌陷占位。 |
 | **`CascadeDrawer`** | 级联下钻抽屉 | 多层级无限下钻抽屉容器，带顶部面包屑返回导航与平滑推拉动效。 |
 | **`KanbanBoard`** | 任务看板 | 轻量任务看板与泳道管理，基于原生 HTML5 Drag & Drop 跨列平滑拖拽。 |
 | **`DragSortList`** | 拖拽排序列表 | 纯原生轻量拖拽重排序列表，支持平滑占位与阴影反馈。 |
+| **`CeilingBox`** | 吸顶容器 | 智能吸顶/吸底容器组件，支持自动占位防页面塌陷、毛玻璃滤镜与 Render Props 状态感知。 |
 | **`Marquee`** | 无缝跑马灯 | 基于硬件加速的无缝平滑滚动 Logo 墙与广播通知条，支持悬停暂停与边缘渐变。 |
 | **`ScrollTracker`** | 滚动与吸顶 | 阅读进度条（ScrollTracker）与智能吸顶容器（StickyHeader，带毛玻璃与阴影）。 |
 | **`InfiniteScrollList`** | 无限滚动列表 | 触底自动触发异步加载的无限滚动列表容器，内置加载骨架与到底提示。 |
@@ -66,9 +68,10 @@ import 'react-public-components/styles.css';
 
 ---
 
-### 3. 数据录入 Data Entry (15 款)
+### 3. 数据录入 Data Entry (16 款)
 | 组件名 | 中文名称 | 特性与场景说明 |
 | :--- | :--- | :--- |
+| **`PeriodSelect`** | 周期/粒度切换器 | 紧凑型时间周期与维度单选切换器，精准还原高亮竖线分隔与多尺寸支持。 |
 | **`DualRangeSlider`** | 双滑块区间选择器 | 双向双滑块区间选择器，支持数值/价格跨度筛选与防交叉穿透。 |
 | **`FilterChips`** | 已选筛选胶囊栏 | 多维已选筛选项胶囊汇总栏，支持单项删除与一键清空全部。 |
 | **`FileDropZone`** | 拖拽上传容器 | 现代极客拖拽上传虚线容器，支持流光呼吸高亮与剪贴板截图粘贴。 |

package/dist/AnnouncementBar/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkB3HZIYQQ_cjs = require('../chunk-B3HZIYQQ.cjs');
+var chunkZXMFWVE4_cjs = require('../chunk-ZXMFWVE4.cjs');
+require('../chunk-R4V3EJVP.cjs');
 
 
 
-module.exports = chunkB3HZIYQQ_cjs.AnnouncementBar_default;
+module.exports = chunkZXMFWVE4_cjs.AnnouncementBar_default;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/AnnouncementBar/index.css

@@ -1,37 +1,128 @@
 /* AnnouncementBar/index.less */
 .rpc_announcement_bar {
   width: 100%;
+  padding: 9px 40px 9px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  font-size: 13.5px;
+  font-weight: 500;
+  box-sizing: border-box;
+  user-select: none;
+  overflow: hidden;
+  max-height: 80px;
+  opacity: 1;
+  transition:
+    max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+    opacity 0.25s ease,
+    padding 0.25s ease;
+}
+.rpc_announcement_bar_sticky,
+.rpc_announcement_bar_fixed {
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+}
+.rpc_announcement_bar_closing {
+  max-height: 0 !important;
+  opacity: 0 !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.rpc_announcement_bar_primary {
   background:
     linear-gradient(
       90deg,
       #1677ff 0%,
-      #722ed1 100%);
+      #391085 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_purple {
+  background:
+    linear-gradient(
+      90deg,
+      #722ed1 0%,
+      #eb2f96 100%);
   color: #ffffff;
-  padding: 8px 16px;
+}
+.rpc_announcement_bar_warning {
+  background:
+    linear-gradient(
+      90deg,
+      #fa8c16 0%,
+      #f5222d 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_success {
+  background:
+    linear-gradient(
+      90deg,
+      #389e0d 0%,
+      #0958d9 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_danger {
+  background:
+    linear-gradient(
+      90deg,
+      #cf1322 0%,
+      #fa541c 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_body {
   display: flex;
   align-items: center;
   justify-content: center;
-  position: relative;
-  font-size: 13px;
-  font-weight: 500;
-  box-sizing: border-box;
-  user-select: none;
+  width: 100%;
+  overflow: hidden;
 }
 .rpc_announcement_bar_content {
   display: flex;
   align-items: center;
+  justify-content: center;
   gap: 8px;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+}
+.rpc_announcement_bar_marquee {
+  animation: rpcAnnouncementMarquee 15s linear infinite;
+  will-change: transform;
+}
+.rpc_announcement_bar_marquee:hover {
+  animation-play-state: paused;
 }
 .rpc_announcement_bar_close {
   position: absolute;
-  right: 16px;
-  background: none;
+  right: 14px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  background: transparent;
   border: none;
-  color: rgba(255, 255, 255, 0.8);
+  border-radius: 4px;
+  color: rgba(255, 255, 255, 0.85);
   cursor: pointer;
-  font-size: 14px;
+  transition: all 0.15s ease;
+  padding: 0;
+  outline: none;
 }
 .rpc_announcement_bar_close:hover {
   color: #ffffff;
+  background: rgba(255, 255, 255, 0.18);
+}
+.rpc_announcement_bar_close:active {
+  background: rgba(255, 255, 255, 0.28);
+}
+@keyframes rpcAnnouncementMarquee {
+  0% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
 }
 /*# sourceMappingURL=index.css.map */

package/dist/AnnouncementBar/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../AnnouncementBar/index.less"],"sourcesContent":[".rpc_announcement_bar {\n  width: 100%;\n  background: linear-gradient(90deg, #1677ff 0%, #722ed1 100%);\n  color: #ffffff;\n  padding: 8px 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  font-size: 13px;\n  font-weight: 500;\n  box-sizing: border-box;\n  user-select: none;\n}\n.rpc_announcement_bar_content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.rpc_announcement_bar_close {\n  position: absolute;\n  right: 16px;\n  background: none;\n  border: none;\n  color: rgba(255, 255, 255, 0.8);\n  cursor: pointer;\n  font-size: 14px;\n}\n.rpc_announcement_bar_close:hover {\n  color: #ffffff;\n}\n"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP;AAAA,IAAY;AAAA,MAAgB,KAAhB;AAAA,MAAuB,QAAQ,EAA/B;AAAA,MAAmC,QAAQ;AACvD,SAAO;AACP,WAAS,IAAI;AACb,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,YAAU;AACV,aAAW;AACX,eAAa;AACb,cAAY;AACZ,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACP;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,SAAO,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3B,UAAQ;AACR,aAAW;AACb;AACA,CATC,0BAS0B;AACzB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../AnnouncementBar/index.less"],"sourcesContent":[".rpc_announcement_bar {\n  width: 100%;\n  padding: 9px 40px 9px 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  font-size: 13.5px;\n  font-weight: 500;\n  box-sizing: border-box;\n  user-select: none;\n  overflow: hidden;\n  max-height: 80px;\n  opacity: 1;\n  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.25s ease;\n}\n.rpc_announcement_bar_sticky,\n.rpc_announcement_bar_fixed {\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n}\n.rpc_announcement_bar_closing {\n  max-height: 0 !important;\n  opacity: 0 !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.rpc_announcement_bar_primary {\n  background: linear-gradient(90deg, #1677ff 0%, #391085 100%);\n  color: #ffffff;\n}\n.rpc_announcement_bar_purple {\n  background: linear-gradient(90deg, #722ed1 0%, #eb2f96 100%);\n  color: #ffffff;\n}\n.rpc_announcement_bar_warning {\n  background: linear-gradient(90deg, #fa8c16 0%, #f5222d 100%);\n  color: #ffffff;\n}\n.rpc_announcement_bar_success {\n  background: linear-gradient(90deg, #389e0d 0%, #0958d9 100%);\n  color: #ffffff;\n}\n.rpc_announcement_bar_danger {\n  background: linear-gradient(90deg, #cf1322 0%, #fa541c 100%);\n  color: #ffffff;\n}\n.rpc_announcement_bar_body {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  overflow: hidden;\n}\n.rpc_announcement_bar_content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  line-height: 1.4;\n  text-align: center;\n  white-space: nowrap;\n}\n.rpc_announcement_bar_marquee {\n  animation: rpcAnnouncementMarquee 15s linear infinite;\n  will-change: transform;\n}\n.rpc_announcement_bar_marquee:hover {\n  animation-play-state: paused;\n}\n.rpc_announcement_bar_close {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background: transparent;\n  border: none;\n  border-radius: 4px;\n  color: rgba(255, 255, 255, 0.85);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  padding: 0;\n  outline: none;\n}\n.rpc_announcement_bar_close:hover {\n  color: #ffffff;\n  background: rgba(255, 255, 255, 0.18);\n}\n.rpc_announcement_bar_close:active {\n  background: rgba(255, 255, 255, 0.28);\n}\n@keyframes rpcAnnouncementMarquee {\n  0% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,WAAS,IAAI,KAAK,IAAI;AACtB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,YAAU;AACV,aAAW;AACX,eAAa;AACb,cAAY;AACZ,eAAa;AACb,YAAU;AACV,cAAY;AACZ,WAAS;AACT;AAAA,IAAY,WAAW,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;AAAA,IAAE,QAAQ,MAAM,IAAI;AAAA,IAAE,QAAQ,MAAM;AAC/F;AACA,CAAC;AACD,CAAC;AACC,cAAY,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACvC;AACA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,eAAa;AACb,kBAAgB;AAClB;AACA,CAAC;AACC;AAAA,IAAY;AAAA,MAAgB,KAAhB;AAAA,MAAuB,QAAQ,EAA/B;AAAA,MAAmC,QAAQ;AACvD,SAAO;AACT;AACA,CAAC;AACC;AAAA,IAAY;AAAA,MAAgB,KAAhB;AAAA,MAAuB,QAAQ,EAA/B;AAAA,MAAmC,QAAQ;AACvD,SAAO;AACT;AACA,CAAC;AACC;AAAA,IAAY;AAAA,MAAgB,KAAhB;AAAA,MAAuB,QAAQ,EAA/B;AAAA,MAAmC,QAAQ;AACvD,SAAO;AACT;AACA,CAAC;AACC;AAAA,IAAY;AAAA,MAAgB,KAAhB;AAAA,MAAuB,QAAQ,EAA/B;AAAA,MAAmC,QAAQ;AACvD,SAAO;AACT;AACA,CAAC;AACC;AAAA,IAAY;AAAA,MAAgB,KAAhB;AAAA,MAAuB,QAAQ,EAA/B;AAAA,MAAmC,QAAQ;AACvD,SAAO;AACT;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,YAAU;AACZ;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,eAAa;AACb,cAAY;AACZ,eAAa;AACf;AACA,CAAC;AACC,aAAW,uBAAuB,IAAI,OAAO;AAC7C,eAAa;AACf;AACA,CAJC,4BAI4B;AAC3B,wBAAsB;AACxB;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,OAAK;AACL,aAAW,WAAW;AACtB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,iBAAe;AACf,SAAO,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3B,UAAQ;AACR,cAAY,IAAI,MAAM;AACtB,WAAS;AACT,WAAS;AACX;AACA,CAnBC,0BAmB0B;AACzB,SAAO;AACP,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC;AACA,CAvBC,0BAuB0B;AACzB,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC;AACA,WAhCa;AAiCX;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;","names":[]}

package/dist/AnnouncementBar/index.d.ts

@@ -1,13 +1,32 @@
 import React, { ReactNode, CSSProperties } from 'react';
 import './index.less';
+export type AnnouncementType = 'primary' | 'warning' | 'success' | 'danger' | 'purple';
 export interface AnnouncementBarProps {
     /** 横幅广播内容 */
     children: ReactNode;
+    /** 预设主题色系：'primary' | 'warning' | 'success' | 'danger' | 'purple' */
+    type?: AnnouncementType;
+    /** 自定义渐变或背景样式（传值时覆盖 type 预设） */
+    background?: string;
+    /** 自定义文字颜色 */
+    color?: string;
+    /** 是否开启智能吸顶 (position: sticky)，默认为 false */
+    sticky?: boolean;
+    /** 是否开启固定吸顶 (position: fixed)，默认为 false */
+    fixed?: boolean;
+    /** 吸顶时距离顶部的距离偏移（像素或 CSS 字符串），默认为 0 */
+    top?: number | string;
+    /** 图层层级 z-index，默认为 1000 */
+    zIndex?: number;
     /** 是否支持点击关闭，默认为 true */
     closable?: boolean;
-    /** 自定义渐变或背景样式 */
-    background?: string;
-    /** 关闭回调 */
+    /** 自定义关闭图标 */
+    closeIcon?: ReactNode;
+    /** LocalStorage 记忆 Key（若传入则关闭后自动持久化记忆，不再重复弹出） */
+    storageKey?: string;
+    /** 内容过长时是否开启跑马灯无缝水平滚动，默认为 false */
+    marquee?: boolean;
+    /** 关闭时的回调函数 */
     onClose?: () => void;
     /** 自定义类名 */
     className?: string;

package/dist/AnnouncementBar/index.js

@@ -1,3 +1,4 @@
-export { AnnouncementBar_default as default } from '../chunk-5YQVSOHK.js';
+export { AnnouncementBar_default as default } from '../chunk-O4EABET3.js';
+import '../chunk-2IDVNTKR.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/AudioPlayer/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkVS2YVJOB_cjs = require('../chunk-VS2YVJOB.cjs');
-require('../chunk-MBOWSS4B.cjs');
+var chunk4TMBGQQE_cjs = require('../chunk-4TMBGQQE.cjs');
+require('../chunk-R4V3EJVP.cjs');
 
 
 
-module.exports = chunkVS2YVJOB_cjs.AudioPlayer_default;
+module.exports = chunk4TMBGQQE_cjs.AudioPlayer_default;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/AudioPlayer/index.js

@@ -1,4 +1,4 @@
-export { AudioPlayer_default as default } from '../chunk-HUXPCMNP.js';
-import '../chunk-ISUXPTLV.js';
+export { AudioPlayer_default as default } from '../chunk-PTFKE67K.js';
+import '../chunk-2IDVNTKR.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/CeilingBox/index.cjs

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

package/dist/CeilingBox/index.cjs.map

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

package/dist/CeilingBox/index.css

@@ -0,0 +1,25 @@
+/* CeilingBox/index.less */
+.rpc_ceiling_box_wrapper {
+  position: relative;
+  box-sizing: border-box;
+}
+.rpc_ceiling_box {
+  box-sizing: border-box;
+  transition:
+    box-shadow 0.25s ease,
+    background 0.25s ease,
+    backdrop-filter 0.25s ease;
+}
+.rpc_ceiling_box_affixed {
+  transition:
+    top 0.15s ease,
+    bottom 0.15s ease,
+    box-shadow 0.25s ease;
+}
+.rpc_ceiling_box_blur {
+  background: rgba(255, 255, 255, 0.85) !important;
+  backdrop-filter: blur(12px) saturate(180%);
+  -webkit-backdrop-filter: blur(12px) saturate(180%);
+  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
+}
+/*# sourceMappingURL=index.css.map */

package/dist/CeilingBox/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../CeilingBox/index.less"],"sourcesContent":[".rpc_ceiling_box_wrapper {\n  position: relative;\n  box-sizing: border-box;\n}\n.rpc_ceiling_box {\n  box-sizing: border-box;\n  transition: box-shadow 0.25s ease, background 0.25s ease, backdrop-filter 0.25s ease;\n}\n.rpc_ceiling_box_affixed {\n  transition: top 0.15s ease, bottom 0.15s ease, box-shadow 0.25s ease;\n}\n.rpc_ceiling_box_blur {\n  background: rgba(255, 255, 255, 0.85) !important;\n  backdrop-filter: blur(12px) saturate(180%);\n  -webkit-backdrop-filter: blur(12px) saturate(180%);\n  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACZ;AAAA,IAAY,WAAW,MAAM,IAAI;AAAA,IAAE,WAAW,MAAM,IAAI;AAAA,IAAE,gBAAgB,MAAM;AAClF;AACA,CAAC;AACC;AAAA,IAAY,IAAI,MAAM,IAAI;AAAA,IAAE,OAAO,MAAM,IAAI;AAAA,IAAE,WAAW,MAAM;AAClE;AACA,CAAC;AACC,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChC,mBAAiB,KAAK,MAAM,SAAS;AACrC,2BAAyB,KAAK,MAAM,SAAS;AAC7C,cAAY,EAAE,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChF;","names":[]}

package/dist/CeilingBox/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface CeilingBoxProps {
+    /** 子元素内容，支持普通 ReactNode 或 Render Props 函数接收 isAffixed 状态 */
+    children: ReactNode | ((isAffixed: boolean) => ReactNode);
+    /** 距离视口/容器顶部的吸顶偏移距离（像素），默认为 0 */
+    offsetTop?: number;
+    /** 距离视口/容器底部的吸底偏移距离（像素，传值时开启吸底模式） */
+    offsetBottom?: number;
+    /** 监听滚动的目标 DOM 容器，不传时默认监听 window 全局滚动 */
+    target?: () => HTMLElement | Window | null;
+    /** 吸顶/吸底状态改变时的回调函数 */
+    onChange?: (isAffixed: boolean) => void;
+    /** 吸顶时是否自动启用毛玻璃磨砂与精致阴影滤镜，默认为 true */
+    blur?: boolean;
+    /** 吸顶/吸底状态下的图层层级 z-index，默认为 1000 */
+    zIndex?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义行内样式 */
+    style?: CSSProperties;
+    /** 吸顶激活状态下追加的自定义类名 */
+    affixedClassName?: string;
+    /** 吸顶激活状态下追加的自定义行内样式 */
+    affixedStyle?: CSSProperties;
+}
+declare const CeilingBox: React.FC<CeilingBoxProps>;
+export default CeilingBox;

package/dist/CeilingBox/index.js

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

package/dist/CeilingBox/index.js.map

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

package/dist/CodeSnippet/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkEOGYWPX7_cjs = require('../chunk-EOGYWPX7.cjs');
+var chunkTUDLE3RT_cjs = require('../chunk-TUDLE3RT.cjs');
+require('../chunk-R4V3EJVP.cjs');
 
 
 
-module.exports = chunkEOGYWPX7_cjs.CodeSnippet_default;
+module.exports = chunkTUDLE3RT_cjs.CodeSnippet_default;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/CodeSnippet/index.css

@@ -15,11 +15,41 @@
   box-sizing: border-box;
   user-select: text;
   transition: all 0.2s ease;
+  position: relative;
 }
 .rpc_code_snippet_dark {
   background: #141414;
   border: 1px solid #303030;
 }
+.rpc_code_snippet_dark .rpc_code_snippet_actions_bar {
+  background: #1a1a1a;
+  border-bottom: 1px solid #2a2a2a;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_action_btn {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_action_btn:hover {
+  color: #ffffff;
+  background: rgba(255, 255, 255, 0.08);
+}
+.rpc_code_snippet_dark .rpc_code_snippet_action_btn.rpc_code_snippet_action_active {
+  color: #1677ff;
+  background: rgba(22, 119, 255, 0.15);
+}
+.rpc_code_snippet_dark .rpc_code_snippet_tabs_bar {
+  background: #141414;
+  border-bottom: 1px solid #262626;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_tab_item {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_tab_item:hover {
+  color: #ffffff;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_tab_item.rpc_code_snippet_tab_active {
+  color: #1677ff;
+  border-bottom-color: #1677ff;
+}
 .rpc_code_snippet_dark .rpc_code_snippet_top_bar {
   background: #1f1f1f;
   border-bottom: 1px solid #303030;
@@ -40,11 +70,55 @@
   color: #595959;
   border-right: 1px solid #303030;
 }
+.rpc_code_snippet_dark .rpc_code_snippet_floating_copy {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_floating_copy:hover {
+  color: #ffffff;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_footer {
+  background: #1a1a1a;
+  border-top: 1px solid #262626;
+  color: #8c8c8c;
+}
+.rpc_code_snippet_dark .rpc_code_snippet_footer:hover {
+  color: #1677ff;
+  background: #222222;
+}
 .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_actions_bar {
+  background: #fafafa;
+  border-bottom: 1px dashed #e8e8e8;
+}
+.rpc_code_snippet_light .rpc_code_snippet_action_btn {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_light .rpc_code_snippet_action_btn:hover {
+  color: #1677ff;
+  background: #f0f0f0;
+}
+.rpc_code_snippet_light .rpc_code_snippet_action_btn.rpc_code_snippet_action_active {
+  color: #1677ff;
+  background: #e6f4ff;
+}
+.rpc_code_snippet_light .rpc_code_snippet_tabs_bar {
+  background: #ffffff;
+  border-bottom: 1px solid #f0f0f0;
+}
+.rpc_code_snippet_light .rpc_code_snippet_tab_item {
+  color: #595959;
+}
+.rpc_code_snippet_light .rpc_code_snippet_tab_item:hover {
+  color: #1677ff;
+}
+.rpc_code_snippet_light .rpc_code_snippet_tab_item.rpc_code_snippet_tab_active {
+  color: #1677ff;
+  border-bottom-color: #1677ff;
+}
 .rpc_code_snippet_light .rpc_code_snippet_top_bar {
   background: #fafafa;
   border-bottom: 1px solid #e8e8e8;
@@ -65,6 +139,65 @@
   color: #bfbfbf;
   border-right: 1px solid #f0f0f0;
 }
+.rpc_code_snippet_light .rpc_code_snippet_floating_copy {
+  color: #8c8c8c;
+}
+.rpc_code_snippet_light .rpc_code_snippet_floating_copy:hover {
+  color: #1677ff;
+}
+.rpc_code_snippet_light .rpc_code_snippet_footer {
+  background: #fafafa;
+  border-top: 1px solid #f0f0f0;
+  color: #595959;
+}
+.rpc_code_snippet_light .rpc_code_snippet_footer:hover {
+  color: #1677ff;
+  background: #f5f5f5;
+}
+.rpc_code_snippet_actions_bar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 6px 12px;
+  user-select: none;
+}
+.rpc_code_snippet_actions_list {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.rpc_code_snippet_action_btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 15px;
+  transition: all 0.15s ease;
+  outline: none;
+}
+.rpc_code_snippet_action_copied {
+  color: #52c41a !important;
+}
+.rpc_code_snippet_tabs_bar {
+  display: flex;
+  padding: 0 16px;
+  gap: 20px;
+  user-select: none;
+}
+.rpc_code_snippet_tab_item {
+  padding: 8px 4px;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 500;
+  border-bottom: 2px solid transparent;
+  transition: all 0.15s ease;
+}
 .rpc_code_snippet_top_bar {
   display: flex;
   align-items: center;
@@ -106,6 +239,7 @@
   transition: all 0.15s;
 }
 .rpc_code_snippet_body {
+  position: relative;
   display: flex;
   overflow-x: auto;
 }
@@ -128,4 +262,27 @@
   line-height: 1.5;
   margin: 0;
 }
+.rpc_code_snippet_floating_copy {
+  position: absolute;
+  top: 10px;
+  right: 14px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  font-size: 13px;
+  transition: all 0.15s ease;
+  background: transparent;
+}
+.rpc_code_snippet_footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  user-select: none;
+  transition: all 0.15s ease;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/CodeSnippet/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../CodeSnippet/index.less"],"sourcesContent":[".rpc_code_snippet {\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  font-size: 13px;\n  box-sizing: border-box;\n  user-select: text;\n  transition: all 0.2s ease;\n}\n.rpc_code_snippet_dark {\n  background: #141414;\n  border: 1px solid #303030;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_top_bar {\n  background: #1f1f1f;\n  border-bottom: 1px solid #303030;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_lang {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_copy_btn {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_copy_btn:hover {\n  color: #ffffff;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_content {\n  color: #e6e6e6;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_line_no {\n  color: #595959;\n  border-right: 1px solid #303030;\n}\n.rpc_code_snippet_light {\n  background: #ffffff;\n  border: 1px solid #e8e8e8;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n.rpc_code_snippet_light .rpc_code_snippet_top_bar {\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.rpc_code_snippet_light .rpc_code_snippet_lang {\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_copy_btn {\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_copy_btn:hover {\n  color: #1677ff;\n}\n.rpc_code_snippet_light .rpc_code_snippet_content {\n  color: #1f1f1f;\n}\n.rpc_code_snippet_light .rpc_code_snippet_line_no {\n  color: #bfbfbf;\n  border-right: 1px solid #f0f0f0;\n}\n.rpc_code_snippet_top_bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  user-select: none;\n}\n.rpc_code_snippet_dots {\n  display: flex;\n  gap: 6px;\n}\n.rpc_code_snippet_dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.rpc_code_snippet_dot_red {\n  background: #ff5f56;\n}\n.rpc_code_snippet_dot_yellow {\n  background: #ffbd2e;\n}\n.rpc_code_snippet_dot_green {\n  background: #27c93f;\n}\n.rpc_code_snippet_lang {\n  font-size: 11px;\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n.rpc_code_snippet_copy_btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  transition: all 0.15s;\n}\n.rpc_code_snippet_body {\n  display: flex;\n  overflow-x: auto;\n}\n.rpc_code_snippet_line_numbers {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 0;\n  user-select: none;\n  text-align: right;\n}\n.rpc_code_snippet_line_no {\n  padding: 0 12px;\n  font-size: 12px;\n  line-height: 1.5;\n}\n.rpc_code_snippet_content {\n  flex: 1;\n  padding: 12px 16px;\n  overflow-x: auto;\n  line-height: 1.5;\n  margin: 0;\n}\n"],"mappings":";AAAA,CAAC;AACC,iBAAe;AACf,YAAU;AACV;AAAA,IAAa,YAAY;AAAA,IAAE,cAAc;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,QAAQ;AAAA,IAAE,iBAAiB;AAAA,IAAE,aAAa;AAAA,IAAE;AACtG,aAAW;AACX,cAAY;AACZ,eAAa;AACb,cAAY,IAAI,KAAK;AACvB;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AACpB;AACA,CAJC,sBAIsB,CAAC;AACtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CARC,sBAQsB,CAAC;AACtB,SAAO;AACT;AACA,CAXC,sBAWsB,CAAC;AACtB,SAAO;AACT;AACA,CAdC,sBAcsB,CAHC,yBAGyB;AAC/C,SAAO;AACT;AACA,CAjBC,sBAiBsB,CAAC;AACtB,SAAO;AACT;AACA,CApBC,sBAoBsB,CAAC;AACtB,SAAO;AACP,gBAAc,IAAI,MAAM;AAC1B;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC;AACA,CALC,uBAKuB,CAzBA;AA0BtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CATC,uBASuB,CAzBA;AA0BtB,SAAO;AACT;AACA,CAZC,uBAYuB,CAzBA;AA0BtB,SAAO;AACT;AACA,CAfC,uBAeuB,CA5BA,yBA4B0B;AAChD,SAAO;AACT;AACA,CAlBC,uBAkBuB,CAzBA;AA0BtB,SAAO;AACT;AACA,CArBC,uBAqBuB,CAzBA;AA0BtB,SAAO;AACP,gBAAc,IAAI,MAAM;AAC1B;AACA,CA7CwB;AA8CtB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACb,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,OAAK;AACP;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe;AACjB;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAlEwB;AAmEtB,aAAW;AACX,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAClB;AACA,CArEwB;AAsEtB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,aAAW;AACX,WAAS,IAAI;AACb,iBAAe;AACf,cAAY,IAAI;AAClB;AACA,CAAC;AACC,WAAS;AACT,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,WAAS,KAAK;AACd,eAAa;AACb,cAAY;AACd;AACA,CAhFwB;AAiFtB,WAAS,EAAE;AACX,aAAW;AACX,eAAa;AACf;AACA,CAxFwB;AAyFtB,QAAM;AACN,WAAS,KAAK;AACd,cAAY;AACZ,eAAa;AACb,UAAQ;AACV;","names":[]}
+{"version":3,"sources":["../../CodeSnippet/index.less"],"sourcesContent":[".rpc_code_snippet {\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  font-size: 13px;\n  box-sizing: border-box;\n  user-select: text;\n  transition: all 0.2s ease;\n  position: relative;\n}\n.rpc_code_snippet_dark {\n  background: #141414;\n  border: 1px solid #303030;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_actions_bar {\n  background: #1a1a1a;\n  border-bottom: 1px solid #2a2a2a;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_action_btn {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_action_btn:hover {\n  color: #ffffff;\n  background: rgba(255, 255, 255, 0.08);\n}\n.rpc_code_snippet_dark .rpc_code_snippet_action_btn.rpc_code_snippet_action_active {\n  color: #1677ff;\n  background: rgba(22, 119, 255, 0.15);\n}\n.rpc_code_snippet_dark .rpc_code_snippet_tabs_bar {\n  background: #141414;\n  border-bottom: 1px solid #262626;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_tab_item {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_tab_item:hover {\n  color: #ffffff;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_tab_item.rpc_code_snippet_tab_active {\n  color: #1677ff;\n  border-bottom-color: #1677ff;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_top_bar {\n  background: #1f1f1f;\n  border-bottom: 1px solid #303030;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_lang {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_copy_btn {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_copy_btn:hover {\n  color: #ffffff;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_content {\n  color: #e6e6e6;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_line_no {\n  color: #595959;\n  border-right: 1px solid #303030;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_floating_copy {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_floating_copy:hover {\n  color: #ffffff;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_footer {\n  background: #1a1a1a;\n  border-top: 1px solid #262626;\n  color: #8c8c8c;\n}\n.rpc_code_snippet_dark .rpc_code_snippet_footer:hover {\n  color: #1677ff;\n  background: #222222;\n}\n.rpc_code_snippet_light {\n  background: #ffffff;\n  border: 1px solid #e8e8e8;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n.rpc_code_snippet_light .rpc_code_snippet_actions_bar {\n  background: #fafafa;\n  border-bottom: 1px dashed #e8e8e8;\n}\n.rpc_code_snippet_light .rpc_code_snippet_action_btn {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_light .rpc_code_snippet_action_btn:hover {\n  color: #1677ff;\n  background: #f0f0f0;\n}\n.rpc_code_snippet_light .rpc_code_snippet_action_btn.rpc_code_snippet_action_active {\n  color: #1677ff;\n  background: #e6f4ff;\n}\n.rpc_code_snippet_light .rpc_code_snippet_tabs_bar {\n  background: #ffffff;\n  border-bottom: 1px solid #f0f0f0;\n}\n.rpc_code_snippet_light .rpc_code_snippet_tab_item {\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_tab_item:hover {\n  color: #1677ff;\n}\n.rpc_code_snippet_light .rpc_code_snippet_tab_item.rpc_code_snippet_tab_active {\n  color: #1677ff;\n  border-bottom-color: #1677ff;\n}\n.rpc_code_snippet_light .rpc_code_snippet_top_bar {\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.rpc_code_snippet_light .rpc_code_snippet_lang {\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_copy_btn {\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_copy_btn:hover {\n  color: #1677ff;\n}\n.rpc_code_snippet_light .rpc_code_snippet_content {\n  color: #1f1f1f;\n}\n.rpc_code_snippet_light .rpc_code_snippet_line_no {\n  color: #bfbfbf;\n  border-right: 1px solid #f0f0f0;\n}\n.rpc_code_snippet_light .rpc_code_snippet_floating_copy {\n  color: #8c8c8c;\n}\n.rpc_code_snippet_light .rpc_code_snippet_floating_copy:hover {\n  color: #1677ff;\n}\n.rpc_code_snippet_light .rpc_code_snippet_footer {\n  background: #fafafa;\n  border-top: 1px solid #f0f0f0;\n  color: #595959;\n}\n.rpc_code_snippet_light .rpc_code_snippet_footer:hover {\n  color: #1677ff;\n  background: #f5f5f5;\n}\n.rpc_code_snippet_actions_bar {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 6px 12px;\n  user-select: none;\n}\n.rpc_code_snippet_actions_list {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.rpc_code_snippet_action_btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 15px;\n  transition: all 0.15s ease;\n  outline: none;\n}\n.rpc_code_snippet_action_copied {\n  color: #52c41a !important;\n}\n.rpc_code_snippet_tabs_bar {\n  display: flex;\n  padding: 0 16px;\n  gap: 20px;\n  user-select: none;\n}\n.rpc_code_snippet_tab_item {\n  padding: 8px 4px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  border-bottom: 2px solid transparent;\n  transition: all 0.15s ease;\n}\n.rpc_code_snippet_top_bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  user-select: none;\n}\n.rpc_code_snippet_dots {\n  display: flex;\n  gap: 6px;\n}\n.rpc_code_snippet_dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.rpc_code_snippet_dot_red {\n  background: #ff5f56;\n}\n.rpc_code_snippet_dot_yellow {\n  background: #ffbd2e;\n}\n.rpc_code_snippet_dot_green {\n  background: #27c93f;\n}\n.rpc_code_snippet_lang {\n  font-size: 11px;\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n.rpc_code_snippet_copy_btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  transition: all 0.15s;\n}\n.rpc_code_snippet_body {\n  position: relative;\n  display: flex;\n  overflow-x: auto;\n}\n.rpc_code_snippet_line_numbers {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 0;\n  user-select: none;\n  text-align: right;\n}\n.rpc_code_snippet_line_no {\n  padding: 0 12px;\n  font-size: 12px;\n  line-height: 1.5;\n}\n.rpc_code_snippet_content {\n  flex: 1;\n  padding: 12px 16px;\n  overflow-x: auto;\n  line-height: 1.5;\n  margin: 0;\n}\n.rpc_code_snippet_floating_copy {\n  position: absolute;\n  top: 10px;\n  right: 14px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n  font-size: 13px;\n  transition: all 0.15s ease;\n  background: transparent;\n}\n.rpc_code_snippet_footer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 16px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.15s ease;\n}\n"],"mappings":";AAAA,CAAC;AACC,iBAAe;AACf,YAAU;AACV;AAAA,IAAa,YAAY;AAAA,IAAE,cAAc;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,QAAQ;AAAA,IAAE,iBAAiB;AAAA,IAAE,aAAa;AAAA,IAAE;AACtG,aAAW;AACX,cAAY;AACZ,eAAa;AACb,cAAY,IAAI,KAAK;AACrB,YAAU;AACZ;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AACpB;AACA,CAJC,sBAIsB,CAAC;AACtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CARC,sBAQsB,CAAC;AACtB,SAAO;AACT;AACA,CAXC,sBAWsB,CAHC,2BAG2B;AACjD,SAAO;AACP,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC;AACA,CAfC,sBAesB,CAPC,2BAO2B,CAAC;AAClD,SAAO;AACP,cAAY,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AACjC;AACA,CAnBC,sBAmBsB,CAAC;AACtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CAvBC,sBAuBsB,CAAC;AACtB,SAAO;AACT;AACA,CA1BC,sBA0BsB,CAHC,yBAGyB;AAC/C,SAAO;AACT;AACA,CA7BC,sBA6BsB,CANC,yBAMyB,CAAC;AAChD,SAAO;AACP,uBAAqB;AACvB;AACA,CAjCC,sBAiCsB,CAAC;AACtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CArCC,sBAqCsB,CAAC;AACtB,SAAO;AACT;AACA,CAxCC,sBAwCsB,CAAC;AACtB,SAAO;AACT;AACA,CA3CC,sBA2CsB,CAHC,yBAGyB;AAC/C,SAAO;AACT;AACA,CA9CC,sBA8CsB,CAAC;AACtB,SAAO;AACT;AACA,CAjDC,sBAiDsB,CAAC;AACtB,SAAO;AACP,gBAAc,IAAI,MAAM;AAC1B;AACA,CArDC,sBAqDsB,CAAC;AACtB,SAAO;AACT;AACA,CAxDC,sBAwDsB,CAHC,8BAG8B;AACpD,SAAO;AACT;AACA,CA3DC,sBA2DsB,CAAC;AACtB,cAAY;AACZ,cAAY,IAAI,MAAM;AACtB,SAAO;AACT;AACA,CAhEC,sBAgEsB,CALC,uBAKuB;AAC7C,SAAO;AACP,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC;AACA,CALC,uBAKuB,CArEA;AAsEtB,cAAY;AACZ,iBAAe,IAAI,OAAO;AAC5B;AACA,CATC,uBASuB,CArEA;AAsEtB,SAAO;AACT;AACA,CAZC,uBAYuB,CAxEA,2BAwE4B;AAClD,SAAO;AACP,cAAY;AACd;AACA,CAhBC,uBAgBuB,CA5EA,2BA4E4B,CArEA;AAsElD,SAAO;AACP,cAAY;AACd;AACA,CApBC,uBAoBuB,CArEA;AAsEtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CAxBC,uBAwBuB,CArEA;AAsEtB,SAAO;AACT;AACA,CA3BC,uBA2BuB,CAxEA,yBAwE0B;AAChD,SAAO;AACT;AACA,CA9BC,uBA8BuB,CA3EA,yBA2E0B,CArEA;AAsEhD,SAAO;AACP,uBAAqB;AACvB;AACA,CAlCC,uBAkCuB,CArEA;AAsEtB,cAAY;AACZ,iBAAe,IAAI,MAAM;AAC3B;AACA,CAtCC,uBAsCuB,CArEA;AAsEtB,SAAO;AACT;AACA,CAzCC,uBAyCuB,CArEA;AAsEtB,SAAO;AACT;AACA,CA5CC,uBA4CuB,CAxEA,yBAwE0B;AAChD,SAAO;AACT;AACA,CA/CC,uBA+CuB,CArEA;AAsEtB,SAAO;AACT;AACA,CAlDC,uBAkDuB,CArEA;AAsEtB,SAAO;AACP,gBAAc,IAAI,MAAM;AAC1B;AACA,CAtDC,uBAsDuB,CArEA;AAsEtB,SAAO;AACT;AACA,CAzDC,uBAyDuB,CAxEA,8BAwE+B;AACrD,SAAO;AACT;AACA,CA5DC,uBA4DuB,CArEA;AAsEtB,cAAY;AACZ,cAAY,IAAI,MAAM;AACtB,SAAO;AACT;AACA,CAjEC,uBAiEuB,CA1EA,uBA0EwB;AAC9C,SAAO;AACP,cAAY;AACd;AACA,CArIwB;AAsItB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACb,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACP;AACA,CA7IwB;AA8ItB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,cAAY;AACZ,iBAAe;AACf,UAAQ;AACR,aAAW;AACX,cAAY,IAAI,MAAM;AACtB,WAAS;AACX;AACA,CAAC;AACC,SAAO;AACT;AACA,CApJwB;AAqJtB,WAAS;AACT,WAAS,EAAE;AACX,OAAK;AACL,eAAa;AACf;AACA,CAtJwB;AAuJtB,WAAS,IAAI;AACb,UAAQ;AACR,aAAW;AACX,eAAa;AACb,iBAAe,IAAI,MAAM;AACzB,cAAY,IAAI,MAAM;AACxB;AACA,CApJwB;AAqJtB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACb,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,OAAK;AACP;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe;AACjB;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAzKwB;AA0KtB,aAAW;AACX,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAClB;AACA,CA5KwB;AA6KtB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,aAAW;AACX,WAAS,IAAI;AACb,iBAAe;AACf,cAAY,IAAI;AAClB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,WAAS,KAAK;AACd,eAAa;AACb,cAAY;AACd;AACA,CAxLwB;AAyLtB,WAAS,EAAE;AACX,aAAW;AACX,eAAa;AACf;AACA,CAhMwB;AAiMtB,QAAM;AACN,WAAS,KAAK;AACd,cAAY;AACZ,eAAa;AACb,UAAQ;AACV;AACA,CAhMwB;AAiMtB,YAAU;AACV,OAAK;AACL,SAAO;AACP,WAAS;AACT,eAAa;AACb,UAAQ;AACR,eAAa;AACb,aAAW;AACX,cAAY,IAAI,MAAM;AACtB,cAAY;AACd;AACA,CAtMwB;AAuMtB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACb,aAAW;AACX,eAAa;AACb,UAAQ;AACR,eAAa;AACb,cAAY,IAAI,MAAM;AACxB;","names":[]}

package/dist/CodeSnippet/index.d.ts

@@ -1,10 +1,18 @@
 import React, { ReactNode, CSSProperties } from 'react';
+import { SandboxConfig } from './sandbox';
 import './index.less';
 export type CodeSnippetTheme = 'dark' | 'light';
-export interface CodeSnippetProps {
-    /** 代码文本内容 */
+export interface CodeTabItem {
+    key: string;
+    label: ReactNode;
     code: string;
-    /** 编程语言标识，默认为 'bash' */
+    language?: string;
+}
+export type BuiltinAction = 'codesandbox' | 'codepen' | 'stackblitz' | 'copy' | 'external' | 'collapse';
+export interface CodeSnippetProps {
+    /** 代码文本内容（单代码模式） */
+    code?: string;
+    /** 编程语言标识，默认为 'tsx' */
     language?: string;
     /** 代码块主题风格：'dark' 暗色（默认） / 'light' 亮色 */
     theme?: CodeSnippetTheme;
@@ -12,8 +20,36 @@ export interface CodeSnippetProps {
     title?: ReactNode;
     /** 是否显示代码行号，默认为 false */
     showLineNumbers?: boolean;
-    /** 是否展示右上角一键复制按钮，默认为 true */
+    /** 是否展示一键复制按钮，默认为 true */
     copyable?: boolean;
+    /** 多语言/多版本 Tabs 切换（如 TypeScript / JavaScript） */
+    tabs?: CodeTabItem[];
+    /** 当前激活的 Tab key（受控） */
+    activeTabKey?: string;
+    /** 默认激活的 Tab key */
+    defaultActiveTabKey?: string;
+    /** Tab 切换回调 */
+    onTabChange?: (key: string) => void;
+    /** 是否展示上方经典操作工具栏（CodeSandbox、CodePen、StackBlitz、外部打开、复制、代码展开折叠） */
+    showActions?: boolean;
+    /** 自定义操作栏按钮列表 */
+    actions?: (BuiltinAction | ReactNode)[];
+    /** 点击操作按钮时的回调函数 */
+    onAction?: (actionKey: string) => void;
+    /** 沙箱自定义配置（标题、依赖库等） */
+    sandboxConfig?: SandboxConfig;
+    /** 外部独立运行的完整页面 URL（若传则 external 按钮直接打开此链接，不传则自动在新窗口动态构建运行） */
+    externalUrl?: string;
+    /** 是否支持折叠/展开代码 */
+    collapsible?: boolean;
+    /** 默认是否折叠 */
+    defaultCollapsed?: boolean;
+    /** 当前是否折叠（受控） */
+    collapsed?: boolean;
+    /** 折叠状态切换回调 */
+    onCollapseChange?: (collapsed: boolean) => void;
+    /** 是否展示底部的“收起 / 展开代码”控制条，默认为 false */
+    showCollapseFooter?: boolean;
     /** 自定义类名 */
     className?: string;
     /** 自定义样式 */

package/dist/CodeSnippet/index.js

@@ -1,3 +1,4 @@
-export { CodeSnippet_default as default } from '../chunk-5VSEUDVY.js';
+export { CodeSnippet_default as default } from '../chunk-4KMVABTM.js';
+import '../chunk-2IDVNTKR.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map