@manohub/ui 0.10.5 → 1.0.1

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

@@ -1,20 +1,20 @@
-/**
- * collapse —— 单件令牌（**基础值**）。
- *
- * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
- *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `collapse.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
- *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
-[data-manohub-ui] {
-  /* 单件几何（只服务本件，故写在这里；跨件令牌才进 theme/） */
-  --ui-collapse-header-gap: var(--ui-space-2); /* 标题位与尾部间距 8px（规范实测） */
-  --ui-collapse-header-min-height: var(--ui-row-height); /* 头行最小高 = 行高档，保证可点区高度 */
-}
+/**
+ * collapse —— 单件令牌（**基础值**）。
+ *
+ * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
+ *
+ * ## 抽出说明
+ * 本文件从面文件里抽出（原先混写在 `collapse.css` 顶部）：这些是**基础值**，锚在
+ * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
+ * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
+ * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
+ *
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
+ * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
+ * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
+ */
+[data-manohub-ui] {
+  /* 单件几何（只服务本件，故写在这里；跨件令牌才进 theme/） */
+  --ui-collapse-header-gap: var(--ui-space-2); /* 标题位与尾部间距 8px（规范实测） */
+  --ui-collapse-header-min-height: var(--ui-row-height); /* 头行最小高 = 行高档，保证可点区高度 */
+}

package/dist/styles/components/dialog.css

