@manohub/ui 1.0.4 → 1.0.6

package/dist/styles/components/page.css

@@ -1,18 +1,12 @@
 /**
- * Page 页面骨架契约（滚动归属写死，调用方无法违反）：
- * - .mh-page：height 100%，纵向 flex，自身不滚
- * - Header / Filter / Footer：flex-shrink 0，不滚
- * - Body mode="scroll"：自身 overflow-y auto（详情页长内容）
- * - Body mode="plain"：不滚（默认；滚动归区域内容区 / 内容件自持的定高容器）
- * - Split：自身不滚，栏内滚动由内容承担（双栏内用 Panel 的 Body 滚）
+ * Page 页面骨架（滚动归属写死，调用方无法违反）：`.mh-page` height 100% / 纵向 flex / 自身不滚，Header /
+ * Filter / Footer 一律 `flex-shrink: 0`；Body `mode="scroll"` 自身 `overflow-y: auto`（详情页长内容）、
+ * `mode="plain"`（默认）不滚；Split 自身不滚，栏内滚动由内容承担（双栏内用 Panel 的 Body 滚）。
  *
- * 页面级行只有 Filter / Header / Body / Footer 四条：页头右侧的自由位（`extra`）
- * **不是页面级行**，它的容器 .mh-page__header-extra 就在 Header 内部。
- *
- * 统一 height:100% 语义（不用 100vh）：子应用被注入宿主容器，
- * 100vh 取 window 视口高度，宿主有顶栏即溢出。
- *
- * 与 panel.css 的分工：本文件是**页面级**（唯一），panel.css 是**区域级**（可多个）。
+ * 页面级行只有 Filter / Header / Body / Footer 四条：页头右侧的 `extra` **不是页面级行**，它的容器
+ * `.mh-page__header-extra` 就在 Header 内部。
+ * 统一 `height: 100%` 语义（**不用 100vh**）：子应用被注入宿主容器，100vh 取 window 视口高度、宿主有顶栏即溢出。
+ * 与 `panel.css` 的分工：本文件是**页面级**（唯一），`panel.css` 是**区域级**（可多个）。
  */
 
 .mh-page {
@@ -60,15 +54,11 @@
   height: 26px;
 }
 
-/* 页头右侧自由位（Header 唯一可自定义位，对应 `extra` 属性 / 插槽）：搜索框 / 按钮 / 下拉等，水平排列；
-   间距与垂直对齐由标准样式锁死，内容（搜索框、按钮）由消费方提供。
-
-   `align-self: stretch` 是关键的一条：父级 .mh-page__header-inner 是 `align-items: flex-end`
-   （右侧位与文本块**底边对齐**的既有口径），flex-end **只定位、不拉伸** —— 少了这条，
-   本盒子的高度就等于内容高度（内容比标题行矮时会短一截），自己画背景 / 分隔线就会露出白边。
-   拉满后盒子高 = 内容行高（有副标题时同样跟着变高），内部仍按 `align-items: center` 垂直居中。
-   注意：这里只到「内容行」的上下边，页头条上下的 14 / 13px 留白是 .mh-page__header 的 padding，
-   在 inner 之外，子项不覆盖它（贴满整条要改版式，不是加一条能解决的）。 */
+/* 页头右侧自由位（Header 唯一可自定义位，对应 `extra`）：搜索框 / 按钮 / 下拉等水平排列。`align-self: stretch`
+   是关键的一条：父级 `__header-inner` 是 `align-items: flex-end`（右侧位与文本块**底边对齐**的既有口径），而
+   flex-end **只定位、不拉伸** —— 少了这条，本盒高度就等于内容高度（比标题行矮时短一截），自己画背景 / 分隔线会露
+   白边。拉满后盒高 = 内容行高、内部仍垂直居中；注意这里只到「内容行」的上下边：页头条上下的 14 / 13px 留白是
+   `.mh-page__header` 的 padding。 */
 .mh-page__header-extra {
   flex-shrink: 0;
   align-self: stretch;
@@ -85,13 +75,11 @@
   color: var(--ui-base-content);
 }
 
