@mtn-ui/components 1.0.0

package/dist/types/packages/components/src/antd-wrapped/action-group/types.d.ts

@@ -0,0 +1,110 @@
+import { Component } from 'vue';
+import { ButtonSize } from '../button/types';
+import { DropdownButtonProps } from '../dropdown-button/props';
+/**
+ * 组件模式
+ */
+export type ActionGroupMode = "default" | "table";
+/**
+ * 操作项配置（配置化 API）
+ */
+export interface ActionItem {
+    /** 显示文本 */
+    label?: string;
+    /** 唯一标识 */
+    key?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 图标组件 */
+    icon?: Component;
+    /** 按钮类型 */
+    type?: ButtonType;
+    /** 权限标识 */
+    permission?: string | string[];
+    /** 权限不足时的行为 */
+    permissionAction?: "hide" | "disable";
+    /** 自定义组件（如 DeleteButton） */
+    component?: Component;
+    /** 自定义组件属性 */
+    componentProps?: Record<string, any>;
+    /** 点击事件 */
+    onClick?: (action: ActionItem) => void | Promise<void>;
+    /** 自定义插槽名称 */
+    slot?: string;
+    /** 其他属性（传递给 Button） */
+    [key: string]: any;
+}
+/**
+ * ActionGroup 组件属性
+ */
+export interface ActionGroupProps {
+    /**
+     * 操作项配置列表
+     * 如果提供了 actions，将忽略默认插槽
+     */
+    actions?: ActionItem[];
+    /**
+     * 组件模式
+     * - default: 默认模式
+     * - table: 表格模式（自动 size='small', type='link', moreText=''）
+     * @default "default"
+     */
+    mode?: ActionGroupMode;
+    /**
+     * 最多显示的按钮数量
+     * 当 accurateMeasure=true 时，此值作为最大限制
+     * @default 3
+     */
+    maxItems?: number;
+    /**
+     * 是否精确测量容器宽度自动计算显示数量
+     * 开启后会根据实际容器宽度动态计算，性能略有损耗
+     * @default false
+     */
+    accurateMeasure?: boolean;
+    /**
+     * 按钮之间的间距（px）
+     * @default 8
+     */
+    gap?: number;
+    /**
+     * "更多"按钮的文本
+     * 为空字符串时只显示图标（适合表格场景）
+     * @default "更多"
+     */
+    moreText?: string;
+    /**
+     * "更多"按钮的图标
+     * @default MoreOutlined
+     */
+    moreIcon?: Component;
+    /**
+     * "更多"按钮的其他属性
+     */
+    moreProps?: Partial<DropdownButtonProps>;
+    /**
+     * 按钮尺寸
+     * @default "middle"
+     */
+    size?: ButtonSize;
+    /**
+     * 是否紧凑模式
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * 是否垂直布局
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * 是否块级元素
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * 是否禁用响应式收纳
+     * @default false
+     */
+    disableCollapse?: boolean;
+}

package/dist/types/packages/components/src/antd-wrapped/action-group/utils.d.ts

@@ -0,0 +1,17 @@
+import { VNode } from 'vue';
+/**
+ * 从 VNode 中提取文本内容
+ */
+export declare function extractText(node: any): string;
+/**
+ * 从 VNode 中提取图标组件
+ */
+export declare function extractIcon(node: any): any;
+/**
+ * 过滤有效的子节点（移除注释、文本节点等）
+ */
+export declare function filterValidChildren(slotContent: VNode[] | undefined): VNode[];
+/**
+ * 获取按钮的 key
+ */
+export declare function getButtonKey(btn: VNode, index: number): string | number;

package/dist/types/packages/components/src/antd-wrapped/button/__tests__/button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/packages/components/src/antd-wrapped/button/button.d.ts