@@ -1,158 +1,158 @@
-/**
- * Dialog —— 对话框皮肤（与操作层并列组合：`class="mh-popup mh-dialog"`）。
- *
- * 出处：`@aihub/theme` 的 `playground/components/dialog.css` 与 `src/components/dialog.css`
- * （面板 520 / 大档 760 / 圆角 16 / 软投影；页头 16 上内距 + 24 行高、内容内距 24、底栏 0/24/16；
- *  **三段之间无分割线**（规范 2026-09-17 按反馈撤除了页头 border-bottom 与底栏 border-top）；
- *  关闭件 20×20；真实遮罩按 Mask01 黑 45% —— 用户裁定，浅灰 25% + 模糊只留给静态样张）。
- *
- * 行为全在原生与操作层：`<dialog>` 由浏览器给模态语义、Esc 关闭、焦点陷阱与 `::backdrop`；
- * 开合与定位归 `styles/operations/popup.css`（它认 `[open]`）。本件只给面。
- *
- * **类名与面文件名同根**：`.mh-dialog*`（元素走 `__`），一律 `mh-` 前缀。
-
- *
- * 边界（有意不做）：规范的 `.popconfirm`（气泡确认）不在本件 —— 它是「浮层 + 按钮族」的组合用法
- * （`class="mh-popup mh-card"` + 按钮），不需要新的面；尺寸 220/r10 那组值也不值得为它单开一族。
- */
-.mh-dialog {
-  /* 三段式列布局：页头 / 底栏由内容定高（`flex: none`），内容区吃掉剩余高度。
-     与 `Drawer` 同构（那边一直是这么写的）—— 本件此前漏了这一层，表现为
-     **高度受控时底栏不贴底**（body 只有内容高，剩余空间全留在 footer 之后）。
-     不设高度时零影响：列容器无高度约束 ⇒ body 高 = 内容高（与改前逐像素一致）。
-     ⚠️ 加 `display: flex` 会以作者源压过 UA 的 `dialog:not([open]) { display: none }`，
-     收起态靠操作层 `operations/popup.css` 的 `:is(… dialog.mh-popup:not([open]))` 兜住
-     （特异性 0-3-0，高于本行）—— **那条兜底不能删**。 */
-  display: flex;
-  flex-direction: column;
-  /**
-   * **`margin: auto` 必须写**（靠 `inset: 0` + `margin: auto` 居中）。
-   *
-   * 不能依赖 UA 那条 `dialog { margin: auto }`：作者源无条件压过 UA 源（与特异性无关），
-   * 而**几乎每个宿主的 reset 都有 `* { margin: 0 }`**（Tailwind preflight / 本仓 ui reset 都会发下），
-   * 一旦命中就把 UA 的 `auto` 归零 ⇒ 弹窗**贴上贴左**（`inset: 0` + 无 margin 的必然结果）。
-   * 2026-09-30 实测：在 `apps/skill`（还带 Tailwind）里 `getComputedStyle` 读到 `margin: 0px`、
-   * `rect = (0, 0)`；显式补 `auto` 后立刻回到 `(432, 43)` 的精确居中。
-   *
-   * 与 `Drawer` 那条 `margin: 0` 是**同一件事的两面**：那边要贴侧、必须把 `auto` 归零，
-   * 这边要居中、必须把 `auto` 写实 —— 两边都**不能交给 UA**。`Toast` 同（它也显式归零）。
-   */
-  margin: auto;
-  width: var(--ui-dialog-width);
-  max-width: var(--ui-dialog-width);
-  padding: 0; /* UA 给 <dialog> 的内距一律归零：内距由页头 / 内容 / 底栏各自拥有 */
-  border: none; /* 专页面板无描边（撤除卡片自带的 1px 边） */
-  border-radius: var(--ui-dialog-radius);
-  background: var(--ui-base-100);
-  /* 规范 0 0 40px rgba(0,0,0,.04) → 本仓「卡片环境光」令牌（同族几何、色取本仓基准，不新造字面量） */
-  box-shadow: var(--ui-shadow-card);
-  color: var(--ui-base-content);
-}
-.mh-dialog--lg {
-  width: var(--ui-dialog-width-lg);
-  max-width: var(--ui-dialog-width-lg);
-}
-
-/* 真浮层遮罩：`<dialog>` 进 top layer 时才生成 ::backdrop（静态档不生成，对本面无影响） */
-.mh-dialog::backdrop {
-  background: var(--ui-dialog-mask);
-}
-
-/* 页头：标题左、关闭位右（标题行框 24 —— 16 + 24 + 内容上距 24 = 规范页面正文起点 64） */
-.mh-dialog__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--ui-space-2);
-  flex: none; /* 高度受控时不被压缩（同 Drawer） */
-  padding: var(--ui-space-4) var(--ui-space-6) 0;
-  font-size: var(--ui-font-heading); /* 规范 16px */
-  line-height: var(--ui-line-heading);
-  font-weight: var(--ui-weight-medium);
-  color: var(--ui-base-content);
-}
-/* 语义档（`tone`）：标题左侧一个**带圈语义图标**（图标位没有底色圆，故取带圈族 —— 见
-   `@manohub/icon` 的「两族」口径），颜色按档取语义色 —— 缺省（不传 tone）不渲染，故不影响既有外观。
-   取色口径与 `Notice` 同一张表（success / warning 取 -strong 档，否则浅底上对比度不足）。 */
-.mh-dialog__tone-icon {
-  flex: none;
-  width: var(--ui-font-icon);
-  height: var(--ui-font-icon);
-  color: var(--mh-dialog-tone-color, var(--ui-primary));
-}
-.mh-dialog--info {
-  --mh-dialog-tone-color: var(--ui-info);
-}
-.mh-dialog--success {
-  --mh-dialog-tone-color: var(--ui-success-strong);
-}
-.mh-dialog--warning {
-  --mh-dialog-tone-color: var(--ui-warning-strong);
-}
-.mh-dialog--error {
-  --mh-dialog-tone-color: var(--ui-error);
-}
-
-/* 标题位（插槽版也走这个类，两路渲染同一份排版） */
-.mh-dialog__title {
-  flex: 1 1 auto; /* 撑满中段：语义图标在左、关闭位在右（`space-between` 下三者的正确落位） */
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.mh-dialog__close {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  width: var(--ui-dialog-close-size);
-  height: var(--ui-dialog-close-size);
-  margin: calc(-1 * var(--ui-space-1)); /* 热区比字形大，但视觉上仍与标题同基线 */
-  padding: 0;
-  border: none;
-  border-radius: var(--ui-radius-sm);
-  background: transparent;
-  color: var(--ui-base-content-muted);
-  cursor: pointer;
-  transition: background-color 0.15s ease, color 0.15s ease;
-}
-.mh-dialog__close:hover,
-.mh-dialog__close.is-hover {
-  background: var(--ui-base-200);
-  color: var(--ui-base-content);
-}
-.mh-dialog__close:focus-visible {
-  outline: 2px solid var(--ui-primary);
-  outline-offset: 2px;
-}
-
-/* 内容区（内距 24；三段之间无分割线，交界间距只由三段内距单一拥有）
-   `flex: 1 1 auto` + `min-height: 0`：吃掉页头与底栏之外的全部高度（含 `panelHeight` /
-   消费方经 style 给的高度），超出即**本段**滚动 —— 页头与底栏因此永远可见。 */
-.mh-dialog__body {
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  padding: var(--ui-space-6);
-  font-size: var(--ui-font-body);
-  line-height: var(--ui-line-body);
-  color: var(--ui-base-content);
-}
-/* 首尾孩子不吃外边距：正文里的 <p> 自带 UA margin，会与内容内距叠成一块大空档 */
-.mh-dialog__body > :first-child {
-  margin-top: 0;
-}
-.mh-dialog__body > :last-child {
-  margin-bottom: 0;
-}
-
-/* 底栏：按钮右对齐（按钮的面归按钮族）、间距 8、下内距 16 */
-.mh-dialog__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--ui-space-2);
-  flex: none; /* 高度受控时贴底且不被压缩（同 Drawer） */
-  padding: 0 var(--ui-space-6) var(--ui-space-4);
-}
+/**
+ * Dialog —— 对话框皮肤（与操作层并列组合：`class="mh-popup mh-dialog"`）。
+ *
+ * 出处：`@aihub/theme` 的 `playground/components/dialog.css` 与 `src/components/dialog.css`
+ * （面板 520 / 大档 760 / 圆角 16 / 软投影；页头 16 上内距 + 24 行高、内容内距 24、底栏 0/24/16；
+ *  **三段之间无分割线**（规范 2026-09-17 按反馈撤除了页头 border-bottom 与底栏 border-top）；
+ *  关闭件 20×20；真实遮罩按 Mask01 黑 45% —— 用户裁定，浅灰 25% + 模糊只留给静态样张）。
+ *
+ * 行为全在原生与操作层：`<dialog>` 由浏览器给模态语义、Esc 关闭、焦点陷阱与 `::backdrop`；
+ * 开合与定位归 `styles/operations/popup.css`（它认 `[open]`）。本件只给面。
+ *
+ * **类名与面文件名同根**：`.mh-dialog*`（元素走 `__`），一律 `mh-` 前缀。
+
+ *
+ * 边界（有意不做）：规范的 `.popconfirm`（气泡确认）不在本件 —— 它是「浮层 + 按钮族」的组合用法
+ * （`class="mh-popup mh-card"` + 按钮），不需要新的面；尺寸 220/r10 那组值也不值得为它单开一族。
+ */
+.mh-dialog {
+  /* 三段式列布局：页头 / 底栏由内容定高（`flex: none`），内容区吃掉剩余高度。
+     与 `Drawer` 同构（那边一直是这么写的）—— 本件此前漏了这一层，表现为
+     **高度受控时底栏不贴底**（body 只有内容高，剩余空间全留在 footer 之后）。
+     不设高度时零影响：列容器无高度约束 ⇒ body 高 = 内容高（与改前逐像素一致）。
+     ⚠️ 加 `display: flex` 会以作者源压过 UA 的 `dialog:not([open]) { display: none }`，
+     收起态靠操作层 `operations/popup.css` 的 `:is(… dialog.mh-popup:not([open]))` 兜住
+     （特异性 0-3-0，高于本行）—— **那条兜底不能删**。 */
+  display: flex;
+  flex-direction: column;
+  /**
+   * **`margin: auto` 必须写**（靠 `inset: 0` + `margin: auto` 居中）。
+   *
+   * 不能依赖 UA 那条 `dialog { margin: auto }`：作者源无条件压过 UA 源（与特异性无关），
+   * 而**几乎每个宿主的 reset 都有 `* { margin: 0 }`**（Tailwind preflight / 本仓 ui reset 都会发下），
+   * 一旦命中就把 UA 的 `auto` 归零 ⇒ 弹窗**贴上贴左**（`inset: 0` + 无 margin 的必然结果）。
+   * 2026-09-30 实测：在 `apps/skill`（还带 Tailwind）里 `getComputedStyle` 读到 `margin: 0px`、
+   * `rect = (0, 0)`；显式补 `auto` 后立刻回到 `(432, 43)` 的精确居中。
+   *
+   * 与 `Drawer` 那条 `margin: 0` 是**同一件事的两面**：那边要贴侧、必须把 `auto` 归零，
+   * 这边要居中、必须把 `auto` 写实 —— 两边都**不能交给 UA**。`Toast` 同（它也显式归零）。
+   */
+  margin: auto;
+  width: var(--ui-dialog-width);
+  max-width: var(--ui-dialog-width);
+  padding: 0; /* UA 给 <dialog> 的内距一律归零：内距由页头 / 内容 / 底栏各自拥有 */
+  border: none; /* 专页面板无描边（撤除卡片自带的 1px 边） */
+  border-radius: var(--ui-dialog-radius);
+  background: var(--ui-base-100);
+  /* 规范 0 0 40px rgba(0,0,0,.04) → 本仓「卡片环境光」令牌（同族几何、色取本仓基准，不新造字面量） */
+  box-shadow: var(--ui-shadow-card);
+  color: var(--ui-base-content);
+}
+.mh-dialog--lg {
+  width: var(--ui-dialog-width-lg);
+  max-width: var(--ui-dialog-width-lg);
+}
+
+/* 真浮层遮罩：`<dialog>` 进 top layer 时才生成 ::backdrop（静态档不生成，对本面无影响） */
+.mh-dialog::backdrop {
+  background: var(--ui-dialog-mask);
+}
+
+/* 页头：标题左、关闭位右（标题行框 24 —— 16 + 24 + 内容上距 24 = 规范页面正文起点 64） */
+.mh-dialog__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ui-space-2);
+  flex: none; /* 高度受控时不被压缩（同 Drawer） */
+  padding: var(--ui-space-4) var(--ui-space-6) 0;
+  font-size: var(--ui-font-heading); /* 规范 16px */
+  line-height: var(--ui-line-heading);
+  font-weight: var(--ui-weight-medium);
+  color: var(--ui-base-content);
+}
+/* 语义档（`tone`）：标题左侧一个**带圈语义图标**（图标位没有底色圆，故取带圈族 —— 见
+   `@manohub/icon` 的「两族」口径），颜色按档取语义色 —— 缺省（不传 tone）不渲染，故不影响既有外观。
+   取色口径与 `Notice` 同一张表（success / warning 取 -strong 档，否则浅底上对比度不足）。 */
+.mh-dialog__tone-icon {
+  flex: none;
+  width: var(--ui-font-icon);
+  height: var(--ui-font-icon);
+  color: var(--mh-dialog-tone-color, var(--ui-primary));
+}
+.mh-dialog--info {
+  --mh-dialog-tone-color: var(--ui-info);
+}
+.mh-dialog--success {
+  --mh-dialog-tone-color: var(--ui-success-strong);
+}
+.mh-dialog--warning {
+  --mh-dialog-tone-color: var(--ui-warning-strong);
+}
+.mh-dialog--error {
+  --mh-dialog-tone-color: var(--ui-error);
+}
+
+/* 标题位（插槽版也走这个类，两路渲染同一份排版） */
+.mh-dialog__title {
+  flex: 1 1 auto; /* 撑满中段：语义图标在左、关闭位在右（`space-between` 下三者的正确落位） */
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mh-dialog__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: var(--ui-dialog-close-size);
+  height: var(--ui-dialog-close-size);
+  margin: calc(-1 * var(--ui-space-1)); /* 热区比字形大，但视觉上仍与标题同基线 */
+  padding: 0;
+  border: none;
+  border-radius: var(--ui-radius-sm);
+  background: transparent;
+  color: var(--ui-base-content-muted);
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+.mh-dialog__close:hover,
+.mh-dialog__close.is-hover {
+  background: var(--ui-base-200);
+  color: var(--ui-base-content);
+}
+.mh-dialog__close:focus-visible {
+  outline: 2px solid var(--ui-primary);
+  outline-offset: 2px;
+}
+
+/* 内容区（内距 24；三段之间无分割线，交界间距只由三段内距单一拥有）
+   `flex: 1 1 auto` + `min-height: 0`：吃掉页头与底栏之外的全部高度（含 `panelHeight` /
+   消费方经 style 给的高度），超出即**本段**滚动 —— 页头与底栏因此永远可见。 */
+.mh-dialog__body {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  padding: var(--ui-space-6);
+  font-size: var(--ui-font-body);
+  line-height: var(--ui-line-body);
+  color: var(--ui-base-content);
+}
+/* 首尾孩子不吃外边距：正文里的 <p> 自带 UA margin，会与内容内距叠成一块大空档 */
+.mh-dialog__body > :first-child {
+  margin-top: 0;
+}
+.mh-dialog__body > :last-child {
+  margin-bottom: 0;
+}
+
+/* 底栏：按钮右对齐（按钮的面归按钮族）、间距 8、下内距 16 */
+.mh-dialog__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--ui-space-2);
+  flex: none; /* 高度受控时贴底且不被压缩（同 Drawer） */
+  padding: 0 var(--ui-space-6) var(--ui-space-4);
+}

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