-/* 页头副标题（Header 的 subTitle）：标题下一行的次要说明，取 caption 档字号与次要色。
-   间距只用 margin-top 4：页头条的上下留白由 .mh-page__header 的 padding 提供，
-   这里只负责标题行与副标题行之间的距离 —— 有副标题时条目高度自然变高（56 → 80），
-   不再另调 padding（避免「有/无副标题」两套页头规格）。
-   文本块与右侧位的**底边对齐**仍是 .mh-page__header-inner 的既有口径（flex-end），
-   只不过右位自身被拉伸占满内容行（见 .mh-page__header-extra 的 align-self: stretch），
-   所以有副标题时它跟着变高、内容在盒内垂直居中，不在本项里改。 */
+/* 页头副标题（`subTitle`）：标题下一行的次要说明，取 caption 档字号与次要色。间距只用 `margin-top: 4` —— 页头条
+   的上下留白由 `.mh-page__header` 的 padding 提供，这里只负责标题行与副标题行的距离，有副标题时条目高度自然变高
+   （56 → 80），不再另调 padding（避免「有 / 无副标题」两套页头规格）。文本块与右侧位的**底边对齐**仍归
+   `__header-inner` 的 flex-end，右位自身被拉伸占满内容行（见 `__header-extra` 的 `align-self: stretch`），故有
+   副标题时它跟着变高、内容在盒内垂直居中，不在本项里改。 */
 .mh-page__header-subtitle {
   margin-top: var(--ui-space-1);
   font-size: var(--ui-font-caption);
@@ -205,10 +193,9 @@
   width: 16px;
 }
 
-/* 展开按钮：**占满整条把手**（全高全宽）—— 收起态里它是整块侧栏唯一看得见的东西，
-   所以它自己就是那条「带边框的竖条」，不是里面再嵌一个小按钮。
-   盒模型走 border-box：1px 描边要算在 16px 里，否则右侧那条边会被把手的 overflow:hidden 裁掉。
-   与收起按钮共用同一套描边 / 底 / 圆角（尺寸不同是有意的：收起按钮钉在分隔线上，只能是小药丸）。 */
+/* 展开按钮：**占满整条把手**（全高全宽）—— 收起态里它是整块侧栏唯一看得见的东西，所以它自己就是那条「带边框的竖条」，
+   不是里面再嵌一个小按钮。盒模型走 border-box：1px 描边要算在 16px 里，否则右侧那条边会被把手的 `overflow: hidden`
+   裁掉。与收起按钮共用同一套描边 / 底 / 圆角（尺寸不同是有意的：收起按钮钉在分隔线上，只能是小药丸）。 */
 .mh-page__split-rail-btn {
   box-sizing: border-box;
   display: flex;
@@ -248,11 +235,10 @@
 }
 
 /* --- 宽度过渡期间**内容不跟着重排**（收起 / 展开都算）---
-   内容按 `--mh-page-split-frozen`（该侧展开时的宽度，组件在收起那一刻实测后下发）定宽排布，
-   多出来的部分由本盒子的 overflow:hidden 裁掉 —— 观感还是「滑出去 / 滑进来」，
-   但栏内的滚动容器（Panel.Body、表格包裹层这些 overflow:auto 的件）不会因为宽度被压缩而现出滚动条。
-   取不到值时退回 100%：那种情形是「没给 width 的自适应侧栏」，容器宽度本身不可插值（auto 不能动画），
-   收起/展开是瞬间跳变，也就无所谓过渡期间的重排。 */
+   内容按 `--mh-page-split-frozen`（该侧展开时的宽度，组件在收起那一刻实测后下发）定宽排布，多出来的部分由本盒子的
+   `overflow: hidden` 裁掉 —— 观感还是「滑出去 / 滑进来」，但栏内的滚动容器（`Panel.Body`、表格包裹层这些
+   `overflow: auto` 的件）不会因宽度被压缩而现出滚动条。取不到值时退回 100%（自适应侧栏的容器宽度不可插值，收起 /
+   展开本就是瞬间跳变，也就无所谓过渡期重排）。 */
 .mh-page__split-sidebar > * {
   width: var(--mh-page-split-frozen, 100%);
 }
