one-design-next 0.0.27 → 0.0.29

package/README.md

@@ -16,10 +16,10 @@
 
 ## 概览
 
-One Design Next 是腾讯 TAD / WXAD 团队维护的 React 组件库，提供 **60+** 组件，涵盖：
+One Design Next 是腾讯 TAD / WXAD 团队维护的 React 组件库，提供 **70+** 组件，涵盖：
 
 - **基础 UI** — 按钮、表单、表格、对话框、导航等通用控件
-- **平台布局** — 如翼（RuyiLayout）、MP（MpLayout）等业务平台专用布局
+- **平台布局** — 如翼（RuyiLayout）、MP（MpLayout）、互选（HuxuanLayout）等业务平台专用布局
 - **GenUI** — AI 对话场景组件（Composer、StreamText、ChatItem、AgentStep 等）
 - **AI Skill 系统** — 配套 Cursor Skill 流水线，支撑需求分析到页面落地的全流程
 
@@ -54,13 +54,13 @@ import { Button, Table, Dialog, Composer } from 'one-design-next';
 
 | 分类 | 组件 |
 |:-----|:-----|
-| **通用** | `Button` `Icon` `Link` `Avatar` `HoverFill` `ConfigProvider` |
-| **布局** | `Card` `Collapse` `ScrollArea` `RuyiLayout` `MpLayout` |
+| **通用** | `Button` `Icon` `Link` `Avatar` `Image` `HoverFill` `ConfigProvider` |
+| **布局** | `Card` `Collapse` `ScrollArea` `RuyiLayout` `MpLayout` `HuxuanLayout` |
 | **导航** | `Tabs` `Dropdown` `Pagination` `Cascader` `TreeSelect` |
 | **数据录入** | `Form` `Input` `InputNumber` `InputOtp` `Select` `AutoComplete` `Checkbox` `Radio` `Switch` `Slider` `ColorPicker` `DatePicker` `DateRangePicker` `TimePicker` `Calendar` |
 | **数据展示** | `Table` `Chart` `VirtualList` `NumberFlow` `EllipsisText` `TextSwap` `Empty` |
 | **反馈** | `Dialog` `Drawer` `Message` `Alert` `Tooltip` `Popover` `Loading` |
-| **GenUI** | `Composer` `StreamText` `ChatItem` `AgentStep` `AgentThink` `CodeBlock` `PreviewPanel` `ActionBar` `Attachments` `Sources` `Suggestions` `SkillSlot` `UserBubble` `Welcome` `ErrorBlock` `Fab` |
+| **GenUI** | `Composer` `StreamText` `ChatItem` `AgentStep` `AgentThink` `Artifact` `Invocation` `Mention` `CodeBlock` `PreviewPanel` `ActionBar` `Attachments` `MessageImage` `Sources` `Provenance` `Suggestions` `SkillSlot` `UserBubble` `Welcome` `ErrorBlock` `Fab` |
 | **底层** | `ModalBase` 系列 `PopBase` 系列 `Collapsible` 日期 / 时间工具函数 |
 
 > GenUI 共享类型（`ToolCall`、`ChatMessage`、`Conversation` 等）通过 `_genui-types` 统一导出。
@@ -95,14 +95,21 @@ pnpm run docs:build
 ### 常用脚本
 
 | 命令 | 说明 |
-|:-----|:-----|·
+|:-----|:-----|
 | `pnpm run dev` | 启动本地开发文档站 |
 | `pnpm run build` | 构建组件库（father + 样式） |
 | `pnpm run docs:build` | 静态构建文档站（含 LLM 知识生成） |
+| `pnpm run docs:preview` | 本地预览文档产物 |
+| `pnpm run build:skills` | 构建多产品 Skill 发布包 |
 | `pnpm run create-component` | 创建新组件脚手架 |
 | `pnpm run create-skill` | 创建新 AI Skill |
+| `pnpm run test` | 运行 Vitest（watch 模式） |
+| `pnpm run test:ci` | 运行 Vitest（CI 模式） |
+| `pnpm run test:changed` | 仅测试改动相关用例 |
+| `pnpm run typecheck` | TypeScript 类型检查 |
 | `pnpm run benchmark` | 运行性能基准测试 |
 | `pnpm run benchmark:compare` | 对比性能基准 |
