@tmagic/table 1.4.16 → 1.5.0-beta.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.16",
+  "version": "1.5.0-beta.0",
   "name": "@tmagic/table",
   "type": "module",
   "main": "dist/tmagic-table.umd.cjs",
@@ -41,15 +41,14 @@
     "@vue/test-utils": "^2.4.6",
     "rimraf": "^3.0.2",
     "sass": "^1.77.0",
-    "vite": "^5.3.5",
-    "vue-tsc": "^2.0.19"
+    "vite": "^5.3.5"
   },
   "peerDependencies": {
     "vue": "^3.4.35",
     "typescript": "*",
-    "@tmagic/design": "1.4.16",
-    "@tmagic/utils": "1.4.16",
-    "@tmagic/form": "1.4.16"
+    "@tmagic/design": "1.5.0-beta.0",
+    "@tmagic/utils": "1.5.0-beta.0",
+    "@tmagic/form": "1.5.0-beta.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -57,9 +56,6 @@
     }
   },
   "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "vue-tsc --noEmit --project tsconfig.build.json"
+    "build": "vite build"
   }
 }

package/src/schema.ts

@@ -50,9 +50,24 @@ export interface ColumnConfig<T = any> {
   table?: ColumnConfig[];
   formatter?: 'datetime' | ((item: any, row: T) => any);
   popover?: {
-    placement: string;
-    width: string;
-    trigger: string;
+    placement:
+      | 'auto'
+      | 'auto-start'
+      | 'auto-end'
+      | 'left'
+      | 'right'
+      | 'top'
+      | 'bottom'
+      | 'top-start'
+      | 'top-end'
+      | 'bottom-start'
+      | 'bottom-end'
+      | 'right-start'
+      | 'right-end'
+      | 'left-start'
+      | 'left-end';
+    width: string | number;
+    trigger: 'hover' | 'click';
     tableEmbed: boolean;
   };
   sortable?: boolean | 'custom';

package/types/index.d.ts

@@ -1,8 +1,166 @@
+import * as vue from 'vue';
 import { App } from 'vue';
-export { default as MagicTable } from './Table.vue';
-export * from './schema';
-export * from './utils';
+import { FormConfig, FormValue } from '@tmagic/form';
+
+interface ColumnActionConfig {
+    type?: 'delete' | 'copy' | 'edit';
+    buttonType?: string;
+    display?: (row: any) => boolean;
+    text?: string | ((row: any) => string);
+    name?: string;
+    tooltip?: string;
+    tooltipPlacement?: string;
+    icon?: any;
+    handler?: (row: any, index: number) => Promise<any> | any;
+    before?: (row: any, index: number) => Promise<void> | void;
+    after?: (row: any, index: number) => Promise<void> | void;
+    action?: (data: {
+        data: any;
+    }) => Promise<void> | void;
+}
+interface ColumnConfig<T = any> {
+    form?: FormConfig;
+    rules?: any;
+    values?: FormValue;
+    selection?: boolean | 'single';
+    selectable?: (row: any, index: number) => boolean;
+    label?: string;
+    fixed?: 'left' | 'right' | boolean;
+    width?: number | string;
+    actions?: ColumnActionConfig[];
+    type?: 'popover' | 'expand' | 'component' | string | ((value: any, row: T) => string);
+    text?: string;
+    prop?: string;
+    showHeader?: boolean;
+    table?: ColumnConfig[];
+    formatter?: 'datetime' | ((item: any, row: T) => any);
+    popover?: {
+        placement: 'auto' | 'auto-start' | 'auto-end' | 'left' | 'right' | 'top' | 'bottom' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+        width: string | number;
+        trigger: 'hover' | 'click';
+        tableEmbed: boolean;
+    };
+    sortable?: boolean | 'custom';
+    action?: 'tip' | 'actionLink' | 'img' | 'link' | 'tag';
+    handler?: (row: T) => void;
+    /** 当type为expand时有效，展开为html */
+    expandContent?: (row: T, prop?: string) => string;
+    /** 当type为expand时，展开为vue组件；当type为component时显示的组件 */
+    component?: any;
+    /** 当type为expand时，展开的vue组件props；当type为component时显示的组件的props */
+    props?: any;
+    /** 当type为component时显示的组件的事件监听 */
+    listeners?: any;
+    /** 当type为tip时有效，显示文案 */
+    buttonText?: string;
+}
+
+declare const _default$1: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    data: any[];
+    columns?: ColumnConfig[];
+    /** 合并行或列的计算方法 */
+    spanMethod?: (data: {
+        row: any;
+        column: any;
+        rowIndex: number;
+        columnIndex: number;
+    }) => [number, number];
+    loading?: boolean;
+    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+    bodyHeight?: string | number;
+    /** 是否显示表头 */
+    showHeader?: boolean;
+    /** 空数据时显示的文本内容 */
+    emptyText?: string;
+    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+    defaultExpandAll?: boolean;
+    rowkeyName?: string;
+    /** 是否带有纵向边框 */
+    border?: boolean;
+}>, {
+    columns: () => never[];
+    loading: boolean;
+    showHeader: boolean;
+    defaultExpandAll: boolean;
+    border: boolean;
+}>, {
+    toggleRowSelection: (row: any, selected: boolean) => void;
+    toggleRowExpansion: (row: any, expanded: boolean) => void;
+    clearSelection: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+    "sort-change": (...args: any[]) => void;
+    "expand-change": (...args: any[]) => void;
+    "cell-click": (...args: any[]) => void;
+    "after-action": (...args: any[]) => void;
+    "select-all": (...args: any[]) => void;
+    "selection-change": (...args: any[]) => void;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    data: any[];
+    columns?: ColumnConfig[];
+    /** 合并行或列的计算方法 */
+    spanMethod?: (data: {
+        row: any;
+        column: any;
+        rowIndex: number;
+        columnIndex: number;
+    }) => [number, number];
+    loading?: boolean;
+    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+    bodyHeight?: string | number;
+    /** 是否显示表头 */
+    showHeader?: boolean;
+    /** 空数据时显示的文本内容 */
+    emptyText?: string;
+    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+    defaultExpandAll?: boolean;
+    rowkeyName?: string;
+    /** 是否带有纵向边框 */
+    border?: boolean;
+}>, {
+    columns: () => never[];
+    loading: boolean;
+    showHeader: boolean;
+    defaultExpandAll: boolean;
+    border: boolean;
+}>>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onSort-change"?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    "onCell-click"?: ((...args: any[]) => any) | undefined;
+    "onAfter-action"?: ((...args: any[]) => any) | undefined;
+    "onSelect-all"?: ((...args: any[]) => any) | undefined;
+    "onSelection-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean;
+    border: boolean;
+    defaultExpandAll: boolean;
+    columns: ColumnConfig[];
+    showHeader: boolean;
+}, {}>;
+
+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_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: vue.PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: vue.PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare const formatter: (item: ColumnConfig, row: any) => any;
+
 declare const _default: {
     install(app: App): void;
 };