@@ -385,11 +371,10 @@
   opacity: 1;
 }
 
-/* --- 收起按钮：**扁高条**（宽 12 / 高 28，跨在分隔线上）；默认不可见也不拦事件。
-   两条位置关系都是踩过的坑：
-   ① 它比 9px 命中带宽，常驻可点会吞掉栏边内容的点击 ⇒ 默认 `opacity: 0` + `pointer-events: none`；
-   ② 高亮线是手柄的**伪元素**，而伪元素默认绘制在子元素（本按钮）**之上** ⇒ 必须给按钮 `z-index`
-      （同层叠上下文内只有定位元素的 z-index 参与比较，`auto` 视作 0），否则那条 1px 线会横穿按钮中央。 */
+/* --- 收起按钮：**扁高条**（宽 12 / 高 28，跨在分隔线上）；默认不可见也不拦事件。两条位置关系都是踩过的坑：
+   ① 它比 9px 命中带宽，常驻可点会吞掉栏边内容的点击 ⇒ 默认 `opacity: 0` + `pointer-events: none`；② 高亮线是手柄的
+   **伪元素**，而伪元素默认绘制在子元素（本按钮）**之上** ⇒ 必须给按钮 `z-index`（同层叠上下文内只有定位元素的
+   z-index 参与比较，`auto` 视作 0），否则那条 1px 线会横穿按钮中央。 */
 .mh-page__split-handle-btn {
   position: absolute;
   top: 50%;
@@ -426,11 +411,10 @@
   pointer-events: auto;
 }
 
-/* 显式清掉 `:focus` 态的轮廓：上游 farris 有 `button:focus { outline: -webkit-focus-ring-color auto 5px }`，
-   特异性 (0,1,1) 高于本按钮基础态的 (0,1,0) —— 只写基础态 `outline: none` 压不住它，
-   鼠标点击（`:focus-visible` 不匹配）就会露出那道 5px 深色环。本规则 (0,2,0) 压过上游；
-   焦点反馈只留给紧随其后的 `:focus-visible`（同特异性、顺序在后 ⇒ 它赢）。
-   注：自绘层零 farris，本包之外的样式链若给全局按钮上过焦点环，本规则同样兜住。 */
+/* 显式清掉 `:focus` 态的轮廓：上游 farris 有 `button:focus { outline: -webkit-focus-ring-color auto 5px }`，特异性
+   (0,1,1) 高于本按钮基础态的 (0,1,0) —— 只写基础态 `outline: none` 压不住它，鼠标点击（`:focus-visible` 不匹配）
+   就会露出那道 5px 深色环。本规则 (0,2,0) 压过上游；焦点反馈只留给紧随其后的 `:focus-visible`（同特异性、顺序在后
+   ⇒ 它赢）。注：本包之外的样式链若给全局按钮上过焦点环，本规则同样兜住。 */
 .mh-page__split-handle-btn:focus {
   outline: none;
 }

package/dist/styles/components/pagination.css

