@manohub/ui 0.6.0

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

@@ -0,0 +1,578 @@
+import { type IconName } from '@manohub/icon';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import type { ControlSize } from '../control-size';
+/**
+ * 按钮型（六型 + 未选半区）。
+ *
+ * `danger` 保留在枚举里是**向后兼容**：它等价于 `variant="primary"` 叠加 `danger` 布尔，
+ * 语义上「危险」是色彩角色（与主色正交），不是第六种结构形态 ——
+ * 故新代码请用 `danger` 布尔修饰任意型，`variant="danger"` 只在旧调用点继续有效。
+ */
+export type ButtonVariant = 'primary' | 'secondary' | 'dashed' | 'danger' | 'text' | 'link' | 'icon' | 'off';
+/** 外形档：`round` = 胶囊；`circle` = 正圆（配 `variant="icon"` 用） */
+export type ButtonShape = 'default' | 'round' | 'circle';
+/** 按钮（**自绘**；按钮族：六型 × 三档尺寸 × 外形 × 危险色 + 加载 / 图标 / 菜单形态 + 组容器）。
+ *
+ * 词表：`variant` = `primary` / `secondary` / `dashed` / `danger` / `text` / `link` / `icon`；
+ * `size`：`sm` 24 / `md` 32（标准）/ `lg` 40 —— 三档**真实不同高**（与 `--ui-control-height-*` 同值）；
+ * `shape` / `danger` / `block` 是正交修饰（可叠加任意型）；
+ * `loading` 会置 `disabled` —— 真正吞掉点击的是原生 `disabled`，不只是光标；
+ * `menu` + `caret` 组合出菜单按钮（文本区 ‖ 分割线 ‖ 箭头区），面板交给操作层组合。
+ *
+ * 图标走 `@manohub/icon`（`icon` prop 传图标名，写错编译期即报错）；菜单箭头由
+ * `styles/operations/popup.css` 负责转向，故箭头图标的类名是 `mh-button__caret mh-popup-caret` 两个。
+ *
+ * `href` 存在时渲染成 `<a>`（链接语义 + 原生右键菜单）；此时 `disabled` 只能靠 `aria-disabled`
+ * 与拦截点击表达（`<a>` 没有原生禁用），这是有意的取舍。
+ *
+ * @example 六型
+ * <Button variant="primary" onClick={save}>保存</Button>
+ * <Button variant="secondary">取消</Button>
+ * <Button variant="link">查看详情</Button>
+ *
+ * @example 修饰叠加
+ * <Button variant="primary" danger>删除</Button>
+ * <Button variant="secondary" danger>删除</Button>
+ * <Button variant="primary" block shape="round">提交</Button>
+ *
+ * @example 菜单按钮（面板用 popup 操作层组合）
+ * <Button variant="primary" menu caret popoverTarget="menu-1">更多</Button>
+ * <div id="menu-1" popover class="mh-popup mh-button__menu" data-side="bottom" data-align="start">
+ *   <div class="mh-button__menu-item">导出</div>
+ * </div>
+ */
+export declare const Button: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** 按钮型（缺省 `secondary`，与规范「次要为默认」一致） */
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    /** 尺寸：`sm` 24 / `md` 32（标准）/ `lg` 40 */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    /** 外形：胶囊 / 正圆（缺省方角，跟主题圆角令牌） */
+    shape: {
+        type: PropType<ButtonShape>;
+        default: string;
+    };
+    /** 危险色（正交修饰：把该型的色彩槽位换成错误色；`variant="danger"` 是它的等价写法） */
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 撑满父容器宽度（表单底栏 / 移动端主操作） */
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 加载态：吞掉点击（置 disabled）+ 环 + **主色底降透明**（显式合成，字与环不变） */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 图标名（`@manohub/icon` 的闭合枚举，写错名字编译期即报错）；自定义图标走 `icon` 插槽 */
+    icon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    /** 尾部图标名（菜单按钮的箭头用 `caret`，这个是普通尾图标） */
+    trailingIcon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    /** 渲染下拉箭头（菜单按钮形态；转向由 popup.css 承担） */
+    caret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 菜单按钮结构（文本区 ‖ 分割线 ‖ 箭头区） */
+    menu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 原生按钮类型（缺省 `button`：不给默认值会让表单里的按钮意外提交） */
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    /** 给了就渲染成 `<a>`（链接按钮：新窗口打开 / 复制链接地址都靠它） */
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** `<a>` 形态的打开方式（如 `_blank`） */
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 title（图标按钮的无障碍提示） */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 popover 目标 id（菜单按钮用；开合交给操作层） */
+    popoverTarget: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 按钮型（缺省 `secondary`，与规范「次要为默认」一致） */
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    /** 尺寸：`sm` 24 / `md` 32（标准）/ `lg` 40 */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    /** 外形：胶囊 / 正圆（缺省方角，跟主题圆角令牌） */
+    shape: {
+        type: PropType<ButtonShape>;
+        default: string;
+    };
+    /** 危险色（正交修饰：把该型的色彩槽位换成错误色；`variant="danger"` 是它的等价写法） */
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 撑满父容器宽度（表单底栏 / 移动端主操作） */
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 加载态：吞掉点击（置 disabled）+ 环 + **主色底降透明**（显式合成，字与环不变） */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 图标名（`@manohub/icon` 的闭合枚举，写错名字编译期即报错）；自定义图标走 `icon` 插槽 */
+    icon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    /** 尾部图标名（菜单按钮的箭头用 `caret`，这个是普通尾图标） */
+    trailingIcon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    /** 渲染下拉箭头（菜单按钮形态；转向由 popup.css 承担） */
+    caret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 菜单按钮结构（文本区 ‖ 分割线 ‖ 箭头区） */
+    menu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 原生按钮类型（缺省 `button`：不给默认值会让表单里的按钮意外提交） */
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    /** 给了就渲染成 `<a>`（链接按钮：新窗口打开 / 复制链接地址都靠它） */
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** `<a>` 形态的打开方式（如 `_blank`） */
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 title（图标按钮的无障碍提示） */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 popover 目标 id（菜单按钮用；开合交给操作层） */
+    popoverTarget: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    block: boolean;
+    size: ControlSize;
+    icon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+    menu: boolean;
+    caret: boolean;
+    disabled: boolean;
+    title: string;
+    type: "button" | "reset" | "submit";
+    onClick: (e: MouseEvent) => void;
+    loading: boolean;
+    variant: ButtonVariant;
+    danger: boolean;
+    shape: ButtonShape;
+    trailingIcon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+    href: string;
+    target: string;
+    popoverTarget: string;
+}, SlotsType<{
+    default?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const ButtonCompound: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        /** 按钮型（缺省 `secondary`，与规范「次要为默认」一致） */
+        variant: {
+            type: PropType<ButtonVariant>;
+            default: string;
+        };
+        /** 尺寸：`sm` 24 / `md` 32（标准）/ `lg` 40 */
+        size: {
+            type: PropType<ControlSize>;
+            default: string;
+        };
+        /** 外形：胶囊 / 正圆（缺省方角，跟主题圆角令牌） */
+        shape: {
+            type: PropType<ButtonShape>;
+            default: string;
+        };
+        /** 危险色（正交修饰：把该型的色彩槽位换成错误色；`variant="danger"` 是它的等价写法） */
+        danger: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 撑满父容器宽度（表单底栏 / 移动端主操作） */
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 加载态：吞掉点击（置 disabled）+ 环 + **主色底降透明**（显式合成，字与环不变） */
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 图标名（`@manohub/icon` 的闭合枚举，写错名字编译期即报错）；自定义图标走 `icon` 插槽 */
+        icon: {
+            type: PropType<IconName>;
+            default: undefined;
+        };
+        /** 尾部图标名（菜单按钮的箭头用 `caret`，这个是普通尾图标） */
+        trailingIcon: {
+            type: PropType<IconName>;
+            default: undefined;
+        };
+        /** 渲染下拉箭头（菜单按钮形态；转向由 popup.css 承担） */
+        caret: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 菜单按钮结构（文本区 ‖ 分割线 ‖ 箭头区） */
+        menu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 原生按钮类型（缺省 `button`：不给默认值会让表单里的按钮意外提交） */
+        type: {
+            type: PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        /** 给了就渲染成 `<a>`（链接按钮：新窗口打开 / 复制链接地址都靠它） */
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** `<a>` 形态的打开方式（如 `_blank`） */
+        target: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 原生 title（图标按钮的无障碍提示） */
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 原生 popover 目标 id（菜单按钮用；开合交给操作层） */
+        popoverTarget: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        onClick: {
+            type: PropType<(e: MouseEvent) => void>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        block: boolean;
+        size: ControlSize;
+        icon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+        menu: boolean;
+        caret: boolean;
+        disabled: boolean;
+        title: string;
+        type: "button" | "reset" | "submit";
+        onClick: (e: MouseEvent) => void;
+        loading: boolean;
+        variant: ButtonVariant;
+        danger: boolean;
+        shape: ButtonShape;
+        trailingIcon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+        href: string;
+        target: string;
+        popoverTarget: string;
+    }, true, {}, SlotsType<{
+        default?: () => VNodeChild;
+        icon?: () => VNodeChild;
+    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        /** 按钮型（缺省 `secondary`，与规范「次要为默认」一致） */
+        variant: {
+            type: PropType<ButtonVariant>;
+            default: string;
+        };
+        /** 尺寸：`sm` 24 / `md` 32（标准）/ `lg` 40 */
+        size: {
+            type: PropType<ControlSize>;
+            default: string;
+        };
+        /** 外形：胶囊 / 正圆（缺省方角，跟主题圆角令牌） */
+        shape: {
+            type: PropType<ButtonShape>;
+            default: string;
+        };
+        /** 危险色（正交修饰：把该型的色彩槽位换成错误色；`variant="danger"` 是它的等价写法） */
+        danger: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 撑满父容器宽度（表单底栏 / 移动端主操作） */
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 加载态：吞掉点击（置 disabled）+ 环 + **主色底降透明**（显式合成，字与环不变） */
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 图标名（`@manohub/icon` 的闭合枚举，写错名字编译期即报错）；自定义图标走 `icon` 插槽 */
+        icon: {
+            type: PropType<IconName>;
+            default: undefined;
+        };
+        /** 尾部图标名（菜单按钮的箭头用 `caret`，这个是普通尾图标） */
+        trailingIcon: {
+            type: PropType<IconName>;
+            default: undefined;
+        };
+        /** 渲染下拉箭头（菜单按钮形态；转向由 popup.css 承担） */
+        caret: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 菜单按钮结构（文本区 ‖ 分割线 ‖ 箭头区） */
+        menu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 原生按钮类型（缺省 `button`：不给默认值会让表单里的按钮意外提交） */
+        type: {
+            type: PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        /** 给了就渲染成 `<a>`（链接按钮：新窗口打开 / 复制链接地址都靠它） */
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** `<a>` 形态的打开方式（如 `_blank`） */
+        target: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 原生 title（图标按钮的无障碍提示） */
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 原生 popover 目标 id（菜单按钮用；开合交给操作层） */
+        popoverTarget: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        onClick: {
+            type: PropType<(e: MouseEvent) => void>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        block: boolean;
+        size: ControlSize;
+        icon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+        menu: boolean;
+        caret: boolean;
+        disabled: boolean;
+        title: string;
+        type: "button" | "reset" | "submit";
+        onClick: (e: MouseEvent) => void;
+        loading: boolean;
+        variant: ButtonVariant;
+        danger: boolean;
+        shape: ButtonShape;
+        trailingIcon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+        href: string;
+        target: string;
+        popoverTarget: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    /** 按钮型（缺省 `secondary`，与规范「次要为默认」一致） */
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    /** 尺寸：`sm` 24 / `md` 32（标准）/ `lg` 40 */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    /** 外形：胶囊 / 正圆（缺省方角，跟主题圆角令牌） */
+    shape: {
+        type: PropType<ButtonShape>;
+        default: string;
+    };
+    /** 危险色（正交修饰：把该型的色彩槽位换成错误色；`variant="danger"` 是它的等价写法） */
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 撑满父容器宽度（表单底栏 / 移动端主操作） */
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 加载态：吞掉点击（置 disabled）+ 环 + **主色底降透明**（显式合成，字与环不变） */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 图标名（`@manohub/icon` 的闭合枚举，写错名字编译期即报错）；自定义图标走 `icon` 插槽 */
+    icon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    /** 尾部图标名（菜单按钮的箭头用 `caret`，这个是普通尾图标） */
+    trailingIcon: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
+    /** 渲染下拉箭头（菜单按钮形态；转向由 popup.css 承担） */
+    caret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 菜单按钮结构（文本区 ‖ 分割线 ‖ 箭头区） */
+    menu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 原生按钮类型（缺省 `button`：不给默认值会让表单里的按钮意外提交） */
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    /** 给了就渲染成 `<a>`（链接按钮：新窗口打开 / 复制链接地址都靠它） */
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** `<a>` 形态的打开方式（如 `_blank`） */
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 title（图标按钮的无障碍提示） */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 popover 目标 id（菜单按钮用；开合交给操作层） */
+    popoverTarget: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    block: boolean;
+    size: ControlSize;
+    icon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+    menu: boolean;
+    caret: boolean;
+    disabled: boolean;
+    title: string;
+    type: "button" | "reset" | "submit";
+    onClick: (e: MouseEvent) => void;
+    loading: boolean;
+    variant: ButtonVariant;
+    danger: boolean;
+    shape: ButtonShape;
+    trailingIcon: "filter" | "copy" | "help" | "table" | "menu" | "search" | "link" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "wrench" | "plus" | "bell" | "settings" | "logout" | "home" | "workbench" | "grid-dots" | "heart" | "heart-filled" | "edit" | "refresh" | "upload" | "save" | "more" | "eye" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "sparkles" | "shield-check" | "shield-alert" | "history";
+    href: string;
+    target: string;
+    popoverTarget: string;
+}, {}, string, SlotsType<{
+    default?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        /** 连体档（工具条 / 连体切换：相邻边重合，首末保留圆角） */
+        compact: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        /** 连体档（工具条 / 连体切换：相邻边重合，首末保留圆角） */
+        compact: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        compact: boolean;
+    }, SlotsType<{
+        default?: () => VNodeChild;
+    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Divider: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export type ButtonCompoundType = typeof ButtonCompound;