@manohub/ui 0.7.1 → 0.8.0

package/dist/components/select/select-trigger.d.ts

@@ -0,0 +1,132 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type InputStatus } from '../input';
+import type { ControlSize } from '../control-size';
+export declare const SelectTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** 面板 id（`popovertarget` 的目标，由 `createSelectPanelId()` 产出的全页唯一 id） */
+    panelId: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** 尺寸档（24 / 28 / 32）：框高与字号归输入面，本件只透传 */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    /** 校验状态（红 / 黄；与输入框同一词表） */
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 显式判定清除位显隐（多选的值是数组、单选显示的是 label，都没有「一个字符串模型」可喂） */
+    hasValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 多选形态（控件上多一个 `mh-select--multiple`，标签不换行） */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 单选显示文本（无值时不渲染它，改渲染 `placeholder`） */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 触发器上的键盘契约（`createTriggerKeydown()` 产出，两件同源） */
+    onKeydown: {
+        type: PropType<(event: KeyboardEvent) => void>;
+        default: undefined;
+    };
+    /** 清除位被点击（输入面的内建清除位回调；本件只把它转给消费方） */
+    onClear: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    /** 值区自定义渲染（多选标签收纳用；不给则走单选那一行） */
+    renderValue: {
+        type: PropType<() => VNodeChild>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 面板 id（`popovertarget` 的目标，由 `createSelectPanelId()` 产出的全页唯一 id） */
+    panelId: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** 尺寸档（24 / 28 / 32）：框高与字号归输入面，本件只透传 */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    /** 校验状态（红 / 黄；与输入框同一词表） */
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 显式判定清除位显隐（多选的值是数组、单选显示的是 label，都没有「一个字符串模型」可喂） */
+    hasValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 多选形态（控件上多一个 `mh-select--multiple`，标签不换行） */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 单选显示文本（无值时不渲染它，改渲染 `placeholder`） */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 触发器上的键盘契约（`createTriggerKeydown()` 产出，两件同源） */
+    onKeydown: {
+        type: PropType<(event: KeyboardEvent) => void>;
+        default: undefined;
+    };
+    /** 清除位被点击（输入面的内建清除位回调；本件只把它转给消费方） */
+    onClear: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    /** 值区自定义渲染（多选标签收纳用；不给则走单选那一行） */
+    renderValue: {
+        type: PropType<() => VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    size: ControlSize;
+    multiple: boolean;
+    disabled: boolean;
+    label: string;
+    onKeydown: (event: KeyboardEvent) => void;
+    placeholder: string;
+    status: InputStatus;
+    clearable: boolean;
+    hasValue: boolean;
+    onClear: () => void;
+    renderValue: () => VNodeChild;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/select/select-trigger.js

@@ -0,0 +1,101 @@
+import { defineComponent, createVNode } from "vue";
+import { Icon } from "@manohub/icon";
+import { Input } from "../input/index.js";
+const SelectTrigger = /* @__PURE__ */ defineComponent({
+  name: "SelectTrigger",
+  inheritAttrs: false,
+  props: {
+    /** 面板 id（`popovertarget` 的目标，由 `createSelectPanelId()` 产出的全页唯一 id） */
+    panelId: {
+      type: String,
+      required: true
+    },
+    /** 尺寸档（24 / 28 / 32）：框高与字号归输入面，本件只透传 */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /** 校验状态（红 / 黄；与输入框同一词表） */
+    status: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    /** 显式判定清除位显隐（多选的值是数组、单选显示的是 label，都没有「一个字符串模型」可喂） */
+    hasValue: {
+      type: Boolean,
+      default: false
+    },
+    /** 多选形态（控件上多一个 `mh-select--multiple`，标签不换行） */
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: "请选择"
+    },
+    /** 单选显示文本（无值时不渲染它，改渲染 `placeholder`） */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /** 触发器上的键盘契约（`createTriggerKeydown()` 产出，两件同源） */
+    onKeydown: {
+      type: Function,
+      default: void 0
+    },
+    /** 清除位被点击（输入面的内建清除位回调；本件只把它转给消费方） */
+    onClear: {
+      type: Function,
+      default: void 0
+    },
+    /** 值区自定义渲染（多选标签收纳用；不给则走单选那一行） */
+    renderValue: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(props) {
+    const controlClass = () => ["mh-select", props.multiple ? "mh-select--multiple" : "", props.size === "md" ? "" : `mh-select--${props.size}`].filter(Boolean).join(" ");
+    return () => createVNode(Input, {
+      "as": "button",
+      "size": props.size,
+      "status": props.status,
+      "disabled": props.disabled,
+      "clearable": props.clearable,
+      "hasValue": props.hasValue,
+      "class": "mh-popup-anchor mh-select-host",
+      "controlClass": controlClass(),
+      "controlAttrs": {
+        popovertarget: props.panelId,
+        "aria-haspopup": "listbox",
+        /* 开合态由原生 popover 与 popup.css 的箭头转向承担，本件不维护第二份；
+           恒定 'false' 是既有口径（输入面的触发器形态不跟踪 popover 的开关状态） */
+        "aria-expanded": "false",
+        onKeydown: props.onKeydown
+      },
+      "onChange": () => props.onClear?.()
+    }, {
+      default: () => props.renderValue ? props.renderValue() : createVNode("span", {
+        "class": ["mh-select__value", props.hasValue ? "" : "mh-select__value--placeholder"].filter(Boolean).join(" ")
+      }, [props.hasValue ? props.label : props.placeholder]),
+      /* 箭头沿用输入框的右侧图标位（槽内尺寸收敛见 `select.css` 的 `.mh-select-host` 一节）；
+         展开转向由 `popup.css` 的 `.mh-popup-caret` 承担（含触发器进表壳后的兄弟档） */
+      suffix: () => createVNode(Icon, {
+        "name": "chevron-down",
+        "class": "mh-select__caret mh-popup-caret"
+      }, null)
+    });
+  }
+});
+export {
+  SelectTrigger
+};

package/dist/components/steps/index.d.ts

@@ -37,7 +37,7 @@ export type CanJump = (index: number, current: number) => boolean;
  *
  * ### 「哪几步能跳」由调用方给（`canJump`）
  *
- * 本件**不猜业务规则**：`canJump` 缺省 `true`（每一不都可跳），要限制就注入一条判定：
+ * 本件**不猜业务规则**：`canJump` 缺省 `true`（每一步都可跳），要限制就注入一条判定：
  *
  * ```tsx
  * <Steps clickable :can-jump="(index, current) => index <= current" … />

package/dist/components/table/index.d.ts

@@ -72,13 +72,34 @@ export interface TablePagination {
  *   组件自己切片会让「服务端分页」与「客户端分页」两套口径藏在同一个 prop 里；
  * - **错误态**：归 `QueryState`（表格只管列数据）。
  *
- * @example
+ * @example 基本列表（表默认满宽；列宽给权重 + `fixed` 才严格按比例，长文本列配 `ellipsis`）
  * <Table
- *   :columns="[{key:'name',title:'名称'},{key:'amount',title:'金额',align:'right'}]"
- *   :data="rows" row-key="id" striped selectable v-model="selected"
+ *   layout="fixed" striped row-key="id" :data="rows"
+ *   :columns="[
+ *     { key: 'name', title: '名称', width: 3 },
+ *     { key: 'amount', title: '金额', width: 1, align: 'right' },
+ *     { key: 'description', title: '描述', width: 4, ellipsis: true },
+ *   ]"
  *   :pagination="{ total: 120, current: page, onChange: (p) => (page = p) }"
- *   @sort="({ key, order }) => (sortKey = key, sortOrder = order)"
  * />
+ *
+ * @example 操作列（用 `actions` 插槽 + 一列 `align:'right'`；行内操作同族，`Button.Group` 收口）
+ * <Table :columns="columns" :data="rows" row-key="id">
+ *   {{
+ *     actions: ({ row }) => (
+ *       <Button.Group>
+ *         <Button variant="text" onClick={() => open(row)}>编辑</Button>
+ *         <Button variant="text" danger onClick={() => remove(row)}>删除</Button>
+ *       </Button.Group>
+ *     ),
+ *   }}
+ * </Table>
+ *
+ * @example 单元格自定义 + 按行判定可勾选
+ * <Table :columns="columns" :data="rows" row-key="id" v-model="selected"
+ *   :selectable="(row) => row.status === 'draft'">
+ *   {{ cell: ({ value, column }) => column.key === 'status' ? <Text tone="success">{value}</Text> : value }}
+ * </Table>
  */
 export declare const Table: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {

package/dist/components/text/index.d.ts

@@ -1,7 +1,12 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 /** 字号档（每档都有一枚配套的行高令牌，故**不开放**只有字号的 micro / display） */
 export type TextSize = 'caption' | 'body' | 'heading' | 'title';
-/** 语义色档（`success` / `warning` 取 `-strong`，与 `Notice` / `Dialog` 同一张表） */
+/**
+ * 语义色档（`success` / `warning` 取 `-strong`，与 `Notice` / `Dialog` 同一张表）。
+ *
+ * ⚠️ 自绘样式时要字色，一律落 `--ui-<tone>` / `--ui-<tone>-strong`（浅底深字）。
+ * `--ui-*-content` 那一族是**实心填充之上的白字**，配浅底（`-weak`）就是白字白底。
+ */
 export type TextTone = 'default' | 'muted' | 'subtle' | 'primary' | 'success' | 'warning' | 'error';
 /** 字重档（缺省**不设**，即继承上下文 —— 这样「在已加粗的区域里放一段普通文字」不必显式写 regular） */
 export type TextWeight = 'regular' | 'medium' | 'semibold';
@@ -30,7 +35,7 @@ export interface TextProps {
  * 但**没有件消费它们**：卡片描述、表单说明、只读值、列表次级信息这些「容器里的文字层级」
  * 于是无处可归 —— `Card` 只管卡片外壳，`Panel` 只管区域，两者都不管内容里的排版；
  * 而契约 L1-5 又禁应用侧写 `font-*` / `color`。**令牌有了、路径没有**，
- * 结果就是每个应用都要为「卡片里的文字」保留一条定版例外登记（本仓 repository 的 31 处里，
+ * 结果就是每个应用都要为「卡片里的文字」保留一条定版例外登记（首批迁移的登记项里，
  * 绝大多数属于这一类）。本件把这条路径补上。
  *
  * ## 与 `Title` / 平台默认的关系

package/dist/components/tree/index.d.ts

@@ -23,8 +23,7 @@ export interface TreeNode {
  * ## 为什么自建（对照计划登记的退路）
  *
  * farris `FTreeView` 实测结论：① 是列模板式网格（节点内容可用 `columnTemplate` 承载）；
- * ② **只在挂载时填充一次可见行，data 变化不刷新**（仓内唯一的适配器
- * `apps/skill/src/features/skill/farris-file-tree.tsx` 正是用 `key` 强制重挂绕行）；
+ * ② **只在挂载时填充一次可见行，data 变化不刷新**（**唯一**的兜底是 `key` 强制重挂 —— 那会丢展开态）；
  * ③ 层级缩进不可控、节点图标走 farris 图标字体类。
  *
  * 而本组件的硬需求是「数据更新时**不丢**用户已展开的节点 / 滚动位置 / 焦点」——
@@ -80,6 +79,19 @@ export declare const Tree: import("vue").DefineComponent<import("vue").ExtractPr
         type: PropType<(node: TreeNode) => void>;
         default: undefined;
     };
+    /**
+     * 标签体的自定义渲染（**替掉** `labelKey` 的纯文本）。
+     *
+     * 与 `renderNode` 的分工：本 prop 渲染的是**标签本体**（占位、省略号、行内对齐都由 `.mh-tree__label`
+     * 承担，因此必须留在那个槽里）；`renderNode` 渲染的是标签**之后**的常驻附加内容（计数徽标一类）。
+     * 典型用途是搜索命中的文本高亮（把标签切成多个片段）。
+     *
+     * 缺省不传时仍渲染 `labelKey` 的纯文本 —— 这是绝大多数消费方的路径，行为零变化。
+     */
+    renderLabel: {
+        type: PropType<(node: TreeNode) => unknown>;
+        default: undefined;
+    };
     /** 节点附加内容（计数徽标等），渲染在标签之后 */
     renderNode: {
         type: PropType<(node: TreeNode) => unknown>;
@@ -200,6 +212,19 @@ export declare const Tree: import("vue").DefineComponent<import("vue").ExtractPr
         type: PropType<(node: TreeNode) => void>;
         default: undefined;
     };
+    /**
+     * 标签体的自定义渲染（**替掉** `labelKey` 的纯文本）。
+     *
+     * 与 `renderNode` 的分工：本 prop 渲染的是**标签本体**（占位、省略号、行内对齐都由 `.mh-tree__label`
+     * 承担，因此必须留在那个槽里）；`renderNode` 渲染的是标签**之后**的常驻附加内容（计数徽标一类）。
+     * 典型用途是搜索命中的文本高亮（把标签切成多个片段）。
+     *
+     * 缺省不传时仍渲染 `labelKey` 的纯文本 —— 这是绝大多数消费方的路径，行为零变化。
+     */
+    renderLabel: {
+        type: PropType<(node: TreeNode) => unknown>;
+        default: undefined;
+    };
     /** 节点附加内容（计数徽标等），渲染在标签之后 */
     renderNode: {
         type: PropType<(node: TreeNode) => unknown>;
@@ -305,6 +330,7 @@ export declare const Tree: import("vue").DefineComponent<import("vue").ExtractPr
     onErrorAction: () => void;
     labelKey: string;
     childrenKey: string;
+    renderLabel: (node: TreeNode) => unknown;
     renderNode: (node: TreeNode) => unknown;
     renderActions: (node: TreeNode) => unknown;
     expandedKeys: string[];

package/dist/components/tree/index.js

@@ -33,6 +33,19 @@ const Tree = /* @__PURE__ */ defineComponent({
       type: Function,
       default: void 0
     },
+    /**
+     * 标签体的自定义渲染（**替掉** `labelKey` 的纯文本）。
+     *
+     * 与 `renderNode` 的分工：本 prop 渲染的是**标签本体**（占位、省略号、行内对齐都由 `.mh-tree__label`
+     * 承担，因此必须留在那个槽里）；`renderNode` 渲染的是标签**之后**的常驻附加内容（计数徽标一类）。
+     * 典型用途是搜索命中的文本高亮（把标签切成多个片段）。
+     *
+     * 缺省不传时仍渲染 `labelKey` 的纯文本 —— 这是绝大多数消费方的路径，行为零变化。
+     */
+    renderLabel: {
+      type: Function,
+      default: void 0
+    },
     /** 节点附加内容（计数徽标等），渲染在标签之后 */
     renderNode: {
       type: Function,
@@ -231,7 +244,7 @@ const Tree = /* @__PURE__ */ defineComponent({
           "class": "mh-tree__caret mh-tree__caret--empty"
         }, null), createVNode("span", {
           "class": "mh-tree__label"
-        }, [String(node[props.labelKey] ?? "")]), props.renderNode ? createVNode("span", {
+        }, [props.renderLabel ? props.renderLabel(node) : String(node[props.labelKey] ?? "")]), props.renderNode ? createVNode("span", {
           "class": "mh-tree__extra"
         }, [props.renderNode(node)]) : null, props.renderActions ? createVNode("span", {
           "class": "mh-tree__actions",

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export { Badge, type BadgeTone, type BadgeShape, type BadgeSize, type BadgeDot,
 export { Button, type ButtonVariant, type ButtonCompound, type ButtonCompoundType, } from './components/button';
 export { Input, Textarea, type TextareaProps, type InputCompound, type InputCompoundType, } from './components/input';
 export { Search, type SearchProps } from './components/search';
-export { Select, type SelectOption, type SelectValue } from './components/select';
+export { Select, SelectTree, type SelectOption, type SelectValue } from './components/select';
 export { Switch } from './components/switch';
 export { Capsule, type CapsuleOption, type CapsuleShape } from './components/capsule';
 export { Form, type FormProps, type FormHeaderProps, type FormItemProps, type FormValues, type FormItemSlotScope, type FormItemAlign, type FormLabelAlign, type FormColumns, type FormPadding, type FormCompound, } from './components/form';

package/dist/index.js

@@ -39,6 +39,7 @@ import { Upload, formatFileSize } from "./components/upload/index.js";
 import { QueryState } from "./components/query-state/index.js";
 import { Loading } from "./components/loading/index.js";
 import { mergePartStyle, partPaddingStyle } from "./components/part-padding.js";
+import { SelectTree } from "./components/select/select-tree.js";
 import { alert, closeAllDialogs, confirm } from "./services/dialog.js";
 import { clearToasts, toast } from "./services/toast.js";
 import { configureHost, getHostSelector, resolveHost } from "./services/base.js";
@@ -74,6 +75,7 @@ export {
   Radio,
   Search,
   Select,
+  SelectTree,
   Skeleton,
   Steps,
   Switch,

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.0",
   "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.0"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",