@reglow/reui-mcp 0.1.1 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/catalog.mjs +18 -0
- package/package.json +1 -1
- package/skills/reui-components/COMPONENTS.md +22 -17
package/catalog.mjs
CHANGED
|
@@ -19,6 +19,11 @@ export const CATEGORIES = [
|
|
|
19
19
|
components: [
|
|
20
20
|
{ name: "button", cn: "按钮", desc: "触发操作的基础按钮" },
|
|
21
21
|
{ name: "divider", cn: "分割线", desc: "分隔内容区域" },
|
|
22
|
+
{
|
|
23
|
+
name: "icon",
|
|
24
|
+
cn: "图标",
|
|
25
|
+
desc: "统一图标组件（lucide / radix / 本地 SVG）",
|
|
26
|
+
},
|
|
22
27
|
{ name: "label", cn: "标签", desc: "表单字段文本标签" },
|
|
23
28
|
{ name: "spinner", cn: "加载圈", desc: "基础加载指示" },
|
|
24
29
|
{ name: "toggle", cn: "开关", desc: "简单布尔值开关" },
|
|
@@ -40,6 +45,7 @@ export const CATEGORIES = [
|
|
|
40
45
|
{ name: "affix", cn: "固钉", desc: "滚动时固定元素位置" },
|
|
41
46
|
{ name: "breadcrumb", cn: "面包屑", desc: "显示页面层级路径" },
|
|
42
47
|
{ name: "dropdown-menu", cn: "下拉菜单", desc: "下拉操作菜单" },
|
|
48
|
+
{ name: "steps", cn: "步骤条", desc: "分步流程引导" },
|
|
43
49
|
{ name: "tabs", cn: "标签页", desc: "多标签内容切换" },
|
|
44
50
|
],
|
|
45
51
|
},
|
|
@@ -81,11 +87,23 @@ export const CATEGORIES = [
|
|
|
81
87
|
{ name: "badge", cn: "徽标", desc: "角标与状态点" },
|
|
82
88
|
{ name: "calendar", cn: "日历", desc: "日历展示" },
|
|
83
89
|
{ name: "card", cn: "卡片", desc: "内容容器卡片" },
|
|
90
|
+
{ name: "carousel", cn: "轮播图", desc: "循环播放的内容切换" },
|
|
84
91
|
{ name: "chat", cn: "对话", desc: "对话气泡组件" },
|
|
92
|
+
{
|
|
93
|
+
name: "chart",
|
|
94
|
+
cn: "图表",
|
|
95
|
+
desc: "基于 Unovis 的图表（漏斗/仪表盘/雷达/迷你图等）",
|
|
96
|
+
},
|
|
97
|
+
{ name: "collapse", cn: "折叠面板", desc: "可折叠的内容面板" },
|
|
85
98
|
{ name: "collapsible", cn: "折叠面板", desc: "可折叠内容" },
|
|
86
99
|
{ name: "empty", cn: "空状态", desc: "空数据占位" },
|
|
87
100
|
{ name: "hover-card", cn: "悬停卡片", desc: "悬停展示详情" },
|
|
88
101
|
{ name: "image-viewer", cn: "图片预览", desc: "图片放大预览" },
|
|
102
|
+
{
|
|
103
|
+
name: "list",
|
|
104
|
+
cn: "虚拟列表",
|
|
105
|
+
desc: "高性能列表（虚拟滚动/分组吸顶/拖拽排序）",
|
|
106
|
+
},
|
|
89
107
|
{ name: "popover", cn: "气泡卡片", desc: "悬浮气泡内容" },
|
|
90
108
|
{ name: "pricing-table", cn: "价格表", desc: "定价方案对比" },
|
|
91
109
|
{ name: "qr-code", cn: "二维码", desc: "二维码生成" },
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
> 分类与文档链接取自官网组件总览 https://reglow.huoli.tech/components-library/reui （同源仓库文件：`reglow-docs/content/components-library/1.reui/1.index.md`）。
|
|
4
4
|
> 导入符号已逐一核对各组件目录的 `index.ts`（`reui/components/reui/*/index.ts`、`reui/components/ui/*/index.ts`）。
|
|
5
|
-
> 版本基线：`@reglow/reui` 0.
|
|
5
|
+
> 版本基线：`@reglow/reui` 0.5.0（`reui/package.json`）。
|
|
6
6
|
|
|
7
7
|
## 使用方式
|
|
8
8
|
|
|
@@ -20,13 +20,14 @@ import { Button } from "@reglow/reui/ui/button";
|
|
|
20
20
|
|
|
21
21
|
## 通用 general
|
|
22
22
|
|
|
23
|
-
| 组件 | 中文名 | 说明
|
|
24
|
-
| --------------------------------------------------------------------------------------- | ------ |
|
|
25
|
-
| [button](https://reglow.huoli.tech/components-library/reui/components/general/button) | 按钮 | 触发操作的基础按钮
|
|
26
|
-
| [divider](https://reglow.huoli.tech/components-library/reui/components/general/divider) | 分割线 | 分隔内容区域
|
|
27
|
-
| [
|
|
28
|
-
| [
|
|
29
|
-
| [
|
|
23
|
+
| 组件 | 中文名 | 说明 | 导入符号 | 子路径 |
|
|
24
|
+
| --------------------------------------------------------------------------------------- | ------ | ----------------------------------------- | ----------------------------------------------------------------------- | -------------- |
|
|
25
|
+
| [button](https://reglow.huoli.tech/components-library/reui/components/general/button) | 按钮 | 触发操作的基础按钮 | `Button` | `ui/button` |
|
|
26
|
+
| [divider](https://reglow.huoli.tech/components-library/reui/components/general/divider) | 分割线 | 分隔内容区域 | `Divider` | `reui/divider` |
|
|
27
|
+
| [icon](https://reglow.huoli.tech/components-library/reui/components/general/icon) | 图标 | 统一图标组件（lucide / radix / 本地 SVG） | `Icon`（`adminIcons` / `radixIcons` / `registerIcons` / `resolveIcon`） | `reui/icon` |
|
|
28
|
+
| [label](https://reglow.huoli.tech/components-library/reui/components/general/label) | 标签 | 表单字段文本标签 | `Label` | `ui/label` |
|
|
29
|
+
| [spinner](https://reglow.huoli.tech/components-library/reui/components/general/spinner) | 加载圈 | 基础加载指示 | `Spinner` | `ui/spinner` |
|
|
30
|
+
| [toggle](https://reglow.huoli.tech/components-library/reui/components/general/toggle) | 开关 | 简单布尔值开关 | `Toggle` | `ui/toggle` |
|
|
30
31
|
|
|
31
32
|
## 布局 layout
|
|
32
33
|
|
|
@@ -43,6 +44,7 @@ import { Button } from "@reglow/reui/ui/button";
|
|
|
43
44
|
| [affix](https://reglow.huoli.tech/components-library/reui/components/navigation/affix) | 固钉 | 滚动时固定元素位置 | `Affix` | `reui/affix` |
|
|
44
45
|
| [breadcrumb](https://reglow.huoli.tech/components-library/reui/components/navigation/breadcrumb) | 面包屑 | 显示页面层级路径 | `Breadcrumb` | `reui/breadcrumb` |
|
|
45
46
|
| [dropdown-menu](https://reglow.huoli.tech/components-library/reui/components/navigation/dropdown-menu) | 下拉菜单 | 下拉操作菜单（reka-ui 透传） | `DropdownMenu` / `DropdownMenuTrigger` / `DropdownMenuContent` / `DropdownMenuItem` / `DropdownMenuSub` … | `reui/dropdown-menu` |
|
|
47
|
+
| [steps](https://reglow.huoli.tech/components-library/reui/components/navigation/steps) | 步骤条 | 分步流程引导（配置式/复合式、6 种类型） | `Steps` / `StepsItem` / `StepsIcon` | `reui/steps` |
|
|
46
48
|
| [tabs](https://reglow.huoli.tech/components-library/reui/components/navigation/tabs) | 标签页 | 多标签内容切换（配置式 / 复合式，6 种样式） | `Tabs` / `TabsList` / `TabsTrigger` / `TabsContent` | `reui/tabs` |
|
|
47
49
|
|
|
48
50
|
## 数据录入 data-entry
|
|
@@ -85,11 +87,13 @@ import { Button } from "@reglow/reui/ui/button";
|
|
|
85
87
|
| [card](https://reglow.huoli.tech/components-library/reui/components/data-display/card) | 卡片 | 内容容器卡片 | `Card` / `CardHeader` / `CardTitle` / `CardDescription` / `CardContent` / `CardFooter` / `CardMeta` / `CardGroup` | `reui/card` |
|
|
86
88
|
| [carousel](https://reglow.huoli.tech/components-library/reui/components/data-display/carousel) | 轮播图 | 循环播放的内容切换（自动播放/淡入淡出/拖拽） | `Carousel` | `reui/carousel` |
|
|
87
89
|
| [chat](https://reglow.huoli.tech/components-library/reui/components/data-display/chat) | 对话 | 对话气泡组件 | `ChatMessage` / `ChatMessages` / `ChatPalette` / `ChatPrompt` / `ChatPromptSubmit` / `ChatReasoning` / `ChatShimmer` / `ChatTool` | `reui/chat` |
|
|
90
|
+
| [chart](https://reglow.huoli.tech/components-library/reui/components/data-display/chart) | 图表 | 基于 Unovis 的图表（漏斗 / 仪表盘 / 雷达 / 迷你图等） | `ChartContainer` / `ChartTooltip` / `ChartCrosshair` / `ChartLegend` / `FunnelChart` / `GaugeChart` / `RadarChart` / `MiniChart` | `reui/chart` |
|
|
88
91
|
| [collapse](https://reglow.huoli.tech/components-library/reui/components/data-display/collapse) | 折叠面板 | 配置式 + 复合式、手风琴、ghost | `Collapse` / `CollapsePanel` | `reui/collapse` |
|
|
89
92
|
| [collapsible](https://reglow.huoli.tech/components-library/reui/components/data-display/collapsible) | 折叠面板 | 可折叠内容（配置式 + 复合式双模式） | `Collapsible` / `CollapsibleRoot` / `CollapsibleTrigger` / `CollapsibleContent` | `reui/collapsible` |
|
|
90
93
|
| [empty](https://reglow.huoli.tech/components-library/reui/components/data-display/empty) | 空状态 | 空数据占位 | `Empty` | `reui/empty` |
|
|
91
94
|
| [hover-card](https://reglow.huoli.tech/components-library/reui/components/data-display/hover-card) | 悬停卡片 | 悬停展示详情 | `HoverCard` / `HoverCardTrigger` / `HoverCardContent` | `reui/hover-card` |
|
|
92
95
|
| [image-viewer](https://reglow.huoli.tech/components-library/reui/components/data-display/image-viewer) | 图片预览 | 图片放大预览 | `Image` / `ImageViewer` / `PreviewGroup` | `reui/image-viewer` |
|
|
96
|
+
| [list](https://reglow.huoli.tech/components-library/reui/components/data-display/list) | 虚拟列表 | 高性能列表（虚拟滚动/分组吸顶/拖拽排序） | `List` / `ListItemMeta` | `reui/list` |
|
|
93
97
|
| [popover](https://reglow.huoli.tech/components-library/reui/components/data-display/popover) | 气泡卡片 | 悬浮气泡内容 | `Popover` / `PopoverTrigger` / `PopoverContent` | `reui/popover` |
|
|
94
98
|
| [pricing-table](https://reglow.huoli.tech/components-library/reui/components/data-display/pricing-table) | 价格表 | 定价方案对比 | `PricingTable` | `reui/pricing-table` |
|
|
95
99
|
| [qr-code](https://reglow.huoli.tech/components-library/reui/components/data-display/qr-code) | 二维码 | 二维码生成 | `QRCode` | `reui/qr-code` |
|
|
@@ -130,12 +134,13 @@ import { Button } from "@reglow/reui/ui/button";
|
|
|
130
134
|
|
|
131
135
|
## 常见选型对照
|
|
132
136
|
|
|
133
|
-
| 需求
|
|
134
|
-
|
|
|
135
|
-
| 带分页/搜索/行操作的数据列表
|
|
136
|
-
| 通用表格（排序/行选择/展开行）
|
|
137
|
-
| 模态确认删除
|
|
138
|
-
| 表单内日期输入
|
|
139
|
-
| 左右分栏可拖拽
|
|
140
|
-
|
|
|
141
|
-
|
|
|
137
|
+
| 需求 | 选它 | 不要选 |
|
|
138
|
+
| ------------------------------------ | --------------------------------------------------------- | ------------------------------------------------- |
|
|
139
|
+
| 带分页/搜索/行操作的数据列表 | `PageTable`（`reui/table`） | `Table`（通用表格，不含分页/搜索/列管理） |
|
|
140
|
+
| 通用表格（排序/行选择/展开行） | `Table`（`reui/table`） | `TableRoot` + 原子组件（无排序/选择，需完全自建） |
|
|
141
|
+
| 模态确认删除 | `Modal.confirm` / `PopConfirm` | `ui/alert-dialog`（reka-ui 风格，需自行组装） |
|
|
142
|
+
| 表单内日期输入 | `DatePicker` / `DateRangePicker`（`Dayjs` 值） | `Calendar`（面板形态，用于嵌入式日历） |
|
|
143
|
+
| 左右分栏可拖拽 | `Splitter` + `SplitterPanel` | `MasonryGrid`（瀑布流，不同场景） |
|
|
144
|
+
| 长列表（虚拟滚动/分组吸顶/拖拽排序） | `List`（`sortable` 开启拖拽、`v-model:items` 同步顺序） | `PageTable`（表格形态）/ `MasonryGrid`（瀑布流） |
|
|
145
|
+
| 可折叠内容区 | `Collapse`（多面板、手风琴）/ `Collapsible`（单个折叠区） | — |
|
|
146
|
+
| 代码展示 / 编辑 | `CodeEditor`（`readonly` 作展示） | `Textarea`（无高亮） |
|