z-ui-pc 0.3.1 → 0.3.3
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/dist/index.css +112 -100
- package/dist/index.d.ts +57 -11
- package/dist/index.js +129 -42
- package/package.json +2 -1
package/dist/index.css
CHANGED
|
@@ -41,75 +41,75 @@
|
|
|
41
41
|
font-weight: 400;
|
|
42
42
|
font-size: 14px;
|
|
43
43
|
color: #5f6a95;
|
|
44
|
-
}.advanced-filter-form-item__container[data-v-
|
|
44
|
+
}.advanced-filter-form-item__container[data-v-78cd4e80] {
|
|
45
45
|
width: 100%;
|
|
46
46
|
}
|
|
47
|
-
.advanced-filter-form-item__container .el-input[data-v-
|
|
47
|
+
.advanced-filter-form-item__container .el-input[data-v-78cd4e80] {
|
|
48
48
|
--el-input-width: 100%;
|
|
49
49
|
}
|
|
50
|
-
.advanced-filter-form-item__container[data-v-
|
|
50
|
+
.advanced-filter-form-item__container[data-v-78cd4e80] .el-date-editor.el-input__wrapper {
|
|
51
51
|
--el-date-editor-width: 100%;
|
|
52
52
|
}
|
|
53
|
-
.advanced-filter-form-item__container .el-select[data-v-
|
|
53
|
+
.advanced-filter-form-item__container .el-select[data-v-78cd4e80] {
|
|
54
54
|
width: 100%;
|
|
55
55
|
}
|
|
56
|
-
.advanced-filter-form-item__container .base-number-range__container[data-v-
|
|
56
|
+
.advanced-filter-form-item__container .base-number-range__container[data-v-78cd4e80] {
|
|
57
57
|
width: 100%;
|
|
58
58
|
display: flex;
|
|
59
59
|
}
|
|
60
|
-
.advanced-filter-form-item__container .base-number-range__container[data-v-
|
|
60
|
+
.advanced-filter-form-item__container .base-number-range__container[data-v-78cd4e80] .el-input {
|
|
61
61
|
flex: 1;
|
|
62
62
|
}
|
|
63
|
-
.advanced-filter-form-item__container[data-v-
|
|
63
|
+
.advanced-filter-form-item__container[data-v-78cd4e80] .el-cascader {
|
|
64
64
|
width: 100%;
|
|
65
65
|
}
|
|
66
|
-
.advanced-filter-form-item__container[data-v-
|
|
66
|
+
.advanced-filter-form-item__container[data-v-78cd4e80] .base-date-range-and-select-group__container {
|
|
67
67
|
width: 100%;
|
|
68
68
|
}
|
|
69
|
-
.advanced-filter-form-item__container[data-v-
|
|
69
|
+
.advanced-filter-form-item__container[data-v-78cd4e80] .base-date-range-and-select-group__container .base-date-range-and-select-group__date {
|
|
70
70
|
flex: 1;
|
|
71
71
|
}
|
|
72
|
-
.advanced-filter-form-item__container[data-v-
|
|
72
|
+
.advanced-filter-form-item__container[data-v-78cd4e80] .base-number-input__container .el-input {
|
|
73
73
|
--el-input-width: 100%;
|
|
74
74
|
}
|
|
75
|
-
.advanced-filter-form-item__container[data-v-
|
|
75
|
+
.advanced-filter-form-item__container[data-v-78cd4e80] .el-cascader .el-tag.is-closable {
|
|
76
76
|
max-width: 86px;
|
|
77
77
|
}.el-cascader {
|
|
78
|
-
width: var(--
|
|
79
|
-
}.base-date-range-and-select-group__container[data-v-
|
|
78
|
+
width: var(--50b6e6e6);
|
|
79
|
+
}.base-date-range-and-select-group__container[data-v-d8368cbd] {
|
|
80
80
|
display: flex;
|
|
81
81
|
}
|
|
82
|
-
.base-date-range-and-select-group__container[data-v-
|
|
82
|
+
.base-date-range-and-select-group__container[data-v-d8368cbd] .el-input__wrapper {
|
|
83
83
|
border-bottom-right-radius: 0;
|
|
84
84
|
border-top-right-radius: 0;
|
|
85
85
|
}
|
|
86
|
-
.base-date-range-and-select-group__container[data-v-
|
|
86
|
+
.base-date-range-and-select-group__container[data-v-d8368cbd] .el-select__wrapper {
|
|
87
87
|
border-bottom-left-radius: 0;
|
|
88
88
|
border-top-left-radius: 0;
|
|
89
89
|
box-shadow: -1px 1px 0 0 var(--el-border-color) inset, 0 -1px 0 0 var(--el-border-color) inset;
|
|
90
90
|
--el-text-color-regular: var(--app-primary-text-color);
|
|
91
91
|
}
|
|
92
|
-
.base-date-range-and-select-group__container.is-reverse[data-v-
|
|
92
|
+
.base-date-range-and-select-group__container.is-reverse[data-v-d8368cbd] {
|
|
93
93
|
flex-direction: row-reverse;
|
|
94
94
|
--el-input-border-radius: var(--el-border-radius-base);
|
|
95
95
|
}
|
|
96
|
-
.base-date-range-and-select-group__container.is-reverse[data-v-
|
|
97
|
-
.base-date-range-and-select-group__container.is-reverse .base-date-range-and-select-group__date[data-v-
|
|
96
|
+
.base-date-range-and-select-group__container.is-reverse[data-v-d8368cbd] .el-input__wrapper,
|
|
97
|
+
.base-date-range-and-select-group__container.is-reverse .base-date-range-and-select-group__date[data-v-d8368cbd] {
|
|
98
98
|
border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
|
|
99
99
|
}
|
|
100
|
-
.base-date-range-and-select-group__container.is-reverse[data-v-
|
|
100
|
+
.base-date-range-and-select-group__container.is-reverse[data-v-d8368cbd] .el-select__wrapper {
|
|
101
101
|
border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
|
|
102
102
|
box-shadow: 1px 1px 0 0 var(--el-border-color) inset, 0 -1px 0 0 var(--el-border-color) inset;
|
|
103
103
|
}
|
|
104
|
-
.base-date-range-and-select-group__select .el-select.is-disabled[data-v-
|
|
104
|
+
.base-date-range-and-select-group__select .el-select.is-disabled[data-v-d8368cbd] {
|
|
105
105
|
--el-fill-color-blank: #f5f7fa;
|
|
106
|
-
}.base-number-input__container[data-v-
|
|
106
|
+
}.base-number-input__container[data-v-fd1ded59] {
|
|
107
107
|
display: contents;
|
|
108
108
|
}
|
|
109
|
-
.base-number-input__container[data-v-
|
|
109
|
+
.base-number-input__container[data-v-fd1ded59] .el-input__suffix .el-input__suffix-inner {
|
|
110
110
|
flex-direction: row-reverse;
|
|
111
111
|
gap: 6px;
|
|
112
|
-
}.base-number-range__container[data-v-
|
|
112
|
+
}.base-number-range__container[data-v-9867f1ae] {
|
|
113
113
|
display: flex;
|
|
114
114
|
height: 32px;
|
|
115
115
|
line-height: 32px;
|
|
@@ -117,17 +117,17 @@
|
|
|
117
117
|
border: 1px solid var(--el-input-border-color, var(--el-border-color));
|
|
118
118
|
gap: 8px;
|
|
119
119
|
}
|
|
120
|
-
.base-number-range__container[data-v-
|
|
120
|
+
.base-number-range__container[data-v-9867f1ae]:hover {
|
|
121
121
|
border-color: var(--el-border-color-hover);
|
|
122
122
|
}
|
|
123
|
-
.base-number-range__container[data-v-
|
|
123
|
+
.base-number-range__container[data-v-9867f1ae]:focus-within {
|
|
124
124
|
border-color: var(--app-primary-color);
|
|
125
125
|
}
|
|
126
|
-
.base-number-range__container[data-v-
|
|
127
|
-
--el-input-width: var(--
|
|
126
|
+
.base-number-range__container[data-v-9867f1ae] .el-input {
|
|
127
|
+
--el-input-width: var(--6fae3be1);
|
|
128
128
|
--el-input-height: 30px;
|
|
129
129
|
}
|
|
130
|
-
.base-number-range__container[data-v-
|
|
130
|
+
.base-number-range__container[data-v-9867f1ae] .el-input__wrapper {
|
|
131
131
|
width: 100%;
|
|
132
132
|
box-shadow: none;
|
|
133
133
|
flex-grow: initial;
|
|
@@ -135,57 +135,69 @@
|
|
|
135
135
|
position: relative;
|
|
136
136
|
padding: 0;
|
|
137
137
|
}
|
|
138
|
-
.base-number-range__container[data-v-
|
|
138
|
+
.base-number-range__container[data-v-9867f1ae] .el-input__wrapper .el-input__suffix {
|
|
139
139
|
position: absolute;
|
|
140
140
|
right: 0;
|
|
141
141
|
background-color: #fff;
|
|
142
142
|
padding-right: 8px;
|
|
143
143
|
}
|
|
144
|
-
.base-number-range__container[data-v-
|
|
144
|
+
.base-number-range__container[data-v-9867f1ae] .el-input__wrapper:hover {
|
|
145
145
|
background-color: transparent;
|
|
146
146
|
}
|
|
147
|
-
.base-number-range__container[data-v-
|
|
147
|
+
.base-number-range__container[data-v-9867f1ae] .el-input__wrapper .el-input__inner {
|
|
148
148
|
text-align: center;
|
|
149
|
-
}.base-search-input[data-v-
|
|
149
|
+
}.base-search-input[data-v-8d5b8048] .el-input__wrapper .input_icons {
|
|
150
150
|
display: flex;
|
|
151
151
|
align-items: center;
|
|
152
152
|
column-gap: 6px;
|
|
153
153
|
cursor: pointer;
|
|
154
154
|
}
|
|
155
|
-
.base-search-input[data-v-
|
|
155
|
+
.base-search-input[data-v-8d5b8048] .el-input__wrapper .input_icons .el-icon {
|
|
156
156
|
cursor: pointer;
|
|
157
157
|
color: #4e5969;
|
|
158
158
|
}
|
|
159
|
-
.el-select[data-v-
|
|
160
|
-
--el-select-width: var(--
|
|
159
|
+
.el-select[data-v-58e4db2d] {
|
|
160
|
+
--el-select-width: var(--48534472);
|
|
161
161
|
}
|
|
162
|
-
.el-select[data-v-
|
|
162
|
+
.el-select[data-v-58e4db2d] .el-tooltip__trigger .el-select__selected-item .el-tag.is-closable .el-icon.el-tag__close {
|
|
163
163
|
/* fix:修复下拉框多选的时候无法点击单个tag删除对应的选项 */
|
|
164
164
|
z-index: 10;
|
|
165
|
-
}.group-select-input[data-v-
|
|
165
|
+
}.group-select-input[data-v-bb42fd81] {
|
|
166
166
|
min-width: 280px;
|
|
167
167
|
}
|
|
168
|
-
.group-select-input[data-v-
|
|
168
|
+
.group-select-input.is-reverse[data-v-bb42fd81] {
|
|
169
|
+
flex-direction: row-reverse;
|
|
170
|
+
--el-input-border-radius: var(--el-border-radius-base);
|
|
171
|
+
}
|
|
172
|
+
.group-select-input.is-reverse[data-v-bb42fd81] .el-input__wrapper,
|
|
173
|
+
.group-select-input.is-reverse .base-date-range-and-select-group__date[data-v-bb42fd81] {
|
|
174
|
+
border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
|
|
175
|
+
}
|
|
176
|
+
.group-select-input.is-reverse[data-v-bb42fd81] .el-select__wrapper {
|
|
177
|
+
border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
|
|
178
|
+
box-shadow: 1px 1px 0 0 var(--el-border-color) inset, 0 -1px 0 0 var(--el-border-color) inset;
|
|
179
|
+
}
|
|
180
|
+
.group-select-input[data-v-bb42fd81] .el-input__wrapper {
|
|
169
181
|
width: 210px;
|
|
170
182
|
}
|
|
171
|
-
.group-select-input[data-v-
|
|
183
|
+
.group-select-input[data-v-bb42fd81] .el-input__wrapper .input_icons {
|
|
172
184
|
display: flex;
|
|
173
185
|
align-items: center;
|
|
174
186
|
column-gap: 6px;
|
|
175
187
|
cursor: pointer;
|
|
176
188
|
}
|
|
177
|
-
.group-select-input[data-v-
|
|
189
|
+
.group-select-input[data-v-bb42fd81] .el-input__wrapper .input_icons .el-icon {
|
|
178
190
|
cursor: pointer;
|
|
179
191
|
color: #4e5969;
|
|
180
192
|
}
|
|
181
|
-
.group-select-input[data-v-
|
|
193
|
+
.group-select-input[data-v-bb42fd81] .el-input__wrapper > input {
|
|
182
194
|
width: 100%;
|
|
183
195
|
}
|
|
184
196
|
/**
|
|
185
197
|
* 获取z-index
|
|
186
198
|
* @param {'messageCenter'|'notify'} $type 消息类型
|
|
187
199
|
*/
|
|
188
|
-
.advanced-filter-form__container[data-v-
|
|
200
|
+
.advanced-filter-form__container[data-v-574f4e4e] {
|
|
189
201
|
display: flex;
|
|
190
202
|
width: 100%;
|
|
191
203
|
border-top: none;
|
|
@@ -193,35 +205,35 @@
|
|
|
193
205
|
overflow: hidden;
|
|
194
206
|
flex: 1;
|
|
195
207
|
}
|
|
196
|
-
.advanced-filter-form__container .advanced-filter-form__groups[data-v-
|
|
208
|
+
.advanced-filter-form__container .advanced-filter-form__groups[data-v-574f4e4e] {
|
|
197
209
|
width: 120px;
|
|
198
210
|
border-right: 1px solid #e5e6eb;
|
|
199
211
|
overflow: auto;
|
|
200
212
|
height: 100%;
|
|
201
213
|
}
|
|
202
|
-
.advanced-filter-form__container .advanced-filter-form__groups[data-v-
|
|
214
|
+
.advanced-filter-form__container .advanced-filter-form__groups[data-v-574f4e4e] .el-anchor__list {
|
|
203
215
|
padding-left: 0;
|
|
204
216
|
}
|
|
205
|
-
.advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-
|
|
217
|
+
.advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-574f4e4e] {
|
|
206
218
|
width: 100%;
|
|
207
219
|
min-height: 38px;
|
|
208
220
|
cursor: pointer;
|
|
209
221
|
height: max-content;
|
|
210
222
|
}
|
|
211
|
-
.advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-
|
|
223
|
+
.advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-574f4e4e] .el-anchor__link {
|
|
212
224
|
font-weight: 400;
|
|
213
225
|
font-size: 14px;
|
|
214
226
|
color: #666666;
|
|
215
227
|
padding: 6px 16px;
|
|
216
228
|
}
|
|
217
|
-
.advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-
|
|
229
|
+
.advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-574f4e4e] {
|
|
218
230
|
position: relative;
|
|
219
231
|
}
|
|
220
|
-
.advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-
|
|
232
|
+
.advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-574f4e4e] .el-anchor__link {
|
|
221
233
|
color: #2954ff;
|
|
222
234
|
font-weight: 500;
|
|
223
235
|
}
|
|
224
|
-
.advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-
|
|
236
|
+
.advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-574f4e4e]:before {
|
|
225
237
|
content: "";
|
|
226
238
|
position: absolute;
|
|
227
239
|
right: 0;
|
|
@@ -231,13 +243,13 @@
|
|
|
231
243
|
background-color: #165dff;
|
|
232
244
|
border-radius: 2px;
|
|
233
245
|
}
|
|
234
|
-
.advanced-filter-form__container .advanced-filter-form__content[data-v-
|
|
246
|
+
.advanced-filter-form__container .advanced-filter-form__content[data-v-574f4e4e] {
|
|
235
247
|
flex: 1;
|
|
236
248
|
padding: 0 16px 16px;
|
|
237
249
|
overflow: auto;
|
|
238
250
|
height: 100%;
|
|
239
251
|
}
|
|
240
|
-
.advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-
|
|
252
|
+
.advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-574f4e4e] {
|
|
241
253
|
--el-disabled-text-color: #999;
|
|
242
254
|
--el-checkbox-font-weight: 400;
|
|
243
255
|
--el-checkbox-text-color: #606266;
|
|
@@ -248,25 +260,25 @@
|
|
|
248
260
|
display: flex;
|
|
249
261
|
user-select: unset;
|
|
250
262
|
}
|
|
251
|
-
.advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-
|
|
263
|
+
.advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-574f4e4e] .el-checkbox__label {
|
|
252
264
|
flex: 1;
|
|
253
265
|
overflow: hidden;
|
|
254
266
|
}
|
|
255
|
-
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-
|
|
267
|
+
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-574f4e4e] {
|
|
256
268
|
margin-bottom: 6px;
|
|
257
269
|
padding-left: 12px;
|
|
258
270
|
}
|
|
259
|
-
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item .el-checkbox[data-v-
|
|
271
|
+
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item .el-checkbox[data-v-574f4e4e] {
|
|
260
272
|
height: 34px;
|
|
261
273
|
line-height: 34px;
|
|
262
274
|
}
|
|
263
|
-
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-
|
|
275
|
+
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-574f4e4e]:nth-child(2n+1) {
|
|
264
276
|
padding-left: 18px;
|
|
265
277
|
}
|
|
266
|
-
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-
|
|
278
|
+
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-574f4e4e]:nth-child(2n) {
|
|
267
279
|
padding-right: 6px;
|
|
268
280
|
}
|
|
269
|
-
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title[data-v-
|
|
281
|
+
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title[data-v-574f4e4e] {
|
|
270
282
|
background-color: #fafafc;
|
|
271
283
|
padding: 0 12px;
|
|
272
284
|
border-radius: 4px;
|
|
@@ -274,7 +286,7 @@
|
|
|
274
286
|
height: 34px;
|
|
275
287
|
line-height: 34px;
|
|
276
288
|
}
|
|
277
|
-
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title .el-checkbox[data-v-
|
|
289
|
+
.advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title .el-checkbox[data-v-574f4e4e] {
|
|
278
290
|
--el-checkbox-font-weight: 500;
|
|
279
291
|
--el-checkbox-text-color: #000;
|
|
280
292
|
--el-checkbox-checked-text-color: #000;
|
|
@@ -887,13 +899,13 @@
|
|
|
887
899
|
}
|
|
888
900
|
.table-link__button[data-v-a44085cd]:hover {
|
|
889
901
|
color: #4080ff;
|
|
890
|
-
}.base-table__container[data-v-
|
|
902
|
+
}.base-table__container[data-v-edfdc4d7] {
|
|
891
903
|
width: 100%;
|
|
892
904
|
height: 100%;
|
|
893
905
|
display: flex;
|
|
894
906
|
flex-direction: column;
|
|
895
907
|
}
|
|
896
|
-
.base-table__header[data-v-
|
|
908
|
+
.base-table__header[data-v-edfdc4d7] {
|
|
897
909
|
display: flex;
|
|
898
910
|
justify-content: flex-end;
|
|
899
911
|
align-items: center;
|
|
@@ -901,10 +913,10 @@
|
|
|
901
913
|
padding: 0 24px;
|
|
902
914
|
height: 64px;
|
|
903
915
|
}
|
|
904
|
-
.base-table__header .base-table__header-slot[data-v-
|
|
916
|
+
.base-table__header .base-table__header-slot[data-v-edfdc4d7] {
|
|
905
917
|
flex: 1;
|
|
906
918
|
}
|
|
907
|
-
.base-table__header .select-count[data-v-
|
|
919
|
+
.base-table__header .select-count[data-v-edfdc4d7] {
|
|
908
920
|
flex: 1;
|
|
909
921
|
height: 40px;
|
|
910
922
|
display: flex;
|
|
@@ -913,15 +925,15 @@
|
|
|
913
925
|
border-radius: 2px;
|
|
914
926
|
padding: 0 12px;
|
|
915
927
|
}
|
|
916
|
-
.base-table__header .select-count.select-count--auto-width[data-v-
|
|
928
|
+
.base-table__header .select-count.select-count--auto-width[data-v-edfdc4d7] {
|
|
917
929
|
width: max-content;
|
|
918
930
|
background-color: #fff;
|
|
919
931
|
flex: unset;
|
|
920
932
|
}
|
|
921
|
-
.base-table__header .select-count .el-button + .el-button[data-v-
|
|
933
|
+
.base-table__header .select-count .el-button + .el-button[data-v-edfdc4d7] {
|
|
922
934
|
margin-left: 24px;
|
|
923
935
|
}
|
|
924
|
-
.base-table__header .select-count .select-count__count[data-v-
|
|
936
|
+
.base-table__header .select-count .select-count__count[data-v-edfdc4d7] {
|
|
925
937
|
display: flex;
|
|
926
938
|
align-items: center;
|
|
927
939
|
gap: 12px;
|
|
@@ -929,15 +941,15 @@
|
|
|
929
941
|
font-size: 14px;
|
|
930
942
|
margin-right: 24px;
|
|
931
943
|
}
|
|
932
|
-
.base-table__header .select-count .select-count__count .el-icon[data-v-
|
|
944
|
+
.base-table__header .select-count .select-count__count .el-icon[data-v-edfdc4d7] {
|
|
933
945
|
color: #999;
|
|
934
946
|
cursor: pointer;
|
|
935
947
|
}
|
|
936
|
-
.base-table__header .select-count .select-count__count.has-select-slot[data-v-
|
|
948
|
+
.base-table__header .select-count .select-count__count.has-select-slot[data-v-edfdc4d7] {
|
|
937
949
|
position: relative;
|
|
938
950
|
margin-right: 42px;
|
|
939
951
|
}
|
|
940
|
-
.base-table__header .select-count .select-count__count.has-select-slot[data-v-
|
|
952
|
+
.base-table__header .select-count .select-count__count.has-select-slot[data-v-edfdc4d7]::after {
|
|
941
953
|
content: "";
|
|
942
954
|
position: absolute;
|
|
943
955
|
width: 2px;
|
|
@@ -945,69 +957,69 @@
|
|
|
945
957
|
background-color: #e5e6eb;
|
|
946
958
|
right: -24px;
|
|
947
959
|
}
|
|
948
|
-
.base-table__header-operation[data-v-
|
|
960
|
+
.base-table__header-operation[data-v-edfdc4d7] {
|
|
949
961
|
display: flex;
|
|
950
962
|
justify-content: flex-end;
|
|
951
963
|
align-items: center;
|
|
952
964
|
padding: 16px 0;
|
|
953
965
|
gap: 10px;
|
|
954
966
|
}
|
|
955
|
-
.base-table__header-operation[data-v-
|
|
967
|
+
.base-table__header-operation[data-v-edfdc4d7] .el-button + .el-button {
|
|
956
968
|
margin-left: 0;
|
|
957
969
|
}
|
|
958
|
-
.base-table__table-header-cell[data-v-
|
|
970
|
+
.base-table__table-header-cell[data-v-edfdc4d7] {
|
|
959
971
|
display: contents;
|
|
960
972
|
}
|
|
961
|
-
.base-table__table-header-content[data-v-
|
|
973
|
+
.base-table__table-header-content[data-v-edfdc4d7] {
|
|
962
974
|
display: contents;
|
|
963
975
|
}
|
|
964
|
-
.base-table__body[data-v-
|
|
976
|
+
.base-table__body[data-v-edfdc4d7] {
|
|
965
977
|
flex: 1;
|
|
966
978
|
}
|
|
967
|
-
.base-table__body[data-v-
|
|
979
|
+
.base-table__body[data-v-edfdc4d7] .el-table__header-wrapper .base-table__table-column-operation {
|
|
968
980
|
padding: 0;
|
|
969
981
|
}
|
|
970
|
-
.base-table__body[data-v-
|
|
982
|
+
.base-table__body[data-v-edfdc4d7] .el-table__header-wrapper .el-table__cell__search-result .base-table__table-header-content {
|
|
971
983
|
background-color: rgb(244, 154, 70);
|
|
972
984
|
display: unset;
|
|
973
985
|
}
|
|
974
|
-
.base-table__body[data-v-
|
|
986
|
+
.base-table__body[data-v-edfdc4d7] .base-table__table-column-operation .cell {
|
|
975
987
|
padding-right: 0;
|
|
976
988
|
height: 100%;
|
|
977
989
|
}
|
|
978
|
-
.base-table__body[data-v-
|
|
990
|
+
.base-table__body[data-v-edfdc4d7] .el-table__empty-block {
|
|
979
991
|
height: 200px !important;
|
|
980
992
|
overflow: hidden;
|
|
981
993
|
}
|
|
982
|
-
.base-table__body[data-v-
|
|
994
|
+
.base-table__body[data-v-edfdc4d7] .custom-status__color {
|
|
983
995
|
display: flex;
|
|
984
996
|
gap: 6px;
|
|
985
997
|
align-items: center;
|
|
986
998
|
}
|
|
987
|
-
.base-table__body[data-v-
|
|
999
|
+
.base-table__body[data-v-edfdc4d7] .custom-status__color:before {
|
|
988
1000
|
content: "";
|
|
989
1001
|
width: 8px;
|
|
990
1002
|
height: 8px;
|
|
991
1003
|
background-color: var(--status-color);
|
|
992
1004
|
border-radius: 50%;
|
|
993
1005
|
}
|
|
994
|
-
.base-table__body[data-v-
|
|
1006
|
+
.base-table__body[data-v-edfdc4d7] .el-loading-mask {
|
|
995
1007
|
display: flex;
|
|
996
1008
|
align-items: center;
|
|
997
1009
|
justify-content: center;
|
|
998
1010
|
}
|
|
999
|
-
.base-table__body .base-table__table-header-cell--operation[data-v-
|
|
1011
|
+
.base-table__body .base-table__table-header-cell--operation[data-v-edfdc4d7] {
|
|
1000
1012
|
display: flex;
|
|
1001
1013
|
align-items: center;
|
|
1002
1014
|
}
|
|
1003
|
-
.base-table__body .base-table__table-header-cell--operation .base-table__table-header-content[data-v-
|
|
1015
|
+
.base-table__body .base-table__table-header-cell--operation .base-table__table-header-content[data-v-edfdc4d7] {
|
|
1004
1016
|
flex: 1;
|
|
1005
1017
|
display: block;
|
|
1006
1018
|
overflow: hidden;
|
|
1007
1019
|
text-overflow: ellipsis;
|
|
1008
1020
|
white-space: nowrap;
|
|
1009
1021
|
}
|
|
1010
|
-
.base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-
|
|
1022
|
+
.base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-edfdc4d7] {
|
|
1011
1023
|
width: 40px;
|
|
1012
1024
|
display: flex;
|
|
1013
1025
|
justify-content: center;
|
|
@@ -1015,38 +1027,38 @@
|
|
|
1015
1027
|
height: 40px;
|
|
1016
1028
|
cursor: pointer;
|
|
1017
1029
|
}
|
|
1018
|
-
.base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-
|
|
1030
|
+
.base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-edfdc4d7]:hover {
|
|
1019
1031
|
background-color: #e8e8e9;
|
|
1020
1032
|
}
|
|
1021
|
-
.base-table__body.base-table__body__fix-pagination[data-v-
|
|
1022
|
-
padding: 0 24px
|
|
1033
|
+
.base-table__body.base-table__body__fix-pagination[data-v-edfdc4d7] {
|
|
1034
|
+
padding: 0 24px 24px;
|
|
1023
1035
|
}
|
|
1024
|
-
.base-table__body.base-table__body__update-scroll[data-v-
|
|
1025
|
-
left: var(--
|
|
1036
|
+
.base-table__body.base-table__body__update-scroll[data-v-edfdc4d7] .el-table__inner-wrapper .el-scrollbar__bar.is-horizontal {
|
|
1037
|
+
left: var(--5f6764ab);
|
|
1026
1038
|
z-index: 20;
|
|
1027
1039
|
position: fixed;
|
|
1028
1040
|
bottom: 80px;
|
|
1029
1041
|
}
|
|
1030
|
-
.base-table__body .base-table__draggable[data-v-
|
|
1042
|
+
.base-table__body .base-table__draggable[data-v-edfdc4d7] {
|
|
1031
1043
|
height: 100%;
|
|
1032
1044
|
}
|
|
1033
|
-
.base-table__body .base-table__table[data-v-
|
|
1045
|
+
.base-table__body .base-table__table[data-v-edfdc4d7] {
|
|
1034
1046
|
--el-table-text-color: var(--app-primary-text-color);
|
|
1035
1047
|
}
|
|
1036
|
-
.base-table__pagination[data-v-
|
|
1048
|
+
.base-table__pagination[data-v-edfdc4d7] {
|
|
1037
1049
|
height: 48px;
|
|
1038
1050
|
background-color: #fff;
|
|
1039
1051
|
position: relative;
|
|
1040
1052
|
}
|
|
1041
|
-
.base-table__base-pagination[data-v-
|
|
1053
|
+
.base-table__base-pagination[data-v-edfdc4d7] {
|
|
1042
1054
|
background-color: #fff;
|
|
1043
1055
|
padding: 16px 24px;
|
|
1044
1056
|
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.08);
|
|
1045
1057
|
}
|
|
1046
|
-
.base-table__base-pagination[data-v-
|
|
1058
|
+
.base-table__base-pagination[data-v-edfdc4d7] .el-pagination .el-pager li:hover {
|
|
1047
1059
|
background-color: #e8f3ff;
|
|
1048
1060
|
}
|
|
1049
|
-
.base-table__base-pagination[data-v-
|
|
1061
|
+
.base-table__base-pagination[data-v-edfdc4d7] .el-pagination .el-select__wrapper {
|
|
1050
1062
|
width: 90px;
|
|
1051
1063
|
gap: 0;
|
|
1052
1064
|
box-shadow: none;
|
|
@@ -1055,22 +1067,22 @@
|
|
|
1055
1067
|
padding: 0 6px;
|
|
1056
1068
|
text-align: center;
|
|
1057
1069
|
}
|
|
1058
|
-
.base-table__base-pagination[data-v-
|
|
1070
|
+
.base-table__base-pagination[data-v-edfdc4d7] .el-pagination .el-select {
|
|
1059
1071
|
width: 90px;
|
|
1060
1072
|
}
|
|
1061
|
-
.base-table__pagination-fixed[data-v-
|
|
1073
|
+
.base-table__pagination-fixed[data-v-edfdc4d7] {
|
|
1062
1074
|
background-color: #fff;
|
|
1063
|
-
width: var(--
|
|
1075
|
+
width: var(--55722015);
|
|
1064
1076
|
position: fixed;
|
|
1065
1077
|
bottom: 16px;
|
|
1066
1078
|
z-index: 6;
|
|
1067
1079
|
}
|
|
1068
|
-
.base-table__pagination-right[data-v-
|
|
1080
|
+
.base-table__pagination-right[data-v-edfdc4d7] {
|
|
1069
1081
|
display: flex;
|
|
1070
1082
|
justify-content: flex-end;
|
|
1071
1083
|
}
|
|
1072
|
-
.base-table__container[data-v-
|
|
1073
|
-
width: calc(100vw - var(--
|
|
1084
|
+
.base-table__container[data-v-edfdc4d7] .el-loading-spinner {
|
|
1085
|
+
width: calc(100vw - var(--5f6764ab));
|
|
1074
1086
|
position: fixed;
|
|
1075
1087
|
top: 60%;
|
|
1076
1088
|
}.z-tips-form-item__form-item[data-v-af10c35f] .el-form-item__label {
|
package/dist/index.d.ts
CHANGED
|
@@ -319,7 +319,7 @@ export declare class BaseFormItem<T extends TObj = TObj, U extends TObj = TObj>
|
|
|
319
319
|
/**
|
|
320
320
|
* 是否不可配置
|
|
321
321
|
*/
|
|
322
|
-
|
|
322
|
+
unConfigurable?: boolean;
|
|
323
323
|
/**
|
|
324
324
|
* 当前对象的销毁函数
|
|
325
325
|
* @private
|
|
@@ -820,6 +820,17 @@ export declare enum EFormComponentType {
|
|
|
820
820
|
*/
|
|
821
821
|
export declare const formatArrayKeyToObjectValue: <T extends TObj>(arrayFormatKey: (keyof T | string)[]) => (value: unknown[]) => TObj<string, any>;
|
|
822
822
|
|
|
823
|
+
/**
|
|
824
|
+
* 用于处理分组选择器的数据处理为两个对象的值
|
|
825
|
+
* @example:
|
|
826
|
+
* value: ['1', '2']
|
|
827
|
+
* formatGroupSelectInputToObject(['selectKey', 'valueKey'])
|
|
828
|
+
* result: { selectKey: '1', valueKey: '2' }
|
|
829
|
+
* @param selectKey
|
|
830
|
+
* @param valueKey
|
|
831
|
+
*/
|
|
832
|
+
export declare const formatGroupSelectInputToObject: (selectKey: string, valueKey: string) => (values: string[]) => TObj<string, any>;
|
|
833
|
+
|
|
823
834
|
/**
|
|
824
835
|
* 将秒数格式化为mm:ss。小于1秒的部分算1秒
|
|
825
836
|
* @param second
|
|
@@ -975,6 +986,7 @@ modelValue: [string?, string?];
|
|
|
975
986
|
readonly validateEvent: boolean;
|
|
976
987
|
on: TEvent & Partial<InputEmits>;
|
|
977
988
|
selectWidth: string;
|
|
989
|
+
selectToFirst: boolean;
|
|
978
990
|
changeOnSelect: boolean;
|
|
979
991
|
defaultSelectFirst: boolean;
|
|
980
992
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
@@ -1128,7 +1140,7 @@ export declare interface IBaseFormItem<T extends TObj = TObj> extends IStyle {
|
|
|
1128
1140
|
/**
|
|
1129
1141
|
* 是否不可配置
|
|
1130
1142
|
*/
|
|
1131
|
-
|
|
1143
|
+
unConfigurable?: boolean;
|
|
1132
1144
|
}
|
|
1133
1145
|
|
|
1134
1146
|
export declare interface IBaseFormProps extends Partial<Omit<FormProps, "model">> {
|
|
@@ -1195,6 +1207,7 @@ export declare interface IBaseNumberRangeAttrs {
|
|
|
1195
1207
|
declare interface IBaseNumberRangeProps extends IBaseNumberRangeAttrs {
|
|
1196
1208
|
on?: TEvent & Partial<InputEmits>;
|
|
1197
1209
|
modelValue: [(string | number)?, (string | number)?];
|
|
1210
|
+
disabled?: boolean;
|
|
1198
1211
|
}
|
|
1199
1212
|
|
|
1200
1213
|
declare interface IBaseSearchInputProps extends Partial<InputProps> {
|
|
@@ -1577,6 +1590,11 @@ export declare type IGroupSelectInputAttrs = {
|
|
|
1577
1590
|
* @default: true
|
|
1578
1591
|
*/
|
|
1579
1592
|
defaultSelectFirst?: boolean;
|
|
1593
|
+
/**
|
|
1594
|
+
* 是否把select放到前面
|
|
1595
|
+
* @default false
|
|
1596
|
+
*/
|
|
1597
|
+
selectToFirst?: boolean;
|
|
1580
1598
|
} & IStyle & Omit<InputProps, "modelValue">;
|
|
1581
1599
|
|
|
1582
1600
|
export declare type IGroupSelectInputSelectAttrs = Partial<SelectProps> & IStyle;
|
|
@@ -1956,12 +1974,16 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
1956
1974
|
isOperationColumn: ComputedRef<(column: IBaseTableColumn, index: number) => boolean | undefined>;
|
|
1957
1975
|
configColumnsDialogRef: Ref<CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1958
1976
|
columnConfig?: IColumnConfig;
|
|
1959
|
-
}> & Readonly<{
|
|
1977
|
+
}> & Readonly<{
|
|
1978
|
+
onSaveColumns?: (() => any) | undefined;
|
|
1979
|
+
}>, {
|
|
1960
1980
|
openDialog: (groupInfo: {
|
|
1961
1981
|
groupName: string;
|
|
1962
1982
|
groupData: TConfigGroup;
|
|
1963
1983
|
}, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
|
|
1964
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}
|
|
1984
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
1985
|
+
saveColumns: () => any;
|
|
1986
|
+
}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
1965
1987
|
P: {};
|
|
1966
1988
|
B: {};
|
|
1967
1989
|
D: {};
|
|
@@ -1970,19 +1992,25 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
1970
1992
|
Defaults: {};
|
|
1971
1993
|
}, Readonly<{
|
|
1972
1994
|
columnConfig?: IColumnConfig;
|
|
1973
|
-
}> & Readonly<{
|
|
1995
|
+
}> & Readonly<{
|
|
1996
|
+
onSaveColumns?: (() => any) | undefined;
|
|
1997
|
+
}>, {
|
|
1974
1998
|
openDialog: (groupInfo: {
|
|
1975
1999
|
groupName: string;
|
|
1976
2000
|
groupData: TConfigGroup;
|
|
1977
2001
|
}, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
|
|
1978
2002
|
}, {}, {}, {}, {}> | undefined, CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1979
2003
|
columnConfig?: IColumnConfig;
|
|
1980
|
-
}> & Readonly<{
|
|
2004
|
+
}> & Readonly<{
|
|
2005
|
+
onSaveColumns?: (() => any) | undefined;
|
|
2006
|
+
}>, {
|
|
1981
2007
|
openDialog: (groupInfo: {
|
|
1982
2008
|
groupName: string;
|
|
1983
2009
|
groupData: TConfigGroup;
|
|
1984
2010
|
}, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
|
|
1985
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}
|
|
2011
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
2012
|
+
saveColumns: () => any;
|
|
2013
|
+
}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
1986
2014
|
P: {};
|
|
1987
2015
|
B: {};
|
|
1988
2016
|
D: {};
|
|
@@ -1991,7 +2019,9 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
1991
2019
|
Defaults: {};
|
|
1992
2020
|
}, Readonly<{
|
|
1993
2021
|
columnConfig?: IColumnConfig;
|
|
1994
|
-
}> & Readonly<{
|
|
2022
|
+
}> & Readonly<{
|
|
2023
|
+
onSaveColumns?: (() => any) | undefined;
|
|
2024
|
+
}>, {
|
|
1995
2025
|
openDialog: (groupInfo: {
|
|
1996
2026
|
groupName: string;
|
|
1997
2027
|
groupData: TConfigGroup;
|
|
@@ -2220,6 +2250,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2220
2250
|
} & IBaseTableProps> & Readonly<{
|
|
2221
2251
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
2222
2252
|
onDrag?: ((...args: any[]) => any) | undefined;
|
|
2253
|
+
onSaveColumns?: ((...args: any[]) => any) | undefined;
|
|
2223
2254
|
"onExpand-change"?: ((...args: any[]) => any) | undefined;
|
|
2224
2255
|
"onCurrent-change"?: ((...args: any[]) => any) | undefined;
|
|
2225
2256
|
"onSelect-all"?: ((...args: any[]) => any) | undefined;
|
|
@@ -2243,6 +2274,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2243
2274
|
onPaginationChange?: ((...args: any[]) => any) | undefined;
|
|
2244
2275
|
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
2245
2276
|
"onUpdate:tableData"?: ((...args: any[]) => any) | undefined;
|
|
2277
|
+
onChangeGroup?: ((...args: any[]) => any) | undefined;
|
|
2246
2278
|
"onUpdate:selectList"?: ((value: TAllType<string | number | boolean | object | null | undefined>[]) => any) | undefined;
|
|
2247
2279
|
}>, {
|
|
2248
2280
|
loadData: (currentPagination?: IPagination) => Promise<void>;
|
|
@@ -2256,6 +2288,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2256
2288
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2257
2289
|
select: (...args: any[]) => void;
|
|
2258
2290
|
drag: (...args: any[]) => void;
|
|
2291
|
+
saveColumns: (...args: any[]) => void;
|
|
2259
2292
|
"expand-change": (...args: any[]) => void;
|
|
2260
2293
|
"current-change": (...args: any[]) => void;
|
|
2261
2294
|
"select-all": (...args: any[]) => void;
|
|
@@ -2279,6 +2312,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2279
2312
|
paginationChange: (...args: any[]) => void;
|
|
2280
2313
|
loaded: (...args: any[]) => void;
|
|
2281
2314
|
"update:tableData": (...args: any[]) => void;
|
|
2315
|
+
changeGroup: (...args: any[]) => void;
|
|
2282
2316
|
"update:selectList": (value: TAllType<string | number | boolean | object | null | undefined>[]) => void;
|
|
2283
2317
|
}, PublicProps, {
|
|
2284
2318
|
border: boolean;
|
|
@@ -2302,12 +2336,16 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2302
2336
|
baseTableRef: unknown;
|
|
2303
2337
|
configColumnsDialogRef: CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
2304
2338
|
columnConfig?: IColumnConfig;
|
|
2305
|
-
}> & Readonly<{
|
|
2339
|
+
}> & Readonly<{
|
|
2340
|
+
onSaveColumns?: (() => any) | undefined;
|
|
2341
|
+
}>, {
|
|
2306
2342
|
openDialog: (groupInfo: {
|
|
2307
2343
|
groupName: string;
|
|
2308
2344
|
groupData: TConfigGroup;
|
|
2309
2345
|
}, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
|
|
2310
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}
|
|
2346
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
2347
|
+
saveColumns: () => any;
|
|
2348
|
+
}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
2311
2349
|
P: {};
|
|
2312
2350
|
B: {};
|
|
2313
2351
|
D: {};
|
|
@@ -2316,7 +2354,9 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2316
2354
|
Defaults: {};
|
|
2317
2355
|
}, Readonly<{
|
|
2318
2356
|
columnConfig?: IColumnConfig;
|
|
2319
|
-
}> & Readonly<{
|
|
2357
|
+
}> & Readonly<{
|
|
2358
|
+
onSaveColumns?: (() => any) | undefined;
|
|
2359
|
+
}>, {
|
|
2320
2360
|
openDialog: (groupInfo: {
|
|
2321
2361
|
groupName: string;
|
|
2322
2362
|
groupData: TConfigGroup;
|
|
@@ -2334,6 +2374,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2334
2374
|
} & IBaseTableProps> & Readonly<{
|
|
2335
2375
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
2336
2376
|
onDrag?: ((...args: any[]) => any) | undefined;
|
|
2377
|
+
onSaveColumns?: ((...args: any[]) => any) | undefined;
|
|
2337
2378
|
"onExpand-change"?: ((...args: any[]) => any) | undefined;
|
|
2338
2379
|
"onCurrent-change"?: ((...args: any[]) => any) | undefined;
|
|
2339
2380
|
"onSelect-all"?: ((...args: any[]) => any) | undefined;
|
|
@@ -2357,6 +2398,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2357
2398
|
onPaginationChange?: ((...args: any[]) => any) | undefined;
|
|
2358
2399
|
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
2359
2400
|
"onUpdate:tableData"?: ((...args: any[]) => any) | undefined;
|
|
2401
|
+
onChangeGroup?: ((...args: any[]) => any) | undefined;
|
|
2360
2402
|
"onUpdate:selectList"?: ((value: TAllType<string | number | boolean | object | null | undefined>[]) => any) | undefined;
|
|
2361
2403
|
}>, {
|
|
2362
2404
|
loadData: (currentPagination?: IPagination) => Promise<void>;
|
|
@@ -2392,6 +2434,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2392
2434
|
} & IBaseTableProps> & Readonly<{
|
|
2393
2435
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
2394
2436
|
onDrag?: ((...args: any[]) => any) | undefined;
|
|
2437
|
+
onSaveColumns?: ((...args: any[]) => any) | undefined;
|
|
2395
2438
|
"onExpand-change"?: ((...args: any[]) => any) | undefined;
|
|
2396
2439
|
"onCurrent-change"?: ((...args: any[]) => any) | undefined;
|
|
2397
2440
|
"onSelect-all"?: ((...args: any[]) => any) | undefined;
|
|
@@ -2415,6 +2458,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2415
2458
|
onPaginationChange?: ((...args: any[]) => any) | undefined;
|
|
2416
2459
|
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
2417
2460
|
"onUpdate:tableData"?: ((...args: any[]) => any) | undefined;
|
|
2461
|
+
onChangeGroup?: ((...args: any[]) => any) | undefined;
|
|
2418
2462
|
"onUpdate:selectList"?: ((value: TAllType<string | number | boolean | object | null | undefined>[]) => any) | undefined;
|
|
2419
2463
|
}>, {
|
|
2420
2464
|
loadData: (currentPagination?: IPagination) => Promise<void>;
|
|
@@ -2428,6 +2472,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2428
2472
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2429
2473
|
select: (...args: any[]) => void;
|
|
2430
2474
|
drag: (...args: any[]) => void;
|
|
2475
|
+
saveColumns: (...args: any[]) => void;
|
|
2431
2476
|
"expand-change": (...args: any[]) => void;
|
|
2432
2477
|
"current-change": (...args: any[]) => void;
|
|
2433
2478
|
"select-all": (...args: any[]) => void;
|
|
@@ -2451,6 +2496,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
|
|
|
2451
2496
|
paginationChange: (...args: any[]) => void;
|
|
2452
2497
|
loaded: (...args: any[]) => void;
|
|
2453
2498
|
"update:tableData": (...args: any[]) => void;
|
|
2499
|
+
changeGroup: (...args: any[]) => void;
|
|
2454
2500
|
"update:selectList": (value: TAllType<string | number | boolean | object | null | undefined>[]) => void;
|
|
2455
2501
|
}, string, {
|
|
2456
2502
|
border: boolean;
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref, defineComponent, resolveComponent, createBlock, openBlock, unref, createSlots, withCtx, createElementVNode, normalizeStyle, toDisplayString, useCssVars, computed, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createTextVNode, provide, inject, resolveDynamicComponent, mergeProps, toHandlers, watch, nextTick, isRef, normalizeProps, guardReactiveProps, mergeModels, useModel, createVNode, Fragment, renderList, useSlots, resolveDirective, withDirectives, onBeforeUnmount, markRaw, watchEffect, getCurrentScope, onScopeDispose, withModifiers, watchPostEffect, onActivated, onDeactivated, onMounted, useTemplateRef, Teleport, withKeys, h, isVNode, onUnmounted, getCurrentInstance, defineAsyncComponent, render } from "vue";
|
|
2
|
-
import _, { isNumber, cloneDeep, isEqual, merge, mergeWith, isObject, isString, isFunction,
|
|
2
|
+
import _, { isNumber, cloneDeep, isUndefined, isEqual, merge, mergeWith, isObject, isString, isFunction, sortBy, debounce, isNull } from "lodash";
|
|
3
3
|
import dayjs from "dayjs";
|
|
4
4
|
import { CircleClose, Search, Close, EditPen, CloseBold, Plus, Loading, ArrowDownBold, ArrowUp, ArrowDown, Delete, CircleCloseFilled, QuestionFilled } from "@element-plus/icons-vue";
|
|
5
5
|
import { ElAnchor, ElMessage, ElMessageBox, ElLoading, ElInput } from "element-plus";
|
|
@@ -195,7 +195,8 @@ const _hoisted_1$h = {
|
|
|
195
195
|
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
196
196
|
__name: "AdvancedFilterFormItem",
|
|
197
197
|
props: {
|
|
198
|
-
prop: {}
|
|
198
|
+
prop: {},
|
|
199
|
+
disabled: { type: Boolean, default: false }
|
|
199
200
|
},
|
|
200
201
|
setup(__props) {
|
|
201
202
|
const advancedFormBuilder = useGetAdvancedFormBuilder();
|
|
@@ -218,7 +219,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
218
219
|
}
|
|
219
220
|
}
|
|
220
221
|
});
|
|
221
|
-
const getAttrs = computed(() =>
|
|
222
|
+
const getAttrs = computed(() => {
|
|
223
|
+
const baseAttrs = formItem.value?.attrs ?? {};
|
|
224
|
+
if (__props.disabled) {
|
|
225
|
+
return {
|
|
226
|
+
...baseAttrs,
|
|
227
|
+
disabled: true
|
|
228
|
+
};
|
|
229
|
+
}
|
|
230
|
+
return baseAttrs;
|
|
231
|
+
});
|
|
222
232
|
return (_ctx, _cache) => {
|
|
223
233
|
return formItem.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
224
234
|
(openBlock(), createBlock(resolveDynamicComponent(formItem.value.getFormComponent), mergeProps(getAttrs.value, {
|
|
@@ -232,7 +242,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
232
242
|
};
|
|
233
243
|
}
|
|
234
244
|
});
|
|
235
|
-
const AdvancedFilterFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-
|
|
245
|
+
const AdvancedFilterFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-78cd4e80"]]);
|
|
236
246
|
const DEFAULT_CLASSIFY_NAME = "列信息";
|
|
237
247
|
const DEFAULT_GROUP_NAME$1 = "默认筛选";
|
|
238
248
|
const NEW_GROUP_NAME_PREFIX = "自定义筛选";
|
|
@@ -434,6 +444,15 @@ const DYNAMIC_EXPRESSION_RULES = {
|
|
|
434
444
|
case "近一个月":
|
|
435
445
|
date = getDaysRange(1, format, "month");
|
|
436
446
|
break;
|
|
447
|
+
case "近三个月":
|
|
448
|
+
date = getDaysRange(3, format, "month");
|
|
449
|
+
break;
|
|
450
|
+
case "近六个月":
|
|
451
|
+
date = getDaysRange(6, format, "month");
|
|
452
|
+
break;
|
|
453
|
+
case "近一年":
|
|
454
|
+
date = getDaysRange(12, format, "month");
|
|
455
|
+
break;
|
|
437
456
|
}
|
|
438
457
|
return date.map((m, index) => formatDate(m, format, autoAddSeconds, index === date.length - 1));
|
|
439
458
|
},
|
|
@@ -503,6 +522,17 @@ const useOptions = (props, initOptionsSuccessCallBack) => {
|
|
|
503
522
|
loadingOptions
|
|
504
523
|
};
|
|
505
524
|
};
|
|
525
|
+
const getComponentName = (component) => component.name || component.__name || "";
|
|
526
|
+
const filterComponentEmptyProps = (props) => {
|
|
527
|
+
const keys = Object.keys(props);
|
|
528
|
+
return keys.reduce((prev, key) => {
|
|
529
|
+
const value = Reflect.get(props, key);
|
|
530
|
+
if (!isUndefined(value)) {
|
|
531
|
+
Reflect.set(prev, key, value);
|
|
532
|
+
}
|
|
533
|
+
return prev;
|
|
534
|
+
}, {});
|
|
535
|
+
};
|
|
506
536
|
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
507
537
|
__name: "BaseCascader",
|
|
508
538
|
props: {
|
|
@@ -543,14 +573,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
543
573
|
emits: ["update:modelValue", "change"],
|
|
544
574
|
setup(__props, { emit: __emit }) {
|
|
545
575
|
useCssVars((_ctx) => ({
|
|
546
|
-
"
|
|
576
|
+
"50b6e6e6": cascaderWidth.value
|
|
547
577
|
}));
|
|
548
578
|
const props = __props;
|
|
549
579
|
const emit = __emit;
|
|
550
580
|
const { parseOptions, loadingOptions } = useOptions(props);
|
|
551
581
|
const { value } = useBaseFormComponent(props, emit);
|
|
552
582
|
const cascaderOn = computed(() => _.omit(props.on, ["blur", "change"]));
|
|
553
|
-
const cascaderAttrs = computed(() => _.omit(props, ["on", "options", "modelValue"]));
|
|
583
|
+
const cascaderAttrs = computed(() => filterComponentEmptyProps(_.omit(props, ["on", "options", "modelValue"])));
|
|
554
584
|
const emitChange = () => {
|
|
555
585
|
emit("change", value.value);
|
|
556
586
|
};
|
|
@@ -680,7 +710,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
680
710
|
const { value } = useBaseFormComponent(props, emit);
|
|
681
711
|
const { pushDynamicExpression, updateDynamicExpression } = useDynamicExpression(dynamicExpression);
|
|
682
712
|
const getDateAttr = computed(
|
|
683
|
-
() =>
|
|
713
|
+
() => filterComponentEmptyProps(
|
|
714
|
+
_.omit(props, ["on", "modelValue", "defaultTime", "autoAddSeconds", "useDefaultTimeToDay", "shortcuts"])
|
|
715
|
+
)
|
|
684
716
|
);
|
|
685
717
|
const getDefaultTime = computed(() => {
|
|
686
718
|
if (props.useDefaultTimeToDay) {
|
|
@@ -806,7 +838,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
806
838
|
const props = __props;
|
|
807
839
|
const dynamicExpression = useModel(__props, "dynamicExpression");
|
|
808
840
|
const emit = __emit;
|
|
809
|
-
const getDateProps = computed(() => _.omit(props, ["options", "on", "modelValue"]));
|
|
841
|
+
const getDateProps = computed(() => filterComponentEmptyProps(_.omit(props, ["options", "on", "modelValue"])));
|
|
810
842
|
const { value } = useBaseFormComponent(props, emit);
|
|
811
843
|
const emitChange = () => {
|
|
812
844
|
nextTick().then(() => {
|
|
@@ -895,7 +927,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
895
927
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectModelValue.value = $event)
|
|
896
928
|
}, _ctx.selectOptions ?? {}, {
|
|
897
929
|
style: { width: _ctx.selectWidth },
|
|
898
|
-
disabled: isDisabledSelect.value,
|
|
930
|
+
disabled: isDisabledSelect.value ?? _ctx.disabled,
|
|
899
931
|
clearable: false
|
|
900
932
|
}), {
|
|
901
933
|
default: withCtx(() => [
|
|
@@ -912,7 +944,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
912
944
|
};
|
|
913
945
|
}
|
|
914
946
|
});
|
|
915
|
-
const BaseDateRangeAndSelectGroup = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-
|
|
947
|
+
const BaseDateRangeAndSelectGroup = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-d8368cbd"]]);
|
|
916
948
|
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
917
949
|
...{
|
|
918
950
|
name: "BaseInput"
|
|
@@ -982,7 +1014,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
982
1014
|
const props = __props;
|
|
983
1015
|
const emit = __emit;
|
|
984
1016
|
const { value } = useBaseFormComponent(props, emit);
|
|
985
|
-
const bindProps = computed(
|
|
1017
|
+
const bindProps = computed(
|
|
1018
|
+
() => filterComponentEmptyProps(_.omit(props, ["on", "modelValue", "precision", "max", "min"]))
|
|
1019
|
+
);
|
|
986
1020
|
let originValue = props.modelValue;
|
|
987
1021
|
const updateModelValue = (newValue) => {
|
|
988
1022
|
let _val = newValue;
|
|
@@ -1045,7 +1079,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1045
1079
|
};
|
|
1046
1080
|
}
|
|
1047
1081
|
});
|
|
1048
|
-
const BaseNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-
|
|
1082
|
+
const BaseNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-fd1ded59"]]);
|
|
1049
1083
|
let asyncId = 1;
|
|
1050
1084
|
const asyncStacks = [];
|
|
1051
1085
|
const successCallBackStack = [];
|
|
@@ -1091,6 +1125,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1091
1125
|
props: {
|
|
1092
1126
|
on: { default: () => ({}) },
|
|
1093
1127
|
modelValue: { default: () => [] },
|
|
1128
|
+
disabled: { type: Boolean },
|
|
1094
1129
|
minProps: {},
|
|
1095
1130
|
maxProps: {},
|
|
1096
1131
|
separator: { default: "至" },
|
|
@@ -1102,7 +1137,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1102
1137
|
emits: ["update:modelValue", "change"],
|
|
1103
1138
|
setup(__props, { emit: __emit }) {
|
|
1104
1139
|
useCssVars((_ctx) => ({
|
|
1105
|
-
"
|
|
1140
|
+
"6fae3be1": _ctx.inputWidth
|
|
1106
1141
|
}));
|
|
1107
1142
|
const props = __props;
|
|
1108
1143
|
const emit = __emit;
|
|
@@ -1186,12 +1221,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1186
1221
|
return openBlock(), createElementBlock(Fragment, { key: item }, [
|
|
1187
1222
|
withDirectives(createVNode(_component_el_input, mergeProps({ ref_for: true }, item === 0 ? _ctx.minProps : _ctx.maxProps, {
|
|
1188
1223
|
modelValue: unref(modelValueWrapper)[item],
|
|
1189
|
-
"onUpdate:modelValue": ($event) => unref(modelValueWrapper)[item] = $event
|
|
1224
|
+
"onUpdate:modelValue": ($event) => unref(modelValueWrapper)[item] = $event,
|
|
1225
|
+
disabled: _ctx.disabled
|
|
1190
1226
|
}, toHandlers(numberRangeOn.value), {
|
|
1191
1227
|
onFocus: focusHandler,
|
|
1192
1228
|
onChange: changeHandler,
|
|
1193
1229
|
onInput: ($event) => inputHandler($event, item)
|
|
1194
|
-
}), null, 16, ["modelValue", "onUpdate:modelValue", "onInput"]), [
|
|
1230
|
+
}), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "onInput"]), [
|
|
1195
1231
|
[_directive_paste_trim]
|
|
1196
1232
|
]),
|
|
1197
1233
|
item === 0 ? (openBlock(), createElementBlock("div", _hoisted_2$8, "至")) : createCommentVNode("", true)
|
|
@@ -1201,7 +1237,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1201
1237
|
};
|
|
1202
1238
|
}
|
|
1203
1239
|
});
|
|
1204
|
-
const BaseNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-
|
|
1240
|
+
const BaseNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-9867f1ae"]]);
|
|
1205
1241
|
const _hoisted_1$d = { class: "input_icons" };
|
|
1206
1242
|
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
1207
1243
|
__name: "BaseSearchInput",
|
|
@@ -1242,7 +1278,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1242
1278
|
const props = __props;
|
|
1243
1279
|
const emit = __emit;
|
|
1244
1280
|
const { value } = useBaseFormComponent(props, emit);
|
|
1245
|
-
const inputAttrs = computed(() => _.omit(props, ["on", "modelValue"]));
|
|
1281
|
+
const inputAttrs = computed(() => filterComponentEmptyProps(_.omit(props, ["on", "modelValue"])));
|
|
1246
1282
|
const updateValue = (_value) => {
|
|
1247
1283
|
emit("update:modelValue", _value);
|
|
1248
1284
|
emit("change", _value);
|
|
@@ -1287,7 +1323,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1287
1323
|
};
|
|
1288
1324
|
}
|
|
1289
1325
|
});
|
|
1290
|
-
const BaseSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-
|
|
1326
|
+
const BaseSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8d5b8048"]]);
|
|
1291
1327
|
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
1292
1328
|
__name: "BaseSelect",
|
|
1293
1329
|
props: {
|
|
@@ -1346,13 +1382,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
1346
1382
|
emits: ["update:modelValue"],
|
|
1347
1383
|
setup(__props, { emit: __emit }) {
|
|
1348
1384
|
useCssVars((_ctx) => ({
|
|
1349
|
-
"
|
|
1385
|
+
"48534472": selectWidth.value
|
|
1350
1386
|
}));
|
|
1351
1387
|
const props = __props;
|
|
1352
1388
|
const emit = __emit;
|
|
1353
1389
|
const { parseOptions, loadingOptions } = useOptions(props);
|
|
1354
1390
|
const { value } = useBaseFormComponent(props, emit);
|
|
1355
|
-
const selectAttrs = computed(() => _.omit(props, ["on", "options", "modelValue"]));
|
|
1391
|
+
const selectAttrs = computed(() => filterComponentEmptyProps(_.omit(props, ["on", "options", "modelValue"])));
|
|
1356
1392
|
const selectWidth = computed(() => props.width || "100%");
|
|
1357
1393
|
return (_ctx, _cache) => {
|
|
1358
1394
|
const _component_el_option = resolveComponent("el-option");
|
|
@@ -1374,7 +1410,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
1374
1410
|
};
|
|
1375
1411
|
}
|
|
1376
1412
|
});
|
|
1377
|
-
const BaseSelect = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-
|
|
1413
|
+
const BaseSelect = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-58e4db2d"]]);
|
|
1378
1414
|
const getCalcStyle = (selectDefaultWidth, selectAttrs = {}) => {
|
|
1379
1415
|
if (!selectAttrs.style) {
|
|
1380
1416
|
selectAttrs.style = {
|
|
@@ -1401,6 +1437,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1401
1437
|
changeOnSelect: { type: Boolean, default: false },
|
|
1402
1438
|
selectWidth: { default: "100px" },
|
|
1403
1439
|
defaultSelectFirst: { type: Boolean, default: true },
|
|
1440
|
+
selectToFirst: { type: Boolean, default: false },
|
|
1404
1441
|
style: {},
|
|
1405
1442
|
className: {},
|
|
1406
1443
|
inputmode: {},
|
|
@@ -1466,7 +1503,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1466
1503
|
}
|
|
1467
1504
|
};
|
|
1468
1505
|
const getInputProps = computed(
|
|
1469
|
-
() =>
|
|
1506
|
+
() => filterComponentEmptyProps(
|
|
1507
|
+
_.omit(props, ["modelValue", "groupSelectInputAttrs", "placeholder", "options", "className", "class"])
|
|
1508
|
+
)
|
|
1470
1509
|
);
|
|
1471
1510
|
const getInputPlaceholder = computed(() => {
|
|
1472
1511
|
const option = parseOptions.value.find((item) => item.value === modelValueWrapper.value[1]);
|
|
@@ -1483,7 +1522,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1483
1522
|
const _component_el_input = resolveComponent("el-input");
|
|
1484
1523
|
const _directive_paste_trim = resolveDirective("paste-trim");
|
|
1485
1524
|
return withDirectives((openBlock(), createBlock(_component_el_input, mergeProps({
|
|
1486
|
-
class: [
|
|
1525
|
+
class: [
|
|
1526
|
+
"group-select-input",
|
|
1527
|
+
_ctx.className || "",
|
|
1528
|
+
{
|
|
1529
|
+
"is-reverse": _ctx.selectToFirst
|
|
1530
|
+
}
|
|
1531
|
+
]
|
|
1487
1532
|
}, getInputProps.value, {
|
|
1488
1533
|
"model-value": unref(modelValueWrapper)[0],
|
|
1489
1534
|
placeholder: getInputPlaceholder.value,
|
|
@@ -1515,6 +1560,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1515
1560
|
modelValue: unref(modelValueWrapper)[1],
|
|
1516
1561
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(modelValueWrapper)[1] = $event)
|
|
1517
1562
|
}, selectAttrs.value, {
|
|
1563
|
+
disabled: selectAttrs.value.disabled ?? _ctx.disabled,
|
|
1518
1564
|
loading: unref(loadingOptions),
|
|
1519
1565
|
onChange: selectChangeEvent
|
|
1520
1566
|
}), {
|
|
@@ -1526,7 +1572,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1526
1572
|
}), 128))
|
|
1527
1573
|
]),
|
|
1528
1574
|
_: 1
|
|
1529
|
-
}, 16, ["modelValue", "loading"])
|
|
1575
|
+
}, 16, ["modelValue", "disabled", "loading"])
|
|
1530
1576
|
]),
|
|
1531
1577
|
_: 1
|
|
1532
1578
|
}, 16, ["class", "model-value", "placeholder"])), [
|
|
@@ -1535,7 +1581,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1535
1581
|
};
|
|
1536
1582
|
}
|
|
1537
1583
|
});
|
|
1538
|
-
const GroupSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
|
|
1584
|
+
const GroupSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-bb42fd81"]]);
|
|
1539
1585
|
const baseFormComponents = {
|
|
1540
1586
|
[EFormComponentType.GROUP_SELECT_INPUT]: GroupSelectInput,
|
|
1541
1587
|
[EFormComponentType.SELECT]: BaseSelect,
|
|
@@ -1591,6 +1637,18 @@ const DATE_SHORTCUTS = [
|
|
|
1591
1637
|
{
|
|
1592
1638
|
text: "近一个月",
|
|
1593
1639
|
value: () => getDaysRange(1, "YYYY-MM-DD HH:mm:ss", "month")
|
|
1640
|
+
},
|
|
1641
|
+
{
|
|
1642
|
+
text: "近三个月",
|
|
1643
|
+
value: () => getDaysRange(3, "YYYY-MM-DD HH:mm:ss", "month")
|
|
1644
|
+
},
|
|
1645
|
+
{
|
|
1646
|
+
text: "近六个月",
|
|
1647
|
+
value: () => getDaysRange(6, "YYYY-MM-DD HH:mm:ss", "month")
|
|
1648
|
+
},
|
|
1649
|
+
{
|
|
1650
|
+
text: "近一年",
|
|
1651
|
+
value: () => getDaysRange(12, "YYYY-MM-DD HH:mm:ss", "month")
|
|
1594
1652
|
}
|
|
1595
1653
|
];
|
|
1596
1654
|
const mergeEmptyAttrsValue = (field, source) => {
|
|
@@ -1763,7 +1821,6 @@ const getStrategy = (field) => {
|
|
|
1763
1821
|
}
|
|
1764
1822
|
return void 0;
|
|
1765
1823
|
};
|
|
1766
|
-
const getComponentName = (component) => component.name || component.__name || "";
|
|
1767
1824
|
let id = 0;
|
|
1768
1825
|
class BaseFormItem {
|
|
1769
1826
|
id = id++;
|
|
@@ -1810,7 +1867,7 @@ class BaseFormItem {
|
|
|
1810
1867
|
/**
|
|
1811
1868
|
* 是否不可配置
|
|
1812
1869
|
*/
|
|
1813
|
-
|
|
1870
|
+
unConfigurable;
|
|
1814
1871
|
/**
|
|
1815
1872
|
* 当前对象的销毁函数
|
|
1816
1873
|
* @private
|
|
@@ -2186,8 +2243,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
2186
2243
|
_: 2
|
|
2187
2244
|
}, 1032, ["disabled", "model-value", "onChange"]),
|
|
2188
2245
|
createVNode(AdvancedFilterFormItem, {
|
|
2189
|
-
prop: column.prop
|
|
2190
|
-
|
|
2246
|
+
prop: column.prop,
|
|
2247
|
+
disabled: column.unConfigurable
|
|
2248
|
+
}, null, 8, ["prop", "disabled"])
|
|
2191
2249
|
]),
|
|
2192
2250
|
_: 2
|
|
2193
2251
|
}, 1024);
|
|
@@ -2205,7 +2263,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
2205
2263
|
};
|
|
2206
2264
|
}
|
|
2207
2265
|
});
|
|
2208
|
-
const AdvancedFilterForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-
|
|
2266
|
+
const AdvancedFilterForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-574f4e4e"]]);
|
|
2209
2267
|
const draggableIcon = "data:image/png;base64,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";
|
|
2210
2268
|
const _hoisted_1$a = { class: "advanced-filter-selected-list__container" };
|
|
2211
2269
|
const _hoisted_2$7 = { class: "selected-item__label" };
|
|
@@ -4169,7 +4227,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
4169
4227
|
props: {
|
|
4170
4228
|
columnConfig: {}
|
|
4171
4229
|
},
|
|
4172
|
-
|
|
4230
|
+
emits: ["saveColumns"],
|
|
4231
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
4232
|
+
const emit = __emit;
|
|
4173
4233
|
const [fullLoading, updateFullLoading] = useAsyncLoader(true);
|
|
4174
4234
|
const initialGroupData = ref({});
|
|
4175
4235
|
const savedColumnsData = ref(void 0);
|
|
@@ -4209,6 +4269,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
4209
4269
|
},
|
|
4210
4270
|
close: () => {
|
|
4211
4271
|
updateFullLoading(() => {
|
|
4272
|
+
emit("saveColumns");
|
|
4212
4273
|
closeDialog();
|
|
4213
4274
|
});
|
|
4214
4275
|
}
|
|
@@ -4663,9 +4724,19 @@ function RenderChildren(props) {
|
|
|
4663
4724
|
if (_render) {
|
|
4664
4725
|
const {
|
|
4665
4726
|
$tableData,
|
|
4666
|
-
$index
|
|
4727
|
+
$index,
|
|
4728
|
+
$defaultSort,
|
|
4729
|
+
$rowKey
|
|
4667
4730
|
} = data;
|
|
4668
|
-
|
|
4731
|
+
let index = $index;
|
|
4732
|
+
if ($defaultSort) {
|
|
4733
|
+
if (!$rowKey) {
|
|
4734
|
+
console.warn("如果设置了default-sort,必须要设置row-key,否则可能会导致自定义渲染内容错乱!");
|
|
4735
|
+
} else {
|
|
4736
|
+
index = $tableData.findIndex((it) => Reflect.get(it, $rowKey) === Reflect.get(row, $rowKey));
|
|
4737
|
+
}
|
|
4738
|
+
}
|
|
4739
|
+
const node = _render(h, data ?? {}, Reflect.get($tableData, index) ?? {});
|
|
4669
4740
|
if (typeof node !== "number" && (!node || node === TABLE_EMPTY_VALUE)) {
|
|
4670
4741
|
return TABLE_EMPTY_NODE;
|
|
4671
4742
|
}
|
|
@@ -4893,12 +4964,12 @@ const useTableColumnsConfig = (props) => {
|
|
|
4893
4964
|
const newColumns = await saveConfigColumns(updateData, { groupName, id: editId }, isSave);
|
|
4894
4965
|
close();
|
|
4895
4966
|
if (!isSave) {
|
|
4896
|
-
|
|
4967
|
+
changeGroupId(TEMP_GROUP_ID, newColumns);
|
|
4897
4968
|
} else {
|
|
4898
4969
|
if (editId === groupId.value) {
|
|
4899
4970
|
updateConfigColumns(getCheckedColumnsById(id2));
|
|
4900
4971
|
} else {
|
|
4901
|
-
|
|
4972
|
+
changeGroupId(editId);
|
|
4902
4973
|
}
|
|
4903
4974
|
}
|
|
4904
4975
|
});
|
|
@@ -5577,12 +5648,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
5577
5648
|
"paginationChange",
|
|
5578
5649
|
"loaded",
|
|
5579
5650
|
...BASE_TABLE_EVENT_EMITS,
|
|
5580
|
-
"update:tableData"
|
|
5651
|
+
"update:tableData",
|
|
5652
|
+
"saveColumns",
|
|
5653
|
+
"changeGroup"
|
|
5581
5654
|
], ["update:selectList"]),
|
|
5582
5655
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
5583
5656
|
useCssVars((_ctx) => ({
|
|
5584
|
-
"
|
|
5585
|
-
"
|
|
5657
|
+
"5f6764ab": tableScrollLeft.value,
|
|
5658
|
+
"55722015": unref(paginationWidth)
|
|
5586
5659
|
}));
|
|
5587
5660
|
const props = __props;
|
|
5588
5661
|
const selectList = useModel(__props, "selectList");
|
|
@@ -5651,6 +5724,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
5651
5724
|
}
|
|
5652
5725
|
baseChangeGroupId(id2, updateColumns);
|
|
5653
5726
|
await reset();
|
|
5727
|
+
emit("changeGroup", id2);
|
|
5654
5728
|
};
|
|
5655
5729
|
const isInitData = ref(false);
|
|
5656
5730
|
const init = async () => {
|
|
@@ -5922,7 +5996,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
5922
5996
|
key: 0,
|
|
5923
5997
|
column,
|
|
5924
5998
|
row,
|
|
5925
|
-
data: { ...row, $index, $tableData: unref(tableData) }
|
|
5999
|
+
data: { ...row, $index, $tableData: unref(tableData), $defaultSort: _ctx.defaultSort, $rowKey: _ctx.rowKey }
|
|
5926
6000
|
}, null, 8, ["column", "row", "data"])) : createCommentVNode("", true)
|
|
5927
6001
|
]),
|
|
5928
6002
|
_: 2
|
|
@@ -5959,7 +6033,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
5959
6033
|
createVNode(_sfc_main$6, {
|
|
5960
6034
|
ref_key: "configColumnsDialogRef",
|
|
5961
6035
|
ref: configColumnsDialogRef,
|
|
5962
|
-
"column-config": props.columnConfig
|
|
6036
|
+
"column-config": props.columnConfig,
|
|
6037
|
+
onSaveColumns: _cache[5] || (_cache[5] = ($event) => emit("saveColumns"))
|
|
5963
6038
|
}, null, 8, ["column-config"]),
|
|
5964
6039
|
_ctx.enableColumnSearch ? (openBlock(), createBlock(ColumnSearch, {
|
|
5965
6040
|
key: 0,
|
|
@@ -5971,7 +6046,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
5971
6046
|
};
|
|
5972
6047
|
}
|
|
5973
6048
|
});
|
|
5974
|
-
const ZTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
6049
|
+
const ZTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-edfdc4d7"]]);
|
|
5975
6050
|
const installer$3 = withInstallComponent(ZTable, "ZTable");
|
|
5976
6051
|
const installer$2 = withInstallComponent(ZTableLinkButton, "ZTableLinkButton");
|
|
5977
6052
|
const _hoisted_1 = { class: "z-tips-form-item__container" };
|
|
@@ -6172,7 +6247,7 @@ const getInstallConfig = (config) => ({
|
|
|
6172
6247
|
...defaultConfig,
|
|
6173
6248
|
...config ?? {}
|
|
6174
6249
|
});
|
|
6175
|
-
const version = "0.3.
|
|
6250
|
+
const version = "0.3.3";
|
|
6176
6251
|
const pkg = {
|
|
6177
6252
|
version
|
|
6178
6253
|
};
|
|
@@ -6221,6 +6296,17 @@ const formatSelectAndInputGroupValue = (value) => {
|
|
|
6221
6296
|
};
|
|
6222
6297
|
}
|
|
6223
6298
|
};
|
|
6299
|
+
const formatGroupSelectInputToObject = (selectKey, valueKey) => (values) => {
|
|
6300
|
+
const [value, key] = values;
|
|
6301
|
+
const result = {};
|
|
6302
|
+
if (selectKey) {
|
|
6303
|
+
Reflect.set(result, selectKey, key);
|
|
6304
|
+
}
|
|
6305
|
+
if (valueKey) {
|
|
6306
|
+
Reflect.set(result, valueKey, value);
|
|
6307
|
+
}
|
|
6308
|
+
return result;
|
|
6309
|
+
};
|
|
6224
6310
|
var EDialogEvent = /* @__PURE__ */ ((EDialogEvent2) => {
|
|
6225
6311
|
EDialogEvent2["CONFIRM"] = "dialog:confirm";
|
|
6226
6312
|
EDialogEvent2["CANCEL"] = "dialog:cancel";
|
|
@@ -6435,6 +6521,7 @@ export {
|
|
|
6435
6521
|
installer as default,
|
|
6436
6522
|
defineCustomFormComponent,
|
|
6437
6523
|
formatArrayKeyToObjectValue,
|
|
6524
|
+
formatGroupSelectInputToObject,
|
|
6438
6525
|
formatSecond,
|
|
6439
6526
|
formatSeconds,
|
|
6440
6527
|
formatSelectAndInputGroupValue,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "z-ui-pc",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.3",
|
|
4
4
|
"description": "适用于pc端的前端组件库",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
"dev": "pnpm --filter './play' dev",
|
|
23
23
|
"test": "",
|
|
24
24
|
"build": "rm -rf package-lock.json && vite build",
|
|
25
|
+
"build:dev": "vite build",
|
|
25
26
|
"check": "vue-tsc",
|
|
26
27
|
"prepare": "[ -n '$z' ] && z init prepare || echo 'Warning: z not exist at global'"
|
|
27
28
|
},
|