@@ -1,22 +1,17 @@
 /**
  * Pagination —— 分页条（总数文案 + 每页条数 + 页码窗口 + 翻页箭头 + 空态 + 简单档）。
  *
- * 出处：设计稿《MH后台-0911》的分页器（`0:4047` 466×28：页码项 **28×28 / r6 / 白底 / 边 `#e6e6e6`**、
- * 选中页码底 `#eff5ff`、条数选择器 `0:4092` 28×28 r6）与 `@aihub/theme` 的 `src/components/pagination.css`
- * （圆角控件档 / 字号 13 / 组间 12 / 页码间 4 / 省略号 subtle）。
- * ⚠️ 设计给 **28**、规范给 **26**、改前本件取 32 —— 三者都不同；本轮按设计取 28（规范值登记为偏差）。
+ * 出处：设计稿《MH后台-0911》的分页器（`0:4047` 页码项 **28×28 / r6 / 白底 / 边 `#e6e6e6`**、
+ * 选中页码底 `#eff5ff`、条数选择器 `0:4092`）与规范（圆角控件档 / 字号 13 / 组间 12 / 页码间 4）。
+ * ⚠️ 设计给 28、规范给 26、改前本件取 32 —— 三者都不同；本轮按设计取 28（规范值登记为偏差）。
  *
- * **顺序是一维右对齐流**：`共 N 条，` → `每页 N 条 ▾` → `‹ 1 … 10 11 12 … 50 ›`。别把总数额外搬到左侧。
- *
- * **不做跳页输入框**：规范里没有「跳至第 N 页」的样张（重写者若需要须自行定位置），本仓按"不做规范没演示的"
- * 处理 —— 要保持族谱齐全的判据就该守在规范有标记示例的范围内，而不是替规范发明控件。
- *
- * **页码项三源等价**（本仓通例）：原生 `:has(> input:checked)` / 组件下发 `[data-state='selected']` /
- * 静态档 `.is-selected` 指向同一份声明 —— 原生态给零 JS 用法（原生 radio 互斥 + ← → 换页），组件态给 v-model。
- *
- * 翻页箭头用**两个字形**（上一页 `chevron-left` / 下一页 `chevron-right`），本层不转向：方位由字形自表达
- * （包内硬约束：不得靠 `transform: rotate()` 把别的图标转成方位，`back` 只作"返回"语义）。条数选择器的
- * 折叠指示走操作层 `.mh-popup-caret`（展开时翻向），与本层同样零自画折线。
+ * **顺序是一维右对齐流**：`共 N 条，` → `每页 N 条 ▾` → `‹ 1 … 10 11 12 … 50 ›`；别把总数搬到左侧。
+ * **不做跳页输入框**：规范没有「跳至第 N 页」的样张，本仓按「不做规范没演示的」处理。
+ * **页码项三源等价**（本仓通例）：原生 `:has(> input:checked)` / `[data-state='selected']` /
+ * 静态档 `.is-selected` —— 原生态给零 JS 用法，组件态给 v-model。
+ * 翻页箭头用**两个字形**（`chevron-left` / `chevron-right`），本层不转向：方位由字形自表达
+ * （包内硬约束：不得靠 `transform: rotate()` 把别的图标转成方位）。条数选择器的折叠指示走操作层
+ * `.mh-popup-caret`，与本层同样零自画折线。
  */
 
 /* 几何只挂在页码条上：令牌在同名 `.tokens.css`（锚 `[data-manohub-ui]`），几何若跟着挂会把空态也排成右对齐的行 */
@@ -94,6 +89,8 @@
   color: var(--ui-pagination-text);
   cursor: pointer;
   white-space: nowrap;
+  /* 定位上下文：隐身 input 的包含块必须落在控件内，否则逃出滚动容器裁剪、撑大文档滚动高度 */
+  position: relative;
 }
 .mh-pagination__size-option:hover {
   background: var(--ui-pagination-bg-selected);
@@ -140,6 +137,8 @@
   transition-property: background-color, border-color, color;
   transition-duration: 0.15s;
   transition-timing-function: ease;
+  /* 定位上下文：隐身 input 的包含块必须落在控件内，否则逃出滚动容器裁剪、撑大文档滚动高度 */
+  position: relative;
 }
 /* 滑过 / 按下：只描边转色（底仍透明，规范如此） */
 .mh-pagination__btn:hover,

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

