ele-admin-plus 1.1.9 → 1.2.0-beta.1

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 (149) hide show
  1. package/es/core-export.d.ts +1 -0
  2. package/es/core-export.js +1 -0
  3. package/es/ele-alert/index.d.ts +2 -2
  4. package/es/ele-alert/props.d.ts +1 -1
  5. package/es/ele-app/components/message-body.d.ts +39 -0
  6. package/es/ele-app/components/message-body.js +92 -0
  7. package/es/ele-app/el.d.ts +2 -0
  8. package/es/ele-app/style/message/css-var.scss +0 -4
  9. package/es/ele-app/style/message/index.scss +199 -77
  10. package/es/ele-app/style/overwrite/input/index.scss +2 -0
  11. package/es/ele-app/style/overwrite/message-box/index.scss +31 -0
  12. package/es/ele-app/style/overwrite/tag/css-var.scss +0 -16
  13. package/es/ele-app/style/overwrite/tag/index.scss +57 -14
  14. package/es/ele-app/types.d.ts +6 -1
  15. package/es/ele-config-provider/components/receiver-view.js +3 -3
  16. package/es/ele-config-provider/index.d.ts +8 -4
  17. package/es/ele-config-provider/index.js +19 -5
  18. package/es/ele-config-provider/props.d.ts +9 -4
  19. package/es/ele-config-provider/props.js +9 -5
  20. package/es/ele-config-provider/receiver.js +2 -2
  21. package/es/ele-config-provider/types.d.ts +22 -1
  22. package/es/ele-data-table/types.d.ts +2 -0
  23. package/es/ele-drawer/index.d.ts +2 -2
  24. package/es/ele-edit-tag/index.d.ts +9 -4
  25. package/es/ele-edit-tag/index.js +4 -2
  26. package/es/ele-edit-tag/props.d.ts +3 -1
  27. package/es/ele-edit-tag/props.js +2 -0
  28. package/es/ele-edit-tag/style/index.scss +11 -4
  29. package/es/ele-icon-select/index.d.ts +10 -12
  30. package/es/ele-icon-select/props.d.ts +1 -1
  31. package/es/ele-map-picker/index.d.ts +1 -1
  32. package/es/ele-menus/index.d.ts +2 -2
  33. package/es/ele-menus/index.js +11 -0
  34. package/es/ele-modal/index.d.ts +3 -3
  35. package/es/ele-modal/style/index.scss +2 -0
  36. package/es/ele-modal/util.d.ts +1 -1
  37. package/es/ele-modal/util.js +2 -4
  38. package/es/ele-popconfirm/index.d.ts +3 -3
  39. package/es/ele-popconfirm/props.d.ts +1 -1
  40. package/es/ele-popover/index.d.ts +2 -2
  41. package/es/ele-pro-layout/components/pro-header.d.ts +1 -1
  42. package/es/ele-pro-layout/components/pro-sidebar.d.ts +1 -1
  43. package/es/ele-pro-layout/index.js +1 -1
  44. package/es/ele-pro-layout/types.d.ts +4 -4
  45. package/es/ele-pro-table/components/table-tools.d.ts +11 -2
  46. package/es/ele-pro-table/components/table-tools.js +14 -26
  47. package/es/ele-pro-table/components/tool-column.d.ts +1 -0
  48. package/es/ele-pro-table/components/tool-export.d.ts +29 -56
  49. package/es/ele-pro-table/components/tool-export.js +100 -52
  50. package/es/ele-pro-table/components/tool-print-body-cell.js +50 -6
  51. package/es/ele-pro-table/components/tool-print-header-cell.js +4 -1
  52. package/es/ele-pro-table/components/tool-print.d.ts +29 -50
  53. package/es/ele-pro-table/components/tool-print.js +174 -69
  54. package/es/ele-pro-table/index.js +59 -50
  55. package/es/ele-pro-table/style/index.scss +9 -0
  56. package/es/ele-pro-table/types.d.ts +32 -0
  57. package/es/ele-pro-table/util.d.ts +18 -3
  58. package/es/ele-pro-table/util.js +160 -28
  59. package/es/ele-table/style/index.scss +16 -0
  60. package/es/ele-tooltip/index.d.ts +3 -3
  61. package/es/ele-virtual-table/util.d.ts +3 -1
  62. package/es/ele-virtual-table/util.js +7 -2
  63. package/es/icons/LoadingOutlined.js +1 -1
  64. package/es/lang/en_US.js +7 -1
  65. package/es/lang/zh_CN.js +7 -1
  66. package/es/lang/zh_TW.js +7 -1
  67. package/es/style/themes/default.scss +82 -85
  68. package/es/style/themes/rounded.scss +11 -15
  69. package/es/utils/core.d.ts +7 -0
  70. package/es/utils/core.js +16 -2
  71. package/es/utils/message-box.d.ts +25 -0
  72. package/es/utils/message-box.js +71 -0
  73. package/es/utils/message.d.ts +44 -20
  74. package/es/utils/message.js +220 -37
  75. package/lib/core-export.cjs +8 -0
  76. package/lib/core-export.d.ts +1 -0
  77. package/lib/ele-alert/index.d.ts +2 -2
  78. package/lib/ele-alert/props.d.ts +1 -1
  79. package/lib/ele-app/components/message-body.cjs +91 -0
  80. package/lib/ele-app/components/message-body.d.ts +39 -0
  81. package/lib/ele-app/el.d.ts +2 -0
  82. package/lib/ele-app/style/message/css-var.scss +0 -4
  83. package/lib/ele-app/style/message/index.scss +199 -77
  84. package/lib/ele-app/style/overwrite/input/index.scss +2 -0
  85. package/lib/ele-app/style/overwrite/message-box/index.scss +31 -0
  86. package/lib/ele-app/style/overwrite/tag/css-var.scss +0 -16
  87. package/lib/ele-app/style/overwrite/tag/index.scss +57 -14
  88. package/lib/ele-app/types.d.ts +6 -1
  89. package/lib/ele-config-provider/components/receiver-view.cjs +1 -1
  90. package/lib/ele-config-provider/index.cjs +18 -4
  91. package/lib/ele-config-provider/index.d.ts +8 -4
  92. package/lib/ele-config-provider/props.cjs +9 -5
  93. package/lib/ele-config-provider/props.d.ts +9 -4
  94. package/lib/ele-config-provider/receiver.cjs +1 -1
  95. package/lib/ele-config-provider/types.d.ts +22 -1
  96. package/lib/ele-data-table/types.d.ts +2 -0
  97. package/lib/ele-drawer/index.d.ts +2 -2
  98. package/lib/ele-edit-tag/index.cjs +4 -2
  99. package/lib/ele-edit-tag/index.d.ts +9 -4
  100. package/lib/ele-edit-tag/props.cjs +2 -0
  101. package/lib/ele-edit-tag/props.d.ts +3 -1
  102. package/lib/ele-edit-tag/style/index.scss +11 -4
  103. package/lib/ele-icon-select/index.d.ts +10 -12
  104. package/lib/ele-icon-select/props.d.ts +1 -1
  105. package/lib/ele-map-picker/index.d.ts +1 -1
  106. package/lib/ele-menus/index.cjs +11 -0
  107. package/lib/ele-menus/index.d.ts +2 -2
  108. package/lib/ele-modal/index.d.ts +3 -3
  109. package/lib/ele-modal/style/index.scss +2 -0
  110. package/lib/ele-modal/util.cjs +1 -3
  111. package/lib/ele-modal/util.d.ts +1 -1
  112. package/lib/ele-popconfirm/index.d.ts +3 -3
  113. package/lib/ele-popconfirm/props.d.ts +1 -1
  114. package/lib/ele-popover/index.d.ts +2 -2
  115. package/lib/ele-pro-layout/components/pro-header.d.ts +1 -1
  116. package/lib/ele-pro-layout/components/pro-sidebar.d.ts +1 -1
  117. package/lib/ele-pro-layout/index.cjs +1 -1
  118. package/lib/ele-pro-layout/types.d.ts +4 -4
  119. package/lib/ele-pro-table/components/table-tools.cjs +14 -26
  120. package/lib/ele-pro-table/components/table-tools.d.ts +11 -2
  121. package/lib/ele-pro-table/components/tool-column.d.ts +1 -0
  122. package/lib/ele-pro-table/components/tool-export.cjs +99 -51
  123. package/lib/ele-pro-table/components/tool-export.d.ts +29 -56
  124. package/lib/ele-pro-table/components/tool-print-body-cell.cjs +49 -5
  125. package/lib/ele-pro-table/components/tool-print-header-cell.cjs +4 -1
  126. package/lib/ele-pro-table/components/tool-print.cjs +172 -67
  127. package/lib/ele-pro-table/components/tool-print.d.ts +29 -50
  128. package/lib/ele-pro-table/index.cjs +59 -50
  129. package/lib/ele-pro-table/style/index.scss +9 -0
  130. package/lib/ele-pro-table/types.d.ts +32 -0
  131. package/lib/ele-pro-table/util.cjs +160 -28
  132. package/lib/ele-pro-table/util.d.ts +18 -3
  133. package/lib/ele-table/style/index.scss +16 -0
  134. package/lib/ele-tooltip/index.d.ts +3 -3
  135. package/lib/ele-virtual-table/util.cjs +7 -2
  136. package/lib/ele-virtual-table/util.d.ts +3 -1
  137. package/lib/icons/LoadingOutlined.cjs +1 -1
  138. package/lib/lang/en_US.cjs +7 -1
  139. package/lib/lang/zh_CN.cjs +7 -1
  140. package/lib/lang/zh_TW.cjs +7 -1
  141. package/lib/style/themes/default.scss +82 -85
  142. package/lib/style/themes/rounded.scss +11 -15
  143. package/lib/utils/core.cjs +16 -2
  144. package/lib/utils/core.d.ts +7 -0
  145. package/lib/utils/message-box.cjs +71 -0
  146. package/lib/utils/message-box.d.ts +25 -0
  147. package/lib/utils/message.cjs +216 -33
  148. package/lib/utils/message.d.ts +44 -20
  149. package/package.json +14 -14
