@manohub/ui 1.0.2 → 1.0.3

package/dist/styles/components/form.css

@@ -415,7 +415,7 @@
   color: var(--ui-base-content);
 }
 
-/* 标题左端的品牌色竖标（主色胶囊，值与文档站示例标题同一套：见 `form.tokens.css`）。
+/* 标题左端的品牌色竖标（主色胶囊，几何见 `form.tokens.css` 的两枚令牌 —— 库内唯一来源）。
  * **只在有标题文本时出现**：这一行也会在「只给 `extra`」时渲染（筛选条那种），
  * 那时凭空多一条竖标就成了坏的排版 —— 用 `:has()` 守住真正有标题的那一种。
  * `flex: none`：标题换行时竖标不许被挤扁。竖标与文本之间的间距由标题行既有的 `gap` 给，
@@ -434,6 +434,7 @@
 
 .mh-form__title-text {
   min-width: 0;
+  padding: 6px 0;
 }
 
 /* 右端操作位（`extra` 槽）：贴右由 `margin-left: auto` 表达，不用 `justify-content: space-between`

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

@@ -12,8 +12,8 @@
 [data-manohub-ui] {
   --ui-form-label-width: 120px;
   --ui-form-column-min: 320px;
-  /* 标题行左端的品牌色竖标（3×12 胶囊）。与文档站示例标题（`.mh-demo__title::before`）
-     是同一套值：「页面里的一块标题」这一语言在库内与文档站只留一份规格。 */
+  /* 标题行左端的品牌色竖标（主色 3×14 胶囊）。库内只留这一份规格：文档站示例标题曾自带一份
+     同值的竖标（`.mh-demo__title::before`），现由演示改用本件的 `Form.Header`，那一份已删。 */
   --ui-form-title-bar-width: 3px;
-  --ui-form-title-bar-height: 12px;
+  --ui-form-title-bar-height: 14px;
 }

package/dist/styles/components/input.css

@@ -271,6 +271,11 @@
  * 框挂在控件上时附加位就落在框外 —— 带眼睛的密码框实测：壳 220px、带框的控件只到 196px，
  * 眼睛图标飘在框外。壳定高 + 控件 `height: 100%`，整件仍是可点区域。
  * **裸 `.mh-input`（不带壳）仍由控件自己画框**（Select 的搜索行就靠它），见上一节。
+ *
+ * **宽度口径归壳**（`--ui-control-width` / `--ui-control-min-width`，两枚都在主题层）：
+ * 壳就是消费方看见的那个控件箱 —— Input / Textarea / NumberInput 一律渲染壳，故定宽与收缩下限
+ * 都设在这里；控件本体仍是 `width: 100%`（它要么在壳的内容盒里按 flex 收缩，要么在 Select 的
+ * 搜索行里撑满面板）—— 把令牌也设到控件本体会让它在壳的内距之外多出 24px。
  */
 .mh-input__wrap {
   /* 左右内距走**内部变量**再吃令牌：壳是框与内距的主，而档位类挂在控件上（壳是它的父），
@@ -281,7 +286,12 @@
   display: inline-flex;
   align-items: center;
   gap: var(--ui-input-affix-gap);
-  width: 100%;
+  /* 定宽 + 收缩下限：缺省撑满所在列，容器宽度由内容决定（flex 的 shrink-to-fit 槽）或行被挤时
+     不再塌成内容宽 —— 消费方在任意容器上重设这两枚令牌即整片生效（见 theme 的 spacing.css）。
+     ⚠️ 行内输入（`Search` 的表壳）按导入顺序被 search.css 的 `.mh-search__input` 收回
+     `width: 100%; min-width: 0` —— 它的宽度归那一行，不归本件 */
+  width: var(--ui-control-width);
+  min-width: var(--ui-control-min-width);
   height: var(--ui-input-height);
   padding: 0 var(--mh-input-padding-x);
   border: 1px solid var(--ui-input-line);

package/dist/styles/components/search.css

@@ -6,7 +6,7 @@
  * 也不重画任何控件的框 —— 两份输入框几何必然在改令牌时漂开。
  *
  * 两条摆法：
- * - 输入框 `flex: 1 1 auto` + `min-width: 0`：输入框自带 `width: 100%`，在 flex 行里
+ * - 输入框 `flex: 1 1 auto` + `min-width: 0`：输入框自带宽度口径，在 flex 行里
  *   必须允许收缩，否则会把同行的搜索按钮挤出容器（窄栏里尤其明显）；
  * - 搜索按钮 `flex: none`：它永远是「那么大」，宽度让给输入框。
  *
@@ -14,18 +14,26 @@
  * 再出一个同字形的图标按钮就是同一个意思画两遍）。此时 `__btn` 那条摆法规则无对象，
  * 输入框自然占满整行——摆法不用改，缺了按钮也不留空档。
  *
+ * **宽度口径**：整行吃控件的同一对令牌（`--ui-control-width` / `--ui-control-min-width`，见主题
+ * 的 spacing.css）—— 消费方在容器上定宽即整行定宽；行内那个输入框是 `Input` 的表壳
+ * （`class` 落在壳上，是 input 面的既有契约），它在 `input.css` 里同样吃了这两枚令牌，
+ * 故这里按导入顺序（本文件在 `input.css` 之后，见 `styles/index.css`）把它**收回**：
+ * 输入框的宽度归这一行，重复吃控件的宽度口径会让「240 的输入框 + 右侧按钮」溢出行宽。
+ *
  * **类名与面文件名同根**：`.mh-search*`，一律 `mh-` 前缀。
  */
 .mh-search {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
-  width: 100%;
-  min-width: 0;
+  width: var(--ui-control-width);
+  min-width: var(--ui-control-min-width);
 }
 
 .mh-search__input {
   flex: 1 1 auto;
+  /* 收回 input 面的宽度口径（同特异性、本文件在后 ⇒ 这条生效；min-width 同理收回 0，允许被压缩） */
+  width: 100%;
   min-width: 0;
 }
 

package/dist/styles/index.css

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

package/package.json

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