@@ -0,0 +1,112 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"primary" | "default" | "dashed" | "text" | "link">;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ghost: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shape: {
+        type: import('vue').PropType<"default" | "circle" | "round">;
+        default: string;
+    };
+    htmlType: {
+        type: import('vue').PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<any>;
+    };
+    permission: {
+        type: import('vue').PropType<string | string[]>;
+        default: undefined;
+    };
+    permissionAction: {
+        type: import('vue').PropType<"hide" | "disable">;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"primary" | "default" | "dashed" | "text" | "link">;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ghost: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shape: {
+        type: import('vue').PropType<"default" | "circle" | "round">;
+        default: string;
+    };
+    htmlType: {
+        type: import('vue').PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<any>;
+    };
+    permission: {
+        type: import('vue').PropType<string | string[]>;
+        default: undefined;
+    };
+    permissionAction: {
+        type: import('vue').PropType<"hide" | "disable">;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "default" | "link" | "text" | "primary" | "dashed";
+    size: "small" | "middle" | "large";
+    loading: boolean;
+    disabled: boolean;
+    danger: boolean;
+    block: boolean;
+    ghost: boolean;
+    shape: "default" | "circle" | "round";
+    htmlType: "button" | "submit" | "reset";
+    permission: string | string[];
+    permissionAction: "hide" | "disable";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/packages/components/src/antd-wrapped/button/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Button } from './button';
+import { ButtonProps } from './props';
+import { ButtonType, ButtonSize, ButtonShape, ButtonHtmlType, PermissionAction } from './types';
+export { Button, type ButtonProps, type ButtonType, type ButtonSize, type ButtonShape, type ButtonHtmlType, type PermissionAction, };
+export default Button;

package/dist/types/packages/components/src/antd-wrapped/button/props.d.ts

@@ -0,0 +1,55 @@
+import { ExtractPropTypes, PropType } from 'vue';
+/**
+ * Button Props - 基于 Ant Design Vue 的 Button
+ * 简化并统一 API，保持与之前自定义 Button 的兼容性
+ */
+export declare const buttonProps: {
+    type: {
+        type: PropType<"primary" | "default" | "dashed" | "text" | "link">;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ghost: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shape: {
+        type: PropType<"default" | "circle" | "round">;
+        default: string;
+    };
+    htmlType: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    icon: {
+        type: PropType<any>;
+    };
+    permission: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    permissionAction: {
+        type: PropType<"hide" | "disable">;
+        default: string;
+    };
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/dist/types/packages/components/src/antd-wrapped/button/types.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Button 组件相关类型定义
+ */
+/**
+ * 按钮事件类型
+ */
+export interface ButtonEvents {
+    /** 点击事件 */
+    click: (e: MouseEvent) => void;
+    /** 鼠标进入事件 */
+    mouseenter: (e: MouseEvent) => void;
+    /** 鼠标离开事件 */
+    mouseleave: (e: MouseEvent) => void;
+    /** 获得焦点事件 */
+    focus: (e: FocusEvent) => void;
+    /** 失去焦点事件 */
+    blur: (e: FocusEvent) => void;
+}
+/**
+ * 按钮类型
+ */
+export type ButtonType = "primary" | "default" | "dashed" | "text" | "link";
+/**
+ * 按钮尺寸
+ */
+export type ButtonSize = "small" | "middle" | "large";
+/**
+ * 按钮形状
+ */
+export type ButtonShape = "default" | "circle" | "round";
+/**
+ * HTML 按钮类型
+ */
+export type ButtonHtmlType = "button" | "submit" | "reset";
+/**
+ * 权限行为
+ */
+export type PermissionAction = "hide" | "disable";

package/dist/types/packages/components/src/antd-wrapped/button-group/button-group.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: import('vue').PropType<number | string>;
+        default: number;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: import('vue').PropType<number | string>;
+        default: number;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: "small" | "middle" | "large";
+    block: boolean;
+    compact: boolean;
+    gap: string | number;
+    vertical: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/packages/components/src/antd-wrapped/button-group/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * ButtonGroup 组件导出
+ */
+export { default as ButtonGroup } from './button-group';
+export * from './props';

package/dist/types/packages/components/src/antd-wrapped/button-group/props.d.ts

@@ -0,0 +1,28 @@
+import { ExtractPropTypes, PropType } from 'vue';
+/**
+ * ButtonGroup Props
+ * 按钮组属性
+ */
+export declare const buttonGroupProps: {
+    size: {
+        type: PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: PropType<number | string>;
+        default: number;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>;

package/dist/types/packages/components/src/antd-wrapped/delete-button/__tests__/delete-button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/packages/components/src/antd-wrapped/delete-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DeleteButton } from './delete-button.vue';
+export type { DeleteButtonProps } from './props';

package/dist/types/packages/components/src/antd-wrapped/delete-button/props.d.ts

@@ -0,0 +1,122 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { ButtonProps } from '../button/props';
+export declare const deleteButtonProps: {
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** 确认提示文本（支持函数，动态生成） */
+    confirm: {
+        type: PropType<string | false | ((count?: number) => string)>;
+        default: string;
+    };
+    /** 确认类型：modal-弹窗确认，popconfirm-气泡确认 */
+    confirmType: {
+        type: PropType<"modal" | "popconfirm">;
+        default: string;
+    };
+    /** Modal 标题 */
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 确认按钮文本 */
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 取消按钮文本 */
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 是否隐藏图标 */
+    hideIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否自动处理 Loading（推荐开启） */
+    autoLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 删除前验证函数，返回 false 或 Promise<false> 可阻止删除 */
+    beforeDelete: {
+        type: PropType<() => boolean | Promise<boolean>>;
+        default: undefined;
+    };
+    /** 删除数量（用于批量删除提示） */
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否显示成功提示 */
+    showSuccess: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 成功提示文本 */
+    successText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 是否显示错误提示 */
+    showError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 防抖延迟（ms），0 表示不防抖 */
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 删除事件处理函数（用于 ActionGroup Config API） */
+    onDelete: {
+        type: PropType<(done: () => void) => void | Promise<void>>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<"primary" | "default" | "dashed" | "text" | "link">;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ghost: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shape: {
+        type: PropType<"default" | "circle" | "round">;
+        default: string;
+    };
+    htmlType: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    icon: {
+        type: PropType<any>;
+    };
+    permission: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    permissionAction: {
+        type: PropType<"hide" | "disable">;
+        default: string;
+    };
+};
+export type DeleteButtonProps = ExtractPropTypes<typeof deleteButtonProps> & Partial<ButtonProps>;

package/dist/types/packages/components/src/antd-wrapped/dropdown-button/__tests__/dropdown-button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/packages/components/src/antd-wrapped/dropdown-button/dropdown-button.d.ts

@@ -0,0 +1,106 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<"primary" | "default" | "dashed" | "text" | "link">;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"large" | "middle" | "small">;
+        default: string;
+    };
+    menu: {
+        type: import('vue').PropType<import('ant-design-vue').MenuProps["items"]>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: import('vue').PropType<"bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight">;
+        default: string;
+    };
+    trigger: {
+        type: import('vue').PropType<("click" | "hover" | "contextmenu")[]>;
+        default: () => string[];
+    };
+    permission: {
+        type: import('vue').PropType<string | string[]>;
+        default: undefined;
+    };
+    permissionAction: {
+        type: import('vue').PropType<"hide" | "disable">;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<"primary" | "default" | "dashed" | "text" | "link">;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"large" | "middle" | "small">;
+        default: string;
+    };
+    menu: {
+        type: import('vue').PropType<import('ant-design-vue').MenuProps["items"]>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: import('vue').PropType<"bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight">;
+        default: string;
+    };
+    trigger: {
+        type: import('vue').PropType<("click" | "hover" | "contextmenu")[]>;
+        default: () => string[];
+    };
+    permission: {
+        type: import('vue').PropType<string | string[]>;
+        default: undefined;
+    };
+    permissionAction: {
+        type: import('vue').PropType<"hide" | "disable">;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "default" | "link" | "text" | "primary" | "dashed";
+    menu: import('ant-design-vue').ItemType[] | undefined;
+    text: string;
+    size: "small" | "middle" | "large";
+    loading: boolean;
+    disabled: boolean;
+    danger: boolean;
+    permission: string | string[];
+    permissionAction: "hide" | "disable";
+    placement: "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
+    trigger: ("click" | "hover" | "contextmenu")[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/packages/components/src/antd-wrapped/dropdown-button/index.d.ts

@@ -0,0 +1,5 @@
+import { default as DropdownButton } from './dropdown-button';
+import { DropdownButtonProps } from './props';
+import { MenuItemWithPermission, MenuWithPermission } from './types';
+export { DropdownButton, type DropdownButtonProps, type MenuItemWithPermission, type MenuWithPermission };
+export default DropdownButton;