@@ -4,121 +4,243 @@
4
4
 
5
5
  @include set-message-var($ele);
6
6
 
7
- /* 消息提示 */
8
7
  .ele-message.el-message {
9
- width: max-content;
10
- padding: eleVar('message', 'padding');
11
- border-radius: eleVar('message', 'radius');
12
- box-shadow: eleVar('message', 'shadow');
8
+ gap: 0;
9
+ padding: 0;
13
10
  border: none;
11
+ border-radius: 0;
12
+ background: none;
13
+ width: max-content;
14
+ pointer-events: auto;
15
+ align-items: flex-start;
16
+ margin: 0 auto eleVar('message', 'space') auto;
17
+ transition: margin-bottom 0.2s;
18
+ position: relative !important;
19
+ left: auto !important;
20
+ top: auto !important;
21
+ transform: none;
22
+ opacity: 1;
23
+
24
+ & > .el-message__content {
25
+ display: none;
26
+ }
27
+
28
+ & > .el-message__icon,
29
+ & > .el-message__badge {
30
+ z-index: calc(#{elVar('index', 'popper')} + 2);
31
+ transition: (
32
+ margin-top 0.4s,
33
+ transform elVar('transition-duration'),
34
+ opacity elVar('transition-duration')
35
+ );
36
+ }
14
37
 
15
- .el-message__content {
38
+ & > .el-message__icon {
39
+ width: auto;
40
+ height: auto;
41
+ max-width: 100%;
42
+ line-height: normal;
43
+ font-style: normal;
44
+ display: flex;
45
+ flex-shrink: 0;
16
46
  color: eleVar('message', 'color');
17
47
  font-size: eleVar('message', 'size');
48
+ padding: eleVar('message', 'padding');
49
+ box-shadow: eleVar('message', 'shadow');
50
+ border-radius: eleVar('message', 'radius');
51
+ background: elVar('color-primary', 'light-9');
52
+ border: 0 solid elVar('color-primary', 'light-8');
53
+ z-index: calc(#{elVar('index', 'popper')} + 1);
18
54
  box-sizing: border-box;
55
+ position: relative;
19
56
  }
57
+ }
20
58
 
21
- .el-message__icon {
22
- font-size: eleVar('message', 'icon-size');
23
- margin: eleVar('message', 'icon-margin');
24
- }
59
+ .ele-message + .ele-message {
60
+ margin-top: 0 !important;
61
+ }
25
62
 
26
- .el-message__closeBtn {
27
- width: eleVar('message', 'close-size');
28
- height: eleVar('message', 'close-size');
29
- line-height: eleVar('message', 'close-size');
30
- color: eleVar('message', 'close-color');
31
- font-size: eleVar('message', 'close-font-size');
32
- margin: eleVar('message', 'close-margin');
33
- border-radius: eleVar('message', 'close-radius');
34
- transition: (color $ele-transition, background-color $ele-transition);
35
- position: static;
36
- top: auto;
37
- right: auto;
38
- transform: none;
39
-
40
- &:hover {
41
- color: eleVar('message', 'close-hover-color');
42
- background: eleVar('message', 'close-hover-bg');
43
- }
44
- }
63
+ .ele-message-icon {
64
+ flex-shrink: 0;
65
+ display: flex;
66
+ align-items: center;
67
+ justify-content: center;
68
+ color: elVar('color-primary');
69
+ font-size: eleVar('message', 'icon-size');
70
+ margin: eleVar('message', 'icon-margin');
71
+ }
45
72
 
46
- &.is-closable .el-message__content {
47
- padding-right: 0;
73
+ .ele-message-close {
74
+ flex-shrink: 0;
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: center;
78
+ width: eleVar('message', 'close-size');
79
+ height: eleVar('message', 'close-size');
80
+ line-height: eleVar('message', 'close-size');
81
+ color: eleVar('message', 'close-color');
82
+ font-size: eleVar('message', 'close-font-size');
83
+ margin: eleVar('message', 'close-margin');
84
+ border-radius: eleVar('message', 'close-radius');
85
+ transition: (color $ele-transition, background-color $ele-transition);
86
+ cursor: pointer;
87
+
88
+ &:hover {
89
+ color: eleVar('message', 'close-hover-color');
90
+ background: eleVar('message', 'close-hover-bg');
48
91
  }
92
+ }
49
93
 
50
- &.el-message--info {
51
- #{elVarName('message', 'text-color')}: elVar('color-primary');
52
- #{elVarName('message', 'bg-color')}: elVar('color-primary', 'light-9');
53
- #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
54
- }
94
+ /* 情景色类型 */
95
+ .ele-message.el-message--success > .el-message__icon {
96
+ background: elVar('color-success', 'light-9');
97
+ border-color: elVar('color-success', 'light-7');
55
98
 
56
- /* 简约风格 */
57
- &.is-plain {
58
- #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
99
+ & > .ele-message-icon {
100
+ color: elVar('color-success');
59
101
  }
102
+ }
60
103
 
61
- /* 加载框 */
62
- &.ele-message-loading {
63
- #{elVarName('message', 'text-color')}: elVar('color-primary');
64
- #{elVarName('message', 'bg-color')}: elVar('color-primary', 'light-9');
65
- #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
104
+ .ele-message.el-message--warning > .el-message__icon {
105
+ background: elVar('color-warning', 'light-9');
106
+ border-color: elVar('color-warning', 'light-7');
66
107
 
67
- &.is-plain {
68
- #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
69
- }
108
+ & > .ele-message-icon {
109
+ color: elVar('color-warning');
70
110
  }
71
111
  }
72
112
 
73
- /* 加载框 */
74
- .ele-message-loading.el-message {
75
- left: 0;
76
- right: 0;
77
- margin: 0 auto;
78
- transform: none;
79
- transition: (opacity elVar('transition-duration'), margin 0.4s, top 0.4s);
113
+ .ele-message.el-message--error > .el-message__icon {
114
+ background: elVar('color-error', 'light-9');
115
+ border-color: elVar('color-error', 'light-7');
80
116
 
81
- &.el-message-fade-enter-from,
82
- &.el-message-fade-leave-to {
83
- margin-top: -62px;
117
+ & > .ele-message-icon {
118
+ color: elVar('color-error');
84
119
  }
120
+ }
121
+
122
+ .ele-message.el-message--info > .el-message__badge > .el-badge__content {
123
+ background: elVar('color-primary');
124
+ }
125
+
126
+ /* 简约风格 */
127
+ .ele-message.is-plain.el-message {
128
+ background: none;
129
+ box-shadow: none;
130
+ }
131
+
132
+ .ele-message.is-plain > .el-message__icon,
133
+ .ele-message.is-plain-alert > .el-message__icon {
134
+ background: eleVar('message', 'plain-bg');
135
+ }
136
+
137
+ /* 彩色风格 */
138
+ .ele-message.is-alert > .el-message__icon {
139
+ color: elVar('color-primary');
140
+ padding: eleVar('message', 'alert-padding');
141
+ border-width: 1px;
142
+ box-shadow: none;
143
+ }
144
+
145
+ .ele-message.is-plain-alert > .el-message__icon {
146
+ color: elVar('color-primary');
147
+ }
148
+
149
+ .el-message--success.is-alert > .el-message__icon,
150
+ .el-message--success.is-plain-alert > .el-message__icon {
151
+ color: elVar('color-success');
152
+ }
153
+
154
+ .el-message--warning.is-alert > .el-message__icon,
155
+ .el-message--warning.is-plain-alert > .el-message__icon {
156
+ color: elVar('color-warning');
157
+ }
158
+
159
+ .el-message--error.is-alert > .el-message__icon,
160
+ .el-message--error.is-plain-alert > .el-message__icon {
161
+ color: elVar('color-error');
162
+ }
163
+
164
+ /* 加载框 */
165
+ .ele-message.is-loading {
166
+ position: static !important;
85
167
 
86
168
  &::before {
87
169
  content: '';
88
- position: fixed;
170
+ position: absolute;
89
171
  top: 0;
90
172
  left: 0;
91
173
  right: 0;
92
174
  bottom: 0;
175
+ transition: opacity elVar('transition-duration');
176
+ z-index: elVar('index', 'popper');
93
177
  }
94
178
 
95
- & > .el-message__content {
96
- position: relative;
179
+ & > .el-message__badge {
180
+ display: none;
181
+ }
182
+ }
183
+
184
+ /* 遮罩 */
185
+ .ele-message.is-show-mask::before {
186
+ background: eleVar('message', 'mask-color');
187
+ }
188
+
189
+ /* 居中 */
190
+ .ele-message.is-centered {
191
+ margin: 0 !important;
192
+ position: absolute !important;
193
+ top: 0 !important;
194
+ left: 0 !important;
195
+ right: 0;
196
+ bottom: 0;
197
+ width: 100%;
198
+ height: 100%;
199
+ max-width: none;
200
+ align-items: center;
201
+ justify-content: center;
202
+
203
+ &.el-message-fade-enter-from > .el-message__icon,
204
+ &.el-message-fade-leave-to > .el-message__icon {
205
+ transform: scale(0.6);
206
+ margin-top: 0;
97
207
  }
208
+ }
209
+
210
+ /* 进入和关闭动画 */
211
+ .ele-message.el-message-fade-enter-from,
212
+ .ele-message.el-message-fade-leave-to {
213
+ margin-bottom: 0;
98
214
 
99
215
  & > .el-message__icon,
100
- & > .el-message__content,
101
- & > .el-message__closeBtn {
102
- z-index: 1;
216
+ & > .el-message__badge {
217
+ opacity: 0;
218
+ margin-top: -88px;
103
219
  }
104
220
 
105
- & > .el-message__icon > .el-icon {
106
- font-size: 16px;
107
- animation: rotating 1s linear infinite;
221
+ &::before {
222
+ opacity: 0;
108
223
  }
224
+ }
109
225
 
110
- /* 遮罩 */
111
- &.ele-message-mask {
112
- box-shadow:
113
- eleVar('message', 'shadow'),
114
- 0 0 0 eleVar('message-mask', 'size') eleVar('message-mask', 'color');
226
+ /* 容器 */
227
+ .ele-message-wrapper {
228
+ position: absolute;
229
+ top: 0;
230
+ left: 0;
231
+ right: 0;
232
+ bottom: 0;
233
+ width: 100%;
234
+ height: 100%;
235
+ box-sizing: border-box;
236
+ pointer-events: none;
237
+ overflow: hidden;
238
+
239
+ & > .ele-message:first-child {
240
+ margin-top: eleVar('message', 'space');
115
241
  }
116
242
 
117
- /* 居中 */
118
- &.is-centered {
119
- top: 0 !important;
120
- bottom: 0;
121
- height: max-content;
122
- margin: auto;
243
+ &.is-hide {
244
+ display: none;
123
245
  }
124
246
  }
@@ -285,6 +285,8 @@ body .el-input.is-disabled .el-input__wrapper,
285
285
  body .el-textarea.is-disabled .el-textarea__inner,
286
286
  body .el-select.el-select--disabled .el-input.is-disabled .el-input__wrapper,
287
287
  .el-select .el-select__wrapper.is-disabled,
288
+ .el-select .el-select__wrapper.is-disabled:hover,
289
+ .el-select .el-select__wrapper.is-disabled.is-hovering,
288
290
  .el-date-editor.el-range-editor.is-disabled.el-input__wrapper {
289
291
  cursor: not-allowed;
290
292
  border: eleVar('input', 'disabled-border');
@@ -84,6 +84,10 @@
84
84
  }
85
85
  }
86
86
 
87
+ .el-message-box .el-message-box__status.el-message-box-icon--info {
88
+ color: elVar('color-primary');
89
+ }
90
+
87
91
  .el-message-box__message {
88
92
  word-break: break-all;
89
93
  }
@@ -96,3 +100,30 @@ body .el-overlay.is-message-box > .el-overlay-message-box {
96
100
  display: none;
97
101
  }
98
102
  }
103
+
104
+ /* 容器 */
105
+ .ele-message-box-wrapper {
106
+ position: absolute;
107
+ top: 0;
108
+ left: 0;
109
+ right: 0;
110
+ bottom: 0;
111
+ width: 100%;
112
+ height: 100%;
113
+ box-sizing: border-box;
114
+ pointer-events: none;
115
+ overflow: hidden;
116
+
117
+ & > .el-overlay.is-message-box {
118
+ pointer-events: auto;
119
+ position: absolute;
120
+
121
+ & > .el-overlay-message-box {
122
+ position: absolute;
123
+ }
124
+ }
125
+
126
+ &.is-hide {
127
+ display: none;
128
+ }
129
+ }
@@ -5,20 +5,4 @@
5
5
  .el-tag {
6
6
  @include set-ele-var('tag', $var);
7
7
  }
8
-
9
- .el-tag--small {
10
- @include set-ele-var('tag-sm', $var);
11
- }
12
-
13
- .el-tag--large {
14
- @include set-ele-var('tag-lg', $var);
15
- }
16
-
17
- .el-tag--dark {
18
- @include set-ele-var('tag-dark', $var);
19
- }
20
-
21
- .el-tag--plain {
22
- @include set-ele-var('tag-plain', $var);
23
- }
24
8
  }
@@ -5,9 +5,7 @@
5
5
  @include set-el-tag-var($ele);
6
6
 
7
7
  /* Tag */
8
- .el-tag.el-tag--light,
9
- .el-tag.el-tag--dark,
10
- .el-tag.el-tag--plain {
8
+ span.el-tag {
11
9
  line-height: inherit;
12
10
  height: eleVar('tag', 'height');
13
11
  font-size: eleVar('tag', 'size');
@@ -21,18 +19,11 @@
21
19
  border-radius: 0;
22
20
  cursor: inherit;
23
21
  }
22
+ }
24
23
 
25
- &.is-closable {
26
- padding: eleVar('tag', 'padding');
27
- }
28
-
29
- &.el-tag--small {
30
- padding: eleVar('tag', 'sm-padding');
31
- }
32
-
33
- &.el-tag--large {
34
- padding: eleVar('tag', 'lg-padding');
35
- }
24
+ span.el-tag,
25
+ span.el-tag.is-closable {
26
+ padding: eleVar('tag', 'padding');
36
27
  }
37
28
 
38
29
  /* 关闭按钮 */
@@ -274,6 +265,35 @@
274
265
  }
275
266
  }
276
267
 
268
+ /* 加深边框 */
269
+ span.el-tag.is-hit {
270
+ &.el-tag--primary {
271
+ border-color: eleVar('tag', 'hit-border-color');
272
+ }
273
+
274
+ &.el-tag--info {
275
+ border-color: eleVar('tag', 'hit-info-border-color');
276
+ }
277
+
278
+ &.el-tag--success {
279
+ border-color: eleVar('tag', 'hit-success-border-color');
280
+ }
281
+
282
+ &.el-tag--warning {
283
+ border-color: eleVar('tag', 'hit-warning-border-color');
284
+ }
285
+
286
+ &.el-tag--danger {
287
+ border-color: eleVar('tag', 'hit-danger-border-color');
288
+ }
289
+ }
290
+
291
+ /* 椭圆风格 */
292
+ span.el-tag.is-round {
293
+ padding: eleVar('tag', 'round-padding');
294
+ border-radius: eleVar('tag', 'round-radius');
295
+ }
296
+
277
297
  /* 小尺寸 */
278
298
  .el-tag.el-tag--small {
279
299
  height: eleVar('tag', 'sm-height');
@@ -288,6 +308,15 @@
288
308
  }
289
309
  }
290
310
 
311
+ span.el-tag.el-tag--small {
312
+ padding: eleVar('tag', 'sm-padding');
313
+ }
314
+
315
+ .el-tag.el-tag--small.is-round {
316
+ padding: eleVar('tag', 'sm-round-padding');
317
+ border-radius: eleVar('tag', 'sm-round-radius');
318
+ }
319
+
291
320
  /* 大尺寸 */
292
321
  .el-tag.el-tag--large {
293
322
  height: eleVar('tag', 'lg-height');
@@ -301,3 +330,17 @@
301
330
  border-radius: eleVar('tag', 'lg-close-radius');
302
331
  }
303
332
  }
333
+
334
+ span.el-tag.el-tag--large {
335
+ padding: eleVar('tag', 'lg-padding');
336
+ }
337
+
338
+ .el-tag.el-tag--large.is-round {
339
+ padding: eleVar('tag', 'lg-round-padding');
340
+ border-radius: eleVar('tag', 'lg-round-radius');
341
+ }
342
+
343
+ /* 椭圆风格关闭按钮圆角 */
344
+ .el-tag.is-round .el-tag__close {
345
+ border-radius: 50%;
346
+ }
@@ -1,4 +1,4 @@
1
- import type { CSSProperties, SetupContext } from 'vue';
1
+ import type { CSSProperties, Component, SetupContext } from 'vue';
2
2
 
3
3
  /**
4
4
  * 样式值
@@ -30,6 +30,11 @@ export type ComponentProps<T> = Partial<T> & {
30
30
  style?: StyleValues;
31
31
  };
32
32
 
33
+ /**
34
+ * 组件名或组件
35
+ */
36
+ export type UserComponent = string | Component;
37
+
33
38
  /**
34
39
  * 组件事件触发器
35
40
  */
@@ -1,2 +1,2 @@
1
1
  "use strict";const a=require("vue"),N=require("../../ele-watermark/index"),R=require("../receiver"),P="1.1";function T(t){const r=(C,A,c)=>{const s=((l,B)=>{const O=l.length-B;if(O<=0)return l;const k=new Array(l.length);for(let D=0;D<l.length;D++)D<B?k[D]=l[O+D]:k[D]=l[D-B];return k})(C.split(""),c).join(""),w=[];let E=0;for(;E<s.length;){let l=E+A;l>s.length&&(l=s.length);const B=s.substring(E,l);w.push(B.split("").reverse().join("")),E=l}return w.join("")},e="BAFEDIHGLKJONMRQPUTSXWVaZYdcbgfejihmlkponsrqvutyxw10z432765+98/C",i=t.indexOf("="),u=i===-1?t:t.substring(0,i),o=i===-1?"":t.substring(i),f=(r(u,12,3)+o).replace(/[^A-Za-z0-9\+\/\=]/g,""),p=r(e,3,1)+"=";let n="",_,d,v,F,m,b,$,S=0;for(;S<f.length;)F=p.indexOf(f.charAt(S++)),m=p.indexOf(f.charAt(S++)),b=p.indexOf(f.charAt(S++)),$=p.indexOf(f.charAt(S++)),_=F<<2|m>>4,d=(m&15)<<4|b>>2,v=(b&3)<<6|$,n=n+String.fromCharCode(_),b!=64&&(n=n+String.fromCharCode(d)),$!=64&&(n=n+String.fromCharCode(v));return n=(C=>{let A="",c=0,s=0,w=0,E=0;for(;c<C.length;)s=C.charCodeAt(c),s<128?(A+=String.fromCharCode(s),c++):s>191&&s<224?(w=C.charCodeAt(c+1),A+=String.fromCharCode((s&31)<<6|w&63),c+=2):(w=C.charCodeAt(c+1),E=C.charCodeAt(c+2),A+=String.fromCharCode((s&15)<<12|(w&63)<<6|E&63),c+=3);return A})(n),n}const j="EleAdminPlus\u9700\u8981\u6388\u6743\u4F7F\u7528,\u8BF7\u524D\u5F80eleadmin.com\u8D2D\u4E70\u6388\u6743";function g(t,r,e,i){const u=new Array(60).join("*"),o=[u];if(o.push(j),t==null&&r==null&&e==null&&i==null&&o.push("\u8BF7\u5148\u914D\u7F6E\u81EA\u5DF1\u7684\u6388\u6743\u7801;"),!t&&r==null&&!e&&o.push("\u8BF7\u4F7F\u7528\u6B63\u786E\u683C\u5F0F\u7684\u6388\u6743\u7801;"),t&&o.push(`\u6388\u6743\u7248\u672C\u53F7\u4E0D\u5339\u914D, \u8BF7\u4F7F\u7528: ${t}, \u5F53\u524D\u7248\u672C: ${P};`),typeof r=="number"){const h=new Date(r*1e3).toLocaleString();o.push(`\u6388\u6743\u5DF2\u5931\u6548, \u5230\u671F\u65F6\u95F4: ${h};`)}e&&o.push(`\u57DF\u540D\u4E0D\u5339\u914D, \u8BF7\u90E8\u7F72\u5728: ${e} \u4E0B, \u5F53\u524D\u57DF\u540D: ${i};`),o.push(u),console.error(o.join(`
2
- `))}const q=a.defineComponent({name:"ReceiverView",components:{EleWatermark:N},props:{wrapPosition:{type:Boolean,default:!0}},setup(t){const r=R.useReceiver(),e=a.ref(!1),i=a.computed(()=>{const u=r.license;return u?u.trim():void 0});return a.watch(i,u=>{var o;if(typeof u!="string"||!u){e.value=!1,g();return}try{const h=JSON.parse(T(u)),{version:f,expiration:p,domain:n,product:_}=h;if(f&&f!==P){e.value=!1,g(f);return}if(_!=="EleAdminPlus"){e.value=!1,g("");return}if(p&&p<Date.now()/1e3){e.value=!1,g(void 0,p);return}if(n){const d=(o=window==null?void 0:window.location)==null?void 0:o.hostname;if(!d){e.value=!1,g(void 0,void 0,n,"");return}if(d!=="localhost"&&d!=="127.0.0.1"){const v=n.split("."),F=d.split(".");for(let m=v.length-1;m>=0;m--)if(v[m]!==F[m]){e.value=!1,g(void 0,void 0,n,d);return}if(F.length>v.length&&F[F.length-v.length-1]!=="www"){e.value=!1,g(void 0,void 0,n,d);return}}}}catch(h){e.value=!1,console.error(h),g("");return}e.value=!0},{immediate:!0}),{authenticated:e,watermark:j.split(",")}}}),x=(t,r)=>{const e=t.__vccOpts||t;for(const[i,u]of r)e[i]=u;return e};function y(t,r,e,i,u,o){const h=a.resolveComponent("EleWatermark");return a.openBlock(),a.createBlock(h,{content:t.watermark,wrapPosition:!1,disabled:t.authenticated,style:a.normalizeStyle(!t.wrapPosition||t.authenticated?void 0:{position:"relative"})},{default:a.withCtx(()=>[a.renderSlot(t.$slots,"default",{authenticated:t.authenticated})]),_:3},8,["content","disabled","style"])}const V=x(q,[["render",y]]);module.exports=V;
2
+ `))}const q=a.defineComponent({name:"ReceiverView",components:{EleWatermark:N},props:{wrapPosition:{type:Boolean,default:!0}},setup(t){const r=R.useReceiver(),e=a.ref(!1),i=a.computed(()=>{const u=r.license;return u?u.trim():void 0});return a.watch(i,u=>{var o;if(typeof u!="string"||!u){e.value=!1,g();return}try{const h=JSON.parse(T(u)),{version:f,expiration:p,domain:n,product:_}=h;if(f&&f!==P){e.value=!1,g(f);return}if(_!=="EleAdminPlus"){e.value=!1,g("");return}if(p&&p<Date.now()/1e3){e.value=!1,g(void 0,p);return}if(n){const d=(o=window==null?void 0:window.location)==null?void 0:o.hostname;if(!d){e.value=!1,g(void 0,void 0,n,"");return}if(d!=="localhost"&&d!=="127.0.0.1"){const v=n.split("."),F=d.split(".");for(let m=v.length-1;m>=0;m--)if(v[m]!==F[m]){e.value=!1,g(void 0,void 0,n,d);return}if(F.length>v.length&&F[F.length-v.length-1]!=="www"){e.value=!1,g(void 0,void 0,n,d);return}}}}catch(h){e.value=!1,console.error(h),g("");return}e.value=!0},{immediate:!0}),{authenticated:e,watermark:j.split(",")}}}),x=(t,r)=>{const e=t.__vccOpts||t;for(const[i,u]of r)e[i]=u;return e};function y(t,r,e,i,u,o){const h=a.resolveComponent("EleWatermark");return a.openBlock(),a.createBlock(h,{wrapPosition:!1,style:a.normalizeStyle(!t.wrapPosition||t.authenticated?void 0:{position:"relative"}),disabled:t.authenticated,content:t.watermark},{default:a.withCtx(()=>[a.renderSlot(t.$slots,"default",{authenticated:t.authenticated})]),_:3},8,["style","disabled","content"])}const V=x(q,[["render",y]]);module.exports=V;
@@ -6,7 +6,7 @@ const index = vue.defineComponent({
6
6
  props: props.configProviderProps,
7
7
  setup(props$1, { slots }) {
8
8
  const config = vue.reactive({ ...props$1 });
9
- vue.provide(props.PROVIDE_KEY, config);
9
+ vue.provide(props.CONFIG_KEY, config);
10
10
  vue.watch(
11
11
  () => props$1.locale,
12
12
  () => {
@@ -21,10 +21,18 @@ const index = vue.defineComponent({
21
21
  { deep: true }
22
22
  );
23
23
  vue.watch(
24
- () => props$1.mapKey,
24
+ () => props$1.message,
25
25
  () => {
26
- config.mapKey = props$1.mapKey;
27
- }
26
+ config.message = props$1.message;
27
+ },
28
+ { deep: true }
29
+ );
30
+ vue.watch(
31
+ () => props$1.messageBox,
32
+ () => {
33
+ config.messageBox = props$1.messageBox;
34
+ },
35
+ { deep: true }
28
36
  );
29
37
  vue.watch(
30
38
  () => props$1.license,
@@ -32,6 +40,12 @@ const index = vue.defineComponent({
32
40
  config.license = props$1.license;
33
41
  }
34
42
  );
43
+ vue.watch(
44
+ () => props$1.mapKey,
45
+ () => {
46
+ config.mapKey = props$1.mapKey;
47
+ }
48
+ );
35
49
  return () => {
36
50
  var _a;
37
51
  return (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -1,14 +1,18 @@
1
1
  declare const _default: import('vue').DefineComponent<{
2
2
  locale: import('vue').PropType<import('./types').EleLocale>;
3
- table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "emptyProps" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
4
- mapKey: StringConstructor;
3
+ table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
4
+ message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
5
+ messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
5
6
  license: StringConstructor;
7
+ mapKey: StringConstructor;
6
8
  }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
7
9
  [key: string]: any;
8
10
  }>[] | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
9
11
  locale: import('vue').PropType<import('./types').EleLocale>;
10
- table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "emptyProps" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
11
- mapKey: StringConstructor;
12
+ table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
13
+ message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
14
+ messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
12
15
  license: StringConstructor;
16
+ mapKey: StringConstructor;
13
17
  }>>, {}, {}>;
14
18
  export default _default;
@@ -5,13 +5,17 @@ const configProviderProps = {
5
5
  locale: Object,
6
6
  /** 表格全局配置 */
7
7
  table: Object,
8
- /** 高德地图key */
9
- mapKey: String,
8
+ /** 消息提示全局配置 */
9
+ message: Object,
10
+ /** 消息弹窗全局配置 */
11
+ messageBox: Object,
10
12
  /** license */
11
- license: String
13
+ license: String,
14
+ /** 高德地图key */
15
+ mapKey: String
12
16
  };
13
- const PROVIDE_KEY = "EleGlobalConfig";
17
+ const CONFIG_KEY = Symbol("config");
14
18
  const LAYOUT_KEY = "EleLayoutState";
19
+ exports.CONFIG_KEY = CONFIG_KEY;
15
20
  exports.LAYOUT_KEY = LAYOUT_KEY;
16
- exports.PROVIDE_KEY = PROVIDE_KEY;
17
21
  exports.configProviderProps = configProviderProps;
@@ -1,5 +1,6 @@
1
1
  import { EleLocale } from './types';
2
- import { PropType, ExtractPropTypes } from 'vue';
2
+ import { MessageBoxOptions } from '../utils/message-box';
3
+ import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
3
4
 
4
5
  /**
5
6
  * 属性
@@ -9,16 +10,20 @@ export declare const configProviderProps: {
9
10
  locale: PropType<EleLocale>;
10
11
  /** 表格全局配置 */
11
12
  table: PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
12
- /** 高德地图key */
13
- mapKey: StringConstructor;
13
+ /** 消息提示全局配置 */
14
+ message: PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
15
+ /** 消息弹窗全局配置 */
16
+ messageBox: PropType<Partial<MessageBoxOptions>>;
14
17
  /** license */
15
18
  license: StringConstructor;
19
+ /** 高德地图key */
20
+ mapKey: StringConstructor;
16
21
  };
17
22
  export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
18
23
  /**
19
24
  * 全局配置键名
20
25
  */
21
- export declare const PROVIDE_KEY = "EleGlobalConfig";
26
+ export declare const CONFIG_KEY: InjectionKey<ConfigProviderProps>;
22
27
  /**
23
28
  * 布局状态共享键名
24
29
  */
@@ -4,7 +4,7 @@ const vue = require("vue");
4
4
  const props = require("./props");
5
5
  const defaultLocale = require("../lang/zh_CN");
6
6
  function useReceiver() {
7
- return vue.inject(props.PROVIDE_KEY, {});
7
+ return vue.inject(props.CONFIG_KEY, {});
8
8
  }
9
9
  function useGlobalProps(name) {
10
10
  const globalConfig = useReceiver();