z-ui-pc 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,12 @@
1
- import type { ZAutoTooltip, ZClassifyTitle, ZEmpty, ZForm, ZTable, ZTableLinkButton } from "./index";
1
+ import type {
2
+ ZAutoTooltip,
3
+ ZClassifyTitle,
4
+ ZEmpty,
5
+ ZForm,
6
+ ZTable,
7
+ ZTableLinkButton,
8
+ ZTipsFormItem,
9
+ } from "./index";
2
10
 
3
11
  declare module "vue" {
4
12
  export interface GlobalComponents {
@@ -8,5 +16,6 @@ declare module "vue" {
8
16
  ZForm: typeof ZForm;
9
17
  ZTable: typeof ZTable;
10
18
  ZTableLinkButton: typeof ZTableLinkButton;
19
+ ZTipsFormItem: typeof ZTipsFormItem;
11
20
  }
12
21
  }
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-91663fef] {
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-91663fef] {
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-91663fef] .el-date-editor.el-input__wrapper {
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-91663fef] {
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-91663fef] {
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-91663fef] .el-input {
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-91663fef] .el-cascader {
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-91663fef] .base-date-range-and-select-group__container {
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-91663fef] .base-date-range-and-select-group__container .base-date-range-and-select-group__date {
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-91663fef] .base-number-input__container .el-input {
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-91663fef] .el-cascader .el-tag.is-closable {
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(--04c4c682);
79
- }.base-date-range-and-select-group__container[data-v-a0fc5c0a] {
78
+ width: var(--50b6e6e6);
79
+ }.base-date-range-and-select-group__container[data-v-9bb06509] {
80
80
  display: flex;
81
81
  }
