react-public-components 1.2.0 → 1.2.2

package/README.md

@@ -3,13 +3,13 @@
 [![npm version](https://img.shields.io/npm/v/react-public-components.svg)](https://www.npmjs.com/package/react-public-components)
 [![license](https://img.shields.io/npm/l/react-public-components.svg)](https://github.com/xhua007/react-public-components)
 
-📦 **企业级现代 React 通用核心组件库**。零沉重 UI 库绑定，开箱即用，提供 64 款真正高频、极客质感的中后台与现代 Web 应用组件。
+📦 **企业级现代 React 通用核心组件库**。零沉重 UI 库绑定，开箱即用，提供 61 款真正高频、极客质感的中后台与现代 Web 应用组件。
 
 ---
 
 ## 🌟 特性亮点
 
-- 💎 **精炼通用**：涵盖中后台与 SaaS 产品的通用、布局导航、数据录入、数据展示、反馈 5 大类别共 64 款高频组件。
+- 💎 **精炼通用**：涵盖中后台与 SaaS 产品的通用、布局导航、数据录入、数据展示、反馈 5 大类别共 61 款高频组件。
 - ⚡ **轻量零依赖**：不强制依赖 Ant Design 等庞大第三方 UI 库，体积小巧，按需引入。
 - 🛡️ **工业级防御**：核心安全组件（如 `Watermark`）采用原生 DOM 脱离 VDOM 注入防篡改架构，支持毫秒自愈与防审查元素删除。
 - 🎨 **极客质感**：现代设计语言，自带平滑微动效、毛玻璃（Glassmorphism）、硬件加速流光与暗色模式适配。
@@ -35,20 +35,19 @@ import 'react-public-components/styles.css';
 
 ---
 
-## 🧩 组件全览（64 款核心高频组件）
+## 🧩 组件全览（61 款核心高频组件）
 
-### 1. 通用 General (9 款)
+### 1. 通用 General (8 款)
 | 组件名 | 中文名称 | 特性与场景说明 |
 | :--- | :--- | :--- |
-| **`CodeSnippet`** | 极客代码块 | Mac 终端风格代码块卡片，带红黄绿圆点、语言标签与一键平滑复制。 |
-| **`Watermark`** | 防篡改水印 | 动态防截屏安全水印，基于原生 DOM 独立注入与 ComputedStyle 校验，毫秒自愈防 F12 审查元素删除/隐藏。 |
-| **`QrCodeCard`** | 二维码卡片 | 多功能扫码登录/支付卡片，支持 Logo 嵌入、失效过期遮罩、高清下载与精致 Loading。 |
-| **`GuidedTour`** | 漫游引导 | 新手引导步进器，带智能镂空高亮遮罩、步骤弹窗与状态持久化。 |
+| **`CodeSnippet`** | 代码预览块 | 极客代码展示块，支持暗色主题、一键复制与多行展开收起。 |
+| **`Watermark`** | 安全水印 | DOM 防篡改盲水印，脱离 VDOM 具备毫秒级自愈与防审查元素删除能力。 |
+| **`QrCodeCard`** | 二维码卡片 | 优雅企业级二维码展示卡片，支持 Logo 嵌入、状态覆盖（加载/过期刷新）与一键下载。 |
+| **`GuidedTour`** | 新手引导 | 新手引导步进器，带智能镂空高亮遮罩、步骤弹窗与状态持久化。 |
 | **`FilePreviewer`** | 文件预览 | 多格式文件与媒体统一弹窗预览器，支持图片、音视频、PDF、代码与一键下载。 |
-| **`FloatingActionBar`** | 悬浮操作栏 | 表格与列表多选时从屏幕底部浮出的毛玻璃操作栏，内置统计与批量动作。 |
 | **`Fullscreen`** | 全屏容器 | 支持局部元素原生全屏与网页内最大化置顶切换，支持快捷悬浮按钮与 Render Props。 |
-| **`CopyButton`** | 复制按钮 | 提供点击复制到剪贴板功能，支持纯图标、带文字按钮与内联文本，内置 Tooltip 动效。 |
-| **`ContextMenu`** | 右键菜单 | 为任意区域或列表行提供右键上下文菜单，支持视口防溢出翻转、二级子菜单与快捷键。 |
+| **`CopyButton`** | 复制按钮 | 增强型剪贴板复制组件，支持 Tooltip 状态反馈、输入框后缀吸附与异步文本。 |
+| **`ContextMenu`** | 右键快捷菜单 | 自定义右键上下文菜单，支持多级嵌套、分割线、禁用态与快捷键提示。 |
 
 ---
 
@@ -67,7 +66,7 @@ import 'react-public-components/styles.css';
 
 ---
 
-### 3. 数据录入 Data Entry (16 款)
+### 3. 数据录入 Data Entry (15 款)
 | 组件名 | 中文名称 | 特性与场景说明 |
 | :--- | :--- | :--- |
 | **`DualRangeSlider`** | 双滑块区间选择器 | 双向双滑块区间选择器，支持数值/价格跨度筛选与防交叉穿透。 |
@@ -75,7 +74,6 @@ import 'react-public-components/styles.css';
 | **`FileDropZone`** | 拖拽上传容器 | 现代极客拖拽上传虚线容器，支持流光呼吸高亮与剪贴板截图粘贴。 |
 | **`TreeTransfer`** | 树形穿梭框 | 树形层级穿梭框，左侧目录树级联勾选与右侧平铺已选列表。 |
 | **`NumberStepper`** | 平滑数字步进器 | 长按连续加减数字步进器，支持步长控制与上下限保护。 |
-| **`CountdownButton`** | 验证码倒计时按钮 | 短信验证码 60s 倒计时按钮，支持异步前置检查与防刷锁定。 |
 | **`KeyValEditor`** | 键值对编辑器 | 动态增删 API Headers 与环境变量配置项，支持密码掩码与单行禁用。 |
 | **`QuickDateRange`** | 快捷日期筛选 | 今日/近7天/本月等预设日期胶囊标签与自定义日期范围双向联动。 |
 | **`TreeFilterPanel`** | 树形平铺筛选 | 多级分类平铺联动筛选器，支持多选、快捷全部、分类汇总与一键清空。 |
@@ -89,7 +87,7 @@ import 'react-public-components/styles.css';
 
 ---
 
-### 4. 数据展示 Display (27 款)
+### 4. 数据展示 Display (26 款)
 | 组件名 | 中文名称 | 特性与场景说明 |
 | :--- | :--- | :--- |
 | **`JsonDiffViewer`** | JSON 差异比对器 | JSON 结构体增删改差异彩色高亮探查，支持新旧值对照。 |
@@ -98,7 +96,6 @@ import 'react-public-components/styles.css';
 | **`SegmentedProgress`** | 分段多色进度条 | 单条轨道并列展示多色分段比例，支持存储空间占比与图例。 |
 | **`TrendIndicator`** | KPI 趋势升降胶囊 | 微型 KPI 指标变动升降胶囊，自动根据正负值判断涨跌并支持红绿反转。 |
 | **`PhotoViewer`** | 相册画廊查看器 | 全功能多图画廊查看器，支持左右键盘按键切图与缩略图底栏联动。 |
-| **`DiffTable`** | 两期差异对比表格 | 两期数据差异对比表格，自动计算增减差值与百分比红绿高亮。 |
 | **`StatusTimeline`** | 审批流时间轴 | 高级审批流与动态耗时时间轴，包含节点状态徽标、经办人与流转耗时。 |
 | **`GradientText`** | 流光渐变文字 | 现代 SaaS 霓虹横向流光渐变文字，支持背景平滑滚动动画。 |
 | **`VideoPlayer`** | 视频播放器 | 轻量现代化视频播放器，暗黑毛玻璃控制条、快进快退 10s、0.75x~2.0x 倍速与画中画。 |
@@ -203,21 +200,60 @@ npm install
 npm run dev
 ```
 
-浏览器打开 `http://localhost:5173` 即可浏览全部 64 款组件的实时效果、代码与参数调节面板。
+浏览器打开 `http://localhost:5173` 即可浏览全部 61 款组件的实时效果、代码与参数调节面板。
 
 ---
 
-## 📦 发布与构建
+## 📦 标准化发布流程 (Release Workflow)
 
+本项目已配置 `"prepublishOnly": "npm run build"` 自动化钩子，每次执行 `npm publish` 时会自动先执行全量类型与产物打包构建。
+
+### 1. 前置准备与环境检查
+```bash
+# 检查当前 npm 源是否为官方镜像源（若不是需切换）
+npm config get registry
+# 切换为 npm 官方源（发布必须使用官方源）
+npm config set registry https://registry.npmjs.org/
+
+# 登录 npm 账号（会自动唤起网页完成 2FA / Web 授权）
+npm login --auth-type=web
+```
+
+### 2. 更新版本号 (遵循 SemVer 规范)
+```bash
+# 小修复与优化（Patch）：1.2.0 -> 1.2.1
+npm version patch
+
+# 新功能与组件迭代（Minor）：1.2.0 -> 1.3.0
+npm version minor
+
+# 架构破坏性更新（Major）：1.2.0 -> 2.0.0
+npm version major
+```
+
+### 3. 构建与本地验证
 ```bash
-# 1. 构建全量产物（dist/ ESM, CJS, DTS 与 CSS）
+# 验证组件库核心打包（生成 dist/ 产物）
 npm run build
 
-# 2. 构建 Demo 预览站点
+# 验证 Demo 演示站编译
 npm run build:demo
+```
+
+### 4. 提交代码与推送到 GitHub
+```bash
+git add .
+git commit -m "chore(release): bump version to x.x.x"
+git push
+```
 
-# 3. 发布到 npm
+### 5. 正式发布到 npm
+```bash
+# 执行发布（自动触发 prepublishOnly 构建）
 npm publish --access public
+
+# 验证发布状态
+npm view react-public-components version
 ```
 
 ---

package/dist/ActivityLog/index.cjs

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

package/dist/ActivityLog/index.cjs.map

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

package/dist/ActivityLog/index.css

@@ -0,0 +1,117 @@
+/* ActivityLog/index.less */
+.rpc_activity_log {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  box-sizing: border-box;
+}
+.rpc_activity_log_item {
+  display: flex;
+  gap: 14px;
+  position: relative;
+  padding-bottom: 20px;
+}
+.rpc_activity_log_item:last-child {
+  padding-bottom: 0;
+}
+.rpc_activity_log_item:last-child .rpc_activity_log_line {
+  display: none;
+}
+.rpc_activity_log_avatar_col {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+}
+.rpc_activity_log_avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: #e6f4ff;
+  color: #1677ff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  font-weight: 600;
+  flex-shrink: 0;
+  z-index: 2;
+  overflow: hidden;
+}
+.rpc_activity_log_avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.rpc_activity_log_line {
+  position: absolute;
+  top: 32px;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2px;
+  background: #f0f0f0;
+}
+.rpc_activity_log_content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+.rpc_activity_log_header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 13px;
+}
+.rpc_activity_log_operator_row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+.rpc_activity_log_operator {
+  font-weight: 600;
+  color: #1f1f1f;
+}
+.rpc_activity_log_role {
+  font-size: 11px;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: #f5f5f5;
+  color: #8c8c8c;
+}
+.rpc_activity_log_action {
+  color: #595959;
+}
+.rpc_activity_log_target {
+  color: #1677ff;
+  font-weight: 500;
+}
+.rpc_activity_log_time {
+  font-size: 12px;
+  color: #bfbfbf;
+  flex-shrink: 0;
+}
+.rpc_activity_log_detail {
+  background: #fafafa;
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+  padding: 8px 12px;
+  font-size: 12px;
+  color: #595959;
+  line-height: 1.6;
+}
+.rpc_activity_log_toggle_btn {
+  color: #1677ff;
+  font-size: 12px;
+  cursor: pointer;
+  align-self: flex-start;
+  user-select: none;
+}
+.rpc_activity_log_toggle_btn:hover {
+  color: #4096ff;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/ActivityLog/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../ActivityLog/index.less"],"sourcesContent":[".rpc_activity_log {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  box-sizing: border-box;\n}\n.rpc_activity_log_item {\n  display: flex;\n  gap: 14px;\n  position: relative;\n  padding-bottom: 20px;\n}\n.rpc_activity_log_item:last-child {\n  padding-bottom: 0;\n}\n.rpc_activity_log_item:last-child .rpc_activity_log_line {\n  display: none;\n}\n.rpc_activity_log_avatar_col {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n}\n.rpc_activity_log_avatar {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #e6f4ff;\n  color: #1677ff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 600;\n  flex-shrink: 0;\n  z-index: 2;\n  overflow: hidden;\n}\n.rpc_activity_log_avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.rpc_activity_log_line {\n  position: absolute;\n  top: 32px;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 2px;\n  background: #f0f0f0;\n}\n.rpc_activity_log_content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n}\n.rpc_activity_log_header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  font-size: 13px;\n}\n.rpc_activity_log_operator_row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.rpc_activity_log_operator {\n  font-weight: 600;\n  color: #1f1f1f;\n}\n.rpc_activity_log_role {\n  font-size: 11px;\n  padding: 1px 6px;\n  border-radius: 4px;\n  background: #f5f5f5;\n  color: #8c8c8c;\n}\n.rpc_activity_log_action {\n  color: #595959;\n}\n.rpc_activity_log_target {\n  color: #1677ff;\n  font-weight: 500;\n}\n.rpc_activity_log_time {\n  font-size: 12px;\n  color: #bfbfbf;\n  flex-shrink: 0;\n}\n.rpc_activity_log_detail {\n  background: #fafafa;\n  border: 1px solid #f0f0f0;\n  border-radius: 6px;\n  padding: 8px 12px;\n  font-size: 12px;\n  color: #595959;\n  line-height: 1.6;\n}\n.rpc_activity_log_toggle_btn {\n  color: #1677ff;\n  font-size: 12px;\n  cursor: pointer;\n  align-self: flex-start;\n  user-select: none;\n}\n.rpc_activity_log_toggle_btn:hover {\n  color: #4096ff;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,YAAU;AACV,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,OAAK;AACL,YAAU;AACV,kBAAgB;AAClB;AACA,CANC,qBAMqB;AACpB,kBAAgB;AAClB;AACA,CATC,qBASqB,YAAY,CAAC;AACjC,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,YAAU;AACZ;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY;AACZ,SAAO;AACP,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,aAAW;AACX,eAAa;AACb,eAAa;AACb,WAAS;AACT,YAAU;AACZ;AACA,CAfC,wBAewB;AACvB,SAAO;AACP,UAAQ;AACR,cAAY;AACd;AACA,CA7BmC;AA8BjC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,QAAM;AACN,aAAW,WAAW;AACtB,SAAO;AACP,cAAY;AACd;AACA,CAAC;AACC,QAAM;AACN,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,aAAW;AACb;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,aAAW;AACb;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,aAAW;AACb;AACA,CAAC;AACC,eAAa;AACb,SAAO;AACT;AACA,CAAC;AACC,aAAW;AACX,WAAS,IAAI;AACb,iBAAe;AACf,cAAY;AACZ,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACP,eAAa;AACf;AACA,CAAC;AACC,aAAW;AACX,SAAO;AACP,eAAa;AACf;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,WAAS,IAAI;AACb,aAAW;AACX,SAAO;AACP,eAAa;AACf;AACA,CAAC;AACC,SAAO;AACP,aAAW;AACX,UAAQ;AACR,cAAY;AACZ,eAAa;AACf;AACA,CAPC,2BAO2B;AAC1B,SAAO;AACT;","names":[]}

package/dist/ActivityLog/index.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface ActivityItem {
+    /** 唯一标识 */
+    id: string | number;
+    /** 操作人昵称 */
+    operator: string;
+    /** 操作人头像链接或文字 */
+    avatar?: string;
+    /** 操作人角色（如 '管理员' / '运维工程师'） */
+    role?: string;
+    /** 动作类型描述（如 '发布了版本' / '修改了配置'） */
+    action: ReactNode;
+    /** 操作目标（如 'v2.1.0' / 'RDS-MySQL-Master'） */
+    target?: ReactNode;
+    /** 发生时间戳或文本（如 '3分钟前' / '2026-08-15 14:20'） */
+    time: string;
+    /** 变动详情内容（支持折叠展开） */
+    detail?: ReactNode;
+    /** 是否默认展开详情，默认为 false */
+    defaultExpanded?: boolean;
+}
+export interface ActivityLogProps {
+    /** 日志动态列表 */
+    items: ActivityItem[];
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const ActivityLog: React.FC<ActivityLogProps>;
+export default ActivityLog;

package/dist/ActivityLog/index.js

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

package/dist/ActivityLog/index.js.map

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

package/dist/AnnouncementBar/index.cjs

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

package/dist/AnnouncementBar/index.cjs.map

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

package/dist/AnnouncementBar/index.css

@@ -0,0 +1,37 @@
+/* AnnouncementBar/index.less */
+.rpc_announcement_bar {
+  width: 100%;
+  background:
+    linear-gradient(
+      90deg,
+      #1677ff 0%,
+      #722ed1 100%);
+  color: #ffffff;
+  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  font-size: 13px;
+  font-weight: 500;
+  box-sizing: border-box;
+  user-select: none;
+}
+.rpc_announcement_bar_content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.rpc_announcement_bar_close {
+  position: absolute;
+  right: 16px;
+  background: none;
+  border: none;
+  color: rgba(255, 255, 255, 0.8);
+  cursor: pointer;
+  font-size: 14px;
+}
+.rpc_announcement_bar_close:hover {
+  color: #ffffff;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/AnnouncementBar/index.css.map

@@ -0,0 +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":[]}

package/dist/AnnouncementBar/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface AnnouncementBarProps {
+    /** 横幅广播内容 */
+    children: ReactNode;
+    /** 是否支持点击关闭，默认为 true */
+    closable?: boolean;
+    /** 自定义渐变或背景样式 */
+    background?: string;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const AnnouncementBar: React.FC<AnnouncementBarProps>;
+export default AnnouncementBar;

package/dist/AnnouncementBar/index.js

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

package/dist/AnnouncementBar/index.js.map

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

package/dist/AudioPlayer/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkK5FWY6HB_cjs = require('../chunk-K5FWY6HB.cjs');
+require('../chunk-Q4QF6UYX.cjs');
+
+
+
+module.exports = chunkK5FWY6HB_cjs.AudioPlayer_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/AudioPlayer/index.cjs.map

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

package/dist/AudioPlayer/index.css

@@ -0,0 +1,105 @@
+/* AudioPlayer/index.less */
+.rpc_audio_player {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 16px;
+  background: #ffffff;
+  border: 1px solid #e8e8e8;
+  border-radius: 24px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  box-sizing: border-box;
+  user-select: none;
+  width: 100%;
+  max-width: 480px;
+}
+.rpc_audio_player_play_btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  background: #1677ff;
+  color: #ffffff;
+  cursor: pointer;
+  font-size: 18px;
+  transition: all 0.2s;
+  flex-shrink: 0;
+}
+.rpc_audio_player_play_btn:hover {
+  background: #4096ff;
+  transform: scale(1.05);
+}
+.rpc_audio_player_info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+}
+.rpc_audio_player_title_row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+}
+.rpc_audio_player_title {
+  font-weight: 500;
+  color: #262626;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rpc_audio_player_time {
+  color: #8c8c8c;
+  font-family: monospace;
+  font-size: 11px;
+}
+.rpc_audio_player_progress_bar {
+  position: relative;
+  width: 100%;
+  height: 6px;
+  background: #f0f0f0;
+  border-radius: 3px;
+  cursor: pointer;
+  overflow: hidden;
+}
+.rpc_audio_player_progress_fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  background: #1677ff;
+  border-radius: 3px;
+  transition: width 0.1s linear;
+}
+.rpc_audio_player_extra {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.rpc_audio_player_speed_btn {
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  background: #fafafa;
+  font-size: 11px;
+  color: #595959;
+  cursor: pointer;
+}
+.rpc_audio_player_speed_btn:hover {
+  border-color: #1677ff;
+  color: #1677ff;
+}
+.rpc_audio_player_download_btn {
+  color: #8c8c8c;
+  cursor: pointer;
+  font-size: 15px;
+  transition: color 0.15s;
+}
+.rpc_audio_player_download_btn:hover {
+  color: #1677ff;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/AudioPlayer/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../AudioPlayer/index.less"],"sourcesContent":[".rpc_audio_player {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 16px;\n  background: #ffffff;\n  border: 1px solid #e8e8e8;\n  border-radius: 24px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n  box-sizing: border-box;\n  user-select: none;\n  width: 100%;\n  max-width: 480px;\n}\n.rpc_audio_player_play_btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #1677ff;\n  color: #ffffff;\n  cursor: pointer;\n  font-size: 18px;\n  transition: all 0.2s;\n  flex-shrink: 0;\n}\n.rpc_audio_player_play_btn:hover {\n  background: #4096ff;\n  transform: scale(1.05);\n}\n.rpc_audio_player_info {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex: 1;\n  min-width: 0;\n}\n.rpc_audio_player_title_row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 12px;\n}\n.rpc_audio_player_title {\n  font-weight: 500;\n  color: #262626;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.rpc_audio_player_time {\n  color: #8c8c8c;\n  font-family: monospace;\n  font-size: 11px;\n}\n.rpc_audio_player_progress_bar {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  background: #f0f0f0;\n  border-radius: 3px;\n  cursor: pointer;\n  overflow: hidden;\n}\n.rpc_audio_player_progress_fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  background: #1677ff;\n  border-radius: 3px;\n  transition: width 0.1s linear;\n}\n.rpc_audio_player_extra {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.rpc_audio_player_speed_btn {\n  padding: 2px 6px;\n  border-radius: 4px;\n  border: 1px solid #d9d9d9;\n  background: #fafafa;\n  font-size: 11px;\n  color: #595959;\n  cursor: pointer;\n}\n.rpc_audio_player_speed_btn:hover {\n  border-color: #1677ff;\n  color: #1677ff;\n}\n.rpc_audio_player_download_btn {\n  color: #8c8c8c;\n  cursor: pointer;\n  font-size: 15px;\n  transition: color 0.15s;\n}\n.rpc_audio_player_download_btn:hover {\n  color: #1677ff;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,KAAK;AACd,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,cAAY;AACZ,eAAa;AACb,SAAO;AACP,aAAW;AACb;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY;AACZ,SAAO;AACP,UAAQ;AACR,aAAW;AACX,cAAY,IAAI;AAChB,eAAa;AACf;AACA,CAdC,yBAcyB;AACxB,cAAY;AACZ,aAAW,MAAM;AACnB;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,QAAM;AACN,aAAW;AACb;AACA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,eAAa;AACb,SAAO;AACP,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AACA,CAAC;AACC,SAAO;AACP,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,iBAAe;AACf,UAAQ;AACR,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,UAAQ;AACR,cAAY;AACZ,iBAAe;AACf,cAAY,MAAM,KAAK;AACzB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,eAAa;AACf;AACA,CAAC;AACC,WAAS,IAAI;AACb,iBAAe;AACf,UAAQ,IAAI,MAAM;AAClB,cAAY;AACZ,aAAW;AACX,SAAO;AACP,UAAQ;AACV;AACA,CATC,0BAS0B;AACzB,gBAAc;AACd,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW;AACX,cAAY,MAAM;AACpB;AACA,CANC,6BAM6B;AAC5B,SAAO;AACT;","names":[]}

package/dist/AudioPlayer/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface AudioPlayerProps {
+    /** 音频资源地址 */
+    src: string;
+    /** 音频标题或文件名 */
+    title?: ReactNode;
+    /** 默认倍速，默认为 1 */
+    defaultPlaybackRate?: number;
+    /** 是否显示下载按钮，默认为 true */
+    showDownload?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const AudioPlayer: React.FC<AudioPlayerProps>;
+export default AudioPlayer;

package/dist/AudioPlayer/index.js

@@ -0,0 +1,4 @@
+export { AudioPlayer_default as default } from '../chunk-HQ65GEM7.js';
+import '../chunk-TGSKTHTV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/AudioPlayer/index.js.map

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

package/dist/BadgeRibbon/index.cjs

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

package/dist/BadgeRibbon/index.cjs.map

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

package/dist/BadgeRibbon/index.css

@@ -0,0 +1,48 @@
+/* BadgeRibbon/index.less */
+.rpc_badge_ribbon_wrapper {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+}
+.rpc_badge_ribbon_wrapper .rpc_badge_ribbon {
+  position: absolute;
+  top: 14px;
+  height: 22px;
+  line-height: 22px;
+  padding: 0 10px;
+  color: #ffffff;
+  font-size: 11px;
+  font-weight: 600;
+  white-space: nowrap;
+  background: #ff4d4f;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  z-index: 10;
+  user-select: none;
+}
+.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_end {
+  right: -8px;
+  border-radius: 2px 0 0 2px;
+}
+.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_end::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  right: 0;
+  border: 4px solid transparent;
+  border-top-color: rgba(0, 0, 0, 0.4);
+  border-right-color: rgba(0, 0, 0, 0.4);
+}
+.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_start {
+  left: -8px;
+  border-radius: 0 2px 2px 0;
+}
+.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_start::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 0;
+  border: 4px solid transparent;
+  border-top-color: rgba(0, 0, 0, 0.4);
+  border-left-color: rgba(0, 0, 0, 0.4);
+}
+/*# sourceMappingURL=index.css.map */

package/dist/BadgeRibbon/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../BadgeRibbon/index.less"],"sourcesContent":[".rpc_badge_ribbon_wrapper {\n  position: relative;\n  display: inline-block;\n  box-sizing: border-box;\n}\n.rpc_badge_ribbon_wrapper .rpc_badge_ribbon {\n  position: absolute;\n  top: 14px;\n  height: 22px;\n  line-height: 22px;\n  padding: 0 10px;\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 600;\n  white-space: nowrap;\n  background: #ff4d4f;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  z-index: 10;\n  user-select: none;\n}\n.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_end {\n  right: -8px;\n  border-radius: 2px 0 0 2px;\n}\n.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_end::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  right: 0;\n  border: 4px solid transparent;\n  border-top-color: rgba(0, 0, 0, 0.4);\n  border-right-color: rgba(0, 0, 0, 0.4);\n}\n.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_start {\n  left: -8px;\n  border-radius: 0 2px 2px 0;\n}\n.rpc_badge_ribbon_wrapper .rpc_badge_ribbon_start::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 0;\n  border: 4px solid transparent;\n  border-top-color: rgba(0, 0, 0, 0.4);\n  border-left-color: rgba(0, 0, 0, 0.4);\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,cAAY;AACd;AACA,CALC,yBAKyB,CAAC;AACzB,YAAU;AACV,OAAK;AACL,UAAQ;AACR,eAAa;AACb,WAAS,EAAE;AACX,SAAO;AACP,aAAW;AACX,eAAa;AACb,eAAa;AACb,cAAY;AACZ,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,WAAS;AACT,eAAa;AACf;AACA,CApBC,yBAoByB,CAAC;AACzB,SAAO;AACP,iBAAe,IAAI,EAAE,EAAE;AACzB;AACA,CAxBC,yBAwByB,CAJC,oBAIoB;AAC7C,WAAS;AACT,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ,IAAI,MAAM;AAClB,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChC,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC;AACA,CAjCC,yBAiCyB,CAAC;AACzB,QAAM;AACN,iBAAe,EAAE,IAAI,IAAI;AAC3B;AACA,CArCC,yBAqCyB,CAJC,sBAIsB;AAC/C,WAAS;AACT,YAAU;AACV,OAAK;AACL,QAAM;AACN,UAAQ,IAAI,MAAM;AAClB,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChC,qBAAmB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACnC;","names":[]}

package/dist/BadgeRibbon/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export type RibbonPlacement = 'start' | 'end';
+export interface BadgeRibbonProps {
+    /** 缎带文字内容 */
+    text: ReactNode;
+    /** 缎带背景颜色，默认为 '#ff4d4f' */
+    color?: string;
+    /** 挂载位置：'start' 左上角，'end' 右上角，默认为 'end' */
+    placement?: RibbonPlacement;
+    /** 被包裹的卡片子元素 */
+    children: ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const BadgeRibbon: React.FC<BadgeRibbonProps>;
+export default BadgeRibbon;

package/dist/BadgeRibbon/index.js

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

package/dist/BadgeRibbon/index.js.map

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