@tmagic/table 1.7.7 → 1.7.8-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +235 -164
- package/dist/es/ActionsColumn.js +5 -0
- package/dist/es/ActionsColumn.vue_vue_type_script_setup_true_lang.js +122 -0
- package/dist/es/ComponentColumn.js +5 -0
- package/dist/es/ComponentColumn.vue_vue_type_script_setup_true_lang.js +27 -0
- package/dist/es/ExpandColumn.js +5 -0
- package/dist/es/ExpandColumn.vue_vue_type_script_setup_true_lang.js +42 -0
- package/dist/es/PopoverColumn.js +5 -0
- package/dist/es/PopoverColumn.vue_vue_type_script_setup_true_lang.js +51 -0
- package/dist/es/Table.js +5 -0
- package/dist/es/Table.vue_vue_type_script_setup_true_lang.js +192 -0
- package/dist/es/TextColumn.js +5 -0
- package/dist/es/TextColumn.vue_vue_type_script_setup_true_lang.js +84 -0
- package/dist/es/index.js +9 -0
- package/dist/es/style.css +13 -0
- package/dist/es/utils.js +17 -0
- package/dist/style.css +1 -1
- package/dist/tmagic-table.umd.cjs +2439 -2683
- package/package.json +7 -6
- package/types/index.d.ts +119 -122
- package/dist/tmagic-table.js +0 -652
package/package.json
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.7.
|
|
2
|
+
"version": "1.7.8-beta.2",
|
|
3
3
|
"name": "@tmagic/table",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"dist/style.css",
|
|
7
|
+
"dist/es/style.css",
|
|
7
8
|
"src/theme/*"
|
|
8
9
|
],
|
|
9
10
|
"main": "dist/tmagic-table.umd.cjs",
|
|
10
|
-
"module": "dist/
|
|
11
|
+
"module": "dist/es/index.js",
|
|
11
12
|
"types": "types/index.d.ts",
|
|
12
13
|
"exports": {
|
|
13
14
|
".": {
|
|
14
15
|
"types": "./types/index.d.ts",
|
|
15
|
-
"import": "./dist/
|
|
16
|
+
"import": "./dist/es/index.js",
|
|
16
17
|
"require": "./dist/tmagic-table.umd.cjs"
|
|
17
18
|
},
|
|
18
19
|
"./dist/style.css": {
|
|
@@ -44,9 +45,9 @@
|
|
|
44
45
|
"peerDependencies": {
|
|
45
46
|
"vue": "^3.5.24",
|
|
46
47
|
"typescript": "^5.9.3",
|
|
47
|
-
"@tmagic/
|
|
48
|
-
"@tmagic/
|
|
49
|
-
"@tmagic/utils": "1.7.
|
|
48
|
+
"@tmagic/form": "1.7.8-beta.2",
|
|
49
|
+
"@tmagic/design": "1.7.8-beta.2",
|
|
50
|
+
"@tmagic/utils": "1.7.8-beta.2"
|
|
50
51
|
},
|
|
51
52
|
"peerDependenciesMeta": {
|
|
52
53
|
"typescript": {
|
package/types/index.d.ts
CHANGED
|
@@ -1,134 +1,131 @@
|
|
|
1
|
-
import { App } from
|
|
2
|
-
import * as
|
|
3
|
-
import { FormConfig, FormValue } from
|
|
1
|
+
import { App } from "vue";
|
|
2
|
+
import * as _vue_runtime_core0 from "@vue/runtime-core";
|
|
3
|
+
import { FormConfig, FormValue } from "@tmagic/form";
|
|
4
4
|
|
|
5
|
+
//#region temp/packages/table/src/schema.d.ts
|
|
5
6
|
interface ColumnActionConfig {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
7
|
+
type?: 'delete' | 'copy' | 'edit' | string;
|
|
8
|
+
buttonType?: string;
|
|
9
|
+
display?: boolean | ((row: any) => boolean);
|
|
10
|
+
disabled?: boolean | ((row: any) => boolean);
|
|
11
|
+
text?: string | ((row: any) => string);
|
|
12
|
+
name?: string;
|
|
13
|
+
tooltip?: string;
|
|
14
|
+
tooltipPlacement?: string;
|
|
15
|
+
icon?: any;
|
|
16
|
+
handler?: (row: any, index: number) => Promise<any> | any;
|
|
17
|
+
before?: (row: any, index: number) => Promise<void> | void;
|
|
18
|
+
after?: (row: any, index: number) => Promise<void> | void;
|
|
19
|
+
action?: (data: {
|
|
20
|
+
data: any;
|
|
21
|
+
index: number;
|
|
22
|
+
}) => Promise<void> | void;
|
|
23
|
+
cancel?: (data: {
|
|
24
|
+
index: number;
|
|
25
|
+
}) => Promise<void> | void;
|
|
25
26
|
}
|
|
26
27
|
interface ColumnConfig<T = any> {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
28
|
+
pageIndex?: number;
|
|
29
|
+
pageSize?: number;
|
|
30
|
+
form?: FormConfig;
|
|
31
|
+
rules?: any;
|
|
32
|
+
values?: FormValue;
|
|
33
|
+
selection?: boolean | 'single';
|
|
34
|
+
selectable?: (row: any, index: number) => boolean;
|
|
35
|
+
label?: string;
|
|
36
|
+
fixed?: 'left' | 'right' | boolean;
|
|
37
|
+
width?: number | string;
|
|
38
|
+
actions?: ColumnActionConfig[];
|
|
39
|
+
type?: 'popover' | 'expand' | 'component' | 'index' | string | ((value: any, row: T) => string);
|
|
40
|
+
text?: string;
|
|
41
|
+
prop?: string;
|
|
42
|
+
name?: string;
|
|
43
|
+
showHeader?: boolean;
|
|
44
|
+
table?: ColumnConfig[];
|
|
45
|
+
editInlineFormConfig?: FormConfig;
|
|
46
|
+
formatter?: 'datetime' | ((item: any, row: T, data: {
|
|
47
|
+
index: number;
|
|
48
|
+
}) => any);
|
|
49
|
+
popover?: {
|
|
50
|
+
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';
|
|
51
|
+
width?: string | number;
|
|
52
|
+
trigger?: 'hover' | 'click';
|
|
53
|
+
tableEmbed?: boolean;
|
|
54
|
+
destroyOnClose?: boolean;
|
|
55
|
+
};
|
|
56
|
+
sortable?: boolean | 'custom';
|
|
57
|
+
action?: 'tip' | 'actionLink' | 'img' | 'link' | 'tag';
|
|
58
|
+
handler?: (row: T) => void;
|
|
59
|
+
/** 当type为expand时有效,展开为html */
|
|
60
|
+
expandContent?: (row: T, prop?: string) => string;
|
|
61
|
+
/** 当type为expand时,展开为vue组件;当type为component时显示的组件 */
|
|
62
|
+
component?: any;
|
|
63
|
+
/** 当type为expand时,展开的vue组件props;当type为component时显示的组件的props */
|
|
64
|
+
props?: any;
|
|
65
|
+
/** 当type为component时显示的组件的事件监听 */
|
|
66
|
+
listeners?: any;
|
|
67
|
+
/** 当type为tip时有效,显示文案 */
|
|
68
|
+
buttonText?: string;
|
|
68
69
|
}
|
|
69
|
-
|
|
70
|
+
//#endregion
|
|
71
|
+
//#region temp/packages/table/src/Table.vue.d.ts
|
|
70
72
|
type __VLS_Props = {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
emptyText?: string;
|
|
87
|
-
/** 是否默认展开所有行,当 Table 包含展开行存在或者为树形表格时有效 */
|
|
88
|
-
defaultExpandAll?: boolean;
|
|
89
|
-
rowkeyName?: string;
|
|
90
|
-
/** 是否带有纵向边框 */
|
|
91
|
-
border?: boolean;
|
|
73
|
+
data: any[];
|
|
74
|
+
columns?: ColumnConfig[]; /** 合并行或列的计算方法 */
|
|
75
|
+
spanMethod?: (_data: {
|
|
76
|
+
row: any;
|
|
77
|
+
column: any;
|
|
78
|
+
rowIndex: number;
|
|
79
|
+
columnIndex: number;
|
|
80
|
+
}) => [number, number];
|
|
81
|
+
loading?: boolean; /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
|
|
82
|
+
bodyHeight?: string | number; /** 是否显示表头 */
|
|
83
|
+
showHeader?: boolean; /** 空数据时显示的文本内容 */
|
|
84
|
+
emptyText?: string; /** 是否默认展开所有行,当 Table 包含展开行存在或者为树形表格时有效 */
|
|
85
|
+
defaultExpandAll?: boolean;
|
|
86
|
+
rowkeyName?: string; /** 是否带有纵向边框 */
|
|
87
|
+
border?: boolean;
|
|
92
88
|
};
|
|
93
|
-
declare const __VLS_export:
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}, {}, {}, {},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}, string,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
89
|
+
declare const __VLS_export: _vue_runtime_core0.DefineComponent<__VLS_Props, {
|
|
90
|
+
toggleRowSelection: (row: any, selected: boolean) => void;
|
|
91
|
+
toggleRowExpansion: (row: any, expanded: boolean) => void;
|
|
92
|
+
clearSelection: () => void;
|
|
93
|
+
}, {}, {}, {}, _vue_runtime_core0.ComponentOptionsMixin, _vue_runtime_core0.ComponentOptionsMixin, {
|
|
94
|
+
select: (...args: any[]) => void;
|
|
95
|
+
"sort-change": (...args: any[]) => void;
|
|
96
|
+
"expand-change": (...args: any[]) => void;
|
|
97
|
+
"cell-click": (...args: any[]) => void;
|
|
98
|
+
"after-action": (...args: any[]) => void;
|
|
99
|
+
"after-action-cancel": (...args: any[]) => void;
|
|
100
|
+
"select-all": (...args: any[]) => void;
|
|
101
|
+
"selection-change": (...args: any[]) => void;
|
|
102
|
+
}, string, _vue_runtime_core0.PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
103
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
104
|
+
"onSort-change"?: ((...args: any[]) => any) | undefined;
|
|
105
|
+
"onExpand-change"?: ((...args: any[]) => any) | undefined;
|
|
106
|
+
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
107
|
+
"onAfter-action"?: ((...args: any[]) => any) | undefined;
|
|
108
|
+
"onAfter-action-cancel"?: ((...args: any[]) => any) | undefined;
|
|
109
|
+
"onSelect-all"?: ((...args: any[]) => any) | undefined;
|
|
110
|
+
"onSelection-change"?: ((...args: any[]) => any) | undefined;
|
|
115
111
|
}>, {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
}, {}, {}, {}, string,
|
|
122
|
-
declare const _default
|
|
123
|
-
|
|
112
|
+
loading: boolean;
|
|
113
|
+
columns: ColumnConfig[];
|
|
114
|
+
border: boolean;
|
|
115
|
+
defaultExpandAll: boolean;
|
|
116
|
+
showHeader: boolean;
|
|
117
|
+
}, {}, {}, {}, string, _vue_runtime_core0.ComponentProvideOptions, false, {}, any>;
|
|
118
|
+
declare const _default: typeof __VLS_export;
|
|
119
|
+
//#endregion
|
|
120
|
+
//#region temp/packages/table/src/utils.d.ts
|
|
124
121
|
declare const formatter: (item: ColumnConfig, row: any, data: {
|
|
125
|
-
|
|
122
|
+
index: number;
|
|
126
123
|
}) => any;
|
|
127
124
|
declare const createColumns: (columns: ColumnConfig[]) => ColumnConfig<any>[];
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
125
|
+
//#endregion
|
|
126
|
+
//#region temp/packages/table/src/index.d.ts
|
|
127
|
+
declare const _default$1: {
|
|
128
|
+
install(app: App): void;
|
|
131
129
|
};
|
|
132
|
-
|
|
133
|
-
export { _default
|
|
134
|
-
export type { ColumnActionConfig, ColumnConfig };
|
|
130
|
+
//#endregion
|
|
131
|
+
export { ColumnActionConfig, ColumnConfig, _default as MagicTable, createColumns, _default$1 as default, formatter };
|