@manohub/ui 0.10.2 → 0.10.4

package/dist/styles/components/tree.css

@@ -7,12 +7,17 @@
 
 /* ===== Tree（自建树：节点行 + 缩进 + 展开箭头 + 计数徽标位）=====
    几何与各态对齐 `@aihub/theme` 的 `components/tree.css` 与设计稿 `0:3921` 组织树实测：
-   - 行高 34（紧凑档 28）、**行间距 6（节距 40）**、圆角 6、字号 13、
-     行内 padding 承载缩进（**行底满宽、只有内容缩进**）
+  - 行高 34（紧凑档 28）、**行挨行（不加间距，节距 = 行高）**、圆角 6、字号 13、
+    行内 padding 承载缩进（**行底满宽、只有内容缩进**）
+    ⚠️ 行距原为 6（节距 40，取自设计稿行文本 y 差）：2026-09-30 按使用方拍板去掉 ——
+    树行与选择器面板里的选项行是**同一套行**（行高 / 圆角 / 内距 / 字号 / 行态逐项同源），
+    那边是行挨行的平铺列表，两处当然该同一节距（去掉行距后 select 面板里的树与列表也一致了）。
    - 缩进 = 基础内距 8 + level × 步进 10，**无上限**；level 由组件在行上下发
    - 三态：滑过 `--ui-primary-weak`、点击瞬态 `--ui-primary-subtle`、
      选中 `--ui-primary-subtle` 底 + 主色字（设计：选中行 = `#2660ff` 底 10% + 蓝字）
    - 箭头 = 常规图标档（`--ui-font-icon`，收起态转 −90°）；叶子节点用占位保持层级对齐
+  - 行内图标位只有两处：箭头（`.mh-tree__caret`，可被 `renderCaret` 替换）与标签前的
+    节点图标槽（`.mh-tree__icon`，`renderIcon` 才会出现）。两者都取全局图标档、颜色跟随行色
 
    **行态的取色口径与 Table / ListView 统一**：行类表面的「滑过」用 `--ui-primary-weak`（浅主色）、
    「选中」用 `--ui-primary-subtle`（深一档主色）—— 三者同一套规则，不再出现「树用中性底、
@@ -24,10 +29,12 @@
    一步算出（`padding-left: calc(8px + attr(...) * 10px)`）；为兼容尚无该能力的引擎，这里由组件
    同时下发 `--mh-tree-level`，公式仍在 CSS 内（数值只取令牌，不散落字面量）。 */
 
+/* 树是**行挨行**的列容器（不加行距，节距 = 行高 34）：
+   行底满宽、只有内容缩进，行态（滑过 / 按下 / 选中）的底因此是连着的 ——
+   与选择器面板里的选项行同一节距（见文件头「行距原为 6」那条）。 */
 .mh-tree {
   display: flex;
   flex-direction: column;
-  row-gap: var(--ui-tree-row-gap);
   width: 100%;
 }
 
@@ -88,6 +95,14 @@
   transition: transform 0.15s ease;
 }
 
+/* 自定义箭头（`renderCaret`）：消费方给的字形落在槽里即取同一档，不必自己写 size
+   —— 上面那条只认缺省字形的类名，故这里按**槽内的字形**给尺寸（`<Icon>` 的 width/height
+   是属性，优先级低于类规则）。朝向不在这里转：自定义箭头由消费方按展开态自选字形。 */
+.mh-tree__caret svg {
+  width: var(--ui-font-icon);
+  height: var(--ui-font-icon);
+}
+
 .mh-tree__caret[data-expanded='false'] .mh-tree__caret-icon {
   transform: rotate(-90deg);
 }
@@ -98,6 +113,25 @@
   cursor: default;
 }
 
