@mtn-ui/components 0.0.7 → 0.0.10

package/dist/types/table/components/TableDensityControl.d.ts

@@ -0,0 +1,34 @@
+type Density = 'large' | 'middle' | 'small';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: Density;
+}>, {
+    modelValue: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (args_0: Density) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: Density;
+}>, {
+    modelValue: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: Density) => any) | undefined;
+}>, {
+    modelValue: Density;
+}, {}, {}, {}, 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/table/components/TableSearchBar.d.ts

@@ -0,0 +1,46 @@
+import { SearchField } from '../types';
+
+interface Props {
+    /** 搜索字段配置 */
+    searchList: SearchField[];
+    /** 是否加载中（禁用按钮） */
+    loading?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    loading: boolean;
+}>>, {
+    /** 设置表单数据（外部主动注入初始值） */
+    setFormData: (data: Record<string, unknown>) => void;
+    /** 获取当前表单数据 */
+    getFormData: () => {
+        [x: string]: unknown;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reset: () => void;
+    search: (params: Record<string, unknown>) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    loading: boolean;
+}>>> & Readonly<{
+    onReset?: (() => any) | undefined;
+    onSearch?: ((params: Record<string, unknown>) => any) | undefined;
+}>, {
+    loading: boolean;
+}, {}, {}, {}, 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/table/components/TableToolbar.d.ts

@@ -0,0 +1,48 @@
+import { SearchField } from '../types';
+import { ActionItem } from '../../action-group/types';
+
+interface Props {
+    /** 搜索字段配置 */
+    searchList?: SearchField[];
+    /** 操作按钮配置 */
+    optionsList?: ActionItem[];
+    /** 是否加载中（禁用按钮） */
+    loading?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    searchList: () => never[];
+    optionsList: () => never[];
+    loading: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reset: () => void;
+    search: (params: Record<string, unknown>) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    searchList: () => never[];
+    optionsList: () => never[];
+    loading: boolean;
+}>>> & Readonly<{
+    onReset?: (() => any) | undefined;
+    onSearch?: ((params: Record<string, unknown>) => any) | undefined;
+}>, {
+    loading: boolean;
+    searchList: SearchField[];
+    optionsList: ActionItem[];
+}, {}, {}, {}, 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/table/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Table } from './Table';
+export { default as TableDensityControl } from './components/TableDensityControl';
+export { default as TableColumnConfigurator } from './components/TableColumnConfigurator';
+export { default as TableSearchBar } from './components/TableSearchBar';
+export * from './types';

package/dist/types/table/types.d.ts