-export default _default;
+
+export { type ColumnActionConfig, type ColumnConfig, _default$1 as MagicTable, _default as default, formatter };

package/src/shims-vue.d.ts

@@ -1,6 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

package/types/ActionsColumn.vue.d.ts

@@ -1,50 +0,0 @@
-import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    columns: any[];
-    config: ColumnConfig;
-    rowkeyName?: string;
-    editState?: any;
-}>, {
-    columns: () => never[];
-    config: () => {};
-    rowkeyName: string;
-    editState: () => never[];
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "after-action": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    columns: any[];
-    config: ColumnConfig;
-    rowkeyName?: string;
-    editState?: any;
-}>, {
-    columns: () => never[];
-    config: () => {};
-    rowkeyName: string;
-    editState: () => never[];
-}>>> & {
-    "onAfter-action"?: ((...args: any[]) => any) | undefined;
-}, {
-    columns: any[];
-    config: ColumnConfig;
-    rowkeyName: string;
-    editState: any;
-}, {}>;
-export default _default;
-
-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_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/types/ComponentColumn.vue.d.ts

@@ -1,30 +0,0 @@
-import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-}>, {
-    config: () => {};
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-}>, {
-    config: () => {};
-}>>>, {
-    config: ColumnConfig;
-}, {}>;
-export default _default;
-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_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/types/ExpandColumn.vue.d.ts

@@ -1,30 +0,0 @@
-import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-}>, {
-    config: () => {};
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-}>, {
-    config: () => {};
-}>>>, {
-    config: ColumnConfig;
-}, {}>;
-export default _default;
-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_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/types/PopoverColumn.vue.d.ts

@@ -1,30 +0,0 @@
-import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-}>, {
-    config: () => {};
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-}>, {
-    config: () => {};
-}>>>, {
-    config: ColumnConfig;
-}, {}>;
-export default _default;
-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_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/types/Table.vue.d.ts