@@ -3,16 +3,11 @@
  *
  * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
  *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `pagination.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
  *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
+ * 令牌锚 `[data-manohub-ui]`（容器是每个分件的祖先 ⇒ 落在容器里的分件都取得到值）。
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里（搬走会让档位失效）；
+ * 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
+*/
 [data-manohub-ui] {
   /* 空态是**独立根节点**（无数据时不渲染页码区）—— 令牌锚在容器上，它照样取得到 */
   /* 单件令牌 */

package/dist/styles/components/query-state.css

@@ -26,7 +26,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: var(--ui-space-6);
+  padding: var(--ui-query-state-padding);
   text-align: center;
 }
 

package/dist/styles/components/query-state.tokens.css

@@ -0,0 +1,6 @@
+/**
+ * query-state —— 单件令牌（**基础值**，锚 `[data-manohub-ui]`，见 `src/styles/index.css` 的令牌三段）。
+ */
+[data-manohub-ui] {
+  --ui-query-state-padding: var(--ui-space-6); /* 状态块四边 24 */
+}

package/dist/styles/components/radio.css

@@ -1,33 +1,18 @@
 /**
- * Radio —— 单选族的面：普通单选组（`Radio.Group`）+ 卡片式单选组（`Radio.Card`），两形态共用一个文件。
+ * Radio —— 单选族的面：普通单选组（`Radio.Group`，类根 `.mh-radio*`）+ 卡片式单选组
+ * （`Radio.Card`，类根 `.mh-radio-card*`），两形态共用一个文件。
  *
- * - `Radio` / `Radio.Group`：一行一个选项 + 组容器，类根 `.mh-radio*`
- * - `Radio.Card`：一个选项一张卡、整卡可点，类根 `.mh-radio-card*`
- *
- * **为什么同面**：两者是**同一个件的两种组形态**，共用同一套状态协议（选中 / 禁用 / 键盘焦点）
- * 与同一套「框体 + 圆点」几何，差别只在承载形态；拆成两份必然让同一族的选中 / 禁用语义各自漂。
- * 合一后圆点配方只有一处（面二自绘，与面一的框体同色同档），且 `radio.css` 与
- * `components/radio/` 仍是标准的「一组件一面」（护栏 `contract-class-surface.spec.ts`）。
- *
- * ===== 面一：`Radio`（普通单选组）=====
- *
- * 出处：`@aihub/theme` 的 `playground/components/radio.css` 与其令牌 `src/components/checkbox.css`
- * （框体实测、单选为胶囊、未选边框 Ne04、滑过 Th05、选中主色圆点、禁用 Ne05 + Te07、选项间距 16 / 10）。
- *
- * **与 `Radio.Card` 的判据**：选项只有一行文字（或极短说明）→ 面一；
- * 选项需要标题 + 描述 + 整卡可点（卡片式选择）→ 面二。
- * **与 `Capsule` 的判据**：要「按钮形态的分组」→ `Capsule`（本面不实现按钮档，避免两套平铺控件）。
- *
- * **与复选框同族**：圆点由 `border` 从 1px 补间到圆点档画成（盒定尺，无布局位移），
- * 不走字形 mask —— 这是规范的做法（勾/横杠才需要 mask）。
+ * **为什么同面**：两者是**同一个件的两种组形态**，共用同一套状态协议（选中 / 禁用 / 键盘焦点）与同一套
+ * 「框体 + 圆点」几何，拆成两份必然让同一族的语义各自漂；且 `radio.css` 与 `components/radio/` 仍是
+ * 标准的「一组件一面」（护栏 `contract-class-surface.spec.ts`）。
  *
+ * 圆点由 `border` 从 1px 补间到圆点档画成（盒定尺，无布局位移），不走字形 mask —— 勾 / 横杠才需要 mask。
  * **尺寸三档只覆盖令牌**（`--ui-radio-size*` / `--ui-radio-dot*`），几何规则只有一份。
+ * **状态三源等价**（本仓通例）：原生 `input:checked` / `[data-state]` / 静态档 `.is-*` 同一份声明。
  *
- * **状态三源等价**（本仓通例）：原生 `input:checked` / 组件下发 `[data-state]` / 静态档 `.is-*`
- * 指向同一份声明，不写第二份面。
- *
- * 边界（有意不做）：规范 `radio.css` 里的 `.cell-check`（表格选择列）**不在这里实现** ——
- * 表格选择列归表格族，本面不重复实现（否则会出现两套表格选择列外观）。
+ * 判据：选项只有一行文字（或极短说明）→ `.Group`；要标题 + 描述 + 整卡可点 → `.Card`；
+ * 要「按钮形态的分组」→ `Capsule`（本面不实现按钮档，避免两套平铺控件）。
+ * 边界：规范里的 `.cell-check`（表格选择列）**不在这里实现** —— 那是表格族的活，不重复实现两套外观。
  */
 .mh-radio {
   display: inline-flex;
@@ -38,6 +23,8 @@
   color: var(--ui-base-content);
   cursor: pointer;
   user-select: none;
+  /* 定位上下文：隐身 input 的包含块必须落在开关内，否则逃出滚动容器裁剪、撑大文档滚动高度 */
+  position: relative;
 }
 
 /* 组容器：横向 16 / 纵向 12 */

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

@@ -3,16 +3,11 @@
  *
  * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
  *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `radio.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
  *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
