@manohub/ui 0.10.2 → 0.10.3

package/dist/styles/components/tag.css

@@ -1,61 +1,53 @@
 /**
- * Tag —— 标签（常规 / 状态 / 可选 / 新增 / 轻量筛选片）。
+ * Tag —— **`Badge` 的交互封装**（可关闭 / 可新增）。
  *
- * 出处：`@aihub/theme` 的 `playground/components/tag.css` 与 `src/components/tag.css`
- * （常规 24 高 / 大号 28；状态档 22 高、小圆角、四色语义；可选档胶囊 + 选中实底主色；
- *  新增档虚线框；筛选项贴片底 + 主色字）。
+ * ## 本件不画框（与 `select.css` 同一条纪律）
  *
- * **与 `Badge` 的判据**：`Badge` 是**状态徽标**（固定短、要一眼看出状态色、有圆点/数字档）；
- * 本件是**内容标签**（描述性文字、可能可选/可加/可关闭，长度由内容决定）。两者不同族，别互相顶替。
+ * 底 / 边 / 圆角 / 高度 / 字号 / 内距 / 档位**全归 `badge` 面** —— 徽标是「只读标记」的唯一样式源，
+ * 本件只往它上面加两个交互位。2026-09-30 之前这里有一整套与 `badge` 重复的几何
+ * （`--ui-tag-bg` / `-height` / `-font-size` / `-radius` …）：同一个高度上两件各走一个圆角档、
+ * 同一个「浅主色标签底」两件给了两个色 —— 那批规则已整体撤除，本文件只剩三样东西：
  *
- * **状态档四色**直接用本仓语义令牌（`--ui-{info,success,warning,error}-weak` / 对应主色），
- * 不新造一套色板 —— 与 `Badge` / `Notice` 同一批语义槽位。
+ *   1. `.mh-tag`：内容与操作位之间的间距（比 `Badge` 的通用 gap 紧一档）；
+ *   2. `.mh-tag__close` / `.mh-tag__confirm`：两个操作位（14 圆底 + 悬停蒙层；图标 12 属有意保留的专属尺寸）；
+ *   3. `.mh-tag--add`：新增入口形态（虚线框 + 中性字，滑过转主色）；
+ *   4. `.mh-tag--editing` / `.mh-tag__input`：新增档点开后的编辑态（输入框的框归 input 面，
+ *      这里只给**窄**宽度；输入框 ↔ 确认位沿用 `.mh-tag` 的间距）。
  *
- * **高度三档与图标/关闭位尺寸都在本件令牌上**（`--ui-tag-*`）：档位只覆盖令牌、不复制几何规则。
- * 自定义色（`color` prop）经组件内联覆盖 `--ui-tag-bg`，故底色的取用点只有一处。
+ * ## 特异性：两位本件类，不靠导入顺序
+ *
+ * `--add` 那组写成 **`.mh-tag.mh-tag--add`（0-2-0）**，压过 badge 面的单类规则（0-1-0）。
+ * 两条备选都被否掉：
+ * ① 引用 `.mh-badge`（面文件的类名必须与文件词根同根，跨族引用要进豁免台账）；
+ * ② 靠 `styles/index.css` 的导入顺序（badge 面在前、本面在后）—— 顺序会被人无意调整，
+ *    两位类权重不会。`--add` 转发给 `Badge` 的档是 `plain`（底透明、字取中性），
+ *    需要覆盖的只剩 `border-color` 与字色。
+ *
+ * ⚠️ 新增档的根是**真实 `<button>`**（走 `Badge` 的 `as="button"`）：按钮自带外观的三样
+ * （`border` / `background` / `padding`）由 badge 面提供（`contract-reset.spec.ts` 按标签审计），
+ * `font-family: inherit` 也在那边补 —— 本件只管虚线框与悬停色。
  */
