ele-admin-plus 1.1.7 → 1.1.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/es/ele-app/el.d.ts +7 -1
- package/es/ele-app/style/overwrite/cascader/index.scss +2 -1
- package/es/ele-app/style/overwrite/input/css-var.scss +5 -2
- package/es/ele-app/style/overwrite/input/index.scss +148 -59
- package/es/ele-app/style/overwrite/select/index.scss +57 -8
- package/es/ele-app/style/overwrite/tree-select/index.scss +11 -2
- package/es/ele-card/index.d.ts +2 -9
- package/es/ele-card/index.js +36 -49
- package/es/ele-card/props.d.ts +1 -4
- package/es/ele-card/props.js +1 -4
- package/es/ele-card/style/index.js +0 -1
- package/es/ele-card/style/index.scss +54 -67
- package/es/ele-cropper/style/index.scss +8 -0
- package/es/ele-data-table/index.d.ts +17 -12
- package/es/ele-data-table/index.js +1 -0
- package/es/ele-data-table/props.d.ts +8 -5
- package/es/ele-data-table/props.js +4 -0
- package/es/ele-data-table/style/css-var.scss +20 -2
- package/es/ele-data-table/style/index.scss +87 -30
- package/es/ele-drawer/index.d.ts +2 -2
- package/es/ele-menus/index.d.ts +8 -0
- package/es/ele-menus/props.d.ts +3 -0
- package/es/ele-modal/index.d.ts +2 -2
- package/es/ele-page/style/index.scss +26 -21
- package/es/ele-pagination/style/index.scss +27 -13
- package/es/ele-pro-table/index.d.ts +16 -9
- package/es/ele-pro-table/index.js +29 -9
- package/es/ele-pro-table/props.d.ts +9 -6
- package/es/ele-pro-table/props.js +4 -0
- package/es/ele-pro-table/style/index.scss +62 -9
- package/es/ele-pro-table/util.d.ts +18 -1
- package/es/ele-pro-table/util.js +19 -0
- package/es/ele-segmented/index.js +2 -2
- package/es/ele-table/style/css-var.scss +46 -0
- package/es/ele-table/style/index.scss +8 -82
- package/es/ele-tabs/index.js +1 -1
- package/es/ele-toolbar/index.js +5 -1
- package/es/ele-tour/index.js +2 -2
- package/es/ele-tour/util.d.ts +5 -0
- package/es/ele-tour/util.js +9 -1
- package/es/ele-upload-list/components/list-item.js +1 -1
- package/es/ele-upload-list/types.d.ts +2 -0
- package/es/ele-virtual-table/components/body-cell.d.ts +2 -2
- package/es/ele-virtual-table/components/body-row.d.ts +2 -2
- package/es/ele-virtual-table/index.d.ts +20 -12
- package/es/ele-virtual-table/index.js +14 -1
- package/es/ele-virtual-table/props.d.ts +6 -3
- package/es/ele-virtual-table/style/css-var.scss +38 -16
- package/es/ele-virtual-table/style/index.scss +42 -31
- package/es/ele-watermark/index.d.ts +9 -0
- package/es/ele-watermark/index.js +3 -5
- package/es/ele-watermark/props.d.ts +5 -0
- package/es/ele-watermark/props.js +5 -0
- package/es/style/themes/default.scss +17 -9
- package/es/style/util.scss +5 -0
- package/lib/ele-app/el.d.ts +7 -1
- package/lib/ele-app/style/overwrite/cascader/index.scss +2 -1
- package/lib/ele-app/style/overwrite/input/css-var.scss +5 -2
- package/lib/ele-app/style/overwrite/input/index.scss +148 -59
- package/lib/ele-app/style/overwrite/select/index.scss +57 -8
- package/lib/ele-app/style/overwrite/tree-select/index.scss +11 -2
- package/lib/ele-card/index.cjs +35 -48
- package/lib/ele-card/index.d.ts +2 -9
- package/lib/ele-card/props.cjs +1 -4
- package/lib/ele-card/props.d.ts +1 -4
- package/lib/ele-card/style/index.cjs +0 -1
- package/lib/ele-card/style/index.scss +54 -67
- package/lib/ele-cropper/style/index.scss +8 -0
- package/lib/ele-data-table/index.cjs +1 -0
- package/lib/ele-data-table/index.d.ts +17 -12
- package/lib/ele-data-table/props.cjs +4 -0
- package/lib/ele-data-table/props.d.ts +8 -5
- package/lib/ele-data-table/style/css-var.scss +20 -2
- package/lib/ele-data-table/style/index.scss +87 -30
- package/lib/ele-drawer/index.d.ts +2 -2
- package/lib/ele-menus/index.d.ts +8 -0
- package/lib/ele-menus/props.d.ts +3 -0
- package/lib/ele-modal/index.d.ts +2 -2
- package/lib/ele-page/style/index.scss +26 -21
- package/lib/ele-pagination/style/index.scss +27 -13
- package/lib/ele-pro-table/index.cjs +28 -8
- package/lib/ele-pro-table/index.d.ts +16 -9
- package/lib/ele-pro-table/props.cjs +4 -0
- package/lib/ele-pro-table/props.d.ts +9 -6
- package/lib/ele-pro-table/style/index.scss +62 -9
- package/lib/ele-pro-table/util.cjs +19 -0
- package/lib/ele-pro-table/util.d.ts +18 -1
- package/lib/ele-segmented/index.cjs +2 -2
- package/lib/ele-table/style/css-var.scss +46 -0
- package/lib/ele-table/style/index.scss +8 -82
- package/lib/ele-tabs/index.cjs +1 -1
- package/lib/ele-toolbar/index.cjs +5 -1
- package/lib/ele-tour/index.cjs +1 -1
- package/lib/ele-tour/util.cjs +8 -0
- package/lib/ele-tour/util.d.ts +5 -0
- package/lib/ele-upload-list/components/list-item.cjs +1 -1
- package/lib/ele-upload-list/types.d.ts +2 -0
- package/lib/ele-virtual-table/components/body-cell.d.ts +2 -2
- package/lib/ele-virtual-table/components/body-row.d.ts +2 -2
- package/lib/ele-virtual-table/index.cjs +13 -0
- package/lib/ele-virtual-table/index.d.ts +20 -12
- package/lib/ele-virtual-table/props.d.ts +6 -3
- package/lib/ele-virtual-table/style/css-var.scss +38 -16
- package/lib/ele-virtual-table/style/index.scss +42 -31
- package/lib/ele-watermark/index.cjs +3 -5
- package/lib/ele-watermark/index.d.ts +9 -0
- package/lib/ele-watermark/props.cjs +5 -0
- package/lib/ele-watermark/props.d.ts +5 -0
- package/lib/style/themes/default.scss +17 -9
- package/lib/style/util.scss +5 -0
- package/package.json +20 -20
package/lib/ele-card/index.d.ts
CHANGED
|
@@ -3,10 +3,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3
3
|
footer: StringConstructor;
|
|
4
4
|
bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
5
5
|
bodyClass: StringConstructor;
|
|
6
|
-
shadow:
|
|
7
|
-
type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
|
|
8
|
-
default: string;
|
|
9
|
-
};
|
|
6
|
+
shadow: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
|
|
10
7
|
bordered: BooleanConstructor;
|
|
11
8
|
headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
12
9
|
titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
@@ -17,17 +14,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
17
14
|
footer: StringConstructor;
|
|
18
15
|
bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
19
16
|
bodyClass: StringConstructor;
|
|
20
|
-
shadow:
|
|
21
|
-
type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
|
|
22
|
-
default: string;
|
|
23
|
-
};
|
|
17
|
+
shadow: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
|
|
24
18
|
bordered: BooleanConstructor;
|
|
25
19
|
headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
26
20
|
titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
27
21
|
footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
28
22
|
flexTable: BooleanConstructor;
|
|
29
23
|
}>>, {
|
|
30
|
-
shadow: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined;
|
|
31
24
|
bordered: boolean;
|
|
32
25
|
flexTable: boolean;
|
|
33
26
|
}, {}>;
|
package/lib/ele-card/props.cjs
CHANGED
package/lib/ele-card/props.d.ts
CHANGED
|
@@ -12,10 +12,7 @@ export declare const cardProps: {
|
|
|
12
12
|
/** 主体类名 */
|
|
13
13
|
bodyClass: StringConstructor;
|
|
14
14
|
/** 阴影 */
|
|
15
|
-
shadow:
|
|
16
|
-
type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
|
|
17
|
-
default: string;
|
|
18
|
-
};
|
|
15
|
+
shadow: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
|
|
19
16
|
/** 边框 */
|
|
20
17
|
bordered: BooleanConstructor;
|
|
21
18
|
/** 标题栏样式 */
|
|
@@ -5,93 +5,80 @@
|
|
|
5
5
|
@include set-card-var($ele);
|
|
6
6
|
|
|
7
7
|
.ele-card {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
transition
|
|
15
|
-
|
|
16
|
-
background-color $ele-transition,
|
|
17
|
-
box-shadow $ele-transition
|
|
18
|
-
);
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
background: eleVar('card', 'bg');
|
|
10
|
+
border-radius: eleVar('card', 'radius');
|
|
11
|
+
transition: (
|
|
12
|
+
border-color $ele-transition,
|
|
13
|
+
background-color $ele-transition,
|
|
14
|
+
box-shadow $ele-transition
|
|
15
|
+
);
|
|
19
16
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
& > .el-card__header {
|
|
25
|
-
padding: 0;
|
|
26
|
-
border: none;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
& > .el-card__footer {
|
|
30
|
-
padding: 0;
|
|
31
|
-
border: none;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&.is-always-shadow {
|
|
35
|
-
box-shadow: eleVar('card', 'shadow');
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&.is-hover-shadow:hover,
|
|
39
|
-
&.is-hover-shadow:focus {
|
|
40
|
-
box-shadow: eleVar('card', 'hover-shadow');
|
|
41
|
-
}
|
|
17
|
+
&.is-border {
|
|
18
|
+
border: eleVar('card', 'border');
|
|
42
19
|
}
|
|
43
20
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
align-items: center;
|
|
47
|
-
color: eleVar('card', 'header-color');
|
|
48
|
-
font-size: eleVar('card', 'header-font-size');
|
|
49
|
-
font-weight: eleVar('card', 'header-font-weight');
|
|
50
|
-
line-height: eleVar('card', 'header-line-height');
|
|
51
|
-
border-bottom: eleVar('card', 'header-border');
|
|
52
|
-
padding: eleVar('card', 'header-padding');
|
|
53
|
-
box-sizing: border-box;
|
|
21
|
+
&.is-shadow {
|
|
22
|
+
box-shadow: eleVar('card', 'shadow');
|
|
54
23
|
}
|
|
55
24
|
|
|
56
|
-
|
|
57
|
-
|
|
25
|
+
&.is-hover-shadow:hover {
|
|
26
|
+
box-shadow: eleVar('card', 'hover-shadow');
|
|
58
27
|
}
|
|
28
|
+
}
|
|
59
29
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}
|
|
30
|
+
.ele-card-body {
|
|
31
|
+
padding: eleVar('card', 'padding');
|
|
32
|
+
box-sizing: border-box;
|
|
33
|
+
}
|
|
65
34
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
35
|
+
.ele-card-header {
|
|
36
|
+
flex-shrink: 0;
|
|
37
|
+
display: flex;
|
|
38
|
+
align-items: center;
|
|
39
|
+
color: eleVar('card', 'header-color');
|
|
40
|
+
font-size: eleVar('card', 'header-font-size');
|
|
41
|
+
font-weight: eleVar('card', 'header-font-weight');
|
|
42
|
+
line-height: eleVar('card', 'header-line-height');
|
|
43
|
+
padding: eleVar('card', 'header-padding');
|
|
44
|
+
border-bottom: eleVar('card', 'header-border');
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
}
|
|
70
47
|
|
|
71
|
-
|
|
72
|
-
|
|
48
|
+
.ele-card-title {
|
|
49
|
+
flex: 1;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.ele-card-footer {
|
|
53
|
+
flex-shrink: 0;
|
|
54
|
+
padding: eleVar('card', 'footer-padding');
|
|
55
|
+
border-top: eleVar('card', 'footer-border');
|
|
56
|
+
box-sizing: border-box;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* 内部表格高度铺满 */
|
|
60
|
+
.ele-card.is-flex-table {
|
|
61
|
+
flex: 1;
|
|
62
|
+
display: flex;
|
|
63
|
+
flex-direction: column;
|
|
64
|
+
overflow: auto;
|
|
65
|
+
|
|
66
|
+
& > .ele-card-body {
|
|
73
67
|
flex: 1;
|
|
74
68
|
display: flex;
|
|
75
69
|
flex-direction: column;
|
|
76
70
|
overflow: auto;
|
|
77
71
|
|
|
78
|
-
& > .
|
|
72
|
+
& > .ele-pro-table {
|
|
79
73
|
flex: 1;
|
|
80
74
|
display: flex;
|
|
81
75
|
flex-direction: column;
|
|
82
76
|
overflow: auto;
|
|
83
77
|
|
|
84
|
-
& > .ele-pro-table {
|
|
78
|
+
& > .ele-pro-table-view {
|
|
85
79
|
flex: 1;
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
overflow: auto;
|
|
89
|
-
|
|
90
|
-
& > .ele-pro-table-view {
|
|
91
|
-
flex: 1;
|
|
92
|
-
height: 100%;
|
|
93
|
-
overflow: hidden;
|
|
94
|
-
}
|
|
80
|
+
height: 100%;
|
|
81
|
+
overflow: hidden;
|
|
95
82
|
}
|
|
96
83
|
}
|
|
97
84
|
}
|
|
@@ -23,6 +23,13 @@
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
+
.ele-cropper-image,
|
|
27
|
+
.ele-cropper-image > .cropper-container,
|
|
28
|
+
.ele-cropper-image > .cropper-container > .cropper-wrap-box,
|
|
29
|
+
.ele-cropper-image > .cropper-container > .cropper-drag-box {
|
|
30
|
+
border-radius: elVar('border-radius', 'base');
|
|
31
|
+
}
|
|
32
|
+
|
|
26
33
|
.ele-cropper-previews {
|
|
27
34
|
font-size: 0;
|
|
28
35
|
flex-shrink: 0;
|
|
@@ -33,6 +40,7 @@
|
|
|
33
40
|
margin-top: 16px;
|
|
34
41
|
display: inline-block;
|
|
35
42
|
box-sizing: border-box;
|
|
43
|
+
border-radius: elVar('border-radius', 'base');
|
|
36
44
|
border: 1px solid elVar('border-color', 'light');
|
|
37
45
|
vertical-align: top;
|
|
38
46
|
overflow: hidden;
|
|
@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
9
9
|
type: BooleanConstructor;
|
|
10
10
|
default: null;
|
|
11
11
|
};
|
|
12
|
+
rowKey: {
|
|
13
|
+
type: import("vue").PropType<string | ((row: DataItem) => string) | undefined>;
|
|
14
|
+
required: boolean;
|
|
15
|
+
};
|
|
12
16
|
columns: {
|
|
13
17
|
type: import("vue").PropType<Columns>;
|
|
14
18
|
required: boolean;
|
|
@@ -30,11 +34,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
34
|
};
|
|
31
35
|
emptyProps: {
|
|
32
36
|
type: import("vue").PropType<import("./types").TableEmptyProps>;
|
|
33
|
-
default: () => null;
|
|
37
|
+
default: () => null; /** 表格组件实例 */
|
|
34
38
|
};
|
|
35
39
|
rowClickChecked: import("vue").PropType<import("./types").RowClickChecked>;
|
|
36
|
-
/**
|
|
37
|
-
reserveCurrent: BooleanConstructor;
|
|
40
|
+
reserveCurrent: BooleanConstructor; /** 溢出提示组件全局属性 */
|
|
38
41
|
selectedRowKeys: import("vue").PropType<DataKey[]>;
|
|
39
42
|
cacheData: import("vue").PropType<DataItem[]>;
|
|
40
43
|
size: {
|
|
@@ -54,7 +57,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
57
|
};
|
|
55
58
|
width: (StringConstructor | NumberConstructor)[];
|
|
56
59
|
lazy: BooleanConstructor;
|
|
57
|
-
rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
|
|
58
60
|
data: {
|
|
59
61
|
type: import("vue").PropType<any[]>;
|
|
60
62
|
default: () => never[];
|
|
@@ -64,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
64
66
|
type: BooleanConstructor;
|
|
65
67
|
default: boolean;
|
|
66
68
|
};
|
|
67
|
-
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
69
|
+
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
68
70
|
emptyText: StringConstructor;
|
|
69
71
|
indent: {
|
|
70
72
|
type: NumberConstructor;
|
|
@@ -91,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
91
93
|
defaultExpandAll: BooleanConstructor;
|
|
92
94
|
defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
|
|
93
95
|
tooltipEffect: StringConstructor;
|
|
94
|
-
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
96
|
+
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
95
97
|
spanMethod: import("vue").PropType<((data: {
|
|
96
98
|
row: any;
|
|
97
99
|
rowIndex: number;
|
|
@@ -158,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
158
160
|
headerClick: (_column: Column, _e: MouseEvent) => boolean;
|
|
159
161
|
headerContextmenu: (_column: Column, _e: MouseEvent) => boolean;
|
|
160
162
|
sortChange: (_sorter: Sorter) => boolean;
|
|
163
|
+
/** 设置多选选中值 */
|
|
161
164
|
filterChange: (_filter: Filter) => boolean;
|
|
162
165
|
currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => boolean;
|
|
163
166
|
headerDragend: (_width: number, _old: number, _column: Column, _e: MouseEvent) => boolean;
|
|
@@ -173,6 +176,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
173
176
|
type: BooleanConstructor;
|
|
174
177
|
default: null;
|
|
175
178
|
};
|
|
179
|
+
rowKey: {
|
|
180
|
+
type: import("vue").PropType<string | ((row: DataItem) => string) | undefined>;
|
|
181
|
+
required: boolean;
|
|
182
|
+
};
|
|
176
183
|
columns: {
|
|
177
184
|
type: import("vue").PropType<Columns>;
|
|
178
185
|
required: boolean;
|
|
@@ -194,11 +201,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
194
201
|
};
|
|
195
202
|
emptyProps: {
|
|
196
203
|
type: import("vue").PropType<import("./types").TableEmptyProps>;
|
|
197
|
-
default: () => null;
|
|
204
|
+
default: () => null; /** 表格组件实例 */
|
|
198
205
|
};
|
|
199
206
|
rowClickChecked: import("vue").PropType<import("./types").RowClickChecked>;
|
|
200
|
-
/**
|
|
201
|
-
reserveCurrent: BooleanConstructor;
|
|
207
|
+
reserveCurrent: BooleanConstructor; /** 溢出提示组件全局属性 */
|
|
202
208
|
selectedRowKeys: import("vue").PropType<DataKey[]>;
|
|
203
209
|
cacheData: import("vue").PropType<DataItem[]>;
|
|
204
210
|
size: {
|
|
@@ -218,7 +224,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
218
224
|
};
|
|
219
225
|
width: (StringConstructor | NumberConstructor)[];
|
|
220
226
|
lazy: BooleanConstructor;
|
|
221
|
-
rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
|
|
222
227
|
data: {
|
|
223
228
|
type: import("vue").PropType<any[]>;
|
|
224
229
|
default: () => never[];
|
|
@@ -228,7 +233,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
228
233
|
type: BooleanConstructor;
|
|
229
234
|
default: boolean;
|
|
230
235
|
};
|
|
231
|
-
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
236
|
+
showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
232
237
|
emptyText: StringConstructor;
|
|
233
238
|
indent: {
|
|
234
239
|
type: NumberConstructor;
|
|
@@ -255,7 +260,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
255
260
|
defaultExpandAll: BooleanConstructor;
|
|
256
261
|
defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
|
|
257
262
|
tooltipEffect: StringConstructor;
|
|
258
|
-
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
263
|
+
tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
259
264
|
spanMethod: import("vue").PropType<((data: {
|
|
260
265
|
row: any;
|
|
261
266
|
rowIndex: number;
|
|
@@ -43,7 +43,7 @@ declare const normalizeProps: Omit<{
|
|
|
43
43
|
defaultExpandAll: BooleanConstructor;
|
|
44
44
|
defaultSort: PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
|
|
45
45
|
tooltipEffect: StringConstructor;
|
|
46
|
-
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
46
|
+
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
47
47
|
spanMethod: PropType<((data: {
|
|
48
48
|
row: any;
|
|
49
49
|
rowIndex: number;
|
|
@@ -90,7 +90,7 @@ declare const normalizeProps: Omit<{
|
|
|
90
90
|
default: boolean;
|
|
91
91
|
};
|
|
92
92
|
flexible: BooleanConstructor;
|
|
93
|
-
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
93
|
+
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
94
94
|
}, "style">;
|
|
95
95
|
/**
|
|
96
96
|
* 属性
|
|
@@ -104,6 +104,10 @@ export declare const dataTableProps: {
|
|
|
104
104
|
type: BooleanConstructor;
|
|
105
105
|
default: null;
|
|
106
106
|
};
|
|
107
|
+
rowKey: {
|
|
108
|
+
type: PropType<string | ((row: DataItem) => string) | undefined>;
|
|
109
|
+
required: boolean;
|
|
110
|
+
};
|
|
107
111
|
/** 列配置 */
|
|
108
112
|
columns: {
|
|
109
113
|
type: PropType<Columns>;
|
|
@@ -160,7 +164,6 @@ export declare const dataTableProps: {
|
|
|
160
164
|
};
|
|
161
165
|
width: (StringConstructor | NumberConstructor)[];
|
|
162
166
|
lazy: BooleanConstructor;
|
|
163
|
-
rowKey: PropType<string | ((row: any) => string) | undefined>;
|
|
164
167
|
data: {
|
|
165
168
|
type: PropType<any[]>;
|
|
166
169
|
default: () => never[];
|
|
@@ -170,7 +173,7 @@ export declare const dataTableProps: {
|
|
|
170
173
|
type: BooleanConstructor;
|
|
171
174
|
default: boolean;
|
|
172
175
|
};
|
|
173
|
-
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
176
|
+
showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
174
177
|
emptyText: StringConstructor;
|
|
175
178
|
indent: {
|
|
176
179
|
type: NumberConstructor;
|
|
@@ -197,7 +200,7 @@ export declare const dataTableProps: {
|
|
|
197
200
|
defaultExpandAll: BooleanConstructor;
|
|
198
201
|
defaultSort: PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
|
|
199
202
|
tooltipEffect: StringConstructor;
|
|
200
|
-
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
203
|
+
tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
|
|
201
204
|
spanMethod: PropType<((data: {
|
|
202
205
|
row: any;
|
|
203
206
|
rowIndex: number;
|
|
@@ -21,15 +21,33 @@
|
|
|
21
21
|
|
|
22
22
|
/* 设置单元格圆角 */
|
|
23
23
|
@mixin data-table-radius($radius) {
|
|
24
|
-
& > .el-table__inner-wrapper > .el-table__header-wrapper
|
|
24
|
+
& > .el-table__inner-wrapper > .el-table__header-wrapper,
|
|
25
|
+
&.el-table--border > .el-table__inner-wrapper::after,
|
|
26
|
+
&.el-table--border.hide-header
|
|
27
|
+
> .el-table__inner-wrapper
|
|
28
|
+
> .el-table__body-wrapper {
|
|
25
29
|
border-top-left-radius: $radius;
|
|
26
30
|
border-top-right-radius: $radius;
|
|
27
31
|
}
|
|
28
32
|
|
|
29
|
-
& > .el-table__inner-wrapper > .el-table__footer-wrapper
|
|
33
|
+
& > .el-table__inner-wrapper > .el-table__footer-wrapper,
|
|
34
|
+
&.el-table--border > .el-table__inner-wrapper::before,
|
|
35
|
+
&.el-table--border:not(.has-footer)
|
|
36
|
+
> .el-table__inner-wrapper
|
|
37
|
+
> .el-table__body-wrapper {
|
|
30
38
|
border-bottom-left-radius: $radius;
|
|
31
39
|
border-bottom-right-radius: $radius;
|
|
32
40
|
}
|
|
41
|
+
|
|
42
|
+
&.el-table--border::before {
|
|
43
|
+
border-bottom-left-radius: $radius;
|
|
44
|
+
border-top-left-radius: $radius;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&.el-table--border::after {
|
|
48
|
+
border-bottom-right-radius: $radius;
|
|
49
|
+
border-top-right-radius: $radius;
|
|
50
|
+
}
|
|
33
51
|
}
|
|
34
52
|
|
|
35
53
|
/* 空状态样式 */
|
|
@@ -17,6 +17,14 @@ $ele-expand-path: 'M362 811 662 512 362 213' !default;
|
|
|
17
17
|
z-index: 4;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
/* 底部间距补丁 */
|
|
21
|
+
.ele-data-table.el-table > .el-table__inner-wrapper > .el-table__body-wrapper {
|
|
22
|
+
& > .el-scrollbar > .el-scrollbar__wrap {
|
|
23
|
+
padding-bottom: eleVar('table', 'fix-height');
|
|
24
|
+
box-sizing: border-box;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
20
28
|
.ele-data-table {
|
|
21
29
|
/* 单元格背景 */
|
|
22
30
|
& > .el-table__inner-wrapper {
|
|
@@ -269,27 +277,57 @@ $ele-expand-path: 'M362 811 662 512 362 213' !default;
|
|
|
269
277
|
}
|
|
270
278
|
}
|
|
271
279
|
|
|
280
|
+
/* 表尾 */
|
|
281
|
+
& > .el-table__inner-wrapper > .el-table__footer-wrapper {
|
|
282
|
+
border-top: 1px solid eleVar('table', 'border-color');
|
|
283
|
+
margin-top: -1px;
|
|
284
|
+
z-index: 3;
|
|
285
|
+
|
|
286
|
+
td.el-table__cell {
|
|
287
|
+
border-bottom-color: transparent;
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
|
|
272
291
|
/* 边框线 */
|
|
273
|
-
&.el-table--border
|
|
274
|
-
&.el-table
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
292
|
+
&.el-table--border,
|
|
293
|
+
&.el-table > .el-table__inner-wrapper {
|
|
294
|
+
&::before,
|
|
295
|
+
&::after {
|
|
296
|
+
background: none;
|
|
297
|
+
position: absolute;
|
|
298
|
+
box-sizing: border-box;
|
|
299
|
+
pointer-events: none;
|
|
300
|
+
z-index: 5;
|
|
301
|
+
}
|
|
280
302
|
}
|
|
281
303
|
|
|
282
304
|
&.el-table > .el-table__inner-wrapper::before,
|
|
283
|
-
&.el-table
|
|
305
|
+
&.el-table > .el-table__inner-wrapper::after {
|
|
306
|
+
left: 0;
|
|
284
307
|
right: 0;
|
|
285
|
-
|
|
308
|
+
width: 100%;
|
|
309
|
+
height: calc(1px + #{eleVar('table', 'radius')});
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
&.el-table > .el-table__inner-wrapper::before {
|
|
313
|
+
content: '';
|
|
314
|
+
bottom: 0;
|
|
315
|
+
border-bottom: 1px solid eleVar('table', 'border-color');
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
&.el-table.el-table--border > .el-table__inner-wrapper::after,
|
|
319
|
+
&.el-table.hide-header > .el-table__inner-wrapper::after {
|
|
320
|
+
content: '';
|
|
321
|
+
top: 0;
|
|
286
322
|
border-top: 1px solid eleVar('table', 'border-color');
|
|
287
|
-
z-index: 5;
|
|
288
323
|
}
|
|
289
324
|
|
|
290
|
-
&.el-table
|
|
291
|
-
|
|
292
|
-
|
|
325
|
+
&.el-table--border > .el-table__inner-wrapper {
|
|
326
|
+
&::before,
|
|
327
|
+
&::after {
|
|
328
|
+
border-right: 1px solid transparent;
|
|
329
|
+
border-left: 1px solid transparent;
|
|
330
|
+
}
|
|
293
331
|
}
|
|
294
332
|
|
|
295
333
|
& > .el-table__inner-wrapper > .el-table__border-left-patch,
|
|
@@ -298,32 +336,51 @@ $ele-expand-path: 'M362 811 662 512 362 213' !default;
|
|
|
298
336
|
display: none;
|
|
299
337
|
}
|
|
300
338
|
|
|
301
|
-
|
|
302
|
-
|
|
339
|
+
/* 全边框 */
|
|
340
|
+
&.el-table--border {
|
|
341
|
+
&::before,
|
|
342
|
+
&::after {
|
|
343
|
+
content: '';
|
|
344
|
+
top: 0;
|
|
345
|
+
bottom: 0;
|
|
346
|
+
height: 100%;
|
|
347
|
+
width: calc(1px + #{eleVar('table', 'radius')});
|
|
348
|
+
border-bottom: 1px solid transparent;
|
|
349
|
+
border-top: 1px solid transparent;
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
&::before {
|
|
353
|
+
left: 0;
|
|
354
|
+
border-left: 1px solid eleVar('table', 'border-color');
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
&::after {
|
|
358
|
+
right: 0;
|
|
359
|
+
border-right: 1px solid eleVar('table', 'border-color');
|
|
360
|
+
}
|
|
303
361
|
}
|
|
304
362
|
|
|
305
|
-
|
|
306
|
-
|
|
363
|
+
/* 适配底部间距补丁 */
|
|
364
|
+
&.el-table:not(.has-footer) > .el-table__inner-wrapper::before {
|
|
365
|
+
bottom: eleVar('table', 'fix-height');
|
|
366
|
+
box-shadow: 0 0.8px 0 eleVar('table', 'tr-bg');
|
|
307
367
|
}
|
|
308
368
|
|
|
309
|
-
&.el-table
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
}
|
|
369
|
+
&.el-table--border:not(.has-footer)::before,
|
|
370
|
+
&.el-table--border:not(.has-footer)::after {
|
|
371
|
+
bottom: eleVar('table', 'fix-height');
|
|
372
|
+
height: auto;
|
|
314
373
|
}
|
|
315
374
|
|
|
316
375
|
/* 圆角 */
|
|
317
|
-
|
|
318
|
-
@include data-table-radius(eleVar('table', 'radius'));
|
|
376
|
+
@include data-table-radius(eleVar('table', 'radius'));
|
|
319
377
|
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
378
|
+
&.el-table--large {
|
|
379
|
+
@include data-table-radius(eleVar('table', 'lg-radius'));
|
|
380
|
+
}
|
|
323
381
|
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
}
|
|
382
|
+
&.el-table--small {
|
|
383
|
+
@include data-table-radius(eleVar('table', 'sm-radius'));
|
|
327
384
|
}
|
|
328
385
|
|
|
329
386
|
/* 内部组件 */
|
|
@@ -140,11 +140,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
140
140
|
}>> & {
|
|
141
141
|
onOpen?: (() => any) | undefined;
|
|
142
142
|
onClose?: (() => any) | undefined;
|
|
143
|
-
onOpenAutoFocus?: (() => any) | undefined;
|
|
144
|
-
onCloseAutoFocus?: (() => any) | undefined;
|
|
145
143
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
146
144
|
onOpened?: (() => any) | undefined;
|
|
147
145
|
onClosed?: (() => any) | undefined;
|
|
146
|
+
onOpenAutoFocus?: (() => any) | undefined;
|
|
147
|
+
onCloseAutoFocus?: (() => any) | undefined;
|
|
148
148
|
}, {
|
|
149
149
|
size: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
|
|
150
150
|
center: boolean;
|
package/lib/ele-menus/index.d.ts
CHANGED
|
@@ -35,6 +35,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
35
35
|
popperOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
|
|
36
36
|
ellipsisIcon: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
|
|
37
37
|
popperEffect: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
|
|
38
|
+
popperClass: StringConstructor;
|
|
39
|
+
showTimeout: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
40
|
+
hideTimeout: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
38
41
|
}, {
|
|
39
42
|
menuRef: import("vue").Ref<ElMenuInstance>;
|
|
40
43
|
open: (index: string) => void;
|
|
@@ -78,12 +81,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
81
|
popperOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
|
|
79
82
|
ellipsisIcon: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
|
|
80
83
|
popperEffect: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
|
|
84
|
+
popperClass: StringConstructor;
|
|
85
|
+
showTimeout: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
86
|
+
hideTimeout: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
81
87
|
}>> & {
|
|
82
88
|
onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
|
|
83
89
|
onClose?: ((index: string, indexPath: string[]) => any) | undefined;
|
|
84
90
|
onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
|
|
85
91
|
onItemClick?: ((_item: import("./types").MenuItem) => any) | undefined;
|
|
86
92
|
}, {
|
|
93
|
+
showTimeout: number;
|
|
94
|
+
hideTimeout: number;
|
|
87
95
|
mode: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
|
|
88
96
|
defaultActive: string;
|
|
89
97
|
defaultOpeneds: string[];
|