@mtn-ui/components 1.0.6 → 1.0.8

package/package.json

@@ -1,53 +1,53 @@
 {
-    "name": "@mtn-ui/components",
-    "version": "1.0.6",
-    "type": "module",
-    "description": "Core components for mtn-ui",
-    "main": "./dist/index.cjs",
-    "module": "./dist/index.mjs",
-    "types": "./dist/types/index.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/types/index.d.ts",
-            "import": "./dist/index.mjs",
-            "require": "./dist/index.cjs",
-            "default": "./dist/index.mjs"
-        },
-        "./style": "./dist/components.css"
+  "name": "@mtn-ui/components",
+  "version": "1.0.8",
+  "type": "module",
+  "description": "Core components for mtn-ui",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.mjs"
     },
-    "publishConfig": {
-        "access": "public"
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "vite build && node scripts/fix-types.js",
-        "dev": "vite build --watch",
-        "test": "vitest run",
-        "test:watch": "vitest"
-    },
-    "dependencies": {
-        "@ant-design/icons-vue": "^7.0.1",
-        "@mtn-ui/shared": "^1.0.0",
-        "@mtn-ui/theme": "^1.0.0",
-        "@vueuse/core": "^14.1.0",
-        "ant-design-vue": "^4.2.6",
-        "class-variance-authority": "latest",
-        "radix-vue": "latest"
-    },
-    "devDependencies": {
-        "@tailwindcss/vite": "^4.0.0",
-        "@vitejs/plugin-vue": "^5.2.1",
-        "@vitejs/plugin-vue-jsx": "^4.1.1",
-        "@vue/test-utils": "^2.4.6",
-        "jsdom": "^24.1.0",
-        "vite": "^6.0.0",
-        "vite-plugin-dts": "^4.0.0",
-        "vitest": "^3.0.0",
-        "vue": "^3.5.0"
-    },
-    "peerDependencies": {
-        "vue": "^3.5.0"
-    }
-}
+    "./style": "./dist/components.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "@mtn-ui/shared": "^1.0.0",
+    "@mtn-ui/theme": "^1.0.0",
+    "@vueuse/core": "^14.1.0",
+    "ant-design-vue": "^4.2.6",
+    "class-variance-authority": "latest",
+    "radix-vue": "latest"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.0.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vue/test-utils": "^2.4.6",
+    "jsdom": "^24.1.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vitest": "^3.0.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "scripts": {
+    "build": "vite build && node scripts/fix-types.js",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}

package/dist/antd-wrapped/table/index.js

@@ -1,7 +0,0 @@
-import { withInstall as t } from "@mtn-ui/shared";
-import o from "./table.js";
-const r = t(o);
-export {
-  r as Table,
-  r as default
-};

package/dist/antd-wrapped/table/props.js

@@ -1,35 +0,0 @@
-const e = {
-  // 继承 antd 的所有 props
-  columns: {
-    type: Array,
-    required: !0
-  },
-  dataSource: {
-    type: Array,
-    default: () => []
-  },
-  rowKey: {
-    type: [String, Function],
-    default: "id"
-  },
-  pagination: {
-    type: [Object, Boolean],
-    default: void 0
-  },
-  loading: {
-    type: Boolean,
-    default: !1
-  },
-  bordered: {
-    type: Boolean,
-    default: !1
-  },
-  size: {
-    type: String,
-    default: "middle"
-  }
-  // 可以添加更多自定义 props
-};
-export {
-  e as tableProps
-};

package/dist/types/index.d.ts

@@ -1,18 +0,0 @@
-import { App } from 'vue';
-/**
- * Mtn UI - Vue 3 Component Library
- *
- * 分类导出：
- * - data-display: 数据展示组件（自实现）
- * - antd-wrapped: 复杂组件（基于 Ant Design Vue 封装）
- * - layout: 布局组件（待添加）
- * - navigation: 导航组件（待添加）
- * - data-entry: 数据录入组件（待添加）
- * - feedback: 反馈组件（待添加）
- */
-export * from './packages/components/src/data-display';
-export * from './packages/components/src/antd-wrapped';
-declare const _default: {
-    install(app: App): void;
-};
-export default _default;

package/dist/types/packages/components/src/_utils/__tests__/filterMenuByPermission.test.d.ts

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

package/dist/types/packages/components/src/_utils/__tests__/usePermission.test.d.ts

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

