@manohub/ui 0.10.5 → 1.0.1

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

@@ -1,44 +1,44 @@
-/**
- * 批量栏 `.mh-table__batch` 是包裹层的子元素（与 `<table>` 同级）—— 令牌锚在容器上，
- * 批量栏的高度 / 内距 / 底色照样取得到
- *
- * ## 抽出说明
- * 本文件从面文件里抽出：这些是**基础值**，锚在 `[data-manohub-ui]`（跨包唯一作用域锚，
- * 由入口层无条件写在应用容器上）—— 任何落在容器里的分件都取得到值，不再依赖
- * 「声明在某个组件根类上」这条脆弱假设。
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里（拆开会让档位失效）。
- */
-[data-manohub-ui] {
-  /* 单件令牌 */
-  --ui-table-font-size: var(--ui-font-caption);
-  /* 尺寸档三档 = 30 / 38 / 46（sm / md / lg），本节是**基础值 = 中档（md）**，
-     与 Button（24 / 32 / 40）、Tree（基础 34、紧凑 28）同一条库内约定：
-     基础令牌承担 md，`.mh-<件>--<档>` 只改写另两档。
-     ⚠️ 两个档位改写分别在面文件的 `.mh-table--xs`（sm）与 `.mh-table--lg` 里，别写回本文件。 */
-  --ui-table-head-height: 38px; /* 中档（md）表头 = 行高 */
-  --ui-table-row-height: 38px; /* 中档（md）行高 */
-  --ui-table-line-height: var(--ui-line-caption); /* 单元格行高 = 正文档的 13px 配对（default 20 / farris 18） */
-  --ui-table-head-bg: var(--ui-base-200); /* 设计 #f1f2f5 */
-  --ui-table-head-text: var(--ui-base-content-muted);
-  --ui-table-head-bg-hover: var(--ui-primary-weak);
-  --ui-table-head-divider: var(--ui-base-300);
-  --ui-table-head-divider-width: 0 1px 0 0; /* 多级表头里列与列的分隔 */
-  --ui-table-text: var(--ui-base-content);
-  --ui-table-border: var(--ui-base-300);
-  --ui-table-radius: var(--ui-radius-md); /* 容器档：设计为 7（两档之间），按「表格是容器」取 md 并登记偏差 */
-  --ui-table-row-alt: var(--ui-base-200);
-  --ui-table-row-hover: var(--ui-primary-weak);
-  --ui-table-row-selected: var(--ui-primary-subtle); /* 设计 #dbe9ff；与滑过档分家（改前两者同值 ⇒ 滑过与选中不可辨） */
-  --ui-table-row-disabled: var(--ui-base-200);
-  --ui-table-link: var(--ui-primary);
-  --ui-table-padding-x: var(--ui-space-4); /* 单元格左右内距 16 */
-  --ui-table-col-check: 40px;
-  --ui-table-drag-line: var(--ui-primary);
-  --ui-table-drag-line-width: 3px;
-  --ui-table-drag-line-height: 40px;
-  --ui-table-status-dot: 6px;
-  --ui-table-summary-height: 40px;
-  --ui-table-batch-height: 34px;
-  --ui-table-tree-indent: 38px;
-  --ui-table-scroll-height: 132px; /* 规范样张值 */
-}
+/**
+ * 批量栏 `.mh-table__batch` 是包裹层的子元素（与 `<table>` 同级）—— 令牌锚在容器上，
+ * 批量栏的高度 / 内距 / 底色照样取得到
+ *
+ * ## 抽出说明
+ * 本文件从面文件里抽出：这些是**基础值**，锚在 `[data-manohub-ui]`（跨包唯一作用域锚，
+ * 由入口层无条件写在应用容器上）—— 任何落在容器里的分件都取得到值，不再依赖
+ * 「声明在某个组件根类上」这条脆弱假设。
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里（拆开会让档位失效）。
+ */
+[data-manohub-ui] {
+  /* 单件令牌 */
+  --ui-table-font-size: var(--ui-font-caption);
+  /* 尺寸档三档 = 30 / 38 / 46（sm / md / lg），本节是**基础值 = 中档（md）**，
+     与 Button（24 / 32 / 40）、Tree（基础 34、紧凑 28）同一条库内约定：
+     基础令牌承担 md，`.mh-<件>--<档>` 只改写另两档。
+     ⚠️ 两个档位改写分别在面文件的 `.mh-table--xs`（sm）与 `.mh-table--lg` 里，别写回本文件。 */
+  --ui-table-head-height: 38px; /* 中档（md）表头 = 行高 */
+  --ui-table-row-height: 38px; /* 中档（md）行高 */
+  --ui-table-line-height: var(--ui-line-caption); /* 单元格行高 = 正文档的 13px 配对（default 20 / farris 18） */
+  --ui-table-head-bg: var(--ui-base-200); /* 设计 #f1f2f5 */
+  --ui-table-head-text: var(--ui-base-content-muted);
+  --ui-table-head-bg-hover: var(--ui-primary-weak);
+  --ui-table-head-divider: var(--ui-base-300);
+  --ui-table-head-divider-width: 0 1px 0 0; /* 多级表头里列与列的分隔 */
+  --ui-table-text: var(--ui-base-content);
+  --ui-table-border: var(--ui-base-300);
+  --ui-table-radius: var(--ui-radius-md); /* 容器档：设计为 7（两档之间），按「表格是容器」取 md 并登记偏差 */
+  --ui-table-row-alt: var(--ui-base-200);
+  --ui-table-row-hover: var(--ui-primary-weak);
+  --ui-table-row-selected: var(--ui-primary-subtle); /* 设计 #dbe9ff；与滑过档分家（改前两者同值 ⇒ 滑过与选中不可辨） */
+  --ui-table-row-disabled: var(--ui-base-200);
+  --ui-table-link: var(--ui-primary);
+  --ui-table-padding-x: var(--ui-space-4); /* 单元格左右内距 16 */
+  --ui-table-col-check: 40px;
+  --ui-table-drag-line: var(--ui-primary);
+  --ui-table-drag-line-width: 3px;
+  --ui-table-drag-line-height: 40px;
+  --ui-table-status-dot: 6px;
+  --ui-table-summary-height: 40px;
+  --ui-table-batch-height: 34px;
+  --ui-table-tree-indent: 38px;
+  --ui-table-scroll-height: 132px; /* 规范样张值 */
+}

