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.
Files changed (111) hide show
  1. package/es/ele-app/el.d.ts +7 -1
  2. package/es/ele-app/style/overwrite/cascader/index.scss +2 -1
  3. package/es/ele-app/style/overwrite/input/css-var.scss +5 -2
  4. package/es/ele-app/style/overwrite/input/index.scss +148 -59
  5. package/es/ele-app/style/overwrite/select/index.scss +57 -8
  6. package/es/ele-app/style/overwrite/tree-select/index.scss +11 -2
  7. package/es/ele-card/index.d.ts +2 -9
  8. package/es/ele-card/index.js +36 -49
  9. package/es/ele-card/props.d.ts +1 -4
  10. package/es/ele-card/props.js +1 -4
  11. package/es/ele-card/style/index.js +0 -1
  12. package/es/ele-card/style/index.scss +54 -67
  13. package/es/ele-cropper/style/index.scss +8 -0
  14. package/es/ele-data-table/index.d.ts +17 -12
  15. package/es/ele-data-table/index.js +1 -0
  16. package/es/ele-data-table/props.d.ts +8 -5
  17. package/es/ele-data-table/props.js +4 -0
  18. package/es/ele-data-table/style/css-var.scss +20 -2
  19. package/es/ele-data-table/style/index.scss +87 -30
  20. package/es/ele-drawer/index.d.ts +2 -2
  21. package/es/ele-menus/index.d.ts +8 -0
  22. package/es/ele-menus/props.d.ts +3 -0
  23. package/es/ele-modal/index.d.ts +2 -2
  24. package/es/ele-page/style/index.scss +26 -21
  25. package/es/ele-pagination/style/index.scss +27 -13
  26. package/es/ele-pro-table/index.d.ts +16 -9
  27. package/es/ele-pro-table/index.js +29 -9
  28. package/es/ele-pro-table/props.d.ts +9 -6
  29. package/es/ele-pro-table/props.js +4 -0
  30. package/es/ele-pro-table/style/index.scss +62 -9
  31. package/es/ele-pro-table/util.d.ts +18 -1
  32. package/es/ele-pro-table/util.js +19 -0
  33. package/es/ele-segmented/index.js +2 -2
  34. package/es/ele-table/style/css-var.scss +46 -0
  35. package/es/ele-table/style/index.scss +8 -82
  36. package/es/ele-tabs/index.js +1 -1
  37. package/es/ele-toolbar/index.js +5 -1
  38. package/es/ele-tour/index.js +2 -2
  39. package/es/ele-tour/util.d.ts +5 -0
  40. package/es/ele-tour/util.js +9 -1
  41. package/es/ele-upload-list/components/list-item.js +1 -1
  42. package/es/ele-upload-list/types.d.ts +2 -0
  43. package/es/ele-virtual-table/components/body-cell.d.ts +2 -2
  44. package/es/ele-virtual-table/components/body-row.d.ts +2 -2
  45. package/es/ele-virtual-table/index.d.ts +20 -12
  46. package/es/ele-virtual-table/index.js +14 -1
  47. package/es/ele-virtual-table/props.d.ts +6 -3
  48. package/es/ele-virtual-table/style/css-var.scss +38 -16
  49. package/es/ele-virtual-table/style/index.scss +42 -31
  50. package/es/ele-watermark/index.d.ts +9 -0
  51. package/es/ele-watermark/index.js +3 -5
  52. package/es/ele-watermark/props.d.ts +5 -0
  53. package/es/ele-watermark/props.js +5 -0
  54. package/es/style/themes/default.scss +17 -9
  55. package/es/style/util.scss +5 -0
  56. package/lib/ele-app/el.d.ts +7 -1
  57. package/lib/ele-app/style/overwrite/cascader/index.scss +2 -1
  58. package/lib/ele-app/style/overwrite/input/css-var.scss +5 -2
  59. package/lib/ele-app/style/overwrite/input/index.scss +148 -59
  60. package/lib/ele-app/style/overwrite/select/index.scss +57 -8
  61. package/lib/ele-app/style/overwrite/tree-select/index.scss +11 -2
  62. package/lib/ele-card/index.cjs +35 -48
  63. package/lib/ele-card/index.d.ts +2 -9
  64. package/lib/ele-card/props.cjs +1 -4
  65. package/lib/ele-card/props.d.ts +1 -4
  66. package/lib/ele-card/style/index.cjs +0 -1
  67. package/lib/ele-card/style/index.scss +54 -67
  68. package/lib/ele-cropper/style/index.scss +8 -0
  69. package/lib/ele-data-table/index.cjs +1 -0
  70. package/lib/ele-data-table/index.d.ts +17 -12
  71. package/lib/ele-data-table/props.cjs +4 -0
  72. package/lib/ele-data-table/props.d.ts +8 -5
  73. package/lib/ele-data-table/style/css-var.scss +20 -2
  74. package/lib/ele-data-table/style/index.scss +87 -30
  75. package/lib/ele-drawer/index.d.ts +2 -2
  76. package/lib/ele-menus/index.d.ts +8 -0
  77. package/lib/ele-menus/props.d.ts +3 -0
  78. package/lib/ele-modal/index.d.ts +2 -2
  79. package/lib/ele-page/style/index.scss +26 -21
  80. package/lib/ele-pagination/style/index.scss +27 -13
  81. package/lib/ele-pro-table/index.cjs +28 -8
  82. package/lib/ele-pro-table/index.d.ts +16 -9
  83. package/lib/ele-pro-table/props.cjs +4 -0
  84. package/lib/ele-pro-table/props.d.ts +9 -6
  85. package/lib/ele-pro-table/style/index.scss +62 -9
  86. package/lib/ele-pro-table/util.cjs +19 -0
  87. package/lib/ele-pro-table/util.d.ts +18 -1
  88. package/lib/ele-segmented/index.cjs +2 -2
  89. package/lib/ele-table/style/css-var.scss +46 -0
  90. package/lib/ele-table/style/index.scss +8 -82
  91. package/lib/ele-tabs/index.cjs +1 -1
  92. package/lib/ele-toolbar/index.cjs +5 -1
  93. package/lib/ele-tour/index.cjs +1 -1
  94. package/lib/ele-tour/util.cjs +8 -0
  95. package/lib/ele-tour/util.d.ts +5 -0
  96. package/lib/ele-upload-list/components/list-item.cjs +1 -1
  97. package/lib/ele-upload-list/types.d.ts +2 -0
  98. package/lib/ele-virtual-table/components/body-cell.d.ts +2 -2
  99. package/lib/ele-virtual-table/components/body-row.d.ts +2 -2
  100. package/lib/ele-virtual-table/index.cjs +13 -0
  101. package/lib/ele-virtual-table/index.d.ts +20 -12
  102. package/lib/ele-virtual-table/props.d.ts +6 -3
  103. package/lib/ele-virtual-table/style/css-var.scss +38 -16
  104. package/lib/ele-virtual-table/style/index.scss +42 -31
  105. package/lib/ele-watermark/index.cjs +3 -5
  106. package/lib/ele-watermark/index.d.ts +9 -0
  107. package/lib/ele-watermark/props.cjs +5 -0
  108. package/lib/ele-watermark/props.d.ts +5 -0
  109. package/lib/style/themes/default.scss +17 -9
  110. package/lib/style/util.scss +5 -0
  111. package/package.json +20 -20