@@ -1,24 +1,24 @@
-/**
- * dialog —— 单件令牌（**基础值**）。
- *
- * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
- *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `dialog.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
- *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
-[data-manohub-ui] {
-  /* 单件令牌 */
-  --ui-dialog-width: 520px; /* 规范标准宽 */
-  --ui-dialog-width-lg: 760px;
-  --ui-dialog-radius: 16px; /* 规范 r16（本仓圆角刻度最大 8，故按实测给） */
-  --ui-dialog-close-size: 28px; /* 关闭件的点击热区（字形 14 居中） */
-  /* 规范 Mask01 黑 45%（用户 2026-09-15 裁定：真实遮罩用黑透明；浅灰 25% + blur 是专页样张特征） */
-  --ui-dialog-mask: rgba(0, 0, 0, 0.45);
-}
+/**
+ * dialog —— 单件令牌（**基础值**）。
+ *
+ * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
+ *
+ * ## 抽出说明
+ * 本文件从面文件里抽出（原先混写在 `dialog.css` 顶部）：这些是**基础值**，锚在
+ * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
+ * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
+ * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
+ *
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
+ * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
+ * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
+ */
+[data-manohub-ui] {
+  /* 单件令牌 */
+  --ui-dialog-width: 520px; /* 规范标准宽 */
+  --ui-dialog-width-lg: 760px;
+  --ui-dialog-radius: 16px; /* 规范 r16（本仓圆角刻度最大 8，故按实测给） */
+  --ui-dialog-close-size: 28px; /* 关闭件的点击热区（字形 14 居中） */
+  /* 规范 Mask01 黑 45%（用户 2026-09-15 裁定：真实遮罩用黑透明；浅灰 25% + blur 是专页样张特征） */
+  --ui-dialog-mask: rgba(0, 0, 0, 0.45);
+}

