@mtn-ui/components 0.0.1

package/dist/index/style.css

@@ -0,0 +1 @@
+.mtn-action-group-wrapper[data-v-6a4e52d6]{width:100%;position:relative;display:inline-block}.mtn-action-group-measure[data-v-6a4e52d6]{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none;display:flex;white-space:nowrap}.measure-item[data-v-6a4e52d6]{padding:0 16px;font-size:14px}.mtn-action-group-container[data-v-6a4e52d6]{display:flex;align-items:center}

package/dist/types/action-group/ActionGroup.d.ts

@@ -0,0 +1,41 @@
+import { ActionItem } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items?: ActionItem[];
+    maxCount?: number;
+    size?: "small" | "middle" | "large" | number;
+}>, {
+    items: () => never[];
+    maxCount: undefined;
+    size: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items?: ActionItem[];
+    maxCount?: number;
+    size?: "small" | "middle" | "large" | number;
+}>, {
+    items: () => never[];
+    maxCount: undefined;
+    size: string;
+}>>> & Readonly<{}>, {
+    size: "small" | "middle" | "large" | number;
+    items: ActionItem[];
+    maxCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/action-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ActionGroup } from './ActionGroup';
+export type { ActionGroupProps, ActionItem } from './types';

package/dist/types/action-group/types.d.ts

@@ -0,0 +1,61 @@
+import { Component } from 'vue';
+
+/**
+ * ActionGroup 组件类型定义
+ */
+/**
+ * ActionItem 类型定义 - 用于 JSON 配置化渲染
+ */
+export interface ActionItem {
+    /**
+     * 操作项类型
+     */
+    type: 'button' | 'confirm' | 'delete';
+    /**
+     * 按钮文字
+     */
+    label?: string;
+    /**
+     * 图标：直接传组件（如 EditOutlined）或渲染函数 () => h(Icon)
+     * 与 props.icon 二选一，优先使用顶层 icon
+     */
+    icon?: Component | (() => unknown);
+    /**
+     * 点击回调函数
+     * - button: 绑定到 click 事件
+     * - confirm/delete: 绑定到 confirm 事件
+     */
+    onClick?: (e?: MouseEvent) => void;
+    /**
+     * 动态隐藏逻辑
+     * - boolean: 直接控制显示/隐藏
+     * - function: 动态计算是否隐藏
+     */
+    hidden?: boolean | (() => boolean);
+    /**
+     * 透传给对应组件的其他属性
+     * 如 mtnVariant, loading, type, danger, permission 等（图标建议用顶层 icon）
+     */
+    props?: Record<string, unknown>;
+}
+/**
+ * ActionGroup 组件属性接口
+ */
+export interface ActionGroupProps {
+    /**
+     * 最大显示数量，超出部分将收纳到下拉菜单
+     * 如果不设置，将根据容器宽度自动计算
+     */
+    maxCount?: number;
+    /**
+     * 项与项之间的间距
+     * - 字符串：'small' | 'middle' | 'large'，使用预设间距（4 / 6 / 8px）
+     * - 数字：自定义间距（单位：px）
+     * @default 'middle'
+     */
+    size?: 'small' | 'middle' | 'large' | number;
+    /**
+     * JSON 配置项数组，用于配置化渲染
+     */
+    items?: ActionItem[];
+}

package/dist/types/button/Button.d.ts

