@manohub/ui 0.6.0

package/dist/components/toast/index.js

@@ -0,0 +1,116 @@
+import { defineComponent, onMounted, onBeforeUnmount, createVNode } from "vue";
+import { Icon } from "@manohub/icon";
+const TONE_ICON = {
+  info: "info",
+  success: "check",
+  warning: "alert",
+  error: "close",
+  loading: "loading"
+};
+const Toast = /* @__PURE__ */ defineComponent({
+  name: "Toast",
+  inheritAttrs: false,
+  props: {
+    tone: {
+      type: String,
+      default: "info"
+    },
+    /** 正文（复杂内容走默认插槽） */
+    text: {
+      type: String,
+      default: void 0
+    },
+    /** 动作文案（走 `action` 插槽可给自定义元素） */
+    action: {
+      type: String,
+      default: void 0
+    },
+    /** 自动消失毫秒数；`0` = 不自动消失（缺省不给计时） */
+    duration: {
+      type: Number,
+      default: 0
+    },
+    /** 前置图标：缺省按 `tone` 映射；`false` 不出图标；也可直接给图标名 */
+    icon: {
+      type: [Boolean, String],
+      default: true
+    },
+    /** 手动关闭位（`duration` 为 0 的常驻提示必须给用户一个关掉的入口） */
+    closable: {
+      type: Boolean,
+      default: false
+    },
+    onAction: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: {
+    /** 自动消失到点（**只回调不移除**：存在性归调用方，避免"组件没了、队列里还留着"两套口径） */
+    close: () => true
+  },
+  slots: Object,
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    let timer;
+    onMounted(() => {
+      if (props.duration > 0) {
+        timer = setTimeout(() => emit("close"), props.duration);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (timer) clearTimeout(timer);
+    });
+    return () => {
+      const hasAction = Boolean(props.action || slots.action);
+      return createVNode("div", {
+        "class": ["mh-toast", props.tone === "loading" ? "mh-toast--loading" : "", hasAction ? "mh-toast--action" : "", attrs.class].filter(Boolean).join(" "),
+        "style": attrs.style,
+        "role": "status"
+      }, [props.icon === false ? null : createVNode("span", {
+        "class": ["mh-toast__icon", `mh-toast__icon--${props.tone}`].join(" ")
+      }, [createVNode(Icon, {
+        "name": typeof props.icon === "string" ? props.icon : TONE_ICON[props.tone],
+        "size": props.tone === "loading" ? 16 : 12
+      }, null)]), createVNode("div", {
+        "class": "mh-toast__text"
+      }, [slots.default ? slots.default() : props.text]), slots.action ? slots.action() : props.action ? createVNode("button", {
+        "type": "button",
+        "class": "mh-toast__action",
+        "onClick": props.onAction
+      }, [props.action]) : null, props.closable ? createVNode("button", {
+        "type": "button",
+        "class": "mh-toast__close",
+        "aria-label": "关闭",
+        "onClick": () => emit("close")
+      }, [createVNode(Icon, {
+        "name": "close",
+        "size": 12,
+        "class": "mh-toast__close-icon"
+      }, null)]) : null]);
+    };
+  }
+});
+const ToastStack = /* @__PURE__ */ defineComponent({
+  name: "ToastStack",
+  inheritAttrs: false,
+  setup(_props, {
+    slots,
+    attrs
+  }) {
+    return () => createVNode("div", {
+      "class": ["mh-toast-stack", attrs.class].filter(Boolean).join(" "),
+      "style": attrs.style
+    }, [slots.default?.()]);
+  }
+});
+const ToastCompound = Object.assign(Toast, {
+  Stack: ToastStack
+});
+export {
+  Toast,
+  ToastCompound
+};

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

@@ -0,0 +1,126 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipAlign = 'start' | 'center' | 'end';
+/** 触发方式：`hover` 鼠标悬停（零 JS）/ `click` 点击（原生 popover，同样零 JS） */
+export type TooltipTrigger = 'hover' | 'click';
+/**
+ * 提示气泡（**自绘**；两种触发都**零 JS**）。
+ *
+ * ## 两条路径（由 `trigger` 选，都是浏览器原生能力）
+ *
+ * - **`hover`（缺省）**：显隐与定位全交操作层 `styles/operations/popup.css` 的 hover 档 ——
+ *   宿主 `:hover` / `:focus-within` 切 display，鼠标移入即出、移开即消失，**不吃点击、不抢焦点**
+ *   （这正是「非交互提示」该有的语义）。代价：hover 档**不进 top layer**，会被祖先 `overflow` 裁切。
+ * - **`click`**：触发器渲染成原生 `<button popovertarget>` + 气泡 `popover` ——
+ *   开合 / Esc / 点外部关闭 / **top layer 渲染**（不被裁切）全归浏览器。
+ *   代价：触发器被按钮化（内部不要放可交互元素）。
+ *
+ * 定位两者同一套：`data-side` 给方位、`data-align` 给两侧对齐（缺省中线），溢出自动翻面。
+ *
+ * @example 悬停
+ * <Tooltip content="导出为 CSV" side="bottom" align="end">
+ *   <Button variant="secondary">导出</Button>
+ * </Tooltip>
+ *
+ * @example 点击（内容可交互 / 怕被裁切时）
+ * <Tooltip trigger="click" content="最近 24 小时无异常">
+ *   <Icon name="info" />
+ * </Tooltip>
+ *
+ * @example 带标题与动作（引导档外观）
+ * <Tooltip guide title="新功能" content="支持批量导入" action="去看看" @action="go" />
+ */
+export declare const Tooltip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** 正文（复杂内容走 `content` 插槽） */
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 标题位（medium 字重） */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 动作文案（走 `action` 插槽可给自定义元素） */
+    action: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 落在触发器的哪一侧 */
+    side: {
+        type: PropType<TooltipSide>;
+        default: string;
+    };
+    /** 两侧对齐档（缺省中线） */
+    align: {
+        type: PropType<TooltipAlign>;
+        default: string;
+    };
+    /** 触发方式：悬停（零 JS 操作层档）/ 点击（原生 popover） */
+    trigger: {
+        type: PropType<TooltipTrigger>;
+        default: string;
+    };
+    /** 引导档外观（蓝渐变底 + 更大内距/投影） */
+    guide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 正文（复杂内容走 `content` 插槽） */
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 标题位（medium 字重） */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 动作文案（走 `action` 插槽可给自定义元素） */
+    action: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 落在触发器的哪一侧 */
+    side: {
+        type: PropType<TooltipSide>;
+        default: string;
+    };
+    /** 两侧对齐档（缺省中线） */
+    align: {
+        type: PropType<TooltipAlign>;
+        default: string;
+    };
+    /** 触发方式：悬停（零 JS 操作层档）/ 点击（原生 popover） */
+    trigger: {
+        type: PropType<TooltipTrigger>;
+        default: string;
+    };
+    /** 引导档外观（蓝渐变底 + 更大内距/投影） */
+    guide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    content: string;
+    title: string;
+    align: TooltipAlign;
+    action: string;
+    onAction: () => void;
+    side: TooltipSide;
+    trigger: TooltipTrigger;
+    guide: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild;
+    content?: () => VNodeChild;
+    action?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/tooltip/index.js

@@ -0,0 +1,97 @@
+import { defineComponent, createVNode, Fragment, mergeProps } from "vue";
+const Tooltip = /* @__PURE__ */ defineComponent({
+  name: "Tooltip",
+  inheritAttrs: false,
+  props: {
+    /** 正文（复杂内容走 `content` 插槽） */
+    content: {
+      type: String,
+      default: void 0
+    },
+    /** 标题位（medium 字重） */
+    title: {
+      type: String,
+      default: void 0
+    },
+    /** 动作文案（走 `action` 插槽可给自定义元素） */
+    action: {
+      type: String,
+      default: void 0
+    },
+    /** 落在触发器的哪一侧 */
+    side: {
+      type: String,
+      default: "top"
+    },
+    /** 两侧对齐档（缺省中线） */
+    align: {
+      type: String,
+      default: "center"
+    },
+    /** 触发方式：悬停（零 JS 操作层档）/ 点击（原生 popover） */
+    trigger: {
+      type: String,
+      default: "hover"
+    },
+    /** 引导档外观（蓝渐变底 + 更大内距/投影） */
+    guide: {
+      type: Boolean,
+      default: false
+    },
+    onAction: {
+      type: Function,
+      default: void 0
+    }
+  },
+  slots: Object,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const panelId = `mh-tooltip-${Math.random().toString(36).slice(2, 10)}`;
+    return () => {
+      const hasBody = Boolean(props.content || slots.content);
+      const hasAction = Boolean(props.action || slots.action);
+      const body = createVNode(Fragment, null, [props.title ? createVNode("span", {
+        "class": "mh-tooltip__title"
+      }, [props.title]) : null, props.title && hasBody ? " " : null, slots.content ? slots.content() : props.content, hasAction ? " " : null, slots.action ? slots.action() : props.action ? createVNode("button", {
+        "type": "button",
+        "class": "mh-tooltip__action",
+        "onClick": props.onAction
+      }, [props.action]) : null]);
+      if (props.trigger === "click") {
+        return createVNode("span", {
+          "class": ["mh-popup-host", attrs.class].filter(Boolean).join(" "),
+          "style": attrs.style
+        }, [createVNode("button", mergeProps({
+          "type": "button",
+          "class": "mh-tooltip__trigger"
+        }, {
+          popovertarget: panelId
+        }), [slots.default?.()]), createVNode("div", mergeProps({
+          "id": panelId
+        }, {
+          popover: "auto"
+        }, {
+          "class": ["mh-popup", "mh-tooltip", "mh-tooltip--click", props.guide ? "mh-tooltip--guide" : ""].filter(Boolean).join(" "),
+          "data-side": props.side,
+          "data-align": props.align === "center" ? void 0 : props.align,
+          "role": "tooltip"
+        }), [body])]);
+      }
+      return createVNode("span", {
+        "class": ["mh-popup-host", attrs.class].filter(Boolean).join(" "),
+        "style": attrs.style
+      }, [createVNode("span", {
+        "class": "mh-popup-anchor"
+      }, [slots.default?.()]), createVNode("span", {
+        "class": ["mh-popup", "mh-popup--hover", "mh-popup--anchored", "mh-tooltip", props.guide ? "mh-tooltip--guide" : ""].filter(Boolean).join(" "),
+        "data-side": props.side,
+        "data-align": props.align === "center" ? void 0 : props.align
+      }, [body])]);
+    };
+  }
+});
+export {
+  Tooltip
+};

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