package/dist/styles/components/divider.css

@@ -1,75 +1,75 @@
-/**
- * Divider —— 分隔线（水平 / 垂直 × 实线 / 虚线 × 可带中段文字）。
- *
- * 出处：设计稿《MH后台-0911》内容区**用了 44 处** 1px 分隔线，取值统一：
- * - 水平：`0:2128 > 标题区 > 直线 2` = 1200×1（筛选区与页头带之间）；
- * - 垂直：`0:3920 > 直线 2备份` = 1×708（树栏与主栏之间）；
- * - 色：`#e6e6e6` = `--ui-base-300`（与页头下边线、表格线、卡片描边同源 —— 实线只有这一条「线」色）。
- *   虚线档另按**线型档**走 `--ui-line-dashed`（= `base-400`，见 `@manohub/theme` 的 `default/colors.css`
- *   头「三条口径」第 2 条）：同样粗细下虚线的墨迹只有实线的一半，取实线色会整条发虚。
- *
- * **为什么单独成件**：这条线在业务里被自绘了 44 次（`border-bottom: 1px solid #e6e6e6` 一类），
- * 于是「线色改一处漏一处」必然发生。收进一件后，改线色/改粗细只需要动本文件。
- *
- * 与 `Panel` / `Card` / `Table` 的关系：那三件的框线**是它们自己的边界**（写在各件的面里），
- * 不由本件承担；本件服务的是**内容之间**的分隔。
- *
- * 垂直档的高度：`align-self: stretch` 走父容器的拉伸（父级是 flex 行时即整行高），
- * 父级没有确定高度时退到 `min-height: 1em`。**不写 `height: 100%`** —— 那要求父级先有高度，
- * 在 auto 高度的行内会塌成 0。
- */
-.mh-divider {
-  box-sizing: border-box;
-}
-
-/* ===== 水平档（分隔上下内容）===== */
-.mh-divider--horizontal {
-  width: 100%;
-  border-top: 1px solid var(--ui-divider-line);
-}
-/* 虚线档**连同线色一起换**：只写 `border-top-style: dashed` 会让虚线仍吃实线色 `base-300`，
-   同一个分隔位上线型不同、深浅也不同（2026-09-30 实测发现 —— 当时只改了「带中段文字」那条路径）。 */
-.mh-divider--horizontal.mh-divider--dashed {
-  border-top: 1px dashed var(--ui-line-dashed);
-}
-
-/* 带中段文字：整条改成 flex 行，线由两根 `.mh-divider__line` 承担（左固定 24px、右吃剩余） */
-.mh-divider--horizontal.mh-divider--with-label {
-  display: flex;
-  align-items: center;
-  gap: var(--ui-divider-label-gap);
-  border-top: 0;
-  font-size: var(--ui-font-caption);
-  line-height: var(--ui-line-caption);
-  color: var(--ui-divider-label-color);
-}
-.mh-divider__line {
-  flex: 1 1 auto;
-  height: 1px;
-  background: var(--ui-divider-line);
-}
-/* 左段固定宽（24）：文字靠近左侧时观感更稳，也让长文字不会把左段挤没 */
-.mh-divider__line--start {
-  flex: 0 0 auto;
-  width: var(--ui-space-6);
-}
-.mh-divider--dashed .mh-divider__line {
-  height: 0;
-  border-top: 1px dashed var(--ui-line-dashed);
-}
-.mh-divider__label {
-  flex: 0 0 auto;
-}
-
-/* ===== 垂直档（分隔左右内容）===== */
-.mh-divider--vertical {
-  display: inline-block;
-  width: 1px;
-  min-height: 1em;
-  align-self: stretch;
-  border-left: 1px solid var(--ui-divider-line);
-  vertical-align: middle;
-}
-.mh-divider--vertical.mh-divider--dashed {
-  border-left: 1px dashed var(--ui-line-dashed);
-}
+/**
+ * Divider —— 分隔线（水平 / 垂直 × 实线 / 虚线 × 可带中段文字）。
+ *
+ * 出处：设计稿《MH后台-0911》内容区**用了 44 处** 1px 分隔线，取值统一：
+ * - 水平：`0:2128 > 标题区 > 直线 2` = 1200×1（筛选区与页头带之间）；
+ * - 垂直：`0:3920 > 直线 2备份` = 1×708（树栏与主栏之间）；
+ * - 色：`#e6e6e6` = `--ui-base-300`（与页头下边线、表格线、卡片描边同源 —— 实线只有这一条「线」色）。
+ *   虚线档另按**线型档**走 `--ui-line-dashed`（= `base-400`，见 `@manohub/theme` 的 `default/colors.css`
+ *   头「三条口径」第 2 条）：同样粗细下虚线的墨迹只有实线的一半，取实线色会整条发虚。
+ *
+ * **为什么单独成件**：这条线在业务里被自绘了 44 次（`border-bottom: 1px solid #e6e6e6` 一类），
+ * 于是「线色改一处漏一处」必然发生。收进一件后，改线色/改粗细只需要动本文件。
+ *
+ * 与 `Panel` / `Card` / `Table` 的关系：那三件的框线**是它们自己的边界**（写在各件的面里），
+ * 不由本件承担；本件服务的是**内容之间**的分隔。
+ *
+ * 垂直档的高度：`align-self: stretch` 走父容器的拉伸（父级是 flex 行时即整行高），
+ * 父级没有确定高度时退到 `min-height: 1em`。**不写 `height: 100%`** —— 那要求父级先有高度，
+ * 在 auto 高度的行内会塌成 0。
+ */
+.mh-divider {
+  box-sizing: border-box;
+}
+
+/* ===== 水平档（分隔上下内容）===== */
+.mh-divider--horizontal {
+  width: 100%;
+  border-top: 1px solid var(--ui-divider-line);
+}
+/* 虚线档**连同线色一起换**：只写 `border-top-style: dashed` 会让虚线仍吃实线色 `base-300`，
+   同一个分隔位上线型不同、深浅也不同（2026-09-30 实测发现 —— 当时只改了「带中段文字」那条路径）。 */
+.mh-divider--horizontal.mh-divider--dashed {
+  border-top: 1px dashed var(--ui-line-dashed);
+}
+
+/* 带中段文字：整条改成 flex 行，线由两根 `.mh-divider__line` 承担（左固定 24px、右吃剩余） */
+.mh-divider--horizontal.mh-divider--with-label {
+  display: flex;
+  align-items: center;
+  gap: var(--ui-divider-label-gap);
+  border-top: 0;
+  font-size: var(--ui-font-caption);
+  line-height: var(--ui-line-caption);
+  color: var(--ui-divider-label-color);
+}
+.mh-divider__line {
+  flex: 1 1 auto;
+  height: 1px;
+  background: var(--ui-divider-line);
+}
+/* 左段固定宽（24）：文字靠近左侧时观感更稳，也让长文字不会把左段挤没 */
+.mh-divider__line--start {
+  flex: 0 0 auto;
+  width: var(--ui-space-6);
+}
+.mh-divider--dashed .mh-divider__line {
+  height: 0;
+  border-top: 1px dashed var(--ui-line-dashed);
+}
+.mh-divider__label {
+  flex: 0 0 auto;
+}
+
+/* ===== 垂直档（分隔左右内容）===== */
+.mh-divider--vertical {
+  display: inline-block;
+  width: 1px;
+  min-height: 1em;
+  align-self: stretch;
+  border-left: 1px solid var(--ui-divider-line);
+  vertical-align: middle;
+}
+.mh-divider--vertical.mh-divider--dashed {
+  border-left: 1px dashed var(--ui-line-dashed);
+}

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