package/dist/styles/components/tag.css

@@ -1,127 +1,127 @@
-/**
- * Tag —— **`Badge` 的交互封装**（可关闭 / 可新增）。
- *
- * ## 本件不画框（与 `select.css` 同一条纪律）
- *
- * 底 / 边 / 圆角 / 高度 / 字号 / 内距 / 档位**全归 `badge` 面** —— 徽标是「只读标记」的唯一样式源，
- * 本件只往它上面加两个交互位。2026-09-30 之前这里有一整套与 `badge` 重复的几何
- * （`--ui-tag-bg` / `-height` / `-font-size` / `-radius` …）：同一个高度上两件各走一个圆角档、
- * 同一个「浅主色标签底」两件给了两个色 —— 那批规则已整体撤除，本文件只剩三样东西：
- *
- *   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` 的间距）。
- *
- * ## 特异性：两位本件类，不靠导入顺序
- *
- * `--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 {
-  gap: var(--ui-tag-gap);
-}
-
-/* ===== 操作位：关闭位（受控：只回调，见 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;
-  padding: 0;
-  border: none;
-  border-radius: var(--ui-radius-full);
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  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;
-  height: 12px;
-}
-.mh-tag__close:hover {
-  opacity: 1;
-  background: rgb(0 0 0 / 0.08);
-}
-/* 添加位是**肯定的**操作：触区与字形都跟图标档走，色取主色、悬停给主色浅底 */
-.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);
-}
-.mh-tag__confirm > svg {
-  flex: none;
-  width: var(--ui-font-icon);
-  height: var(--ui-font-icon);
-}
-.mh-tag__confirm:hover {
-  opacity: 1;
-  background: var(--ui-primary-weak);
-}
-
-/* ===== 编辑态（`shape="add"` 点入口后）=====
-   这一档**没有标记片**：输入框的框归 input 面（本件只给宽度），确认位是第二个操作位。
-   宽度令牌设在 `Input` 的**表壳**上（`Input` 的 `class` 落表壳，见它的「属性落点」）。 */
-.mh-tag--editing {
-  display: inline-flex;
-  align-items: center;
-}
-/* ⚠️ **两位类选择器**（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);
-}
-
-/* ===== 新增入口形态（`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;
-}
-/* 加号走常规图标档（`--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.mh-tag--add:active {
-  border-color: var(--ui-primary);
-  color: var(--ui-primary);
-}
+/**
+ * Tag —— **`Badge` 的交互封装**（可关闭 / 可新增）。
+ *
+ * ## 本件不画框（与 `select.css` 同一条纪律）
+ *
+ * 底 / 边 / 圆角 / 高度 / 字号 / 内距 / 档位**全归 `badge` 面** —— 徽标是「只读标记」的唯一样式源，
+ * 本件只往它上面加两个交互位。2026-09-30 之前这里有一整套与 `badge` 重复的几何
+ * （`--ui-tag-bg` / `-height` / `-font-size` / `-radius` …）：同一个高度上两件各走一个圆角档、
+ * 同一个「浅主色标签底」两件给了两个色 —— 那批规则已整体撤除，本文件只剩三样东西：
+ *
+ *   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` 的间距）。
+ *
+ * ## 特异性：两位本件类，不靠导入顺序
+ *
+ * `--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 {
+  gap: var(--ui-tag-gap);
+}
+
+/* ===== 操作位：关闭位（受控：只回调，见 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;
+  padding: 0;
+  border: none;
+  border-radius: var(--ui-radius-full);
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  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;
+  height: 12px;
+}
+.mh-tag__close:hover {
+  opacity: 1;
+  background: rgb(0 0 0 / 0.08);
+}
+/* 添加位是**肯定的**操作：触区与字形都跟图标档走，色取主色、悬停给主色浅底 */
+.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);
+}
+.mh-tag__confirm > svg {
+  flex: none;
+  width: var(--ui-font-icon);
+  height: var(--ui-font-icon);
+}
+.mh-tag__confirm:hover {
+  opacity: 1;
+  background: var(--ui-primary-weak);
+}
+
+/* ===== 编辑态（`shape="add"` 点入口后）=====
+   这一档**没有标记片**：输入框的框归 input 面（本件只给宽度），确认位是第二个操作位。
+   宽度令牌设在 `Input` 的**表壳**上（`Input` 的 `class` 落表壳，见它的「属性落点」）。 */
+.mh-tag--editing {
+  display: inline-flex;
+  align-items: center;
+}
+/* ⚠️ **两位类选择器**（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);
+}
+
+/* ===== 新增入口形态（`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;
+}
+/* 加号走常规图标档（`--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.mh-tag--add:active {
+  border-color: var(--ui-primary);
+  color: var(--ui-primary);
+}

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

@@ -1,24 +1,24 @@
-/**
- * tag —— 单件令牌（**基础值**）。
- *
- * 本件是 **`Badge` 的交互封装**（可关闭 / 可新增）：底 / 边 / 圆角 / 高度 / 字号 / 内距 / 档位
- * 全归 `badge` 面，故这里只剩**交互位自己**的两个值 —— 文件这么短是**有意**的：
- * 2026-09-30 之前它带着一整套与 `badge` 重复的几何（`--ui-tag-bg` / `-height` / `-font-size` …），
- * 同一高度上还各走一个圆角档，那批令牌已随收口撤除。
- *
- * ## 抽出说明
- * 这些是**基础值**，锚在 `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，
- * 因此**任何落在容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设。
- *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里（搬走会让档位失效）。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
-[data-manohub-ui] {
-  /* 内容 ↔ 操作位：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;
-}
+/**
+ * tag —— 单件令牌（**基础值**）。
+ *
+ * 本件是 **`Badge` 的交互封装**（可关闭 / 可新增）：底 / 边 / 圆角 / 高度 / 字号 / 内距 / 档位
+ * 全归 `badge` 面，故这里只剩**交互位自己**的两个值 —— 文件这么短是**有意**的：
+ * 2026-09-30 之前它带着一整套与 `badge` 重复的几何（`--ui-tag-bg` / `-height` / `-font-size` …），
+ * 同一高度上还各走一个圆角档，那批令牌已随收口撤除。
+ *
+ * ## 抽出说明
+ * 这些是**基础值**，锚在 `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，
+ * 因此**任何落在容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设。
+ *
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里（搬走会让档位失效）。
+ * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
+ */
+[data-manohub-ui] {
+  /* 内容 ↔ 操作位：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;
+}