+ * 令牌锚 `[data-manohub-ui]`（容器是每个分件的祖先 ⇒ 落在容器里的分件都取得到值）。
+ * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里（搬走会让档位失效）；
+ * 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
+*/
 [data-manohub-ui] {
   /* 单件令牌 */
   --ui-radio-size: 16px;

package/dist/styles/components/search.css

@@ -1,26 +1,16 @@
 /**
  * Search —— 搜索框（输入框 + 可选搜索按钮的**组合件面**）。
  *
- * 本面**只声明「一行里怎么摆」**：输入框那一段的面归 `input.css`（框 / 内距 / 清除位 /
- * 聚焦态 / 禁用态全套复用），搜索按钮的面归 `button.css`。本件因此没有自己的几何令牌，
- * 也不重画任何控件的框 —— 两份输入框几何必然在改令牌时漂开。
+ * 本面**只声明「一行里怎么摆」**：输入框那一段的面归 `input.css`（框 / 内距 / 清除位 / 聚焦 / 禁用全套复用），搜索按钮
+ * 的面归 `button.css`。本件没有自己的几何令牌，也不重画任何控件的框。
  *
- * 两条摆法：
- * - 输入框 `flex: 1 1 auto` + `min-width: 0`：输入框自带宽度口径，在 flex 行里
- *   必须允许收缩，否则会把同行的搜索按钮挤出容器（窄栏里尤其明显）；
- * - 搜索按钮 `flex: none`：它永远是「那么大」，宽度让给输入框。
+ * 两条摆法：输入框 `flex: 1 1 auto` + `min-width: 0`（必须允许收缩，否则会把同行的搜索按钮挤出容器，窄栏里尤其明显）；
+ * 搜索按钮 `flex: none`（永远「那么大」，宽度让给输入框）。**按钮是可选的**：不传 `searchText` 时只渲染输入框（框内的
+ * 放大镜已占住「搜索」语义，再出一个同字形的图标按钮就是同一个意思画两遍），此时 `__btn` 那条摆法无对象。
  *
- * **按钮是可选的**：不传 `searchText` 时本件只渲染输入框（框内的放大镜已占住「搜索」语义，
- * 再出一个同字形的图标按钮就是同一个意思画两遍）。此时 `__btn` 那条摆法规则无对象，
- * 输入框自然占满整行——摆法不用改，缺了按钮也不留空档。
- *
- * **宽度口径**：整行吃控件的同一对令牌（`--ui-control-width` / `--ui-control-min-width`，见主题
- * 的 spacing.css）—— 消费方在容器上定宽即整行定宽；行内那个输入框是 `Input` 的表壳
- * （`class` 落在壳上，是 input 面的既有契约），它在 `input.css` 里同样吃了这两枚令牌，
- * 故这里按导入顺序（本文件在 `input.css` 之后，见 `styles/index.css`）把它**收回**：
- * 输入框的宽度归这一行，重复吃控件的宽度口径会让「240 的输入框 + 右侧按钮」溢出行宽。
- *
- * **类名与面文件名同根**：`.mh-search*`，一律 `mh-` 前缀。
+ * **宽度口径**：整行吃控件那对令牌（`--ui-control-width` / `--ui-control-min-width`）。行内那个输入框是 `Input` 的
+ * 表壳、它在 `input.css` 里同样吃了这两枚，故这里按导入顺序（本文件在 `input.css` 之后）把它**收回**：宽度归这一行，
+ * 重复吃会让「240 的输入框 + 右侧按钮」溢出。类名与面文件名同根（`.mh-search*`）。
  */
 .mh-search {
   display: flex;