@@ -0,0 +1,53 @@
+import { ButtonProps as AntButtonProps } from 'ant-design-vue';
+import { MtnButtonVariantProps } from './variants';
+import { PermissionAction } from '@mtn-ui/utils';
+
+interface Props extends /* @vue-ignore */ Omit<AntButtonProps, 'class'>, /* @vue-ignore */ MtnButtonVariantProps {
+    class?: string;
+    permission?: string | string[];
+    permissionAction?: PermissionAction;
+    /**
+     * 防抖延迟时间（毫秒）
+     * 如果设置了此属性，点击事件会被防抖处理
+     * 默认不启用防抖
+     */
+    debounceMs?: number;
+}
+declare function __VLS_template(): Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    mtnVariant: string;
+    class: string;
+    permissionAction: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    mtnVariant: string;
+    class: string;
+    permissionAction: string;
+}>>> & Readonly<{}>, {
+    mtnVariant: "none" | "glass" | "gradient" | "soft" | null;
+    class: string;
+    permissionAction: PermissionAction;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+export { default as Button } from './Button';
+export type { ButtonProps } from './types';
+export { buttonVariants, cn, type ButtonVariantProps } from './variants';

package/dist/types/button/types.d.ts

@@ -0,0 +1,43 @@
+import { ButtonVariantProps } from './variants';
+
+/**
+ * Button 组件类型定义
+ */
+/**
+ * 按钮变体常量（用于运行时验证）
+ */
+export declare const BUTTON_VARIANTS: readonly ["primary", "default", "danger"];
+/**
+ * 按钮尺寸常量（用于运行时验证）
+ */
+export declare const BUTTON_SIZES: readonly ["small", "medium", "large"];
+/**
+ * 按钮变体类型
+ */
+export type ButtonVariant = ButtonVariantProps['mtnVariant'];
+/**
+ * Button 组件属性接口
+ * 基于 CVA 的变体类型，确保类型安全
+ * 注意：实际组件使用 Props 接口（在 Button.vue 中定义），此接口用于类型导出
+ */
+export interface ButtonProps extends ButtonVariantProps {
+    /**
+     * 按钮变体
+     * @default 'primary'
+     */
+    variant?: ButtonVariant;
+    /**
+     * 按钮尺寸
+     * @default 'medium'
+     */
+    size?: typeof BUTTON_SIZES;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}

package/dist/types/button/variants.d.ts

@@ -0,0 +1,33 @@
+import { VariantProps } from 'class-variance-authority';
+import { ClassValue } from 'clsx';
+
+/**
+ * 合并类名工具函数
+ * 确保 Tailwind 类名优先级正确（比如 px-4 不会被 p-2 覆盖）
+ * 使用 twMerge 处理 Tailwind 类名冲突，clsx 处理条件类名
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * MTN Button 组件样式变体定义
+ * 基于 Ant Design Vue，添加 MTN 专属风格
+ * 使用 CVA (class-variance-authority) 管理样式变体
+ *
+ * 注意：Tailwind v4 的 important 语法是在类名后加 !，例如 bg-blue-500!
+ * 样式通过 Tailwind 类名生成，并在 theme/index.css 中通过 @layer components 增强
+ */
+export declare const mtnButtonVariants: (props?: ({
+    mtnVariant?: "none" | "glass" | "gradient" | "soft" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * MTN Button 组件变体类型
+ * 从 CVA 变体中自动推导类型
+ */
+export type MtnButtonVariantProps = VariantProps<typeof mtnButtonVariants>;
+/**
+ * 保留旧的 buttonVariants 以保持向后兼容（可选）
+ * @deprecated 使用 mtnButtonVariants 代替
+ */
+export declare const buttonVariants: (props?: ({
+    mtnVariant?: "none" | "glass" | "gradient" | "soft" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonVariantProps = MtnButtonVariantProps;

package/dist/types/confirm-button/ConfirmButton.d.ts

@@ -0,0 +1,95 @@
+interface Props {
+    /**
+     * 确认对话框标题
+     */
+    title?: string;
+    /**
+     * 确认对话框描述（可选）
+     */
+    description?: string;
+    /**
+     * 确认按钮文字
+     */
+    okText?: string;
+    /**
+     * 取消按钮文字
+     */
+    cancelText?: string;
+    /**
+     * 确认按钮类型
+     */
+    okType?: 'primary' | 'default' | 'dashed' | 'text' | 'link';
+    /**
+     * 确认按钮的额外属性（如 danger: true 用于删除等危险操作）
+     */
+    okButtonProps?: Record<string, unknown>;
+    /**
+     * 权限标识，可以是单个权限字符串或权限数组
+     * 如果未提供，则不进行权限检查
+     */
+    permission?: string | string[];
+    /**
+     * 权限控制模式
+     * - 'hide': 无权限时隐藏按钮（默认）
+     * - 'disable': 无权限时禁用按钮
+     */
+    permissionAction?: 'hide' | 'disable';
+    /**
+     * 防抖延迟时间（毫秒）
+     * 如果设置了此属性，确认操作会被防抖处理
+     * 默认不启用防抖
+     */
+    debounceMs?: number;
+}
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
+    description?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    title: string;
+    okText: string;
+    cancelText: string;
+    okType: string;
+    permissionAction: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    confirm: (e?: MouseEvent | undefined) => void;
+    cancel: (e?: MouseEvent | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    title: string;
+    okText: string;
+    cancelText: string;
+    okType: string;
+    permissionAction: string;
+}>>> & Readonly<{
+    onConfirm?: ((e?: MouseEvent | undefined) => any) | undefined;
+    onCancel?: ((e?: MouseEvent | undefined) => any) | undefined;
+}>, {
+    title: string;
+    permissionAction: "hide" | "disable";
+    okText: string;
+    cancelText: string;
+    okType: "primary" | "default" | "dashed" | "text" | "link";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/confirm-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ConfirmButton } from './ConfirmButton';
+export type { ConfirmButtonProps } from './types';

package/dist/types/confirm-button/types.d.ts

@@ -0,0 +1,45 @@
+import { PopconfirmProps as APopconfirmProps } from 'ant-design-vue';
+import { PermissionAction } from '@mtn-ui/utils';
+import { ButtonProps as MtnButtonProps } from '../button/types';
+
+/**
+ * ConfirmButton 组件属性接口
+ */
+export interface ConfirmButtonProps extends /* @vue-ignore */ Omit<APopconfirmProps, 'title'>, Omit<MtnButtonProps, 'onClick'> {
+    /**
+     * 确认对话框标题
+     */
+    title?: string;
+    /**
+     * 确认对话框描述（可选）
+     */
+    description?: string;
+    /**
+     * 确认按钮文字
+     */
+    okText?: string;
+    /**
+     * 取消按钮文字
+     */
+    cancelText?: string;
+    /**
+     * 确认按钮类型
+     */
+    okType?: 'primary' | 'default' | 'dashed' | 'text' | 'link';
+    /**
+     * 确认按钮的额外属性（如 { danger: true } 用于删除等危险操作，弹窗内「确定」会变红）
+     */
+    okButtonProps?: Record<string, unknown>;
+    /**
+     * 权限标识，可以是单个权限字符串或权限数组
+     */
+    permission?: string | string[];
+    /**
+     * 权限控制模式
+     */
+    permissionAction?: PermissionAction;
+    /**
+     * 防抖延迟时间（毫秒）
+     */
+    debounceMs?: number;
+}

package/dist/types/delete-button/DeleteButton.d.ts

@@ -0,0 +1,70 @@
+interface Props {
+    /**
+     * 确认对话框标题
+     * @default '确定要删除吗？'
+     */
+    title?: string;
+    /**
+     * 确认对话框描述（可选）
+     */
+    description?: string;
+    /**
+     * 是否显示删除图标
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * 权限标识，可以是单个权限字符串或权限数组
+     */
+    permission?: string | string[];
+    /**
+     * 权限控制模式
+     */
+    permissionAction?: 'hide' | 'disable';
+    /**
+     * 防抖延迟时间（毫秒）
+     */
+    debounceMs?: number;
+}
+declare function __VLS_template(): {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    title: string;
+    showIcon: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    confirm: (e?: MouseEvent | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    title: string;
+    showIcon: boolean;
+}>>> & Readonly<{
+    onConfirm?: ((e?: MouseEvent | undefined) => any) | undefined;
+}>, {
+    title: string;
+    showIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/delete-button/index.d.ts

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

package/dist/types/delete-button/types.d.ts

@@ -0,0 +1,31 @@
+import { PermissionAction } from '@mtn-ui/utils';
+
+/**
+ * DeleteButton 组件属性接口
+ */
+export interface DeleteButtonProps {
+    /**
+     * 确认对话框标题
+     */
+    title?: string;
+    /**
+     * 确认对话框描述（可选）
+     */
+    description?: string;
+    /**
+     * 是否显示删除图标
+     */
+    showIcon?: boolean;
+    /**
+     * 权限标识，可以是单个权限字符串或权限数组
+     */
+    permission?: string | string[];
+    /**
+     * 权限控制模式
+     */
+    permissionAction?: PermissionAction;
+    /**
+     * 防抖延迟时间（毫秒）
+     */
+    debounceMs?: number;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,27 @@
+import { Plugin } from 'vue';
+
+export * from './button';
+export type * from './button/types';
+export * from './action-group';
+export type * from './action-group/types';
+export * from './confirm-button';
+export type * from './confirm-button/types';
+export * from './delete-button';
+export type * from './delete-button/types';
+export type * from './button/types';
+/**
+ * MTN UI Vue Plugin
+ * 用于全量注册所有组件
+ *
+ * @example
+ * ```ts
+ * import MtnUI from '@mtn-ui/components'
+ * import '@mtn-ui/components/style' // 需要手动导入样式
+ * app.use(MtnUI)
+ * ```
+ */
+declare const MtnUI: Plugin;
+export default MtnUI;
+export declare const version = "1.0.0";
+export { MtnUIResolver, default as resolver } from './resolver';
+export { usePermission, type UsePermissionOptions, type UsePermissionReturn, type PermissionAction } from '@mtn-ui/utils';

package/dist/types/resolver.d.ts

@@ -0,0 +1,8 @@
+import { ComponentResolver } from 'unplugin-vue-components/types';
+
+export declare function MtnUIResolver(): ComponentResolver;
+/**
+ * 默认导出的 Resolver
+ */
+declare const _default: ComponentResolver;
+export default _default;

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@mtn-ui/components",
+  "version": "0.0.1",
+  "description": "MTN UI Components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "./dist/index.css",
+    "./dist/**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "development": "./src/index.ts",
+      "import": "./dist/index.js"
+    },
+    "./style": {
+      "development": "./src/style.css",
+      "import": "./dist/index.css"
+    },
+    "./button": {
+      "types": "./dist/types/button/index.d.ts",
+      "development": "./src/button/index.ts",
+      "import": "./dist/button/index.js"
+    },
+    "./resolver": {
+      "types": "./dist/types/resolver.d.ts",
+      "development": "./src/resolver.ts",
+      "import": "./dist/resolver.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "component-library",
+    "ui",
+    "tailwindcss"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "peerDependencies": {
+    "@ant-design/icons-vue": ">=7.0.0",
+    "@vueuse/core": ">=10.0.0",
+    "ant-design-vue": ">=4.0.0",
+    "unplugin-vue-components": ">=0.25.0",
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "@tailwindcss/vite": "^4.0.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vueuse/core": "^11.0.0",
+    "ant-design-vue": "^4.2.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "rollup": "^4.9.0",
+    "sass": "^1.77.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.0.0",
+    "unplugin-vue-components": "^0.25.0",
+    "vite-plugin-dts": "^3.9.0",
+    "vue": "^3.5.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "dependencies": {
+    "@mtn-ui/utils": "1.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "type-check": "vue-tsc --noEmit"
+  }
+}