+| `pnpm run benchmark:auto` | 仅运行自动基准任务 |
 | `pnpm run lint` | ESLint + Stylelint 代码检查 |
 | `pnpm run release` | 版本发布 |
 
@@ -127,6 +134,8 @@ one-design-next/
 ├── .cursor/skills/        # AI Skill 知识包与流程（SKILL.md 为总入口）
 ├── .dumi/                 # Dumi 配置与构建数据
 ├── scripts/               # 构建、benchmark、反馈等工具脚本
+├── benchmark/             # benchmark 原始数据与对比结果
+├── tests/                 # 组件与文档回归测试
 ├── skills/                # 对外发布 Skill（多产品）
 │   ├── src/
 │   │   ├── shared/        # 共享：ODN 组件知识、流水线 GUIDE
@@ -179,15 +188,18 @@ bash skills/build.sh huxuan   # 只构建互选
 
 在 `~/.npmrc` 中配置 npm 账号的 `_authToken`（需有 `one-design-next` 包的发布权限）。
 
-### 发布流程
+### 发布流程（推荐）
 
 ```bash
 git checkout master && git pull origin master
 
-# 更新 package.json 版本号后：
-pnpm install
-pnpm run build
-npm publish
+# 自动执行：版本号更新 + CHANGELOG 生成 + build + git push + npm publish
+pnpm run release
+
+# 可选：指定版本策略
+pnpm run release patch
+pnpm run release minor
+pnpm run release major
 ```
 
 提交信息遵循 [Conventional Commits](https://www.conventionalcommits.org/) 规范（通过 `commitlint` + `husky` 钩子校验）。

package/dist/drawer/index.d.ts

@@ -62,6 +62,11 @@ export interface DrawerProps {
      * @description 层级
      */
     zIndex?: number | string;
+    /**
+     * @description 关闭时是否保留 children 不卸载
+     * @default false
+     */
+    keepMounted?: boolean;
     /**
      * @description 步骤
      */

package/dist/drawer/index.js

@@ -56,6 +56,7 @@ var Drawer = function Drawer(_ref) {
     width = _ref.width,
     className = _ref.className,
     zIndex = _ref.zIndex,
+    keepMounted = _ref.keepMounted,
     container = _ref.container,
     title = _ref.title,
     desc = _ref.desc,
@@ -157,7 +158,8 @@ var Drawer = function Drawer(_ref) {
     onOpenChange: onVisibleChange,
     disablePointerDismissal: true
   }, /*#__PURE__*/React.createElement(ModalPortal, {
-    container: container
+    container: container,
+    keepMounted: keepMounted
   }, maskVisible && /*#__PURE__*/React.createElement(ModalOverlay, {
     visible: visible,
     "data-odn-modal-overlay": "drawer",

package/dist/drawer/style/index.css

@@ -63,6 +63,16 @@ html {
   overflow: hidden !important;
 }
 
+/**
+ * keepMounted 模式修复：Drawer 关闭后遮罩层 / 内容层不应拦截点击。
+ * keepMounted 时 portal 内容会以 data-state='closed' / data-closed 留在 DOM 中，
+ * 透明遮罩仍是 inset:0 全屏铺满、内容层虽已滑出视口但仍在 DOM 内，
+ * 若不禁用 pointer-events 就会拦截正常页面的鼠标 / 触摸交互。
+ */
+[data-odn-modal-overlay=drawer][data-state=closed] {
+  pointer-events: none;
+}
+
 [data-odn-drawer-content] {
   position: fixed;
   z-index: var(--odn-z-index-modal);
@@ -73,6 +83,12 @@ html {
   overflow: auto;
 }
 
+/* keepMounted 时关闭态的内容层（已滑出视口但仍在 DOM 中）禁止拦截点击 */
+[data-odn-drawer-content][data-state=closed],
+[data-odn-drawer-content][data-closed] {
+  pointer-events: none;
+}
+
 [data-odn-drawer-content][data-odn-drawer-placement=left],
 [data-odn-drawer-content][data-odn-drawer-placement=right] {
   top: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "description": "One Design Next from TAD@tencent.com",
   "packageManager": "pnpm@10.33.0",
   "module": "dist/index.js",