@manohub/ui 0.7.1 → 0.8.1

package/dist/styles/components/card.css

@@ -39,6 +39,11 @@
  *    段的位置由组件保证（裸内容自动成段、封面不吃内距也不是段），故 `:last-child` 必定落在段上。
  * 4. 横向每段恒吃 `--mh-card-padding`（`padding-inline`）。
  *
+ * ⚠️ 以上 2 / 3 / 4 是**不给 `padding` 时的缺省口径**。分件一旦显式传了 `padding`，
+ * 组件就落行内样式（`{ y, x }` 两维都给时是 `padding: y x` 简写），**整段四边由消费方定价** ——
+ * 行内样式盖过这里的类规则，`:last-child` 那条下沿兜底也随之失效（这是有意的：消费方显式给了就说得清）。
+ * 要保留兜底就不要给那一段传 `padding`。
+ *
  * 直接写的内容（没包 `Card.Body` 的裸子节点）由组件自动补一层 Body，所以
  * 「不给分件」（`<Card>正文</Card>`）与显式分段得到的是同一套几何。 */
 
@@ -148,7 +153,8 @@
   padding-inline: var(--mh-card-padding);
 }
 
-/* 卡片下沿：纵向只吃上边（见上），底边由**最后一段**补，否则内容贴卡片边 */
+/* 卡片下沿：不给 `padding` 时纵向只吃上边（见上），底边由**最后一段**补，否则内容贴卡片边。
+   （传了 `padding` 的段由行内样式接管，这里的兜底对那一段不再生效。） */
 
 .mh-card > .mh-card__header:last-child,
 .mh-card > .mh-card__body:last-child,

package/dist/styles/components/form.css

@@ -227,27 +227,6 @@
   align-items: center;
 }
 
-/* 只读文本行（Form.Item 的 text 形态：摘要 / 详情）：正文色与行高，
-   长文案（SQL where、列说明）按词折行；`pre-wrap` 保留换行符（多行过滤条件回显）。
-   它只占第 1 行、与 label 各自居中即对齐 —— **不给任何高度**（撑到某个「控件高」等于把那个
-   外部高度变量换个名字复活；只读行按内容高排版，行与行的间距归 `Form` 的 gap）。 */
-
-.mh-form-item__text {
-  display: flex;
-  align-items: center;
-  font-size: var(--ui-font-body);
-  line-height: var(--ui-line-body);
-  color: var(--ui-base-content);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-/* 空值占位（组件统一给 `—`）：压成次要色，避免它被当成真实取值 */
-
-.mh-form-item__text[data-empty='true'] {
-  color: var(--ui-base-content-subtle);
-}
-
 /* 错误 / 说明：**行的直接子节点**（不在控件列里面），排在控件行之下、与控件列同列。
    只给 `grid-column` 不给行号 —— 自动放置会把它们推进下一个空行：控件占着第 1 行，
    于是它们既不会挤进第 1 行、也不会掉到 label 列下面去。 */

package/dist/styles/components/input.css

@@ -169,6 +169,19 @@
   background: var(--ui-base-100);
   box-shadow: 0 0 0 2px var(--ui-primary-weak);
 }
+/* **只读值档**（`readonly` + `bordered={false}`）：几何照旧（与可编辑输入框同高、同内距），
+   但把「可编辑」的线索全退掉 —— 只读值不该在滑过时亮起浅底、被点中时亮出边框与主色环。
+   仍然可聚焦、可选中复制（只读 ≠ 禁用：要的就是能选、能复制）。
+   它是摘要 / 详情里值回显的推荐写法，也是 `Form.Item` 的 `readonly` 行配的那一档。
+   特异性 0-3-0，压过上面两条（0-2-0）；带壳时框主是壳，同款规则见文件下半部分。 */
+.mh-input--borderless[readonly]:hover,
+.mh-input--borderless[readonly].is-hover,
+.mh-input--borderless[readonly]:focus,
+.mh-input--borderless[readonly].is-focus {
+  border-color: transparent;
+  background: transparent;
+  box-shadow: none;
+}
 
 /* ===== 展示态（下划线，只读值回显） ===== */
 .mh-input--display {
@@ -310,6 +323,18 @@
   background: var(--ui-base-100);
   box-shadow: 0 0 0 2px var(--ui-primary-weak);
 }
+/* **只读值档**同款（带壳时框主是壳）：退掉悬停底与聚焦的边框 / 底色 / 主色环。
+   特异性 0-4-0，压过上面两条（0-3-0），并且写在它们之后。 */
+.mh-input__wrap:has(> .mh-input--borderless[readonly]):hover,
+.mh-input__wrap:has(> .mh-input--borderless[readonly]).is-hover {
+  border-color: transparent;
+  background: transparent;
+}
+.mh-input__wrap:has(> .mh-input--borderless[readonly]):focus-within {
+  border-color: transparent;
+  background: transparent;
+  box-shadow: none;
+}
 
 /* ===== 前缀 / 后缀插槽（纯装饰：图标、单位、域名；无底色、不进 Tab 序列） ===== */
 .mh-input__prefix,

package/dist/styles/components/select.css

@@ -219,6 +219,27 @@
   padding: var(--ui-space-2) var(--ui-space-2) var(--ui-space-1);
 }
 
+/* ===== 树体（树选择 `SelectTree` 的面板内容）=====
+   边界要认清楚：**面板皮肤归本文件**（上一节），**树的行态归 tree 面**（`.mh-tree__*` 那一族，
+   本文件一行都不碰 —— 跨族类名须先登记跨面豁免，这里不走那条路）。
+   故本件只做「把树安放进面板」这一件事：内距 + 限高 + 溢出滚动。
+   行高 / 缩进 / 滑过与选中底色全部沿用 tree 面，两处形态不会漂移。 */
+.mh-select__tree {
+  /* 行底满宽、只有内容缩进（缩进公式在 tree 面），故左右各留一个最小呼吸位 */
+  padding: 0 var(--ui-space-1) var(--ui-space-1);
+  max-height: var(--ui-select-tree-max-height);
+  overflow-y: auto;
+}
+
+/* 命中高亮（搜索命中的那段文字，由组件的 `renderLabel` 落进 `.mh-tree__label` 槽）。
+   底色取主色浅底档（与选中 / 滑过同一套语义槽位）；字色 `inherit` —— 高亮只负责「标出位置」，
+   不引入第二套强调色，否则同一行里会同时出现三种主色深浅。 */
+.mh-select__hit {
+  border-radius: var(--ui-radius-xs);
+  background: var(--ui-primary-weak);
+  color: inherit;
+}
+
 /* ===== 日期格（DatePicker 复用本族面板；选中主色实底、区间浅底） ===== */
 .mh-select__date {
   display: inline-flex;

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

@@ -30,4 +30,7 @@
   --ui-select-option-selected: var(--ui-primary-subtle); /* 见头部「有色差异」 */
   --ui-select-chip-height: 24px; /* 多选标签（规范复用标签族 24 档） */
   --ui-select-icon-size: var(--ui-font-icon); /* 下拉箭头：常规图标档 */
+  /* 树形态（SelectTree）：面板内树体的限高 —— 约等于 9 行（行高 34 + 行距 6 的节距 40 见 tree.css），
+     超过即滚动，长树不把面板撑成整屏 */
+  --ui-select-tree-max-height: 320px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manohub/ui",
-  "version": "0.7.1",
+  "version": "0.8.1",
   "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.7.1"
+    "@manohub/icon": "^0.8.1"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",