@@ -0,0 +1,97 @@
+import { VNode } from 'vue';
+
+/** 表格列类型 */
+export type TableColumnType = 'text' | 'tag' | 'status' | 'date' | 'dateTime' | 'select' | 'copy' | 'custom';
+/** 表格列对齐方式 */
+export type TableColumnAlign = 'left' | 'center' | 'right';
+/** 表格尺寸 */
+export type TableSize = 'large' | 'middle' | 'small';
+/** 列选项（用于 tag、status、select 类型） */
+export interface ColumnOption {
+    label: string;
+    value: unknown;
+    color?: string;
+}
+/** 表格列配置 */
+export interface TableColumn {
+    /** 列标题 */
+    title: string;
+    /** 数据字段 */
+    dataIndex: string;
+    /** 列类型 */
+    type?: TableColumnType;
+    /** 列宽 */
+    width?: number | string;
+    /** 对齐方式 */
+    align?: TableColumnAlign;
+    /** 固定列 */
+    fixed?: 'left' | 'right';
+    /** 文本省略 */
+    ellipsis?: boolean;
+    /** 支持排序 */
+    sorter?: boolean;
+    /** 列选项（tag/status/select 类型用） */
+    options?: ColumnOption[];
+    /** 字典类型（tag 类型用，优先级高于 options） */
+    dictType?: string;
+    /** 自定义渲染（custom 类型或覆盖默认渲染时用，与 antd ColumnType.customRender 签名一致） */
+    customRender?: (opt: {
+        value: unknown;
+        text: unknown;
+        record: Record<string, unknown>;
+        index: number;
+    }) => VNode;
+}
+/** 搜索字段类型（与 FormItemType 对齐） */
+export type SearchFieldType = 'input' | 'text-area' | 'select' | 'radio' | 'checkbox' | 'date-picker' | 'input-number' | 'input-search' | 'tree-select' | 'custom' | 'dict-select';
+/** 搜索字段配置 */
+export interface SearchField {
+    /** 字段名 */
+    name: string;
+    /** 字段标签 */
+    label: string;
+    /** 字段类型 */
+    type: SearchFieldType;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 选项配置（select/radio/checkbox 类型用） */
+    options?: {
+        label: string;
+        value: unknown;
+    }[];
+    /** 透传给 FormItem 的属性 */
+    itemProps?: Record<string, unknown>;
+    /** 是否显示标签（搜索栏场景默认 false） */
+    showLabel?: boolean;
+    /** 是否显示 */
+    show?: boolean;
+    /** 是否隐藏（展开后才可见，用于搜索栏高级字段） */
+    hidden?: boolean;
+    /** 占位列宽 */
+    span?: number;
+}
+/** 操作按钮配置 */
+export interface OperateButton {
+    /** 唯一标识 */
+    key: string;
+    /** 按钮文本 */
+    label: string;
+    /** 按钮类型 */
+    type?: 'default' | 'primary' | 'danger' | 'link';
+    /** 点击事件 */
+    onClick: (record?: Record<string, unknown>, index?: number) => void;
+}
+/** 列配置状态 */
+export interface ColumnConfigState {
+    order: (string | number)[];
+    fixedMap: Record<string | number, 'left' | 'right' | undefined>;
+    visible: (string | number)[];
+}
+/** 列元数据 */
+export interface ColumnMeta {
+    key: string | number;
+    title: string;
+    fixed?: 'left' | 'right';
+}
+/** 列键名 */
+export type ColumnKey = string | number;

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

@@ -0,0 +1,33 @@
+import { TableActionGroupProps, TableActionItem as TableActionItemType } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TableActionGroupProps>, {
+    items: () => never[];
+    gap: number;
+    width: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TableActionGroupProps>, {
+    items: () => never[];
+    gap: number;
+    width: number;
+}>>> & Readonly<{}>, {
+    width: number;
+    items: TableActionItemType[];
+    gap: 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/table-action-group/TableActionItem.d.ts

@@ -0,0 +1,16 @@
+import { TableActionItem } from './types';
+
+interface Props {
+    item: TableActionItem;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as TableActionGroup } from './TableActionGroup';
+export type { TableActionGroupProps, TableActionItem } from './types';

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

@@ -0,0 +1,25 @@
+/**
+ * TableActionGroup 表格操作按钮组属性
+ */
+export interface TableActionGroupProps {
+    /** 操作项列表 */
+    items?: TableActionItem[];
+    /** 按钮间距 */
+    gap?: number;
+    /** 容器宽度（px），用于计算可见按钮数量 */
+    width?: number;
+}
+export interface TableActionItem {
+    /** 按钮类型 */
+    type?: 'button' | 'confirm' | 'delete';
+    /** 按钮文字 */
+    label: string;
+    /** 图标 */
+    icon?: unknown;
+    /** 点击回调 */
+    onClick?: () => void;
+    /** 是否隐藏 */
+    hidden?: boolean;
+    /** 自定义属性 */
+    props?: Record<string, unknown>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mtn-ui/components",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "description": "MTN UI Components",
   "type": "module",
   "main": "./dist/index/index.js",
@@ -80,7 +80,8 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.4.0",
-    "@mtn-ui/utils": "0.0.6"
+    "vue-draggable-plus": "^0.6.1",
+    "@mtn-ui/utils": "0.0.8"
   },
   "scripts": {
     "build": "vite build",