+/* 节点图标槽（`renderIcon`）：标签**前**的一位图标（文件夹 / 文件）。父 / 叶共用一位，
+   叶子行上面那句箭头占位仍在，故图标列跨层级对齐。
+   **颜色不写死**：跟随行色 —— 选中行（面上已把行色换成主色 `--ui-primary`）与滑过态自动同步。 */
+
+.mh-tree__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--ui-font-icon);
+  height: var(--ui-font-icon);
+}
+
+/* 槽内的字形同取全局图标档（同自定义箭头那条的理由） */
+.mh-tree__icon svg {
+  width: var(--ui-font-icon);
+  height: var(--ui-font-icon);
+}
+
 .mh-tree__label {
   flex: 1;
   min-width: 0;

package/dist/styles/components/tree.tokens.css

@@ -1,8 +1,10 @@
 /**
  * 组件几何令牌（只服务本件，故不随主题进 `@manohub/theme`）。
- * 行高与节距取自设计稿《MH后台-0911》的组织树（`0:3921`）：行高 **34**（`0:3923` 的
- * 高亮块 200×34）、**节距 40**（行文本 y = 3 / 43 / 83 / 123 / 163 ⇒ 40），故行间距 6。
+ * 行高取自设计稿《MH后台-0911》的组织树（`0:3921`）：**34**（`0:3923` 的高亮块 200×34）。
  * ⚠️ 改前是「行高 30 + 间距 2」（节距 32）——两套来源（规范与设计）给的节距都更松。
+ * ⚠️ `--ui-tree-row-gap`（6）**已退场**（2026-09-30，使用方拍板）：树行与选择器面板里的选项行
+ * 现在同一套行（行高 / 圆角 / 内距 / 字号 / 行态逐项同源），那边是行挨行的平铺列表，
+ * 节距就该一样（设计稿的节距 40 因此让位）。**无消费者不预置令牌**，别再把它加回来。
  *
  * ## 抽出说明
  * 本文件从面文件里抽出：这些是**基础值**，锚在 `[data-manohub-ui]`（跨包唯一作用域锚，
@@ -13,7 +15,6 @@
 [data-manohub-ui] {
   --ui-tree-row-height: 34px;
   --ui-tree-row-height-compact: 28px;
-  --ui-tree-row-gap: 6px; /* 节距 40 = 行高 34 + 间距 6 */
   --ui-tree-indent-base: 8px;
   --ui-tree-indent-step: 10px;
   /* 箭头不再是本件自定的尺寸：**常规图标一律取全局图标档 `--ui-font-icon`**（见下方箭头规则） */

package/dist/styles/components/upload.tokens.css

@@ -18,7 +18,7 @@
   --ui-upload-padding: 32px; /* 规范间距档 8（本仓间距刻度最大 24，故按实测值给） */
   --ui-upload-zone-max-width: 500px; /* 规范拖拽区帧宽 */
   --ui-upload-radius: var(--ui-radius-control);
-  --ui-upload-line: var(--ui-base-300); /* 虚线边：全库唯一的「线 / 框」色（`base-400` 只服务勾选类小控件） */
+  --ui-upload-line: var(--ui-line-dashed); /* 虚线边：取线型档（口径「实线 base-300 / 虚线 base-400」） */
   --ui-upload-text: var(--ui-base-content-muted); /* 主提示 Te05 */
   --ui-upload-hint: var(--ui-base-content-subtle); /* 副提示 Te07 */
   --ui-upload-meta-size: var(--ui-font-caption); /* 大小/缩略图文字：规范 12，本仓字阶最小 13 */

package/dist/styles/index.css

@@ -12,7 +12,7 @@
  *
  * | 段 | 命名 | 落点 | 锚 |
  * |---|---|---|---|
- * | 全局令牌（跨件共用的值） | `--ui-{primary,base-*,space-*,radius-*,shadow-*,font-*}`、尺寸档（`--ui-control-height-*` / `--ui-mark-height-*`） | `@manohub/theme` | `[data-manohub-ui]` |
+ * | 全局令牌（跨件共用的值） | `--ui-{primary,base-*,space-*,radius-*,shadow-*,font-*}`、尺寸档（`--ui-control-height-*` / `--ui-mark-height-*`）、线型档（`--ui-line-dashed`） | `@manohub/theme` | `[data-manohub-ui]` |
  * | 组件令牌**基础值** | `--ui-<件>-*` | 本目录同名 `<件>.tokens.css` | `[data-manohub-ui]` |
  * | 组件令牌**档位改写** | `--ui-<件>-*` | 面文件 `<件>.css` 的**修饰符块** | `.mh-<件>--<档>` 等 |
  * | 内部状态变量 | `--mh-<件>-*` | 面文件（修饰符机制本身） | 组件根类 / 修饰符类 |
@@ -57,6 +57,7 @@
 
 /* 数据展示 */
 @import './components/tree.tokens.css';
+@import './components/badge.tokens.css';
 @import './components/tag.tokens.css';
 @import './components/avatar.tokens.css';
 @import './components/skeleton.tokens.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manohub/ui",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "private": false,
   "type": "module",
   "description": "AIHub 自绘组件层：不依赖 farris 的手写 Vue TSX 组件 + 自带令牌层（Farris 规范视觉 · daisyUI 式语义令牌 · shadcn 式 API 词汇）。",
@@ -46,7 +46,7 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@manohub/icon": "^0.10.2"
+    "@manohub/icon": "^0.10.4"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",