one-design-next 0.0.92 → 0.0.97
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/README.md +40 -40
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
# One Design Next
|
|
4
4
|
|
|
5
|
-
基于 **TAD One Design &
|
|
5
|
+
基于 **TAD One Design & WXAD AD UI** 设计语言的 React 组件库
|
|
6
6
|
|
|
7
7
|
通用业务控件 / 平台布局 / GenUI 对话组件 / AI Skill 工程化流水线
|
|
8
8
|
|
|
@@ -52,16 +52,16 @@ import { Button, Table, Dialog, Composer } from 'one-design-next';
|
|
|
52
52
|
|
|
53
53
|
完整导出清单以 [`components/index.ts`](components/index.ts) 为准，分类说明与 Props 索引见 [component-list.md](.cursor/skills/p2-one-design/references/component-list.md)。
|
|
54
54
|
|
|
55
|
-
| 分类
|
|
56
|
-
|
|
57
|
-
| **通用**
|
|
58
|
-
| **布局**
|
|
59
|
-
| **导航**
|
|
60
|
-
| **数据录入** | `Form` `Input` `InputNumber` `InputOtp` `Select` `AutoComplete` `Checkbox` `Radio` `Switch` `Slider` `ColorPicker` `DatePicker` `DateRangePicker` `TimePicker` `Calendar`
|
|
61
|
-
| **数据展示** | `Table` `Chart` `VirtualList` `NumberFlow` `EllipsisText` `TextSwap` `Empty`
|
|
62
|
-
| **反馈**
|
|
63
|
-
| **GenUI**
|
|
64
|
-
| **底层**
|
|
55
|
+
| 分类 | 组件 |
|
|
56
|
+
| :----------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
57
|
+
| **通用** | `Button` `Icon` `Link` `Avatar` `Image` `HoverFill` `ConfigProvider` |
|
|
58
|
+
| **布局** | `Card` `Collapse` `ScrollArea` `RuyiLayout` `MpLayout` `HuxuanLayout` |
|
|
59
|
+
| **导航** | `Tabs` `Dropdown` `Pagination` `Cascader` `TreeSelect` |
|
|
60
|
+
| **数据录入** | `Form` `Input` `InputNumber` `InputOtp` `Select` `AutoComplete` `Checkbox` `Radio` `Switch` `Slider` `ColorPicker` `DatePicker` `DateRangePicker` `TimePicker` `Calendar` |
|
|
61
|
+
| **数据展示** | `Table` `Chart` `VirtualList` `NumberFlow` `EllipsisText` `TextSwap` `Empty` |
|
|
62
|
+
| **反馈** | `Dialog` `Drawer` `Message` `Alert` `Tooltip` `Popover` `Loading` |
|
|
63
|
+
| **GenUI** | `Composer` `StreamText` `ChatItem` `AgentStep` `AgentThink` `Artifact` `Invocation` `Mention` `CodeBlock` `PreviewPanel` `ActionBar` `Attachments` `MessageImage` `Sources` `Provenance` `Suggestions` `SkillSlot` `UserBubble` `Welcome` `ErrorBlock` `Fab` |
|
|
64
|
+
| **底层** | `ModalBase` 系列 `PopBase` 系列 `Collapsible` 日期 / 时间工具函数 |
|
|
65
65
|
|
|
66
66
|
> GenUI 共享类型（`ToolCall`、`ChatMessage`、`Conversation` 等）通过 `_genui-types` 统一导出。
|
|
67
67
|
|
|
@@ -69,10 +69,10 @@ import { Button, Table, Dialog, Composer } from 'one-design-next';
|
|
|
69
69
|
|
|
70
70
|
One Design Next 提供两种主题定制方式：
|
|
71
71
|
|
|
72
|
-
| 方式
|
|
73
|
-
|
|
74
|
-
| **CSS Variables**
|
|
75
|
-
| **ConfigProvider** | 需要 React 上下文的定制（图标解析、按钮行为等） | 通过 Provider 注入配置
|
|
72
|
+
| 方式 | 适用场景 | 说明 |
|
|
73
|
+
| :----------------- | :---------------------------------------------- | :------------------------------------------ |
|
|
74
|
+
| **CSS Variables** | 全局主题、脱离 React 树的场景（如 `Message`） | `base.css` 提供基础 token，组件级变量可覆盖 |
|
|
75
|
+
| **ConfigProvider** | 需要 React 上下文的定制（图标解析、按钮行为等） | 通过 Provider 注入配置 |
|
|
76
76
|
|
|
77
77
|
## 本地开发
|
|
78
78
|
|
|
@@ -94,24 +94,24 @@ pnpm run docs:build
|
|
|
94
94
|
|
|
95
95
|
### 常用脚本
|
|
96
96
|
|
|
97
|
-
| 命令
|
|
98
|
-
|
|
99
|
-
| `pnpm run dev`
|
|
100
|
-
| `pnpm run build`
|
|
101
|
-
| `pnpm run docs:build`
|
|
102
|
-
| `pnpm run docs:preview`
|
|
103
|
-
| `pnpm run build:skills`
|
|
104
|
-
| `pnpm run create-component`
|
|
105
|
-
| `pnpm run create-skill`
|
|
106
|
-
| `pnpm run test`
|
|
107
|
-
| `pnpm run test:ci`
|
|
108
|
-
| `pnpm run test:changed`
|
|
109
|
-
| `pnpm run typecheck`
|
|
110
|
-
| `pnpm run benchmark`
|
|
111
|
-
| `pnpm run benchmark:compare` | 对比性能基准
|
|
112
|
-
| `pnpm run benchmark:auto`
|
|
113
|
-
| `pnpm run lint`
|
|
114
|
-
| `pnpm run release`
|
|
97
|
+
| 命令 | 说明 |
|
|
98
|
+
| :--------------------------- | :-------------------------------- |
|
|
99
|
+
| `pnpm run dev` | 启动本地开发文档站 |
|
|
100
|
+
| `pnpm run build` | 构建组件库（father + 样式） |
|
|
101
|
+
| `pnpm run docs:build` | 静态构建文档站（含 LLM 知识生成） |
|
|
102
|
+
| `pnpm run docs:preview` | 本地预览文档产物 |
|
|
103
|
+
| `pnpm run build:skills` | 构建多产品 Skill 发布包 |
|
|
104
|
+
| `pnpm run create-component` | 创建新组件脚手架 |
|
|
105
|
+
| `pnpm run create-skill` | 创建新 AI Skill |
|
|
106
|
+
| `pnpm run test` | 运行 Vitest（watch 模式） |
|
|
107
|
+
| `pnpm run test:ci` | 运行 Vitest（CI 模式） |
|
|
108
|
+
| `pnpm run test:changed` | 仅测试改动相关用例 |
|
|
109
|
+
| `pnpm run typecheck` | TypeScript 类型检查 |
|
|
110
|
+
| `pnpm run benchmark` | 运行性能基准测试 |
|
|
111
|
+
| `pnpm run benchmark:compare` | 对比性能基准 |
|
|
112
|
+
| `pnpm run benchmark:auto` | 仅运行自动基准任务 |
|
|
113
|
+
| `pnpm run lint` | ESLint + Stylelint 代码检查 |
|
|
114
|
+
| `pnpm run release` | 版本发布 |
|
|
115
115
|
|
|
116
116
|
## 仓库结构
|
|
117
117
|
|
|
@@ -161,14 +161,14 @@ one-design-next/
|
|
|
161
161
|
|
|
162
162
|
### 阶段说明
|
|
163
163
|
|
|
164
|
-
| 阶段
|
|
165
|
-
|
|
166
|
-
| **P1** 设计
|
|
167
|
-
| **P2** 知识
|
|
168
|
-
| **P3** 执行
|
|
169
|
-
| **P4** 质量
|
|
164
|
+
| 阶段 | Skill | 职责 |
|
|
165
|
+
| :----------- | :--------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------- |
|
|
166
|
+
| **P1** 设计 | `p1-design-analyst` · `p1-design-spec` | 需求结构化分析、组件级设计说明 |
|
|
167
|
+
| **P2** 知识 | `p2-one-design` · `p2-block-catalog` · `p2-business-knowledge` · `p2-page-catalog` | 组件库知识、区块目录、业务页面知识 |
|
|
168
|
+
| **P3** 执行 | `p3-page-implement` | 用 ODN 组件 + 区块拼装页面代码 |
|
|
169
|
+
| **P4** 质量 | `p4-audit` · `p4-polish` | 代码质量审查、发布前精修 |
|
|
170
170
|
| **内部维护** | `p4-figma-to-block` · `p5-figma-to-page` · `p4-component-update-process` · `p5-dmp-web-restore` · `p5-fe-free-trade-restore` | 设计稿转区块/整页、组件更新、线上页面还原（仅维护者本地用） |
|
|
171
|
-
| **辅助**
|
|
171
|
+
| **辅助** | `ten-questions` · `philosophy-talks` | 方法论讨论与设计哲学 |
|
|
172
172
|
|
|
173
173
|
### 多产品 Skill 发布
|
|
174
174
|
|