package/dist/types/packages/components/src/_utils/constants.d.ts

@@ -1,7 +0,0 @@
-/**
- * 全局常量
- */
-/**
- * 权限检查器的 inject key
- */
-export declare const PERMISSION_CHECKER_KEY: unique symbol;

package/dist/types/packages/components/src/_utils/filterMenuByPermission.d.ts

@@ -1,14 +0,0 @@
-import { MenuItemWithPermission } from '../antd-wrapped/dropdown-button/types';
-import { PermissionChecker } from '../../../shared/index.ts';
-/**
- * 根据权限过滤菜单项
- * @param menu 菜单配置
- * @param permissionChecker 权限检查函数
- * @returns 过滤后的菜单
- *
- * @example
- * ```typescript
- * const filteredMenu = filterMenuByPermission(menu, permissionChecker.value)
- * ```
- */
-export declare function filterMenuByPermission(menu: MenuItemWithPermission[], permissionChecker: PermissionChecker): MenuItemWithPermission[];

package/dist/types/packages/components/src/_utils/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * 工具函数和 Composables
- */
-export * from './usePermission';
-export * from './filterMenuByPermission';
-export * from './constants';
-export * from './types';

package/dist/types/packages/components/src/_utils/types.d.ts

@@ -1,7 +0,0 @@
-/**
- * 全局类型定义
- */
-/**
- * 权限检查器函数类型
- */
-export type PermissionChecker = (permission: string | string[]) => boolean;

package/dist/types/packages/components/src/_utils/usePermission.d.ts

@@ -1,29 +0,0 @@
-import { ComputedRef } from 'vue';
-export interface UsePermissionOptions {
-    /** 权限码 */
-    permission?: string | string[];
-    /** 无权限时的行为 */
-    permissionAction?: "hide" | "disable";
-}
-export interface UsePermissionReturn {
-    /** 是否有权限 */
-    hasPermission: ComputedRef<boolean>;
-    /** 是否应该隐藏 */
-    shouldHide: ComputedRef<boolean>;
-    /** 是否应该禁用 */
-    shouldDisable: ComputedRef<boolean>;
-}
-/**
- * 使用权限控制
- * @param options 权限配置选项
- * @returns 权限状态
- *
- * @example
- * ```typescript
- * const { hasPermission, shouldHide, shouldDisable } = usePermission({
- *   permission: props.permission,
- *   permissionAction: props.permissionAction,
- * })
- * ```
- */
-export declare function usePermission(options: UsePermissionOptions): UsePermissionReturn;

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

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

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

@@ -1,4 +0,0 @@
-import { default as ActionGroup } from './action-group.vue';
-import { ActionGroupProps, ActionItem } from './types';
-export { ActionGroup, type ActionGroupProps, type ActionItem };
-export default ActionGroup;

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

@@ -1,91 +0,0 @@
-import { PropType } from 'vue';
-import { ActionItem, ActionGroupMode } from './types';
-import { ButtonSize } from '../button/types';
-import { DropdownButtonProps } from '../dropdown-button/props';
-export declare const actionGroupProps: {
-    /**
-     * 操作项配置列表
-     */
-    actions: {
-        type: PropType<ActionItem[]>;
-        default: undefined;
-    };
-    /**
-     * 组件模式
-     */
-    mode: {
-        type: PropType<ActionGroupMode>;
-        default: string;
-    };
-    /**
-     * 最多显示的按钮数量
-     */
-    maxItems: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * 按钮之间的间距（px）
-     */
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * "更多"按钮的文本
-     */
-    moreText: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * "更多"按钮的图标
-     */
-    moreIcon: {
-        type: ObjectConstructor;
-        default: undefined;
-    };
-    /**
-     * "更多"按钮的属性
-     */
-    moreProps: {
-        type: PropType<Partial<DropdownButtonProps>>;
-        default: () => {};
-    };
-    /**
-     * 按钮尺寸
-     */
-    size: {
-        type: PropType<ButtonSize>;
-        default: string;
-    };
-    /**
-     * 是否紧凑模式
-     */
-    compact: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否垂直布局
-     */
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否块级元素
-     */
-    block: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否禁用响应式收纳
-     */
-    disableCollapse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
-export type ActionGroupPropsType = typeof actionGroupProps;

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

@@ -1,110 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

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

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

@@ -1,112 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,55 +0,0 @@
-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>;