82
- .base-date-range-and-select-group__container[data-v-a0fc5c0a] .el-input__wrapper {
82
+ .base-date-range-and-select-group__container[data-v-9bb06509] .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-a0fc5c0a] .el-select__wrapper {
86
+ .base-date-range-and-select-group__container[data-v-9bb06509] .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-a0fc5c0a] {
92
+ .base-date-range-and-select-group__container.is-reverse[data-v-9bb06509] {
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-a0fc5c0a] .el-input__wrapper,
97
- .base-date-range-and-select-group__container.is-reverse .base-date-range-and-select-group__date[data-v-a0fc5c0a] {
96
+ .base-date-range-and-select-group__container.is-reverse[data-v-9bb06509] .el-input__wrapper,
97
+ .base-date-range-and-select-group__container.is-reverse .base-date-range-and-select-group__date[data-v-9bb06509] {
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-a0fc5c0a] .el-select__wrapper {
100
+ .base-date-range-and-select-group__container.is-reverse[data-v-9bb06509] .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-a0fc5c0a] {
104
+ .base-date-range-and-select-group__select .el-select.is-disabled[data-v-9bb06509] {
105
105
  --el-fill-color-blank: #f5f7fa;
106
- }.base-number-input__container[data-v-33030ba6] {
106
+ }.base-number-input__container[data-v-fd1ded59] {
107
107
  display: contents;
108
108
  }
109
- .base-number-input__container[data-v-33030ba6] .el-input__suffix .el-input__suffix-inner {
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-643c6db5] {
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-643c6db5]:hover {
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-643c6db5]:focus-within {
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-643c6db5] .el-input {
127
- --el-input-width: var(--18b333be);
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-643c6db5] .el-input__wrapper {
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,57 @@
135
135
  position: relative;
136
136
  padding: 0;
137
137
  }
138
- .base-number-range__container[data-v-643c6db5] .el-input__wrapper .el-input__suffix {
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-643c6db5] .el-input__wrapper:hover {
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-643c6db5] .el-input__wrapper .el-input__inner {
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-3b695fe9] .el-input__wrapper .input_icons {
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-3b695fe9] .el-input__wrapper .input_icons .el-icon {
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-f9ae1b1d] {
160
- --el-select-width: var(--7f8caab9);
159
+ .el-select[data-v-58e4db2d] {
160
+ --el-select-width: var(--48534472);
161
161
  }
162
- .el-select[data-v-f9ae1b1d] .el-tooltip__trigger .el-select__selected-item .el-tag.is-closable .el-icon.el-tag__close {
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-460bf9d6] {
165
+ }.group-select-input[data-v-0bce84b8] {
166
166
  min-width: 280px;
167
167
  }
168
- .group-select-input[data-v-460bf9d6] .el-input__wrapper {
168
+ .group-select-input[data-v-0bce84b8] .el-input__wrapper {
169
169
  width: 210px;
170
170
  }
171
- .group-select-input[data-v-460bf9d6] .el-input__wrapper .input_icons {
171
+ .group-select-input[data-v-0bce84b8] .el-input__wrapper .input_icons {
172
172
  display: flex;
173
173
  align-items: center;
174
174
  column-gap: 6px;
175
175
  cursor: pointer;
176
176
  }
177
- .group-select-input[data-v-460bf9d6] .el-input__wrapper .input_icons .el-icon {
177
+ .group-select-input[data-v-0bce84b8] .el-input__wrapper .input_icons .el-icon {
178
178
  cursor: pointer;
179
179
  color: #4e5969;
180
180
  }
181
- .group-select-input[data-v-460bf9d6] .el-input__wrapper > input {
181
+ .group-select-input[data-v-0bce84b8] .el-input__wrapper > input {
182
182
  width: 100%;
183
183
  }
184
184
  /**
185
185
  * 获取z-index
186
186
  * @param {'messageCenter'|'notify'} $type 消息类型
187
187
  */
188
- .advanced-filter-form__container[data-v-d4a17577] {
188
+ .advanced-filter-form__container[data-v-081ca45e] {
189
189
  display: flex;
190
190
  width: 100%;
191
191
  border-top: none;
@@ -193,35 +193,35 @@
193
193
  overflow: hidden;
194
194
  flex: 1;
195
195
  }
196
- .advanced-filter-form__container .advanced-filter-form__groups[data-v-d4a17577] {
196
+ .advanced-filter-form__container .advanced-filter-form__groups[data-v-081ca45e] {
197
197
  width: 120px;
198
198
  border-right: 1px solid #e5e6eb;
199
199
  overflow: auto;
200
200
  height: 100%;
201
201
  }
202
- .advanced-filter-form__container .advanced-filter-form__groups[data-v-d4a17577] .el-anchor__list {
202
+ .advanced-filter-form__container .advanced-filter-form__groups[data-v-081ca45e] .el-anchor__list {
203
203
  padding-left: 0;
204
204
  }
205
- .advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-d4a17577] {
205
+ .advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-081ca45e] {
206
206
  width: 100%;
207
207
  min-height: 38px;
208
208
  cursor: pointer;
209
209
  height: max-content;
210
210
  }
211
- .advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-d4a17577] .el-anchor__link {
211
+ .advanced-filter-form__container .advanced-filter-form__groups .group-item[data-v-081ca45e] .el-anchor__link {
212
212
  font-weight: 400;
213
213
  font-size: 14px;
214
214
  color: #666666;
215
215
  padding: 6px 16px;
216
216
  }
217
- .advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-d4a17577] {
217
+ .advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-081ca45e] {
218
218
  position: relative;
219
219
  }
220
- .advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-d4a17577] .el-anchor__link {
220
+ .advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-081ca45e] .el-anchor__link {
221
221
  color: #2954ff;
222
222
  font-weight: 500;
223
223
  }
224
- .advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-d4a17577]:before {
224
+ .advanced-filter-form__container .advanced-filter-form__groups .group-item.is-active[data-v-081ca45e]:before {
225
225
  content: "";
226
226
  position: absolute;
227
227
  right: 0;
@@ -231,13 +231,13 @@
231
231
  background-color: #165dff;
232
232
  border-radius: 2px;
233
233
  }
234
- .advanced-filter-form__container .advanced-filter-form__content[data-v-d4a17577] {
234
+ .advanced-filter-form__container .advanced-filter-form__content[data-v-081ca45e] {
235
235
  flex: 1;
236
236
  padding: 0 16px 16px;
237
237
  overflow: auto;
238
238
  height: 100%;
239
239
  }
240
- .advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-d4a17577] {
240
+ .advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-081ca45e] {
241
241
  --el-disabled-text-color: #999;
242
242
  --el-checkbox-font-weight: 400;
243
243
  --el-checkbox-text-color: #606266;
@@ -248,25 +248,25 @@
248
248
  display: flex;
249
249
  user-select: unset;
250
250
  }
251
- .advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-d4a17577] .el-checkbox__label {
251
+ .advanced-filter-form__container .advanced-filter-form__content .el-checkbox[data-v-081ca45e] .el-checkbox__label {
252
252
  flex: 1;
253
253
  overflow: hidden;
254
254
  }
255
- .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-d4a17577] {
255
+ .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-081ca45e] {
256
256
  margin-bottom: 6px;
257
257
  padding-left: 12px;
258
258
  }
259
- .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item .el-checkbox[data-v-d4a17577] {
259
+ .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item .el-checkbox[data-v-081ca45e] {
260
260
  height: 34px;
261
261
  line-height: 34px;
262
262
  }
263
- .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-d4a17577]:nth-child(2n+1) {
263
+ .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-081ca45e]:nth-child(2n+1) {
264
264
  padding-left: 18px;
265
265
  }
266
- .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-d4a17577]:nth-child(2n) {
266
+ .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item[data-v-081ca45e]:nth-child(2n) {
267
267
  padding-right: 6px;
268
268
  }
269
- .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title[data-v-d4a17577] {
269
+ .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title[data-v-081ca45e] {
270
270
  background-color: #fafafc;
271
271
  padding: 0 12px;
272
272
  border-radius: 4px;
@@ -274,7 +274,7 @@
274
274
  height: 34px;
275
275
  line-height: 34px;
276
276
  }
277
- .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title .el-checkbox[data-v-d4a17577] {
277
+ .advanced-filter-form__container .advanced-filter-form__content .advanced-filter-form__item.advanced-filter-form__group-title .el-checkbox[data-v-081ca45e] {
278
278
  --el-checkbox-font-weight: 500;
279
279
  --el-checkbox-text-color: #000;
280
280
  --el-checkbox-checked-text-color: #000;
@@ -887,13 +887,13 @@
887
887
  }
888
888
  .table-link__button[data-v-a44085cd]:hover {
889
889
  color: #4080ff;
890
- }.base-table__container[data-v-f40a3c88] {
890
+ }.base-table__container[data-v-edfdc4d7] {
891
891
  width: 100%;
892
892
  height: 100%;
893
893
  display: flex;
894
894
  flex-direction: column;
895
895
  }
896
- .base-table__header[data-v-f40a3c88] {
896
+ .base-table__header[data-v-edfdc4d7] {
897
897
  display: flex;
898
898
  justify-content: flex-end;
899
899
  align-items: center;
@@ -901,10 +901,10 @@
901
901
  padding: 0 24px;
902
902
  height: 64px;
903
903
  }
904
- .base-table__header .base-table__header-slot[data-v-f40a3c88] {
904
+ .base-table__header .base-table__header-slot[data-v-edfdc4d7] {
905
905
  flex: 1;
906
906
  }
907
- .base-table__header .select-count[data-v-f40a3c88] {
907
+ .base-table__header .select-count[data-v-edfdc4d7] {
908
908
  flex: 1;
909
909
  height: 40px;
910
910
  display: flex;
@@ -913,15 +913,15 @@
913
913
  border-radius: 2px;
914
914
  padding: 0 12px;
915
915
  }
916
- .base-table__header .select-count.select-count--auto-width[data-v-f40a3c88] {
916
+ .base-table__header .select-count.select-count--auto-width[data-v-edfdc4d7] {
917
917
  width: max-content;
918
918
  background-color: #fff;
919
919
  flex: unset;
920
920
  }
921
- .base-table__header .select-count .el-button + .el-button[data-v-f40a3c88] {
921
+ .base-table__header .select-count .el-button + .el-button[data-v-edfdc4d7] {
922
922
  margin-left: 24px;
923
923
  }
924
- .base-table__header .select-count .select-count__count[data-v-f40a3c88] {
924
+ .base-table__header .select-count .select-count__count[data-v-edfdc4d7] {
925
925
  display: flex;
926
926
  align-items: center;
927
927
  gap: 12px;
@@ -929,15 +929,15 @@
929
929
  font-size: 14px;
930
930
  margin-right: 24px;
931
931
  }
932
- .base-table__header .select-count .select-count__count .el-icon[data-v-f40a3c88] {
932
+ .base-table__header .select-count .select-count__count .el-icon[data-v-edfdc4d7] {
933
933
  color: #999;
934
934
  cursor: pointer;
935
935
  }
936
- .base-table__header .select-count .select-count__count.has-select-slot[data-v-f40a3c88] {
936
+ .base-table__header .select-count .select-count__count.has-select-slot[data-v-edfdc4d7] {
937
937
  position: relative;
938
938
  margin-right: 42px;
939
939
  }
940
- .base-table__header .select-count .select-count__count.has-select-slot[data-v-f40a3c88]::after {
940
+ .base-table__header .select-count .select-count__count.has-select-slot[data-v-edfdc4d7]::after {
941
941
  content: "";
942
942
  position: absolute;
943
943
  width: 2px;
@@ -945,75 +945,69 @@
945
945
  background-color: #e5e6eb;
946
946
  right: -24px;
947
947
  }
948
- .base-table__header-operation[data-v-f40a3c88] {
948
+ .base-table__header-operation[data-v-edfdc4d7] {
949
949
  display: flex;
950
950
  justify-content: flex-end;
951
951
  align-items: center;
952
952
  padding: 16px 0;
953
953
  gap: 10px;
954
954
  }
955
- .base-table__header-operation[data-v-f40a3c88] .el-button + .el-button {
955
+ .base-table__header-operation[data-v-edfdc4d7] .el-button + .el-button {
956
956
  margin-left: 0;
957
957
  }
958
- .base-table__table-header-cell[data-v-f40a3c88] {
958
+ .base-table__table-header-cell[data-v-edfdc4d7] {
959
959
  display: contents;
960
960
  }
961
- .base-table__table-header-content[data-v-f40a3c88] {
961
+ .base-table__table-header-content[data-v-edfdc4d7] {
962
962
  display: contents;
963
963
  }
964
- .base-table__body[data-v-f40a3c88] {
964
+ .base-table__body[data-v-edfdc4d7] {
965
965
  flex: 1;
966
966
  }
967
- .base-table__body[data-v-f40a3c88] .el-table__header-wrapper .base-table__table-column-operation {
967
+ .base-table__body[data-v-edfdc4d7] .el-table__header-wrapper .base-table__table-column-operation {
968
968
  padding: 0;
969
969
  }
970
- .base-table__body[data-v-f40a3c88] .el-table__header-wrapper .el-table__cell__search-result .base-table__table-header-content {
970
+ .base-table__body[data-v-edfdc4d7] .el-table__header-wrapper .el-table__cell__search-result .base-table__table-header-content {
971
971
  background-color: rgb(244, 154, 70);
972
972
  display: unset;
973
973
  }
974
- .base-table__body[data-v-f40a3c88] .el-table__inner-wrapper .el-scrollbar__bar.is-horizontal {
975
- left: var(--c6dace06);
976
- z-index: 20;
977
- position: fixed;
978
- bottom: 98px;
979
- }
980
- .base-table__body[data-v-f40a3c88] .base-table__table-column-operation .cell {
974
+ .base-table__body[data-v-edfdc4d7] .base-table__table-column-operation .cell {
981
975
  padding-right: 0;
982
976
  height: 100%;
983
977
  }
984
- .base-table__body[data-v-f40a3c88] .el-table__empty-block {
978
+ .base-table__body[data-v-edfdc4d7] .el-table__empty-block {
985
979
  height: 200px !important;
986
980
  overflow: hidden;
987
981
  }
988
- .base-table__body[data-v-f40a3c88] .custom-status__color {
982
+ .base-table__body[data-v-edfdc4d7] .custom-status__color {
989
983
  display: flex;
990
984
  gap: 6px;
991
985
  align-items: center;
992
986
  }
993
- .base-table__body[data-v-f40a3c88] .custom-status__color:before {
987
+ .base-table__body[data-v-edfdc4d7] .custom-status__color:before {
994
988
  content: "";
995
989
  width: 8px;
996
990
  height: 8px;
997
991
  background-color: var(--status-color);
998
992
  border-radius: 50%;
999
993
  }
1000
- .base-table__body[data-v-f40a3c88] .el-loading-mask {
994
+ .base-table__body[data-v-edfdc4d7] .el-loading-mask {
1001
995
  display: flex;
1002
996
  align-items: center;
1003
997
  justify-content: center;
1004
998
  }
1005
- .base-table__body .base-table__table-header-cell--operation[data-v-f40a3c88] {
999
+ .base-table__body .base-table__table-header-cell--operation[data-v-edfdc4d7] {
1006
1000
  display: flex;
1007
1001
  align-items: center;
1008
1002
  }
1009
- .base-table__body .base-table__table-header-cell--operation .base-table__table-header-content[data-v-f40a3c88] {
1003
+ .base-table__body .base-table__table-header-cell--operation .base-table__table-header-content[data-v-edfdc4d7] {
1010
1004
  flex: 1;
1011
1005
  display: block;
1012
1006
  overflow: hidden;
1013
1007
  text-overflow: ellipsis;
1014
1008
  white-space: nowrap;
1015
1009
  }
1016
- .base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-f40a3c88] {
1010
+ .base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-edfdc4d7] {
1017
1011
  width: 40px;
1018
1012
  display: flex;
1019
1013
  justify-content: center;
@@ -1021,32 +1015,38 @@
1021
1015
  height: 40px;
1022
1016
  cursor: pointer;
1023
1017
  }
1024
- .base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-f40a3c88]:hover {
1018
+ .base-table__body .base-table__table-header-cell--operation .base-table__table-header-operation[data-v-edfdc4d7]:hover {
1025
1019
  background-color: #e8e8e9;
1026
1020
  }
1027
- .base-table__body.base-table__body__fix-pagination[data-v-f40a3c88] {
1028
- padding: 0 24px 16px;
1021
+ .base-table__body.base-table__body__fix-pagination[data-v-edfdc4d7] {
1022
+ padding: 0 24px 24px;
1023
+ }
1024
+ .base-table__body.base-table__body__update-scroll[data-v-edfdc4d7] .el-table__inner-wrapper .el-scrollbar__bar.is-horizontal {
1025
+ left: var(--5f6764ab);
1026
+ z-index: 20;
1027
+ position: fixed;
1028
+ bottom: 80px;
1029
1029
  }
1030
- .base-table__body .base-table__draggable[data-v-f40a3c88] {
1030
+ .base-table__body .base-table__draggable[data-v-edfdc4d7] {
1031
1031
  height: 100%;
1032
1032
  }
1033
- .base-table__body .base-table__table[data-v-f40a3c88] {
1033
+ .base-table__body .base-table__table[data-v-edfdc4d7] {
1034
1034
  --el-table-text-color: var(--app-primary-text-color);
1035
1035
  }
1036
- .base-table__pagination[data-v-f40a3c88] {
1036
+ .base-table__pagination[data-v-edfdc4d7] {
1037
1037
  height: 48px;
1038
1038
  background-color: #fff;
1039
1039
  position: relative;
1040
1040
  }
1041
- .base-table__base-pagination[data-v-f40a3c88] {
1041
+ .base-table__base-pagination[data-v-edfdc4d7] {
1042
1042
  background-color: #fff;
1043
1043
  padding: 16px 24px;
1044
1044
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.08);
1045
1045
  }
1046
- .base-table__base-pagination[data-v-f40a3c88] .el-pagination .el-pager li:hover {
1046
+ .base-table__base-pagination[data-v-edfdc4d7] .el-pagination .el-pager li:hover {
1047
1047
  background-color: #e8f3ff;
1048
1048
  }
1049
- .base-table__base-pagination[data-v-f40a3c88] .el-pagination .el-select__wrapper {
1049
+ .base-table__base-pagination[data-v-edfdc4d7] .el-pagination .el-select__wrapper {
1050
1050
  width: 90px;
1051
1051
  gap: 0;
1052
1052
  box-shadow: none;
@@ -1055,22 +1055,22 @@
1055
1055
  padding: 0 6px;
1056
1056
  text-align: center;
1057
1057
  }
1058
- .base-table__base-pagination[data-v-f40a3c88] .el-pagination .el-select {
1058
+ .base-table__base-pagination[data-v-edfdc4d7] .el-pagination .el-select {
1059
1059
  width: 90px;
1060
1060
  }
1061
- .base-table__pagination-fixed[data-v-f40a3c88] {
1061
+ .base-table__pagination-fixed[data-v-edfdc4d7] {
1062
1062
  background-color: #fff;
1063
- width: var(--dac55732);
1063
+ width: var(--55722015);
1064
1064
  position: fixed;
1065
1065
  bottom: 16px;
1066
1066
  z-index: 6;
1067
1067
  }
1068
- .base-table__pagination-right[data-v-f40a3c88] {
1068
+ .base-table__pagination-right[data-v-edfdc4d7] {
1069
1069
  display: flex;
1070
1070
  justify-content: flex-end;
1071
1071
  }
1072
- .base-table__container[data-v-f40a3c88] .el-loading-spinner {
1073
- width: calc(100vw - var(--c6dace06));
1072
+ .base-table__container[data-v-edfdc4d7] .el-loading-spinner {
1073
+ width: calc(100vw - var(--5f6764ab));
1074
1074
  position: fixed;
1075
1075
  top: 60%;
1076
1076
  }.z-tips-form-item__form-item[data-v-af10c35f] .el-form-item__label {
package/dist/index.d.ts CHANGED
@@ -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
@@ -1195,6 +1206,7 @@ export declare interface IBaseNumberRangeAttrs {
1195
1206
  declare interface IBaseNumberRangeProps extends IBaseNumberRangeAttrs {
1196
1207
  on?: TEvent & Partial<InputEmits>;
1197
1208
  modelValue: [(string | number)?, (string | number)?];
1209
+ disabled?: boolean;
1198
1210
  }
1199
1211
 
1200
1212
  declare interface IBaseSearchInputProps extends Partial<InputProps> {
@@ -1367,6 +1379,11 @@ export declare interface IBaseTableProps extends Partial<TableProps<TObj>> {
1367
1379
  * @default false
1368
1380
  */
1369
1381
  enableColumnSearch?: boolean;
1382
+ /**
1383
+ * 是否需要表格因为分页自带的间距
1384
+ * @default false
1385
+ */
1386
+ whenFixedPaginationNoPadding?: boolean;
1370
1387
  }
1371
1388
 
1372
1389
  /**
@@ -1468,7 +1485,7 @@ export declare interface ICustomComponentDefinition {
1468
1485
  /**
1469
1486
  * EFormComponentType 类型扩展
1470
1487
  * @example
1471
- * declare module "module-platform-common" {
1488
+ * declare module "z-ui-pc" {
1472
1489
  * export interface ICustomFormComponentType {
1473
1490
  * // 也可以自定义对应枚举作为相应的 key
1474
1491
  * 'SELECT_STAFF': {
@@ -1484,7 +1501,12 @@ export declare interface ICustomFormComponentType {
1484
1501
  * @example
1485
1502
  */
1486
1503
  __example__: {
1487
- exampleProps: boolean;
1504
+ attrs: {
1505
+ exampleProps: boolean;
1506
+ };
1507
+ componentProps: {
1508
+ exampleProps2: boolean;
1509
+ };
1488
1510
  };
1489
1511
  }
1490
1512
 
@@ -1845,10 +1867,16 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
1845
1867
  componentProps?: Partial<ExtractPropTypes<PropsOf<T>>>;
1846
1868
  };
1847
1869
 
1848
- declare type TCreateCustomFormItemParamsByDefinition<T extends TKeyofCustomFormComponentType, U extends TObj = TObj> = Omit<IBaseFormItem<U>, "tag" | "attrs" | "componentProps"> & {
1870
+ export declare type TCreateCustomFormItemParamsByDefinition<T extends TKeyofCustomFormComponentType, U extends TObj = TObj> = Omit<IBaseFormItem<U>, "tag" | "attrs" | "componentProps"> & {
1849
1871
  tag: T;
1850
- attrs?: Partial<ICustomFormComponentType[T]>;
1851
- componentProps?: Partial<ICustomFormComponentType[T]>;
1872
+ /**
1873
+ * 如果组件定义中存在 attrs 类型,则提供该类型的 Partial 作为提示,否则回退到 TObj。
1874
+ */
1875
+ attrs?: "attrs" extends keyof ICustomFormComponentType[T] ? Partial<ICustomFormComponentType[T]["attrs"]> : TObj;
1876
+ /**
1877
+ * 如果组件定义中存在 componentProps 类型,则提供该类型的 Partial 作为提示,否则回退到 TObj。
1878
+ */
1879
+ componentProps?: "componentProps" extends keyof ICustomFormComponentType[T] ? Partial<ICustomFormComponentType[T]["componentProps"]> : TObj;
1852
1880
  };
1853
1881
 
1854
1882
  export declare const TEMP_GROUP_ID = "-2";
@@ -1940,12 +1968,16 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
1940
1968
  isOperationColumn: ComputedRef<(column: IBaseTableColumn, index: number) => boolean | undefined>;
1941
1969
  configColumnsDialogRef: Ref<CreateComponentPublicInstanceWithMixins<Readonly<{
1942
1970
  columnConfig?: IColumnConfig;
1943
- }> & Readonly<{}>, {
1971
+ }> & Readonly<{
1972
+ onSaveColumns?: (() => any) | undefined;
1973
+ }>, {
1944
1974
  openDialog: (groupInfo: {
1945
1975
  groupName: string;
1946
1976
  groupData: TConfigGroup;
1947
1977
  }, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
1948
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
1978
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1979
+ saveColumns: () => any;
1980
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
1949
1981
  P: {};
1950
1982
  B: {};
1951
1983
  D: {};
@@ -1954,19 +1986,25 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
1954
1986
  Defaults: {};
1955
1987
  }, Readonly<{
1956
1988
  columnConfig?: IColumnConfig;
1957
- }> & Readonly<{}>, {
1989
+ }> & Readonly<{
1990
+ onSaveColumns?: (() => any) | undefined;
1991
+ }>, {
1958
1992
  openDialog: (groupInfo: {
1959
1993
  groupName: string;
1960
1994
  groupData: TConfigGroup;
1961
1995
  }, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
1962
1996
  }, {}, {}, {}, {}> | undefined, CreateComponentPublicInstanceWithMixins<Readonly<{
1963
1997
  columnConfig?: IColumnConfig;
1964
- }> & Readonly<{}>, {
1998
+ }> & Readonly<{
1999
+ onSaveColumns?: (() => any) | undefined;
2000
+ }>, {
1965
2001
  openDialog: (groupInfo: {
1966
2002
  groupName: string;
1967
2003
  groupData: TConfigGroup;
1968
2004
  }, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
1969
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
2005
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
2006
+ saveColumns: () => any;
2007
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
1970
2008
  P: {};
1971
2009
  B: {};
1972
2010
  D: {};
@@ -1975,7 +2013,9 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
1975
2013
  Defaults: {};
1976
2014
  }, Readonly<{
1977
2015
  columnConfig?: IColumnConfig;
1978
- }> & Readonly<{}>, {
2016
+ }> & Readonly<{
2017
+ onSaveColumns?: (() => any) | undefined;
2018
+ }>, {
1979
2019
  openDialog: (groupInfo: {
1980
2020
  groupName: string;
1981
2021
  groupData: TConfigGroup;
@@ -2083,8 +2123,8 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2083
2123
  };
2084
2124
 
2085
2125
  export declare const useOpenDialog: () => {
2086
- openDialog: <V = TAllType<string | number | boolean | object | null | undefined>, T extends Component = Component>(loader: AsyncComponentLoader<T> | T, props?: Partial<ExtractPropTypes<PropsOf_2<T>>>, closeId?: number) => Promise<V>;
2087
- createDialog: <V = TAllType<string | number | boolean | object | null | undefined>, T extends Component = Component>(loader: AsyncComponentLoader<T> | T, props?: Partial<ExtractPropTypes<PropsOf_2<T>>>) => {
2126
+ openDialog: <V = TAllType<string | number | boolean | object | null | undefined>, T extends Component = Component>(loader: AsyncComponentLoader<T> | T, props?: Partial<PropsOf_2<T>>, closeId?: number) => Promise<V>;
2127
+ createDialog: <V = TAllType<string | number | boolean | object | null | undefined>, T extends Component = Component>(loader: AsyncComponentLoader<T> | T, props?: Partial<PropsOf_2<T>>) => {
2088
2128
  confirm: (callBack: (data: V) => void) => /*elided*/ any;
2089
2129
  cancel: (callBack: (data: V) => void) => /*elided*/ any;
2090
2130
  finally: (callBack: () => void) => /*elided*/ any;
@@ -2204,6 +2244,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2204
2244
  } & IBaseTableProps> & Readonly<{
2205
2245
  onSelect?: ((...args: any[]) => any) | undefined;
2206
2246
  onDrag?: ((...args: any[]) => any) | undefined;
2247
+ onSaveColumns?: ((...args: any[]) => any) | undefined;
2207
2248
  "onExpand-change"?: ((...args: any[]) => any) | undefined;
2208
2249
  "onCurrent-change"?: ((...args: any[]) => any) | undefined;
2209
2250
  "onSelect-all"?: ((...args: any[]) => any) | undefined;
@@ -2227,6 +2268,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2227
2268
  onPaginationChange?: ((...args: any[]) => any) | undefined;
2228
2269
  onLoaded?: ((...args: any[]) => any) | undefined;
2229
2270
  "onUpdate:tableData"?: ((...args: any[]) => any) | undefined;
2271
+ onChangeGroup?: ((...args: any[]) => any) | undefined;
2230
2272
  "onUpdate:selectList"?: ((value: TAllType<string | number | boolean | object | null | undefined>[]) => any) | undefined;
2231
2273
  }>, {
2232
2274
  loadData: (currentPagination?: IPagination) => Promise<void>;
@@ -2240,6 +2282,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2240
2282
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2241
2283
  select: (...args: any[]) => void;
2242
2284
  drag: (...args: any[]) => void;
2285
+ saveColumns: (...args: any[]) => void;
2243
2286
  "expand-change": (...args: any[]) => void;
2244
2287
  "current-change": (...args: any[]) => void;
2245
2288
  "select-all": (...args: any[]) => void;
@@ -2263,6 +2306,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2263
2306
  paginationChange: (...args: any[]) => void;
2264
2307
  loaded: (...args: any[]) => void;
2265
2308
  "update:tableData": (...args: any[]) => void;
2309
+ changeGroup: (...args: any[]) => void;
2266
2310
  "update:selectList": (value: TAllType<string | number | boolean | object | null | undefined>[]) => void;
2267
2311
  }, PublicProps, {
2268
2312
  border: boolean;
@@ -2279,18 +2323,23 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2279
2323
  fixedPagination: boolean;
2280
2324
  stickyHeader: boolean;
2281
2325
  enableColumnSearch: boolean;
2326
+ whenFixedPaginationNoPadding: boolean;
2282
2327
  }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
2283
2328
  baseTableContainerRef: HTMLDivElement;
2284
2329
  baseTableOperationElement: HTMLDivElement;
2285
2330
  baseTableRef: unknown;
2286
2331
  configColumnsDialogRef: CreateComponentPublicInstanceWithMixins<Readonly<{
2287
2332
  columnConfig?: IColumnConfig;
2288
- }> & Readonly<{}>, {
2333
+ }> & Readonly<{
2334
+ onSaveColumns?: (() => any) | undefined;
2335
+ }>, {
2289
2336
  openDialog: (groupInfo: {
2290
2337
  groupName: string;
2291
2338
  groupData: TConfigGroup;
2292
2339
  }, saveData: IBaseTableColumnStoreItem[]) => Promise<ICallBackParams>;
2293
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
2340
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
2341
+ saveColumns: () => any;
2342
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
2294
2343
  P: {};
2295
2344
  B: {};
2296
2345
  D: {};
@@ -2299,7 +2348,9 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2299
2348
  Defaults: {};
2300
2349
  }, Readonly<{
2301
2350
  columnConfig?: IColumnConfig;
2302
- }> & Readonly<{}>, {
2351
+ }> & Readonly<{
2352
+ onSaveColumns?: (() => any) | undefined;
2353
+ }>, {
2303
2354
  openDialog: (groupInfo: {
2304
2355
  groupName: string;
2305
2356
  groupData: TConfigGroup;
@@ -2317,6 +2368,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2317
2368
  } & IBaseTableProps> & Readonly<{
2318
2369
  onSelect?: ((...args: any[]) => any) | undefined;
2319
2370
  onDrag?: ((...args: any[]) => any) | undefined;
2371
+ onSaveColumns?: ((...args: any[]) => any) | undefined;
2320
2372
  "onExpand-change"?: ((...args: any[]) => any) | undefined;
2321
2373
  "onCurrent-change"?: ((...args: any[]) => any) | undefined;
2322
2374
  "onSelect-all"?: ((...args: any[]) => any) | undefined;
@@ -2340,6 +2392,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2340
2392
  onPaginationChange?: ((...args: any[]) => any) | undefined;
2341
2393
  onLoaded?: ((...args: any[]) => any) | undefined;
2342
2394
  "onUpdate:tableData"?: ((...args: any[]) => any) | undefined;
2395
+ onChangeGroup?: ((...args: any[]) => any) | undefined;
2343
2396
  "onUpdate:selectList"?: ((value: TAllType<string | number | boolean | object | null | undefined>[]) => any) | undefined;
2344
2397
  }>, {
2345
2398
  loadData: (currentPagination?: IPagination) => Promise<void>;
@@ -2365,6 +2418,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2365
2418
  fixedPagination: boolean;
2366
2419
  stickyHeader: boolean;
2367
2420
  enableColumnSearch: boolean;
2421
+ whenFixedPaginationNoPadding: boolean;
2368
2422
  }>;
2369
2423
  __isFragment?: never;
2370
2424
  __isTeleport?: never;
@@ -2374,6 +2428,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2374
2428
  } & IBaseTableProps> & Readonly<{
2375
2429
  onSelect?: ((...args: any[]) => any) | undefined;
2376
2430
  onDrag?: ((...args: any[]) => any) | undefined;
2431
+ onSaveColumns?: ((...args: any[]) => any) | undefined;
2377
2432
  "onExpand-change"?: ((...args: any[]) => any) | undefined;
2378
2433
  "onCurrent-change"?: ((...args: any[]) => any) | undefined;
2379
2434
  "onSelect-all"?: ((...args: any[]) => any) | undefined;
@@ -2397,6 +2452,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2397
2452
  onPaginationChange?: ((...args: any[]) => any) | undefined;
2398
2453
  onLoaded?: ((...args: any[]) => any) | undefined;
2399
2454
  "onUpdate:tableData"?: ((...args: any[]) => any) | undefined;
2455
+ onChangeGroup?: ((...args: any[]) => any) | undefined;
2400
2456
  "onUpdate:selectList"?: ((value: TAllType<string | number | boolean | object | null | undefined>[]) => any) | undefined;
2401
2457
  }>, {
2402
2458
  loadData: (currentPagination?: IPagination) => Promise<void>;
@@ -2410,6 +2466,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2410
2466
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2411
2467
  select: (...args: any[]) => void;
2412
2468
  drag: (...args: any[]) => void;
2469
+ saveColumns: (...args: any[]) => void;
2413
2470
  "expand-change": (...args: any[]) => void;
2414
2471
  "current-change": (...args: any[]) => void;
2415
2472
  "select-all": (...args: any[]) => void;
@@ -2433,6 +2490,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2433
2490
  paginationChange: (...args: any[]) => void;
2434
2491
  loaded: (...args: any[]) => void;
2435
2492
  "update:tableData": (...args: any[]) => void;
2493
+ changeGroup: (...args: any[]) => void;
2436
2494
  "update:selectList": (value: TAllType<string | number | boolean | object | null | undefined>[]) => void;
2437
2495
  }, string, {
2438
2496
  border: boolean;
@@ -2449,6 +2507,7 @@ export declare type TCreateBaseFormItemParams<T extends keyof IComponentProps, U
2449
2507
  fixedPagination: boolean;
2450
2508
  stickyHeader: boolean;
2451
2509
  enableColumnSearch: boolean;
2510
+ whenFixedPaginationNoPadding: boolean;
2452
2511
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
2453
2512
  $slots: Readonly<{
2454
2513
  header: (_props: {
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, isUndefined, sortBy, debounce, isNull } from "lodash";
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(() => formItem.value?.attrs ?? {});
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-91663fef"]]);
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
- "04c4c682": cascaderWidth.value
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
- () => _.omit(props, ["on", "modelValue", "defaultTime", "autoAddSeconds", "useDefaultTimeToDay", "shortcuts"])
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: _ctx.disabled || isDisabledSelect.value,
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-a0fc5c0a"]]);
947
+ const BaseDateRangeAndSelectGroup = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-9bb06509"]]);
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(() => _.omit(props, ["on", "modelValue", "precision", "max", "min"]));
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-33030ba6"]]);
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
- "18b333be": _ctx.inputWidth
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-643c6db5"]]);
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-3b695fe9"]]);
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
- "7f8caab9": selectWidth.value
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-f9ae1b1d"]]);
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 = {
@@ -1466,7 +1502,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
1466
1502
  }
1467
1503
  };
1468
1504
  const getInputProps = computed(
1469
- () => _.omit(props, ["modelValue", "groupSelectInputAttrs", "placeholder", "options", "className", "class"])
1505
+ () => filterComponentEmptyProps(
1506
+ _.omit(props, ["modelValue", "groupSelectInputAttrs", "placeholder", "options", "className", "class"])
1507
+ )
1470
1508
  );
1471
1509
  const getInputPlaceholder = computed(() => {
1472
1510
  const option = parseOptions.value.find((item) => item.value === modelValueWrapper.value[1]);
@@ -1515,6 +1553,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
1515
1553
  modelValue: unref(modelValueWrapper)[1],
1516
1554
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(modelValueWrapper)[1] = $event)
1517
1555
  }, selectAttrs.value, {
1556
+ disabled: _ctx.disabled || selectAttrs.value.disabled,
1518
1557
  loading: unref(loadingOptions),
1519
1558
  onChange: selectChangeEvent
1520
1559
  }), {
@@ -1526,7 +1565,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
1526
1565
  }), 128))
1527
1566
  ]),
1528
1567
  _: 1
1529
- }, 16, ["modelValue", "loading"])
1568
+ }, 16, ["modelValue", "disabled", "loading"])
1530
1569
  ]),
1531
1570
  _: 1
1532
1571
  }, 16, ["class", "model-value", "placeholder"])), [
@@ -1535,7 +1574,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
1535
1574
  };
1536
1575
  }
1537
1576
  });
1538
- const GroupSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-460bf9d6"]]);
1577
+ const GroupSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0bce84b8"]]);
1539
1578
  const baseFormComponents = {
1540
1579
  [EFormComponentType.GROUP_SELECT_INPUT]: GroupSelectInput,
1541
1580
  [EFormComponentType.SELECT]: BaseSelect,
@@ -1591,6 +1630,18 @@ const DATE_SHORTCUTS = [
1591
1630
  {
1592
1631
  text: "近一个月",
1593
1632
  value: () => getDaysRange(1, "YYYY-MM-DD HH:mm:ss", "month")
1633
+ },
1634
+ {
1635
+ text: "近三个月",
1636
+ value: () => getDaysRange(3, "YYYY-MM-DD HH:mm:ss", "month")
1637
+ },
1638
+ {
1639
+ text: "近六个月",
1640
+ value: () => getDaysRange(6, "YYYY-MM-DD HH:mm:ss", "month")
1641
+ },
1642
+ {
1643
+ text: "近一年",
1644
+ value: () => getDaysRange(12, "YYYY-MM-DD HH:mm:ss", "month")
1594
1645
  }
1595
1646
  ];
1596
1647
  const mergeEmptyAttrsValue = (field, source) => {
@@ -1763,7 +1814,6 @@ const getStrategy = (field) => {
1763
1814
  }
1764
1815
  return void 0;
1765
1816
  };
1766
- const getComponentName = (component) => component.name || component.__name || "";
1767
1817
  let id = 0;
1768
1818
  class BaseFormItem {
1769
1819
  id = id++;
@@ -2186,8 +2236,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
2186
2236
  _: 2
2187
2237
  }, 1032, ["disabled", "model-value", "onChange"]),
2188
2238
  createVNode(AdvancedFilterFormItem, {
2189
- prop: column.prop
2190
- }, null, 8, ["prop"])
2239
+ prop: column.prop,
2240
+ disabled: column.unconfigurable
2241
+ }, null, 8, ["prop", "disabled"])
2191
2242
  ]),
2192
2243
  _: 2
2193
2244
  }, 1024);
@@ -2205,7 +2256,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
2205
2256
  };
2206
2257
  }
2207
2258
  });
2208
- const AdvancedFilterForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-d4a17577"]]);
2259
+ const AdvancedFilterForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-081ca45e"]]);
2209
2260
  const draggableIcon = "data:image/png;base64,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";
2210
2261
  const _hoisted_1$a = { class: "advanced-filter-selected-list__container" };
2211
2262
  const _hoisted_2$7 = { class: "selected-item__label" };
@@ -4169,7 +4220,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
4169
4220
  props: {
4170
4221
  columnConfig: {}
4171
4222
  },
4172
- setup(__props, { expose: __expose }) {
4223
+ emits: ["saveColumns"],
4224
+ setup(__props, { expose: __expose, emit: __emit }) {
4225
+ const emit = __emit;
4173
4226
  const [fullLoading, updateFullLoading] = useAsyncLoader(true);
4174
4227
  const initialGroupData = ref({});
4175
4228
  const savedColumnsData = ref(void 0);
@@ -4209,6 +4262,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
4209
4262
  },
4210
4263
  close: () => {
4211
4264
  updateFullLoading(() => {
4265
+ emit("saveColumns");
4212
4266
  closeDialog();
4213
4267
  });
4214
4268
  }
@@ -4663,9 +4717,19 @@ function RenderChildren(props) {
4663
4717
  if (_render) {
4664
4718
  const {
4665
4719
  $tableData,
4666
- $index
4720
+ $index,
4721
+ $defaultSort,
4722
+ $rowKey
4667
4723
  } = data;
4668
- const node = _render(h, data ?? {}, Reflect.get($tableData, $index) ?? {});
4724
+ let index = $index;
4725
+ if ($defaultSort) {
4726
+ if (!$rowKey) {
4727
+ console.warn("如果设置了default-sort,必须要设置row-key,否则可能会导致自定义渲染内容错乱!");
4728
+ } else {
4729
+ index = $tableData.findIndex((it) => Reflect.get(it, $rowKey) === Reflect.get(row, $rowKey));
4730
+ }
4731
+ }
4732
+ const node = _render(h, data ?? {}, Reflect.get($tableData, index) ?? {});
4669
4733
  if (typeof node !== "number" && (!node || node === TABLE_EMPTY_VALUE)) {
4670
4734
  return TABLE_EMPTY_NODE;
4671
4735
  }
@@ -4893,12 +4957,12 @@ const useTableColumnsConfig = (props) => {
4893
4957
  const newColumns = await saveConfigColumns(updateData, { groupName, id: editId }, isSave);
4894
4958
  close();
4895
4959
  if (!isSave) {
4896
- await changeGroupId(TEMP_GROUP_ID, newColumns);
4960
+ changeGroupId(TEMP_GROUP_ID, newColumns);
4897
4961
  } else {
4898
4962
  if (editId === groupId.value) {
4899
4963
  updateConfigColumns(getCheckedColumnsById(id2));
4900
4964
  } else {
4901
- await changeGroupId(editId);
4965
+ changeGroupId(editId);
4902
4966
  }
4903
4967
  }
4904
4968
  });
@@ -5054,7 +5118,9 @@ const useBaseTable = (props) => {
5054
5118
  tableData.value = result;
5055
5119
  pagination.value.total = isNaN(numberTotal) ? 0 : numberTotal;
5056
5120
  } else {
5057
- tableData.value = props.tableData ?? [];
5121
+ watchEffect(() => {
5122
+ tableData.value = props.tableData ?? [];
5123
+ });
5058
5124
  }
5059
5125
  } finally {
5060
5126
  loadDataLoading.value = false;
@@ -5516,6 +5582,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5516
5582
  enableDragProps: {},
5517
5583
  draggableAttrs: {},
5518
5584
  enableColumnSearch: { type: Boolean, default: false },
5585
+ whenFixedPaginationNoPadding: { type: Boolean, default: false },
5519
5586
  data: {},
5520
5587
  size: {},
5521
5588
  width: {},
@@ -5574,12 +5641,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5574
5641
  "paginationChange",
5575
5642
  "loaded",
5576
5643
  ...BASE_TABLE_EVENT_EMITS,
5577
- "update:tableData"
5644
+ "update:tableData",
5645
+ "saveColumns",
5646
+ "changeGroup"
5578
5647
  ], ["update:selectList"]),
5579
5648
  setup(__props, { expose: __expose, emit: __emit }) {
5580
5649
  useCssVars((_ctx) => ({
5581
- "c6dace06": tableScrollLeft.value,
5582
- "dac55732": unref(paginationWidth)
5650
+ "5f6764ab": tableScrollLeft.value,
5651
+ "55722015": unref(paginationWidth)
5583
5652
  }));
5584
5653
  const props = __props;
5585
5654
  const selectList = useModel(__props, "selectList");
@@ -5648,6 +5717,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5648
5717
  }
5649
5718
  baseChangeGroupId(id2, updateColumns);
5650
5719
  await reset();
5720
+ emit("changeGroup", id2);
5651
5721
  };
5652
5722
  const isInitData = ref(false);
5653
5723
  const init = async () => {
@@ -5841,7 +5911,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5841
5911
  class: normalizeClass([
5842
5912
  "base-table__body",
5843
5913
  {
5844
- "base-table__body__fix-pagination": _ctx.fixedPagination
5914
+ "base-table__body__fix-pagination": !_ctx.whenFixedPaginationNoPadding && _ctx.fixedPagination,
5915
+ "base-table__body__update-scroll": _ctx.hasPagination && _ctx.fixedPagination
5845
5916
  }
5846
5917
  ])
5847
5918
  }, [
@@ -5918,7 +5989,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5918
5989
  key: 0,
5919
5990
  column,
5920
5991
  row,
5921
- data: { ...row, $index, $tableData: unref(tableData) }
5992
+ data: { ...row, $index, $tableData: unref(tableData), $defaultSort: _ctx.defaultSort, $rowKey: _ctx.rowKey }
5922
5993
  }, null, 8, ["column", "row", "data"])) : createCommentVNode("", true)
5923
5994
  ]),
5924
5995
  _: 2
@@ -5955,7 +6026,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5955
6026
  createVNode(_sfc_main$6, {
5956
6027
  ref_key: "configColumnsDialogRef",
5957
6028
  ref: configColumnsDialogRef,
5958
- "column-config": props.columnConfig
6029
+ "column-config": props.columnConfig,
6030
+ onSaveColumns: _cache[5] || (_cache[5] = ($event) => emit("saveColumns"))
5959
6031
  }, null, 8, ["column-config"]),
5960
6032
  _ctx.enableColumnSearch ? (openBlock(), createBlock(ColumnSearch, {
5961
6033
  key: 0,
@@ -5967,7 +6039,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5967
6039
  };
5968
6040
  }
5969
6041
  });
5970
- const ZTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f40a3c88"]]);
6042
+ const ZTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-edfdc4d7"]]);
5971
6043
  const installer$3 = withInstallComponent(ZTable, "ZTable");
5972
6044
  const installer$2 = withInstallComponent(ZTableLinkButton, "ZTableLinkButton");
5973
6045
  const _hoisted_1 = { class: "z-tips-form-item__container" };
@@ -6168,7 +6240,7 @@ const getInstallConfig = (config) => ({
6168
6240
  ...defaultConfig,
6169
6241
  ...config ?? {}
6170
6242
  });
6171
- const version = "0.3.0";
6243
+ const version = "0.3.2";
6172
6244
  const pkg = {
6173
6245
  version
6174
6246
  };
@@ -6217,6 +6289,17 @@ const formatSelectAndInputGroupValue = (value) => {
6217
6289
  };
6218
6290
  }
6219
6291
  };
6292
+ const formatGroupSelectInputToObject = (selectKey, valueKey) => (values) => {
6293
+ const [value, key] = values;
6294
+ const result = {};
6295
+ if (selectKey) {
6296
+ Reflect.set(result, selectKey, key);
6297
+ }
6298
+ if (valueKey) {
6299
+ Reflect.set(result, valueKey, value);
6300
+ }
6301
+ return result;
6302
+ };
6220
6303
  var EDialogEvent = /* @__PURE__ */ ((EDialogEvent2) => {
6221
6304
  EDialogEvent2["CONFIRM"] = "dialog:confirm";
6222
6305
  EDialogEvent2["CANCEL"] = "dialog:cancel";
@@ -6431,6 +6514,7 @@ export {
6431
6514
  installer as default,
6432
6515
  defineCustomFormComponent,
6433
6516
  formatArrayKeyToObjectValue,
6517
+ formatGroupSelectInputToObject,
6434
6518
  formatSecond,
6435
6519
  formatSeconds,
6436
6520
  formatSelectAndInputGroupValue,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "z-ui-pc",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
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
  },