@@ -0,0 +1,317 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+/** 树节点：至少要有主键与标签，子节点字段名可用 `childrenKey` 指定 */
+export interface TreeNode {
+    [key: string]: unknown;
+}
+/**
+ * 树（**自建**，不封装 farris）。
+ *
+ * ## 视觉与几何规范来源
+ *
+ * 对齐 `@aihub/theme` 的 Tree（`src/components/tree.css` 令牌 + `playground/components/tree.html` 标记）：
+ * 节点行高 30（紧凑档 28）、圆角 6（`--ui-radius-control`）、字号 13、滑过 Ne11、点击瞬态 #F4F5F9、
+ * 选中 Au02 底 + Th03 字、箭头 8px（收起态转 −90°）、缩进 = 基础内距 8 + level × 步进 10（**无上限**）。
+ *
+ * 两处与主题包的**有意差异**（不改视觉，只改承载方式）：
+ * 1. **缩进步进由 CSS 变量承载**：主题包用 typed `attr(data-level type(<number>))` 一步算出；
+ *    为兼容尚无该能力的引擎，本组件同时下发 `data-level`（数据、供 CSS/测试钩子）与
+ *    `--mh-tree-level`（公式仍在 CSS 内，见 components.css）。不用行内 paddingLeft —— 那样
+ *    步进值就散落在 JS 里，改了令牌对不上。
+ * 2. **交互分工**：主题包的约定是「点行即展开/收拢，选中由行内选择件驱动」；本组件没有内嵌选择件，
+ *    故沿用「点箭头展开/收拢、点行选中」（`onSelect`）—— 消费方靠 `onSelect` 拿选中，展开态受控。
+ *
+ * ## 为什么自建（对照计划登记的退路）
+ *
+ * farris `FTreeView` 实测结论：① 是列模板式网格（节点内容可用 `columnTemplate` 承载）；
+ * ② **只在挂载时填充一次可见行，data 变化不刷新**（仓内唯一的适配器
+ * `apps/skill/src/features/skill/farris-file-tree.tsx` 正是用 `key` 强制重挂绕行）；
+ * ③ 层级缩进不可控、节点图标走 farris 图标字体类。
+ *
+ * 而本组件的硬需求是「数据更新时**不丢**用户已展开的节点 / 滚动位置 / 焦点」——
+ * 与 ② 直接冲突（重挂必然丢展开态）；缩进又要按设计稿精确控制（③）。因此按计划
+ * 登记的退路改为自建：契约完整（含受控展开态）、零 farris 耦合、可在无浏览器环境测试。
+ *
+ * ## 与数据变化的关系
+ *
+ * 自建后**不需要**「nodes 变就重建」这种逃生舱：渲染直接跟随 `nodes`，
+ * 展开态由 `expandedKeys`（受控）或内部状态（非受控）持有，数据刷新不会改变展开态。
+ * `treeKey` 仅作为极端场景的强制重挂出口保留。
+ *
+ * ## 行尾操作区（`renderActions`）
+ *
+ * 行尾操作是**行的一部分**，不是导航语义 —— 与 `ListView.CardItem` 的 `actions` 同一口径：
+ * 几何与显隐归组件（默认隐藏、行悬浮或行内获得焦点时显形，触屏无 hover 能力时恒显形），
+ * 应用侧只给节点；操作容器自己做 `stopPropagation`，所以点「删除」不会顺带把这一行选中。
+ * 导航件（`Nav`）因此不必重写一份行渲染，把数据与 `renderActions` 透传进来即可。
+ *
+ * @example 受控展开 + 计数徽标 + 行尾操作
+ * <Tree nodes={treeNodes.value} rowKey="id" labelKey="name"
+ *   selected={selectedId.value} onSelect={(n) => select(n.id)}
+ *   expandedKeys={expandedKeys.value} onExpandChange={(k) => (expandedKeys.value = k)}
+ *   renderNode={(n) => <Badge>{countOfDomain(n.id)}</Badge>}
+ *   renderActions={(n) => <Button title="删除" onClick={() => removeDomain(n.id)} />} />
+ */
+export declare const Tree: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    nodes: {
+        type: PropType<TreeNode[]>;
+        required: true;
+    };
+    /** 节点主键：字段名或取值函数 */
+    rowKey: {
+        type: PropType<string | ((node: TreeNode) => string)>;
+        required: true;
+    };
+    /** 标签字段名（默认 'label'） */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 子节点字段名（默认 'children'） */
+    childrenKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 受控选中（行主键值） */
+    selected: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSelect: {
+        type: PropType<(node: TreeNode) => void>;
+        default: undefined;
+    };
+    /** 节点附加内容（计数徽标等），渲染在标签之后 */
+    renderNode: {
+        type: PropType<(node: TreeNode) => unknown>;
+        default: undefined;
+    };
+    /**
+     * 行尾操作区（新增 / 重命名 / 删除等）。
+     *
+     * **默认隐藏、行悬浮或行内获得焦点时显形**（触屏无 hover 能力时恒显形），点击**不冒泡**到 `onSelect`
+     * —— 与 `ListView.CardItem` 的 `actions` 同一口径（几何与显隐归组件，应用侧只给节点）。
+     *
+     * 与 `renderNode` 的分工：**常驻**的附加内容（计数徽标）走 `renderNode`；**可点**的行尾操作走这里。
+     */
+    renderActions: {
+        type: PropType<(node: TreeNode) => unknown>;
+        default: undefined;
+    };
+    /** 尺寸档：md 舒适（行高 30）/ sm 紧凑（行高 28），与主题包 Tree 的 M/S 档一致 */
+    size: {
+        type: PropType<"md" | "sm">;
+        default: string;
+    };
+    /** 受控展开集（传了就完全受控，内部不再自持） */
+    expandedKeys: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /** 非受控展开初值 */
+    defaultExpandedKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /** 初始展开全部（首次进入就要看全层级时用；与 `defaultExpandedKeys` 互斥，它优先） */
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onExpandChange: {
+        type: PropType<(keys: string[]) => void>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 空态文案 */
+    empty: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 空态操作按钮（如「新建」）；与 `onEmptyAction` 同时传才渲染 */
+    emptyActionText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onEmptyAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    /**
+     * 错误态（truthy 即触发）。
+     *
+     * **构造器顺序同 `表格.error`：`String` 必须排在 `Boolean` 前** —— 顺序写反时，成功态传的
+     * 空字符串会被 Vue 的布尔转换判成 `true`，树永远停在错误态。
+     *
+     * 有它之前，消费方只能把错误文案塞进 `empty`：错误被渲染成空态语义（无错误插画、无重试入口），
+     * 用户看不出「是没数据还是加载挂了」。
+     */
+    error: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    /** 错误态标题（默认「加载失败」）；字符串错误原文会自动作为副文案显示 */
+    errorTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 错误态操作按钮（如「重试」）；与 `onErrorAction` 同时传才渲染 */
+    errorActionText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onErrorAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    /** 强制重挂逃生舱（正常数据刷新不需要它） */
+    treeKey: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    nodes: {
+        type: PropType<TreeNode[]>;
+        required: true;
+    };
+    /** 节点主键：字段名或取值函数 */
+    rowKey: {
+        type: PropType<string | ((node: TreeNode) => string)>;
+        required: true;
+    };
+    /** 标签字段名（默认 'label'） */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 子节点字段名（默认 'children'） */
+    childrenKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 受控选中（行主键值） */
+    selected: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSelect: {
+        type: PropType<(node: TreeNode) => void>;
+        default: undefined;
+    };
+    /** 节点附加内容（计数徽标等），渲染在标签之后 */
+    renderNode: {
+        type: PropType<(node: TreeNode) => unknown>;
+        default: undefined;
+    };
+    /**
+     * 行尾操作区（新增 / 重命名 / 删除等）。
+     *
+     * **默认隐藏、行悬浮或行内获得焦点时显形**（触屏无 hover 能力时恒显形），点击**不冒泡**到 `onSelect`
+     * —— 与 `ListView.CardItem` 的 `actions` 同一口径（几何与显隐归组件，应用侧只给节点）。
+     *
+     * 与 `renderNode` 的分工：**常驻**的附加内容（计数徽标）走 `renderNode`；**可点**的行尾操作走这里。
+     */
+    renderActions: {
+        type: PropType<(node: TreeNode) => unknown>;
+        default: undefined;
+    };
+    /** 尺寸档：md 舒适（行高 30）/ sm 紧凑（行高 28），与主题包 Tree 的 M/S 档一致 */
+    size: {
+        type: PropType<"md" | "sm">;
+        default: string;
+    };
+    /** 受控展开集（传了就完全受控，内部不再自持） */
+    expandedKeys: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /** 非受控展开初值 */
+    defaultExpandedKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /** 初始展开全部（首次进入就要看全层级时用；与 `defaultExpandedKeys` 互斥，它优先） */
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onExpandChange: {
+        type: PropType<(keys: string[]) => void>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 空态文案 */
+    empty: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 空态操作按钮（如「新建」）；与 `onEmptyAction` 同时传才渲染 */
+    emptyActionText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onEmptyAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    /**
+     * 错误态（truthy 即触发）。
+     *
+     * **构造器顺序同 `表格.error`：`String` 必须排在 `Boolean` 前** —— 顺序写反时，成功态传的
+     * 空字符串会被 Vue 的布尔转换判成 `true`，树永远停在错误态。
+     *
+     * 有它之前，消费方只能把错误文案塞进 `empty`：错误被渲染成空态语义（无错误插画、无重试入口），
+     * 用户看不出「是没数据还是加载挂了」。
+     */
+    error: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    /** 错误态标题（默认「加载失败」）；字符串错误原文会自动作为副文案显示 */
+    errorTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 错误态操作按钮（如「重试」）；与 `onErrorAction` 同时传才渲染 */
+    errorActionText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onErrorAction: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    /** 强制重挂逃生舱（正常数据刷新不需要它） */
+    treeKey: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "md";
+    onSelect: (node: TreeNode) => void;
+    error: any;
+    loading: boolean;
+    selected: string;
+    empty: string;
+    errorTitle: string;
+    emptyActionText: string;
+    onEmptyAction: () => void;
+    errorActionText: string;
+    onErrorAction: () => void;
+    labelKey: string;
+    childrenKey: string;
+    renderNode: (node: TreeNode) => unknown;
+    renderActions: (node: TreeNode) => unknown;
+    expandedKeys: string[];
+    defaultExpandedKeys: string[];
+    defaultExpandAll: boolean;
+    onExpandChange: (keys: string[]) => void;
+    treeKey: string | number;
+}, SlotsType<{
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;