@@ -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
  }, {}>;
@@ -10,10 +10,7 @@ const cardProps = {
10
10
  /** 主体类名 */
11
11
  bodyClass: String,
12
12
  /** 阴影 */
13
- shadow: {
14
- type: String,
15
- default: "never"
16
- },
13
+ shadow: String,
17
14
  /** 边框 */
18
15
  bordered: Boolean,
19
16
  /** 标题栏样式 */
@@ -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
  /** 标题栏样式 */
@@ -1,3 +1,2 @@
1
1
  "use strict";
2
- require("element-plus/lib/components/card/style/index");
3
2
  require("./index.scss");
@@ -5,93 +5,80 @@
5
5
  @include set-card-var($ele);
6
6
 
7
7
  .ele-card {
8
- &.el-card {
9
- color: inherit;
10
- overflow: visible;
11
- box-sizing: border-box;
12
- background: eleVar('card', 'bg');
13
- border-radius: eleVar('card', 'radius');
14
- transition: (
15
- border-color $ele-transition,
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
- & > .el-card__body {
21
- box-sizing: border-box;
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
- .ele-card-header {
45
- display: flex;
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
- .ele-card-title {
57
- flex: 1;
25
+ &.is-hover-shadow:hover {
26
+ box-shadow: eleVar('card', 'hover-shadow');
58
27
  }
28
+ }
59
29
 
60
- .ele-card-footer {
61
- border-top: eleVar('card', 'footer-border');
62
- padding: eleVar('card', 'footer-padding');
63
- box-sizing: border-box;
64
- }
30
+ .ele-card-body {
31
+ padding: eleVar('card', 'padding');
32
+ box-sizing: border-box;
33
+ }
65
34
 
66
- /* 去掉边框 */
67
- &.is-plain {
68
- border-width: 0;
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
- &.is-flex-table {
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
- & > .el-card__body {
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
- display: flex;
87
- flex-direction: column;
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;
@@ -289,6 +289,7 @@ const index = vue.defineComponent({
289
289
  class: [
290
290
  "ele-data-table",
291
291
  { "is-sticky": props$1.sticky },
292
+ { "hide-header": !props$1.showHeader },
292
293
  { "hide-bottom-line": !props$1.bottomLine }
293
294
  ],
294
295
  currentRowKey: void 0,
@@ -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;
@@ -13,6 +13,10 @@ const dataTableProps = {
13
13
  type: Boolean,
14
14
  default: null
15
15
  },
16
+ rowKey: {
17
+ type: [String, Function],
18
+ required: true
19
+ },
16
20
  /** 列配置 */
17
21
  columns: {
18
22
  type: Array,
@@ -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::after,
274
- &.el-table--border::before {
275
- top: 0;
276
- bottom: 0;
277
- width: 0;
278
- border-left: 1px solid eleVar('table', 'border-color');
279
- z-index: 5;
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--border > .el-table__inner-wrapper::after {
305
+ &.el-table > .el-table__inner-wrapper::after {
306
+ left: 0;
284
307
  right: 0;
285
- height: 0;
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:not(.has-footer) > .el-table__inner-wrapper::before {
291
- bottom: eleVar('table', 'fix-height');
292
- box-shadow: 0 0.8px 0 eleVar('table', 'tr-bg');
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
- & > .el-table__inner-wrapper > .el-table__footer-wrapper td.el-table__cell {
302
- border-bottom-color: transparent;
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
- & > .el-table__inner-wrapper > .el-table__footer-wrapper {
306
- margin-top: -1px;
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 > .el-table__inner-wrapper > .el-table__body-wrapper {
310
- & > .el-scrollbar > .el-scrollbar__wrap {
311
- padding-bottom: eleVar('table', 'fix-height');
312
- box-sizing: border-box;
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
- &:not(.el-table--border) {
318
- @include data-table-radius(eleVar('table', 'radius'));
376
+ @include data-table-radius(eleVar('table', 'radius'));
319
377
 
320
- &.el-table--large {
321
- @include data-table-radius(eleVar('table', 'lg-radius'));
322
- }
378
+ &.el-table--large {
379
+ @include data-table-radius(eleVar('table', 'lg-radius'));
380
+ }
323
381
 
324
- &.el-table--small {
325
- @include data-table-radius(eleVar('table', 'sm-radius'));
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;
@@ -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[];