+
+/* ===== 内容 ↔ 关闭位：比 Badge 的通用 gap（6，给前置点的）紧一档 ===== */
 .mh-tag {
-  display: inline-flex;
-  align-items: center;
   gap: var(--ui-tag-gap);
-  height: var(--ui-tag-height);
-  padding: 0 var(--ui-space-3);
-  border-radius: var(--ui-radius-control);
-  background: var(--ui-tag-bg);
-  color: var(--ui-primary);
-  font-size: var(--ui-tag-font-size);
-  line-height: 1;
-  white-space: nowrap;
-}
-
-/* ===== 尺寸档 =====
-   20 档是设计稿里**唯一有实证**的标签尺寸（`0:2723` 36×20）：小圆角 r3 + 12px 字。
-   左右内距取 8 而不是设计反推的 6：6 不在本包的间距阶（4/8/12/16/20/24）上，
-   为 4px 的总宽差破一档刻度不值当。 */
-.mh-tag--sm {
-  height: var(--ui-tag-height-sm);
-  padding: 0 var(--ui-space-2);
-  border-radius: var(--ui-radius-xs);
-  font-size: var(--ui-font-micro);
-}
-.mh-tag--lg {
-  height: var(--ui-tag-height-lg);
 }
 
-/* ===== 前置图标与关闭位 ===== */
-.mh-tag__icon {
-  flex: none;
-  width: var(--ui-tag-icon-size);
-  height: var(--ui-tag-icon-size);
-}
-.mh-tag__close {
+/* ===== 操作位：关闭位（受控：只回调，见 TSX）与添加位（新增档）=====
+   两位共享「按钮重置 + 圆底 + 悬停过渡」，**尺寸与字形各按自己的量级走**：
+   - 关闭位：14 触区 + **12 字形**（贴小控件的字形，见 `contract-icon-direction` 的白名单）——
+     它是标签内的轻量移除操作，不该跟内容抢视觉重量；
+   - 添加位：**常规图标档** `--ui-font-icon`（default 16 / farris 14）+ 由它派生的触区
+     （`+ 4`：16→20 / 14→18）—— 它是这一档的**主操作**（一枚 ＋），与入口的加号同档。
+     触区用 `calc()` 而不是写死 20：farris 的图标档是 14，写死就会让字形顶满圆底。
+   关闭位右端不再回收内距：旧写法是「本件左右内距 12 + 关闭位负外边距 4」凑出 8，
+   现在 `Badge` 的 md 内距就是 8，负外边距一并撤掉。 */
+.mh-tag__close,
+.mh-tag__confirm {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex: none;
-  width: var(--ui-tag-close-size);
-  height: var(--ui-tag-close-size);
-  margin-right: calc(-1 * var(--ui-space-1));
   padding: 0;
   border: none;
   border-radius: var(--ui-radius-full);
@@ -65,6 +57,10 @@
   opacity: 0.65;
   transition: opacity 0.15s ease, background-color 0.15s ease;
 }
+.mh-tag__close {
+  width: var(--ui-tag-close-size);
+  height: var(--ui-tag-close-size);
+}
 .mh-tag__close > svg {
   flex: none;
   width: 12px;
@@ -74,131 +70,58 @@
   opacity: 1;
   background: rgb(0 0 0 / 0.08);
 }
-
-/* ===== 描边档（布尔 prop `outline`）：设计稿表格内标签的配方 = 浅主色底 + 浅主色边 =====
-   设计实证 `0:2723`：36×20 / 底 `#eaefff` / 边 `#b7caff` / r3 / 字 12 —— 即
-   `size="sm"` + `outline` 两档合起来的样子。
-   ⚠️ **本条的配方改过**：改前是「透明底 + `1px solid currentColor`」（全色描边）。全色描边在浅底
-   页面上过重，且与 `shape="status"` + `tone` 的观感打架（两者都成了「彩边」）；设计给的正是
-   「同色系浅边」。若某个页面确实需要「透明底 + 全色边」那种更硬的轮廓，请提需求另开形态，
-   不要就地改回去。 */
-.mh-tag--outline {
-  background: var(--ui-primary-weak);
-  border: 1px solid var(--ui-primary-border);
-}
-
-/* ===== 状态标签（22 高 / 四色语义）===== */
-.mh-tag--status {
-  height: var(--ui-tag-height-status);
-  padding: 0 var(--ui-space-2);
-}
-.mh-tag--info {
-  background: var(--ui-info-weak);
-  color: var(--ui-info);
-}
-.mh-tag--success {
-  background: var(--ui-success-weak);
-  color: var(--ui-success);
-}
-.mh-tag--warning {
-  background: var(--ui-warning-weak);
-  color: var(--ui-warning);
-}
-.mh-tag--error {
-  background: var(--ui-error-weak);
-  color: var(--ui-error);
-}
-
-/* ===== 可选标签（胶囊；开关是隐身原生 radio，焦点环画在可见标签上）===== */
-.mh-tag--select {
-  position: relative;
-  border: none;
-  border-radius: var(--ui-radius-full);
-  background: var(--ui-primary-weak);
+/* 添加位是**肯定的**操作：触区与字形都跟图标档走，色取主色、悬停给主色浅底 */
+.mh-tag__confirm {
+  width: calc(var(--ui-font-icon) + var(--ui-space-1));
+  height: calc(var(--ui-font-icon) + var(--ui-space-1));
   color: var(--ui-primary);
-  cursor: pointer;
-  font-family: inherit;
-}
-.mh-tag--select > input {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  clip-path: inset(50%);
-  appearance: none;
-  pointer-events: none;
-}
-/* 悬停底取 `base-200`（中性面）—— 改前是 `base-50`：那档只比内容底低 1.7 L*，
-   在多数屏幕上看不出悬停反馈（`base-50` 不再作为「更轻底」的默认去处，见 colors 口径第 1 条）。 */
-.mh-tag--select:hover {
-  background: var(--ui-base-200);
-  border: 1px solid var(--ui-base-300);
 }
-.mh-tag--select:has(input:focus-visible) {
-  outline: 2px solid var(--ui-primary);
-  outline-offset: -2px;
+.mh-tag__confirm > svg {
+  flex: none;
+  width: var(--ui-font-icon);
+  height: var(--ui-font-icon);
 }
-/* 选中：实底主色白字；三源等价（真实伪类 / 组件下发 / 静态档） */
-.mh-tag--select.is-selected,
-.mh-tag--select[data-state='selected'],
-.mh-tag--select:has(input:checked) {
-  background: var(--ui-primary);
-  color: var(--ui-primary-content);
+.mh-tag__confirm:hover {
+  opacity: 1;
+  background: var(--ui-primary-weak);
 }
-/* 选中态里的关闭位：底是主色，悬停用白蒙层而不是黑蒙层 */
-.mh-tag--select.is-selected .mh-tag__close:hover,
-.mh-tag--select:has(input:checked) .mh-tag__close:hover {
-  background: rgb(255 255 255 / 0.24);
+
+/* ===== 编辑态（`shape="add"` 点入口后）=====
+   这一档**没有标记片**：输入框的框归 input 面（本件只给宽度），确认位是第二个操作位。
+   宽度令牌设在 `Input` 的**表壳**上（`Input` 的 `class` 落表壳，见它的「属性落点」）。 */
+.mh-tag--editing {
+  display: inline-flex;
+  align-items: center;
 }
-/* 禁用：不可点 + 转弱 */
-.mh-tag--select.is-disabled,
-.mh-tag--select:has(input:disabled) {
-  background: var(--ui-base-200);
-  color: var(--ui-base-content-subtle);
-  cursor: not-allowed;
+/* ⚠️ **两位类选择器**（0-2-0），不是单类：`Input` 的表壳自带宽度规则（`.mh-input__wrap`，0-1-0），
+   而 `styles/index.css` 里 **`input.css` 排在本文件之后**（表单与选择控件那一组）—— 单类写法在
+   同特异性下会被它压掉，实测输入框渲染成 201px 而不是这一档要的 120px（「窄输入」名存实亡）。 */
+.mh-tag .mh-tag__input {
+  width: var(--ui-tag-input-width);
 }
 
-/* ===== 新增档（虚线框 + 加号由 @manohub/icon 的 plus 渲染）=====
- * 虚线框取 `--ui-base-300`（全库唯一的「线 / 框」色，见 `@manohub/theme` 的 `default/colors.css`
- * 头「三条口径」第 2 条）；改前取 `base-400`，2026-09-30 按口径收敛。 */
-.mh-tag--add {
-  height: var(--ui-tag-height);
-  padding: 0 var(--ui-space-2);
-  border: 1px dashed var(--ui-base-300);
-  border-radius: var(--ui-radius-full);
+/* ===== 新增入口形态（`shape="add"`）=====
+   转发给 `Badge` 的是 `plain`（透明底 + 中性字），这里把框换成虚线、字压成中性档、
+   悬停 / 按下转主色 —— 与旧 `--add` 档同一套观感。 */
+.mh-tag.mh-tag--add {
+  border-style: dashed;
+  border-color: var(--ui-line-dashed); /* 虚线线色：口径「实线 base-300 / 虚线 base-400」 */
   background: transparent;
   color: var(--ui-base-content-muted);
   cursor: pointer;
   font-family: inherit;
-  font-size: var(--ui-tag-font-size);
 }
-.mh-tag--add:hover {
+/* 加号走常规图标档（`--ui-font-icon`）：组件里不写死 `size`（见 AGENTS 第 7 条） */
+.mh-tag.mh-tag--add > svg {
+  flex: none;
+  width: var(--ui-font-icon);
+  height: var(--ui-font-icon);
+}
+.mh-tag.mh-tag--add:hover {
   border-color: var(--ui-primary-hover);
   color: var(--ui-primary);
 }
-.mh-tag--add:active {
+.mh-tag.mh-tag--add:active {
   border-color: var(--ui-primary);
   color: var(--ui-primary);
 }
-
-/* ===== 轻量筛选片（浅底 + 主色字）===== */
-.mh-tag--chip {
-  height: var(--ui-tag-height-sm);
-  padding: 0 var(--ui-space-2);
-  border: none;
-  border-radius: var(--ui-radius-full);
-  background: var(--ui-primary-weak);
-  color: var(--ui-primary);
-  font-family: inherit;
-  font-size: var(--ui-font-caption);
-  cursor: pointer;
-}
-.mh-tag--chip[data-state='active'],
-.mh-tag--chip.is-active {
-  background: var(--ui-primary);
-  color: var(--ui-primary-content);
-}

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

@@ -1,33 +1,24 @@
 /**
  * tag —— 单件令牌（**基础值**）。
  *
- * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
+ * 本件是 **`Badge` 的交互封装**（可关闭 / 可新增）：底 / 边 / 圆角 / 高度 / 字号 / 内距 / 档位
+ * 全归 `badge` 面，故这里只剩**交互位自己**的两个值 —— 文件这么短是**有意**的：
+ * 2026-09-30 之前它带着一整套与 `badge` 重复的几何（`--ui-tag-bg` / `-height` / `-font-size` …），
+ * 同一高度上还各走一个圆角档，那批令牌已随收口撤除。
  *
  * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `tag.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
+ * 这些是**基础值**，锚在 `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，
+ * 因此**任何落在容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设。
  *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里（搬走会让档位失效）。
  * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
  */
 [data-manohub-ui] {
-  /* 单件令牌。
-     软底**只有一档**：改前是 `#e1edff`(24) 与 `#f0faff`(28) 两个字面量，与主题的主色浅底档
-     `--ui-primary-weak`(#EFF5FF) 差 ≤ 6/255 —— 三个近值并存的典型症状，本轮并入主题档。
-     设计实证：表格内标签 `0:2723` 底 `#eaefff`。 */
-  --ui-tag-bg: var(--ui-primary-weak);
-  /* 20 / 24 两档是**跨件共用**的「标记体量档」（徽标 / 标签 / 多选标签片同源）⇒ 全局值在
-     `@manohub/theme` 的 `spacing.css`，本件只做别名：改档只改主题那一处。
-     28 / 22 两档只服务本件（大号标签 / 状态标签），故字面量留在本文件。 */
-  --ui-tag-height: var(--ui-mark-height-md);
-  --ui-tag-height-sm: var(--ui-mark-height-sm);
-  --ui-tag-height-lg: 28px;
-  --ui-tag-height-status: 22px;
-  --ui-tag-font-size: var(--ui-font-caption);
-  --ui-tag-icon-size: var(--ui-font-icon); /* 常规图标档（本件不再自定数值） */
-  --ui-tag-close-size: 14px;
+  /* 内容 ↔ 操作位：4（`Badge` 的通用 gap 是 6，那是给前置点的；操作位紧一档更像「贴在字尾」） */
   --ui-tag-gap: var(--ui-space-1);
+  /* 关闭位触区；字形 12 属「贴小控件的字形」，见 contract-icon-direction。
+     添加位（新增档）**不占令牌**：它的触区与字形都按常规图标档 `--ui-font-icon` 派生。 */
+  --ui-tag-close-size: 14px;
+  /* 新增档的**窄**输入框宽度：在容器上重设即可加宽（`--ui-tag-input-width: 200px`） */
+  --ui-tag-input-width: 120px;
 }

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.3",
   "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.3"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",