@@ -1,22 +1,22 @@
-/**
- * divider —— 单件令牌（**基础值**）。
- *
- * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
- *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `divider.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
- *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
-[data-manohub-ui] {
-  /* 单件令牌 */
-  --ui-divider-line: var(--ui-base-300); /* **实线**档的线色（与卡片描边、表格线同源）——
-     虚线档不用它：虚线走线型档 `--ui-line-dashed`（`base-400`），在面文件的修饰符块里直接取 */
-  --ui-divider-label-gap: var(--ui-space-3); /* 中段文字与两侧线的距离 12 */
-  --ui-divider-label-color: var(--ui-base-content-subtle);
-}
+/**
+ * divider —— 单件令牌（**基础值**）。
+ *
+ * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
+ *
+ * ## 抽出说明
+ * 本文件从面文件里抽出（原先混写在 `divider.css` 顶部）：这些是**基础值**，锚在
+ * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
+ * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
+ * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
+ *
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
+ * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
+ * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
+ */
+[data-manohub-ui] {
+  /* 单件令牌 */
+  --ui-divider-line: var(--ui-base-300); /* **实线**档的线色（与卡片描边、表格线同源）——
+     虚线档不用它：虚线走线型档 `--ui-line-dashed`（`base-400`），在面文件的修饰符块里直接取 */
+  --ui-divider-label-gap: var(--ui-space-3); /* 中段文字与两侧线的距离 12 */
+  --ui-divider-label-color: var(--ui-base-content-subtle);
+}