@mtn-ui/components 1.0.0

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

@@ -0,0 +1,49 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { MenuProps } from 'ant-design-vue';
+export declare const dropdownButtonProps: {
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"primary" | "default" | "dashed" | "text" | "link">;
+        default: string;
+    };
+    size: {
+        type: PropType<"large" | "middle" | "small">;
+        default: string;
+    };
+    menu: {
+        type: PropType<MenuProps["items"]>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<"bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<("click" | "hover" | "contextmenu")[]>;
+        default: () => string[];
+    };
+    permission: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    permissionAction: {
+        type: PropType<"hide" | "disable">;
+        default: string;
+    };
+};
+export type DropdownButtonProps = ExtractPropTypes<typeof dropdownButtonProps>;

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

@@ -0,0 +1,36 @@
+/**
+ * 扩展的菜单项类型，支持权限控制
+ * 基于 Ant Design Vue 的 MenuProps['items']，添加权限相关属性
+ */
+export interface MenuItemWithPermission {
+    /** 菜单项唯一标识 */
+    key?: string;
+    /** 菜单项文本 */
+    label?: string;
+    /** 菜单项图标 */
+    icon?: any;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否危险样式 */
+    danger?: boolean;
+    /** 点击事件 */
+    onClick?: (info?: any) => void;
+    /** 菜单项类型（用于分割线） */
+    type?: "divider";
+    /**
+     * 权限码（支持单个或多个，满足任一即可）
+     * @example 'user:add'
+     * @example ['admin', 'user:manage']
+     */
+    permission?: string | string[];
+    /**
+     * 无权限时的行为
+     * - 'hide'（默认）：隐藏菜单项
+     * - 'disable'：禁用菜单项（灰色显示但可见）
+     */
+    permissionAction?: "hide" | "disable";
+}
+/**
+ * 扩展的菜单配置类型（数组形式）
+ */
+export type MenuWithPermission = MenuItemWithPermission[];

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

@@ -0,0 +1,10 @@
+/**
+ * Ant Design Vue 封装组件
+ * 这些组件基于 Ant Design Vue 二次封装，保持统一的 Tailwind 风格
+ */
+export * from './button';
+export * from './button-group';
+export * from './dropdown-button';
+export * from './action-group';
+export * from './delete-button';
+export * from './table';

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

@@ -0,0 +1,68 @@
+export declare const Table: import('../../../../shared/index.ts').WithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columns: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["columns"]>;
+        required: boolean;
+    };
+    dataSource: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["dataSource"]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["rowKey"]>;
+        default: string;
+    };
+    pagination: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["pagination"]>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    columns: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["columns"]>;
+        required: boolean;
+    };
+    dataSource: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["dataSource"]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["rowKey"]>;
+        default: string;
+    };
+    pagination: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["pagination"]>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: "small" | "middle" | "large";
+    loading: boolean;
+    rowKey: string | import('ant-design-vue/es/vc-table/interface').GetRowKey<any> | undefined;
+    dataSource: any[] | undefined;
+    pagination: false | import('ant-design-vue').TablePaginationConfig | undefined;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+export default Table;
+export * from './props';

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

@@ -0,0 +1,37 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { TableProps as AntdTableProps } from 'ant-design-vue';
+/**
+ * 继承 Ant Design Table 的 Props
+ * 可以添加自定义 props 或覆盖默认值
+ */
+export declare const tableProps: {
+    columns: {
+        type: PropType<AntdTableProps["columns"]>;
+        required: boolean;
+    };
+    dataSource: {
+        type: PropType<AntdTableProps["dataSource"]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: PropType<AntdTableProps["rowKey"]>;
+        default: string;
+    };
+    pagination: {
+        type: PropType<AntdTableProps["pagination"]>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+};
+export type TableProps = ExtractPropTypes<typeof tableProps>;

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

@@ -0,0 +1,67 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columns: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["columns"]>;
+        required: boolean;
+    };
+    dataSource: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["dataSource"]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["rowKey"]>;
+        default: string;
+    };
+    pagination: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["pagination"]>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    columns: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["columns"]>;
+        required: boolean;
+    };
+    dataSource: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["dataSource"]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["rowKey"]>;
+        default: string;
+    };
+    pagination: {
+        type: import('vue').PropType<import('ant-design-vue').TableProps["pagination"]>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"small" | "middle" | "large">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: "small" | "middle" | "large";
+    loading: boolean;
+    rowKey: string | import('ant-design-vue/es/vc-table/interface').GetRowKey<any> | undefined;
+    dataSource: any[] | undefined;
+    pagination: false | import('ant-design-vue').TablePaginationConfig | undefined;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/packages/components/src/data-display/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 数据展示组件
+ * Data Display Components
+ */
+export * from './tag';

package/dist/types/packages/components/src/data-display/tag/__tests__/tag.test.d.ts

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

package/dist/types/packages/components/src/data-display/tag/index.d.ts

@@ -0,0 +1,21 @@
+export declare const Tag: import('../../../../shared/index.ts').WithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"success" | "processing" | "error" | "warning" | "default">;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"success" | "processing" | "error" | "warning" | "default">;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    type: "success" | "processing" | "error" | "warning" | "default";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+export default Tag;
+export * from './props';

package/dist/types/packages/components/src/data-display/tag/props.d.ts

@@ -0,0 +1,11 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const tagProps: {
+    type: {
+        type: PropType<"success" | "processing" | "error" | "warning" | "default">;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+};
+export type TagProps = ExtractPropTypes<typeof tagProps>;

package/dist/types/packages/components/src/data-display/tag/tag.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"success" | "processing" | "error" | "warning" | "default">;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"success" | "processing" | "error" | "warning" | "default">;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    type: "success" | "processing" | "error" | "warning" | "default";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

package/package.json

@@ -0,0 +1,52 @@
+{
+    "name": "@mtn-ui/components",
+    "version": "1.0.0",
+    "type": "module",
+    "description": "Core components for mtn-ui",
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "types": "./dist/types/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/types/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        },
+        "./style": "./dist/components.css"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "vite build",
+        "dev": "vite build --watch",
+        "test": "vitest run",
+        "test:watch": "vitest"
+    },
+    "dependencies": {
+        "@ant-design/icons-vue": "^7.0.1",
+        "@mtn-ui/shared": "workspace:*",
+        "@mtn-ui/theme": "workspace:*",
+        "@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"
+    }
+}