@@ -1,102 +0,0 @@
-import type { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    data: any[];
-    columns?: ColumnConfig[];
-    /** 合并行或列的计算方法 */
-    spanMethod?: (data: {
-        row: any;
-        column: any;
-        rowIndex: number;
-        columnIndex: number;
-    }) => [number, number];
-    loading?: boolean;
-    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
-    bodyHeight?: string | number;
-    /** 是否显示表头 */
-    showHeader?: boolean;
-    /** 空数据时显示的文本内容 */
-    emptyText?: string;
-    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
-    defaultExpandAll?: boolean;
-    rowkeyName?: string;
-    /** 是否带有纵向边框 */
-    border?: boolean;
-}>, {
-    columns: () => never[];
-    loading: boolean;
-    showHeader: boolean;
-    defaultExpandAll: boolean;
-    border: boolean;
-}>, {
-    toggleRowSelection: (row: any, selected: boolean) => void;
-    toggleRowExpansion: (row: any, expanded: boolean) => void;
-    clearSelection: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "after-action": (...args: any[]) => void;
-    select: (...args: any[]) => void;
-    "sort-change": (...args: any[]) => void;
-    "select-all": (...args: any[]) => void;
-    "selection-change": (...args: any[]) => void;
-    "expand-change": (...args: any[]) => void;
-    "cell-click": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    data: any[];
-    columns?: ColumnConfig[];
-    /** 合并行或列的计算方法 */
-    spanMethod?: (data: {
-        row: any;
-        column: any;
-        rowIndex: number;
-        columnIndex: number;
-    }) => [number, number];
-    loading?: boolean;
-    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
-    bodyHeight?: string | number;
-    /** 是否显示表头 */
-    showHeader?: boolean;
-    /** 空数据时显示的文本内容 */
-    emptyText?: string;
-    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
-    defaultExpandAll?: boolean;
-    rowkeyName?: string;
-    /** 是否带有纵向边框 */
-    border?: boolean;
-}>, {
-    columns: () => never[];
-    loading: boolean;
-    showHeader: boolean;
-    defaultExpandAll: boolean;
-    border: boolean;
-}>>> & {
-    "onAfter-action"?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
-    "onSort-change"?: ((...args: any[]) => any) | undefined;
-    "onSelect-all"?: ((...args: any[]) => any) | undefined;
-    "onSelection-change"?: ((...args: any[]) => any) | undefined;
-    "onExpand-change"?: ((...args: any[]) => any) | undefined;
-    "onCell-click"?: ((...args: any[]) => any) | undefined;
-}, {
-    columns: ColumnConfig[];
-    loading: boolean;
-    showHeader: boolean;
-    defaultExpandAll: boolean;
-    border: boolean;
-}, {}>;
-export default _default;
-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_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/types/TextColumn.vue.d.ts

@@ -1,35 +0,0 @@
-import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-    editState?: any;
-}>, {
-    config: () => {};
-    editState: () => {};
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    config: ColumnConfig;
-    editState?: any;
-}>, {
-    config: () => {};
-    editState: () => {};
-}>>>, {
-    config: ColumnConfig;
-    editState: any;
-}, {}>;
-export default _default;
-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_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/types/schema.d.ts

@@ -1,53 +0,0 @@
-import { FormConfig, FormValue } from '@tmagic/form';
-export interface ColumnActionConfig {
-    type?: 'delete' | 'copy' | 'edit';
-    buttonType?: string;
-    display?: (row: any) => boolean;
-    text?: string | ((row: any) => string);
-    name?: string;
-    tooltip?: string;
-    tooltipPlacement?: string;
-    icon?: any;
-    handler?: (row: any, index: number) => Promise<any> | any;
-    before?: (row: any, index: number) => Promise<void> | void;
-    after?: (row: any, index: number) => Promise<void> | void;
-    action?: (data: {
-        data: any;
-    }) => Promise<void> | void;
-}
-export interface ColumnConfig<T = any> {
-    form?: FormConfig;
-    rules?: any;
-    values?: FormValue;
-    selection?: boolean | 'single';
-    selectable?: (row: any, index: number) => boolean;
-    label?: string;
-    fixed?: 'left' | 'right' | boolean;
-    width?: number | string;
-    actions?: ColumnActionConfig[];
-    type?: 'popover' | 'expand' | 'component' | string | ((value: any, row: T) => string);
-    text?: string;
-    prop?: string;
-    showHeader?: boolean;
-    table?: ColumnConfig[];
-    formatter?: 'datetime' | ((item: any, row: T) => any);
-    popover?: {
-        placement: string;
-        width: string;
-        trigger: string;
-        tableEmbed: boolean;
-    };
-    sortable?: boolean | 'custom';
-    action?: 'tip' | 'actionLink' | 'img' | 'link' | 'tag';
-    handler?: (row: T) => void;
-    /** 当type为expand时有效，展开为html */
-    expandContent?: (row: T, prop?: string) => string;
-    /** 当type为expand时，展开为vue组件；当type为component时显示的组件 */
-    component?: any;
-    /** 当type为expand时，展开的vue组件props；当type为component时显示的组件的props */
-    props?: any;
-    /** 当type为component时显示的组件的事件监听 */
-    listeners?: any;
-    /** 当type为tip时有效，显示文案 */
-    buttonText?: string;
-}

package/types/utils.d.ts

@@ -1,2 +0,0 @@
-import { ColumnConfig } from './schema';
-export declare const formatter: (item: ColumnConfig, row: any) => any;