react-public-components 1.2.4 → 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/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/LazyLoadBox/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkV55FEQYU_cjs = require('../chunk-V55FEQYU.cjs');
+
+
+
+Object.defineProperty(exports, "LazyLoadBox", {
+  enumerable: true,
+  get: function () { return chunkV55FEQYU_cjs.LazyLoadBox; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkV55FEQYU_cjs.LazyLoadBox_default; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/LazyLoadBox/index.cjs.map

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

package/dist/LazyLoadBox/index.css

@@ -0,0 +1,57 @@
+/* LazyLoadBox/index.less */
+.rpc_lazy_load_box {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+}
+.rpc_lazy_load_box_fade_in {
+  animation: rpcLazyFadeIn 0.3s cubic-bezier(0.2, 0, 0, 1) forwards;
+}
+.rpc_lazy_load_placeholder {
+  position: relative;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  background: #f5f5f7;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.rpc_lazy_load_placeholder_bordered {
+  border: 1px dashed #d9d9d9;
+}
+.rpc_lazy_load_skeleton {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background:
+    linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.6) 50%,
+      rgba(255, 255, 255, 0) 100%);
+  background-size: 200% 100%;
+  animation: rpcLazyShimmer 1.6s infinite ease-in-out;
+}
+@keyframes rpcLazyFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes rpcLazyShimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/LazyLoadBox/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../LazyLoadBox/index.less"],"sourcesContent":[".rpc_lazy_load_box {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n}\n.rpc_lazy_load_box_fade_in {\n  animation: rpcLazyFadeIn 0.3s cubic-bezier(0.2, 0, 0, 1) forwards;\n}\n.rpc_lazy_load_placeholder {\n  position: relative;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  background: #f5f5f7;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.rpc_lazy_load_placeholder_bordered {\n  border: 1px dashed #d9d9d9;\n}\n.rpc_lazy_load_skeleton {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);\n  background-size: 200% 100%;\n  animation: rpcLazyShimmer 1.6s infinite ease-in-out;\n}\n@keyframes rpcLazyFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes rpcLazyShimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,SAAO;AACT;AACA,CAAC;AACC,aAAW,cAAc,KAAK,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG;AAC3D;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,iBAAe;AACf,cAAY;AACZ,YAAU;AACV,cAAY;AACd;AACA,CAAC;AACC,UAAQ,IAAI,OAAO;AACrB;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR;AAAA,IAAY;AAAA,MAAgB,KAAhB;AAAA,MAAuB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAA9C;AAAA,MAAkD,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,GAA3E;AAAA,MAAgF,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;AACnH,mBAAiB,KAAK;AACtB,aAAW,eAAe,KAAK,SAAS;AAC1C;AACA,WA1Ba;AA2BX;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AACA,WAZa;AAaX;AACE,yBAAqB,KAAK;AAC5B;AACA;AACE,yBAAqB,MAAM;AAC7B;AACF;","names":[]}

package/dist/LazyLoadBox/index.d.ts

@@ -0,0 +1,104 @@
+import React, { CSSProperties, ReactNode, RefObject } from 'react';
+import './index.less';
+export interface LazyLoadBoxRef {
+    /** 立即强制触发加载真实内容 */
+    load: () => void;
+    /** 重置加载状态（仅在 once=false 或需要重新触发时可用） */
+    reset: () => void;
+    /** 获取当前元素是否在可视/预加载区域内 */
+    getInView: () => boolean;
+    /** 获取当前是否已经完成过加载 */
+    getHasLoaded: () => boolean;
+    /** 获取容器原生 DOM 节点 */
+    getDOMNode: () => HTMLDivElement | null;
+}
+export interface LazyRenderProps {
+    /** 当前是否在视口范围内 */
+    isInView: boolean;
+    /** 是否已经触发过加载并完成挂载 */
+    hasLoaded: boolean;
+    /** 重新触发加载函数 */
+    load: () => void;
+}
+export type LazyOffset = number | string | [number | string, number | string] | [number | string, number | string, number | string, number | string];
+export interface LazyLoadBoxProps {
+    /**
+     * 子组件或 Render Props
+     * 当为普通组件时：未进入视口时不渲染，进入视口预加载范围后挂载并触发其内部网络请求与渲染；
+     * 当为函数时：接收 ({ isInView, hasLoaded, load }) 回传参数
+     */
+    children?: ReactNode | ((props: LazyRenderProps) => ReactNode);
+    /**
+     * 距离视口/滚动条多远时提前触发加载（单位 px，或标准 rootMargin 字符串/数组）
+     * 例如：
+     * - 纯数字：offset={200} （表示上下预加载 200px）
+     * - 字符串：offset="200px 0px"
+     * - 数组：offset={[100, 200]} （表示上下预加载距离）
+     * 默认：150
+     */
+    offset?: LazyOffset;
+    /**
+     * 未加载前的预估高度/最小高度，防止页面未渲染时高度坍塌导致滚动条剧烈跳动（CLS）
+     * 默认：180
+     */
+    height?: number | string;
+    /**
+     * 预估宽度/最小宽度（可选）
+     */
+    width?: number | string;
+    /**
+     * 未加载时显示的占位内容（如骨架屏或加载动画）
+     * 默认提供内置的高品质流光呼吸骨架屏
+     */
+    placeholder?: ReactNode;
+    /**
+     * 是否显示默认占位骨架屏（当 placeholder 未指定时生效）
+     * 默认：true
+     */
+    skeleton?: boolean;
+    /**
+     * 骨架屏是否显示微边框
+     * 默认：false
+     */
+    bordered?: boolean;
+    /**
+     * 是否只加载一次（默认 true：进入视口后保持挂载，移出不会销毁与重复请求）
+     * 若设为 false，则移出视口时会自动卸载，再次移入时重新挂载
+     */
+    once?: boolean;
+    /**
+     * 强制立即渲染（忽略视口距离，用于一键展开、批量导出、页面打印等场景）
+     */
+    forceRender?: boolean;
+    /**
+     * 指定局部滚动容器（支持 DOM 节点、RefObject、选择器字符串或 getter 函数），默认监听 window 视口
+     */
+    scrollContainer?: HTMLElement | null | string | RefObject<HTMLElement | null> | (() => HTMLElement | null);
+    /**
+     * 交叉比例阈值（0 ~ 1），默认 0
+     */
+    threshold?: number | number[];
+    /**
+     * 是否在加载完成后启用平滑淡入动效
+     * 默认：true
+     */
+    animate?: boolean;
+    /**
+     * 服务端渲染（SSR）时是否直接渲染内容（默认为 false）
+     */
+    ssr?: boolean;
+    /**
+     * 首次进入可视/预加载区域触发加载时的回调
+     */
+    onVisible?: () => void;
+    /**
+     * 可见性变化时的实时回调
+     */
+    onInViewChange?: (inView: boolean) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+export declare const LazyLoadBox: React.ForwardRefExoticComponent<LazyLoadBoxProps & React.RefAttributes<LazyLoadBoxRef>>;
+export default LazyLoadBox;

package/dist/LazyLoadBox/index.js

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

package/dist/LazyLoadBox/index.js.map

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

package/dist/PeriodSelect/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkQU33CY3M_cjs = require('../chunk-QU33CY3M.cjs');
+
+
+
+Object.defineProperty(exports, "DEFAULT_PERIOD_OPTIONS", {
+  enumerable: true,
+  get: function () { return chunkQU33CY3M_cjs.DEFAULT_PERIOD_OPTIONS; }
+});
+Object.defineProperty(exports, "PeriodSelect", {
+  enumerable: true,
+  get: function () { return chunkQU33CY3M_cjs.PeriodSelect; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkQU33CY3M_cjs.PeriodSelect_default; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/PeriodSelect/index.cjs.map

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

package/dist/PeriodSelect/index.css

@@ -0,0 +1,88 @@
+/* PeriodSelect/index.less */
+.rpc_period_select {
+  --rpc-period-active-color: #1677ff;
+  display: inline-flex;
+  align-items: stretch;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background: #ffffff;
+  user-select: none;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.rpc_period_select_small {
+  height: 24px;
+}
+.rpc_period_select_small .rpc_period_select_item {
+  padding: 0 10px;
+  font-size: 12px;
+}
+.rpc_period_select_middle {
+  height: 28px;
+}
+.rpc_period_select_middle .rpc_period_select_item {
+  padding: 0 14px;
+  font-size: 14px;
+}
+.rpc_period_select_large {
+  height: 32px;
+}
+.rpc_period_select_large .rpc_period_select_item {
+  padding: 0 18px;
+  font-size: 15px;
+}
+.rpc_period_select_block {
+  display: flex;
+  width: 100%;
+}
+.rpc_period_select_block .rpc_period_select_item {
+  flex: 1;
+  text-align: center;
+}
+.rpc_period_select_disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+}
+.rpc_period_select_disabled .rpc_period_select_item {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.rpc_period_select_item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #333333;
+  cursor: pointer;
+  line-height: 1;
+  transition: color 0.15s ease, background-color 0.15s ease;
+}
+.rpc_period_select_item:hover:not(.rpc_period_select_item_disabled) {
+  color: var(--rpc-period-active-color);
+}
+.rpc_period_select_item_active {
+  color: var(--rpc-period-active-color);
+  font-weight: 500;
+}
+.rpc_period_select_item_disabled {
+  color: #bfbfbf;
+  cursor: not-allowed;
+}
+.rpc_period_select_text {
+  position: relative;
+  z-index: 2;
+}
+.rpc_period_select_active_line {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background-color: var(--rpc-period-active-color);
+  z-index: 3;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/PeriodSelect/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../PeriodSelect/index.less"],"sourcesContent":[".rpc_period_select {\n  --rpc-period-active-color: #1677ff;\n  display: inline-flex;\n  align-items: stretch;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  background: #ffffff;\n  user-select: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: relative;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n.rpc_period_select_small {\n  height: 24px;\n}\n.rpc_period_select_small .rpc_period_select_item {\n  padding: 0 10px;\n  font-size: 12px;\n}\n.rpc_period_select_middle {\n  height: 28px;\n}\n.rpc_period_select_middle .rpc_period_select_item {\n  padding: 0 14px;\n  font-size: 14px;\n}\n.rpc_period_select_large {\n  height: 32px;\n}\n.rpc_period_select_large .rpc_period_select_item {\n  padding: 0 18px;\n  font-size: 15px;\n}\n.rpc_period_select_block {\n  display: flex;\n  width: 100%;\n}\n.rpc_period_select_block .rpc_period_select_item {\n  flex: 1;\n  text-align: center;\n}\n.rpc_period_select_disabled {\n  opacity: 0.55;\n  cursor: not-allowed;\n  background: #f5f5f5;\n  border-color: #d9d9d9;\n}\n.rpc_period_select_disabled .rpc_period_select_item {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.rpc_period_select_item {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #333333;\n  cursor: pointer;\n  line-height: 1;\n  transition: color 0.15s ease, background-color 0.15s ease;\n}\n.rpc_period_select_item:hover:not(.rpc_period_select_item_disabled) {\n  color: var(--rpc-period-active-color);\n}\n.rpc_period_select_item_active {\n  color: var(--rpc-period-active-color);\n  font-weight: 500;\n}\n.rpc_period_select_item_disabled {\n  color: #bfbfbf;\n  cursor: not-allowed;\n}\n.rpc_period_select_text {\n  position: relative;\n  z-index: 2;\n}\n.rpc_period_select_active_line {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background-color: var(--rpc-period-active-color);\n  z-index: 3;\n}\n"],"mappings":";AAAA,CAAC;AACC,6BAA2B;AAC3B,WAAS;AACT,eAAa;AACb,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY;AACZ,eAAa;AACb,cAAY;AACZ,YAAU;AACV,YAAU;AACV,cAAY,aAAa,KAAK,IAAI,EAAE,WAAW,KAAK;AACtD;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAHC,wBAGwB,CAAC;AACxB,WAAS,EAAE;AACX,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAHC,yBAGyB,CAPA;AAQxB,WAAS,EAAE;AACX,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAHC,wBAGwB,CAdC;AAexB,WAAS,EAAE;AACX,aAAW;AACb;AACA,CAAC;AACC,WAAS;AACT,SAAO;AACT;AACA,CAJC,wBAIwB,CAtBC;AAuBxB,QAAM;AACN,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,cAAY;AACZ,gBAAc;AAChB;AACA,CANC,2BAM2B,CAhCF;AAiCxB,UAAQ;AACR,kBAAgB;AAClB;AACA,CApC0B;AAqCxB,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,eAAa;AACb,cAAY,MAAM,MAAM,IAAI,EAAE,iBAAiB,MAAM;AACvD;AACA,CA9C0B,sBA8CH,MAAM,KAAK,CAAC;AACjC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACX,eAAa;AACf;AACA,CAPmC;AAQjC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,QAAM;AACN,OAAK;AACL,UAAQ;AACR,SAAO;AACP,oBAAkB,IAAI;AACtB,WAAS;AACX;","names":[]}