qidian-vue-ui 2.4.1 → 2.4.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.
Files changed (7) hide show
  1. package/dist/components/service/table/index.css +75 -75
  2. package/dist/components/service/table/index.vue.mjs +1 -1
  3. package/dist/components/service/table/index.vue2.mjs +7 -6
  4. package/dist/components/upload/index.css +45 -45
  5. package/dist/components/upload/index.vue.mjs +1 -1
  6. package/dist/components/upload/index.vue2.mjs +23 -19
  7. package/package.json +1 -1
package/dist/components/service/table/index.css CHANGED
@@ -1,111 +1,111 @@
1
- .qd-service-table[data-v-1bab93e0] {
1
+ .qd-service-table[data-v-474edf55] {
2
2
  height: 100%;
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  }
6
- .qd-service-table[data-v-1bab93e0] > .t-table__content {
6
+ .qd-service-table[data-v-474edf55] > .t-table__content {
7
7
  flex: 1;
8
8
  }
9
- .qd-service-table--mini[data-v-1bab93e0] {
9
+ .qd-service-table--mini[data-v-474edf55] {
10
10
  font: var(--td-font-body-small);
11
11
  }
12
- .qd-service-table--mini[data-v-1bab93e0] th,
13
- .qd-service-table--mini[data-v-1bab93e0] tr:not(.t-table__expanded-row) > td {
12
+ .qd-service-table--mini[data-v-474edf55] th,
13
+ .qd-service-table--mini[data-v-474edf55] tr:not(.t-table__expanded-row) > td {
14
14
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
15
15
  line-height: var(--td-line-height-body-small);
16
16
  }
17
- .qd-service-table--mini[data-v-1bab93e0] .t-table__row-full-element {
17
+ .qd-service-table--mini[data-v-474edf55] .t-table__row-full-element {
18
18
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
19
19
  }
20
- .qd-service-table--hide-empty-image[data-v-1bab93e0] .t-table__empty {
20
+ .qd-service-table--hide-empty-image[data-v-474edf55] .t-table__empty {
21
21
  min-height: auto;
22
22
  }
23
- .qd-service-table--hide-empty-image[data-v-1bab93e0] .t-table__empty .t-empty {
23
+ .qd-service-table--hide-empty-image[data-v-474edf55] .t-table__empty .t-empty {
24
24
  padding: 0 !important;
25
25
  }
26
- .qd-service-table--hide-empty-image[data-v-1bab93e0] .t-table__empty .t-empty__image {
26
+ .qd-service-table--hide-empty-image[data-v-474edf55] .t-table__empty .t-empty__image {
27
27
  display: none;
28
28
  }
29
- .qd-service-table--hide-empty-image[data-v-1bab93e0] .t-table__empty .t-empty__title {
29
+ .qd-service-table--hide-empty-image[data-v-474edf55] .t-table__empty .t-empty__title {
30
30
  margin-top: 0;
31
31
  }
32
- .qd-service-table[data-v-1bab93e0] .t-table__tree-col,
33
- .qd-service-table[data-v-1bab93e0] .t-table__tree-leaf-node {
32
+ .qd-service-table[data-v-474edf55] .t-table__tree-col,
33
+ .qd-service-table[data-v-474edf55] .t-table__tree-leaf-node {
34
34
  padding-left: 0 !important;
35
35
  }
36
- .qd-service-table[data-v-1bab93e0] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
36
+ .qd-service-table[data-v-474edf55] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
37
37
  margin-left: calc(var(--td-font-size-body-large) + var(--td-tree-indent, 0px) * (var(--td-tree-level, 0) + 1));
38
38
  }
39
- .qd-service-table[data-v-1bab93e0] .t-table__tree-op-icon {
39
+ .qd-service-table[data-v-474edf55] .t-table__tree-op-icon {
40
40
  margin-right: calc(var(--td-tree-indent, 0px) * (var(--td-tree-level, 0) + 1));
41
41
  }
42
- .qd-service-table[data-v-1bab93e0] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
42
+ .qd-service-table[data-v-474edf55] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
43
43
  width: var(--td-font-size-body-large);
44
44
  margin-right: calc(var(--td-tree-indent, 0px) * (var(--td-tree-level, 0) + 1));
45
45
  }
46
- .qd-service-table[data-v-1bab93e0] .t-affix > .t-table__affixed-header-elm-wrap,
47
- .qd-service-table[data-v-1bab93e0] .t-affix > .t-table__scrollbar--obvious {
48
- transform: var(--v7fcd2546);
46
+ .qd-service-table[data-v-474edf55] .t-affix > .t-table__affixed-header-elm-wrap,
47
+ .qd-service-table[data-v-474edf55] .t-affix > .t-table__scrollbar--obvious {
48
+ transform: var(--v00b676fc);
49
49
  }
50
- .qd-service-table--horizontal-bar-static[data-v-1bab93e0] .t-table__scrollbar--obvious {
50
+ .qd-service-table--horizontal-bar-static[data-v-474edf55] .t-table__scrollbar--obvious {
51
51
  visibility: hidden;
52
52
  pointer-events: none;
53
53
  }
54
- .qd-service-table--horizontal-bar-static[data-v-1bab93e0] > div:has(> div > .t-table__scrollbar--obvious) {
54
+ .qd-service-table--horizontal-bar-static[data-v-474edf55] > div:has(> div > .t-table__scrollbar--obvious) {
55
55
  height: 0;
56
56
  margin-top: 0 !important;
57
57
  overflow: hidden;
58
58
  }
59
- .qd-service-table[data-v-1bab93e0] .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
59
+ .qd-service-table[data-v-474edf55] .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
60
60
  display: none;
61
61
  }
62
- .qd-service-table[data-v-1bab93e0] .t-table__expanded-row > td {
62
+ .qd-service-table[data-v-474edf55] .t-table__expanded-row > td {
63
63
  height: 0;
64
64
  }
65
- .qd-service-table[data-v-1bab93e0] .t-table__affixed-header-elm-wrap {
65
+ .qd-service-table[data-v-474edf55] .t-table__affixed-header-elm-wrap {
66
66
  height: auto !important;
67
67
  }
68
- .qd-service-table[data-v-1bab93e0] .t-table__affixed-header-elm {
68
+ .qd-service-table[data-v-474edf55] .t-table__affixed-header-elm {
69
69
  position: relative;
70
70
  scrollbar-width: none;
71
71
  }
72
- .qd-service-table[data-v-1bab93e0] .t-table__affixed-header-elm::-webkit-scrollbar {
72
+ .qd-service-table[data-v-474edf55] .t-table__affixed-header-elm::-webkit-scrollbar {
73
73
  display: none;
74
74
  width: 0;
75
75
  height: 0;
76
76
  }
77
- .qd-service-table[data-v-1bab93e0] .t-table__virtual-scroll-cursor + table {
77
+ .qd-service-table[data-v-474edf55] .t-table__virtual-scroll-cursor + table {
78
78
  border-collapse: separate;
79
79
  }
80
- .qd-service-table[data-v-1bab93e0] .t-table__expanded-row-inner,
81
- .qd-service-table[data-v-1bab93e0] .t-table__row-filter-inner {
80
+ .qd-service-table[data-v-474edf55] .t-table__expanded-row-inner,
81
+ .qd-service-table[data-v-474edf55] .t-table__row-filter-inner {
82
82
  display: block;
83
83
  position: sticky;
84
84
  left: 0;
85
- width: var(--ad8fa3dc) !important;
85
+ width: var(--v40489af1) !important;
86
86
  }
87
- .qd-service-table[data-v-1bab93e0] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
87
+ .qd-service-table[data-v-474edf55] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
88
88
  width: 100%;
89
89
  }
90
- .qd-service-table[data-v-1bab93e0] .qd-service-table__non-editable-col {
90
+ .qd-service-table[data-v-474edf55] .qd-service-table__non-editable-col {
91
91
  background-color: color-mix(in srgb, var(--td-bg-color-component) 50%, transparent);
92
92
  }
93
- .qd-service-table[data-v-1bab93e0] td.qd-service-table__selected-cell {
93
+ .qd-service-table[data-v-474edf55] td.qd-service-table__selected-cell {
94
94
  box-shadow: inset 0 1px 0 0 var(--qst-sel-t, transparent), inset 0 -1px 0 0 var(--qst-sel-b, transparent), inset 1px 0 0 0 var(--qst-sel-l, transparent), inset -1px 0 0 0 var(--qst-sel-r, transparent);
95
95
  }
96
- .qd-service-table[data-v-1bab93e0] .qd-service-table__selected-bt {
96
+ .qd-service-table[data-v-474edf55] .qd-service-table__selected-bt {
97
97
  --qst-sel-t: var(--td-brand-color);
98
98
  }
99
- .qd-service-table[data-v-1bab93e0] .qd-service-table__selected-bb {
99
+ .qd-service-table[data-v-474edf55] .qd-service-table__selected-bb {
100
100
  --qst-sel-b: var(--td-brand-color);
101
101
  }
102
- .qd-service-table[data-v-1bab93e0] .qd-service-table__selected-bl {
102
+ .qd-service-table[data-v-474edf55] .qd-service-table__selected-bl {
103
103
  --qst-sel-l: var(--td-brand-color);
104
104
  }
105
- .qd-service-table[data-v-1bab93e0] .qd-service-table__selected-br {
105
+ .qd-service-table[data-v-474edf55] .qd-service-table__selected-br {
106
106
  --qst-sel-r: var(--td-brand-color);
107
107
  }
108
- .qd-service-table[data-v-1bab93e0] td.qd-service-table__copied-cell {
108
+ .qd-service-table[data-v-474edf55] td.qd-service-table__copied-cell {
109
109
  background-image: var(--qst-copy-t, none), var(--qst-copy-b, none), var(--qst-copy-l, none), var(--qst-copy-r, none);
110
110
  background-size: 8px 1px,
111
111
  8px 1px,
@@ -116,134 +116,134 @@
116
116
  0 0,
117
117
  100% 0;
118
118
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
119
- animation: qst-cell-ants-1bab93e0 0.5s linear infinite;
119
+ animation: qst-cell-ants-474edf55 0.5s linear infinite;
120
120
  }
121
- .qd-service-table[data-v-1bab93e0] td.qd-service-table__copied-cell.qd-service-table__selected-cell {
121
+ .qd-service-table[data-v-474edf55] td.qd-service-table__copied-cell.qd-service-table__selected-cell {
122
122
  background-size: 8px 2px,
123
123
  8px 2px,
124
124
  2px 8px,
125
125
  2px 8px;
126
126
  }
127
- .qd-service-table[data-v-1bab93e0] .qd-service-table__copied-bt {
127
+ .qd-service-table[data-v-474edf55] .qd-service-table__copied-bt {
128
128
  --qst-copy-t: linear-gradient(90deg, var(--td-brand-color-hover) 50%, transparent 0);
129
129
  }
130
- .qd-service-table[data-v-1bab93e0] .qd-service-table__copied-bb {
130
+ .qd-service-table[data-v-474edf55] .qd-service-table__copied-bb {
131
131
  --qst-copy-b: linear-gradient(90deg, var(--td-brand-color-hover) 50%, transparent 0);
132
132
  }
133
- .qd-service-table[data-v-1bab93e0] .qd-service-table__copied-bl {
133
+ .qd-service-table[data-v-474edf55] .qd-service-table__copied-bl {
134
134
  --qst-copy-l: linear-gradient(0deg, var(--td-brand-color-hover) 50%, transparent 0);
135
135
  }
136
- .qd-service-table[data-v-1bab93e0] .qd-service-table__copied-br {
136
+ .qd-service-table[data-v-474edf55] .qd-service-table__copied-br {
137
137
  --qst-copy-r: linear-gradient(0deg, var(--td-brand-color-hover) 50%, transparent 0);
138
138
  }
139
- .qd-service-table[data-v-1bab93e0] tbody > tr.t-table__row--active {
139
+ .qd-service-table[data-v-474edf55] tbody > tr.t-table__row--active {
140
140
  background-color: var(--td-brand-color-light);
141
141
  }
142
- .qd-service-table[data-v-1bab93e0] tbody > tr.t-table__row--active.t-table__row--hover,
143
- .qd-service-table[data-v-1bab93e0] tbody > tr.t-table__row--active:hover {
142
+ .qd-service-table[data-v-474edf55] tbody > tr.t-table__row--active.t-table__row--hover,
143
+ .qd-service-table[data-v-474edf55] tbody > tr.t-table__row--active:hover {
144
144
  background-color: var(--td-brand-color-light-hover);
145
145
  }
146
- .qd-service-table[data-v-1bab93e0] .qd-service-table__non-editable-col:not(.qd-service-table__copied-cell):is(
146
+ .qd-service-table[data-v-474edf55] .qd-service-table__non-editable-col:not(.qd-service-table__copied-cell):is(
147
147
  .t-table__cell--fixed-left,
148
148
  .t-table__cell--fixed-right
149
149
  ) {
150
150
  background-color: inherit;
151
151
  background-image: linear-gradient(color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent), color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent));
152
152
  }
153
- .qd-service-table--disable-horizontal-scroll[data-v-1bab93e0] colgroup > col {
153
+ .qd-service-table--disable-horizontal-scroll[data-v-474edf55] colgroup > col {
154
154
  width: auto !important;
155
155
  }
156
- .qd-service-table--cell-drag-selecting[data-v-1bab93e0] {
156
+ .qd-service-table--cell-drag-selecting[data-v-474edf55] {
157
157
  cursor: crosshair;
158
158
  }
159
- .qd-service-table--cell-drag-selecting[data-v-1bab93e0] td {
159
+ .qd-service-table--cell-drag-selecting[data-v-474edf55] td {
160
160
  cursor: crosshair;
161
161
  }
162
- .qd-service-table[data-v-1bab93e0] .t-table__filter-pop-content-inner {
162
+ .qd-service-table[data-v-474edf55] .t-table__filter-pop-content-inner {
163
163
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
164
164
  }
165
- .qd-service-table[data-v-1bab93e0] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
165
+ .qd-service-table[data-v-474edf55] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
166
166
  padding: 0;
167
167
  }
168
- .qd-service-table[data-v-1bab93e0] .t-table__filter-pop-content-inner:has(
168
+ .qd-service-table[data-v-474edf55] .t-table__filter-pop-content-inner:has(
169
169
  .qd-service-table-filter-input,
170
170
  .qd-service-table-filter-custom
171
171
  ) {
172
172
  padding-bottom: var(--td-comp-paddingTB-s);
173
173
  }
174
- .qd-service-table[data-v-1bab93e0] .t-table__filter--bottom-buttons {
174
+ .qd-service-table[data-v-474edf55] .t-table__filter--bottom-buttons {
175
175
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
176
176
  }
177
- .qd-service-table--mini[data-v-1bab93e0] .t-table__filter-pop-content-inner {
177
+ .qd-service-table--mini[data-v-474edf55] .t-table__filter-pop-content-inner {
178
178
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
179
179
  }
180
- .qd-service-table--mini[data-v-1bab93e0] .t-table__filter--bottom-buttons {
180
+ .qd-service-table--mini[data-v-474edf55] .t-table__filter--bottom-buttons {
181
181
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
182
182
  }
183
- .qd-service-table--mini[data-v-1bab93e0] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
183
+ .qd-service-table--mini[data-v-474edf55] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
184
184
  padding: 0;
185
185
  }
186
- .qd-service-table--mini[data-v-1bab93e0] .t-table__filter-pop-content-inner:has(
186
+ .qd-service-table--mini[data-v-474edf55] .t-table__filter-pop-content-inner:has(
187
187
  .qd-service-table-filter-input,
188
188
  .qd-service-table-filter-custom
189
189
  ) {
190
190
  padding-bottom: var(--td-comp-paddingTB-xs);
191
191
  }
192
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item {
192
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item {
193
193
  width: 266px;
194
194
  }
195
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item__search,
196
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item__all,
197
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item__options {
195
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item__search,
196
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item__all,
197
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item__options {
198
198
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
199
199
  }
200
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item__all {
200
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item__all {
201
201
  display: flex;
202
202
  align-items: center;
203
203
  padding: 0 var(--td-comp-paddingLR-s);
204
204
  border-bottom: 1px solid var(--td-component-stroke);
205
205
  }
206
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item__options {
206
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item__options {
207
207
  display: flex;
208
208
  flex-direction: column;
209
209
  height: 206px;
210
210
  padding: 0 var(--td-comp-paddingLR-s);
211
211
  overflow-y: auto;
212
212
  }
213
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item__count {
213
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item__count {
214
214
  margin-left: var(--td-comp-margin-xs);
215
215
  color: var(--td-text-color-placeholder);
216
216
  }
217
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item__cell {
217
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item__cell {
218
218
  pointer-events: none;
219
219
  }
220
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item .t-checkbox,
221
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item .t-radio {
220
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item .t-checkbox,
221
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item .t-radio {
222
222
  display: flex;
223
223
  align-items: center;
224
224
  }
225
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item .t-checkbox__label,
226
- .qd-service-table[data-v-1bab93e0] .qd-service-table-filter-item .t-radio__label {
225
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item .t-checkbox__label,
226
+ .qd-service-table[data-v-474edf55] .qd-service-table-filter-item .t-radio__label {
227
227
  display: inline-flex;
228
228
  flex: 1 1 0;
229
229
  align-items: center;
230
230
  min-width: 0;
231
231
  overflow: hidden;
232
232
  }
233
- .qd-service-table--mini[data-v-1bab93e0] .qd-service-table-filter-item__search {
233
+ .qd-service-table--mini[data-v-474edf55] .qd-service-table-filter-item__search {
234
234
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
235
235
  }
236
- .qd-service-table--mini[data-v-1bab93e0] .qd-service-table-filter-item__all,
237
- .qd-service-table--mini[data-v-1bab93e0] .qd-service-table-filter-item__options {
236
+ .qd-service-table--mini[data-v-474edf55] .qd-service-table-filter-item__all,
237
+ .qd-service-table--mini[data-v-474edf55] .qd-service-table-filter-item__options {
238
238
  padding: 0 var(--td-comp-paddingLR-xs);
239
239
  }
240
- @keyframes qst-cell-ants-1bab93e0 {
240
+ @keyframes qst-cell-ants-474edf55 {
241
241
  to {
242
242
  background-position: 8px 0, -8px 100%, 0 -8px, 100% 8px;
243
243
  }
244
244
  }
245
245
  @media (prefers-reduced-motion: reduce) {
246
- [data-v-1bab93e0] td.qd-service-table__copied-cell {
246
+ [data-v-474edf55] td.qd-service-table__copied-cell {
247
247
  animation: none;
248
248
  }
249
249
  }
package/dist/components/service/table/index.vue.mjs CHANGED
@@ -2,7 +2,7 @@ import './index.css'
2
2
  import _sfc_main from "./index.vue2.mjs";
3
3
  /* empty css */
4
4
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
5
- const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1bab93e0"]]);
5
+ const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-474edf55"]]);
6
6
  export {
7
7
  QdServiceTable as default
8
8
  };
package/dist/components/service/table/index.vue2.mjs CHANGED
@@ -364,8 +364,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
364
364
  emit: __emit
365
365
  }) {
366
366
  useCssVars((_ctx) => ({
367
- "v7fcd2546": affixedHeaderTransform.value,
368
- "ad8fa3dc": expandedRowWidth.value
367
+ "v00b676fc": affixedHeaderTransform.value,
368
+ "v40489af1": expandedRowWidth.value
369
369
  }));
370
370
  const props = __props;
371
371
  const emit = __emit;
@@ -611,11 +611,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
611
611
  return result;
612
612
  });
613
613
  const displayData = computed(() => {
614
- if (props.onFilterChange) return data.value;
615
- if (props.service && props.pagination !== false) return data.value;
614
+ const rows = data.value ?? [];
615
+ if (props.onFilterChange) return rows;
616
+ if (props.service && props.pagination !== false) return rows;
616
617
  const activeFilters = getActiveFilterEntries();
617
- if (!activeFilters.length) return data.value;
618
- return data.value.filter((row) => activeFilters.every(({
618
+ if (!activeFilters.length) return rows;
619
+ return rows.filter((row) => activeFilters.every(({
619
620
  colKey,
620
621
  type,
621
622
  value
package/dist/components/upload/index.css CHANGED
@@ -1,76 +1,76 @@
1
- .qd-upload[data-v-a883bc8a] {
1
+ .qd-upload[data-v-15a6df62] {
2
2
  width: 100%;
3
3
  outline: none;
4
4
  }
5
- .qd-upload[data-v-a883bc8a] .t-image-viewer__trigger {
5
+ .qd-upload[data-v-15a6df62] .t-image-viewer__trigger {
6
6
  display: none;
7
7
  }
8
- .qd-upload[data-v-a883bc8a] .t-upload__dragger {
8
+ .qd-upload[data-v-15a6df62] .t-upload__dragger {
9
9
  min-width: auto;
10
10
  min-height: 144px;
11
11
  width: 100%;
12
12
  height: 100%;
13
13
  }
14
- .qd-upload[data-v-a883bc8a] .t-upload__dragger-btns > .t-size-s {
14
+ .qd-upload[data-v-15a6df62] .t-upload__dragger-btns > .t-size-s {
15
15
  display: inline-flex;
16
16
  }
17
- .qd-upload[data-v-a883bc8a] .t-upload__flow {
17
+ .qd-upload[data-v-15a6df62] .t-upload__flow {
18
18
  width: 100%;
19
19
  min-width: auto;
20
20
  max-width: 100%;
21
21
  }
22
- .qd-upload[data-v-a883bc8a] .t-upload__flow-empty {
22
+ .qd-upload[data-v-15a6df62] .t-upload__flow-empty {
23
23
  height: auto;
24
24
  min-height: 144px;
25
25
  }
26
- .qd-upload[data-v-a883bc8a] .t-upload__flow-card-area,
27
- .qd-upload[data-v-a883bc8a] .t-upload__flow-table {
26
+ .qd-upload[data-v-15a6df62] .t-upload__flow-card-area,
27
+ .qd-upload[data-v-15a6df62] .t-upload__flow-table {
28
28
  margin-top: var(--td-comp-margin-s);
29
29
  }
30
- .qd-upload[data-v-a883bc8a] .t-upload__file-name__container {
30
+ .qd-upload[data-v-15a6df62] .t-upload__file-name__container {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  }
34
- .qd-upload[data-v-a883bc8a] .t-upload__file-name-text {
34
+ .qd-upload[data-v-15a6df62] .t-upload__file-name-text {
35
35
  cursor: pointer;
36
36
  }
37
- .qd-upload[data-v-a883bc8a] .t-upload__file-thumbnail {
37
+ .qd-upload[data-v-15a6df62] .t-upload__file-thumbnail {
38
38
  width: var(--td-comp-size-m);
39
39
  height: var(--td-comp-size-m);
40
40
  }
41
- .qd-upload[data-v-a883bc8a] .t-upload__card-image {
41
+ .qd-upload[data-v-15a6df62] .t-upload__card-image {
42
42
  width: 100%;
43
43
  height: 100%;
44
44
  }
45
- .qd-upload__popup-upload[data-v-a883bc8a] .t-image-viewer__trigger {
45
+ .qd-upload__popup-upload[data-v-15a6df62] .t-image-viewer__trigger {
46
46
  display: none;
47
47
  }
48
- .qd-upload__popup-upload[data-v-a883bc8a] .t-upload__flow-table {
48
+ .qd-upload__popup-upload[data-v-15a6df62] .t-upload__flow-table {
49
49
  margin-top: 0;
50
50
  }
51
- .qd-upload__popup-upload[data-v-a883bc8a] .t-upload__file-name__container {
51
+ .qd-upload__popup-upload[data-v-15a6df62] .t-upload__file-name__container {
52
52
  display: flex;
53
53
  align-items: center;
54
54
  }
55
- .qd-upload__popup-upload[data-v-a883bc8a] .t-upload__file-name-text {
55
+ .qd-upload__popup-upload[data-v-15a6df62] .t-upload__file-name-text {
56
56
  cursor: pointer;
57
57
  }
58
- .qd-upload__popup-upload[data-v-a883bc8a] .t-upload__file-thumbnail {
58
+ .qd-upload__popup-upload[data-v-15a6df62] .t-upload__file-thumbnail {
59
59
  width: var(--td-comp-size-m);
60
60
  height: var(--td-comp-size-m);
61
61
  }
62
- .qd-upload__popup-upload[data-v-a883bc8a] .t-upload__card-image {
62
+ .qd-upload__popup-upload[data-v-15a6df62] .t-upload__card-image {
63
63
  width: 100%;
64
64
  height: 100%;
65
65
  }
66
- .qd-upload__popup-upload--disabled[data-v-a883bc8a] .t-upload__flow-table th:last-child,
67
- .qd-upload__popup-upload--disabled[data-v-a883bc8a] .t-upload__flow-table td:last-child {
66
+ .qd-upload__popup-upload--disabled[data-v-15a6df62] .t-upload__flow-table th:last-child,
67
+ .qd-upload__popup-upload--disabled[data-v-15a6df62] .t-upload__flow-table td:last-child {
68
68
  display: none;
69
69
  }
70
- .qd-upload__popup-actions[data-v-a883bc8a] {
70
+ .qd-upload__popup-actions[data-v-15a6df62] {
71
71
  display: inline-flex;
72
72
  }
73
- .qd-upload__popup-drag-text[data-v-a883bc8a] {
73
+ .qd-upload__popup-drag-text[data-v-15a6df62] {
74
74
  display: flex;
75
75
  align-items: center;
76
76
  justify-content: center;
@@ -78,18 +78,18 @@
78
78
  height: 100%;
79
79
  color: var(--td-text-color-placeholder);
80
80
  }
81
- .qd-upload[data-v-a883bc8a]:focus .t-upload__flow-card-area,
82
- .qd-upload[data-v-a883bc8a]:focus .t-upload__flow-table {
81
+ .qd-upload[data-v-15a6df62]:focus .t-upload__flow-card-area,
82
+ .qd-upload[data-v-15a6df62]:focus .t-upload__flow-table {
83
83
  border-color: var(--td-brand-color);
84
84
  }
85
- .qd-upload--btn-image-popup[data-v-a883bc8a],
86
- .qd-upload--btn-file-popup[data-v-a883bc8a] {
85
+ .qd-upload--btn-image-popup[data-v-15a6df62],
86
+ .qd-upload--btn-file-popup[data-v-15a6df62] {
87
87
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
88
88
  border: 1px dashed var(--td-component-border);
89
89
  transition: border 0.2s linear;
90
90
  }
91
- .qd-upload--btn-image-popup[data-v-a883bc8a] .t-upload__dragger,
92
- .qd-upload--btn-file-popup[data-v-a883bc8a] .t-upload__dragger {
91
+ .qd-upload--btn-image-popup[data-v-15a6df62] .t-upload__dragger,
92
+ .qd-upload--btn-file-popup[data-v-15a6df62] .t-upload__dragger {
93
93
  min-height: auto;
94
94
  padding: 0;
95
95
  border: 0;
@@ -98,42 +98,42 @@
98
98
  align-items: flex-start;
99
99
  cursor: default;
100
100
  }
101
- .qd-upload--btn-image-popup[data-v-a883bc8a] .t-upload__dragger > .t-upload__trigger,
102
- .qd-upload--btn-file-popup[data-v-a883bc8a] .t-upload__dragger > .t-upload__trigger {
101
+ .qd-upload--btn-image-popup[data-v-15a6df62] .t-upload__dragger > .t-upload__trigger,
102
+ .qd-upload--btn-file-popup[data-v-15a6df62] .t-upload__dragger > .t-upload__trigger {
103
103
  width: 100%;
104
104
  height: 100%;
105
105
  }
106
- .qd-upload--btn-image-popup[data-v-a883bc8a]:focus-within,
107
- .qd-upload--btn-file-popup[data-v-a883bc8a]:focus-within {
106
+ .qd-upload--btn-image-popup[data-v-15a6df62]:focus-within,
107
+ .qd-upload--btn-file-popup[data-v-15a6df62]:focus-within {
108
108
  border-color: var(--td-brand-color);
109
109
  }
110
- .qd-upload--only-view[data-v-a883bc8a] .t-upload__flow-empty,
111
- .qd-upload--only-view[data-v-a883bc8a] .t-upload__card-mask-item-divider {
110
+ .qd-upload--only-view[data-v-15a6df62] .t-upload__flow-empty,
111
+ .qd-upload--only-view[data-v-15a6df62] .t-upload__card-mask-item-divider {
112
112
  display: none;
113
113
  }
114
- .qd-upload--only-view[data-v-a883bc8a] .t-upload__flow-card-area {
114
+ .qd-upload--only-view[data-v-15a6df62] .t-upload__flow-card-area {
115
115
  border-color: var(--td-component-border);
116
116
  }
117
- .qd-upload--only-view[data-v-a883bc8a]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-op,
118
- .qd-upload--only-view[data-v-a883bc8a]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__trigger,
119
- .qd-upload--only-view[data-v-a883bc8a]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-bottom {
117
+ .qd-upload--only-view[data-v-15a6df62]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-op,
118
+ .qd-upload--only-view[data-v-15a6df62]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__trigger,
119
+ .qd-upload--only-view[data-v-15a6df62]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-bottom {
120
120
  display: none;
121
121
  }
122
- .qd-upload--only-view[data-v-a883bc8a]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-table,
123
- .qd-upload--only-view[data-v-a883bc8a]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-card-area {
122
+ .qd-upload--only-view[data-v-15a6df62]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-table,
123
+ .qd-upload--only-view[data-v-15a6df62]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-card-area {
124
124
  margin-top: 0;
125
125
  }
126
- .qd-upload--uploading[data-v-a883bc8a] .t-upload__single-input-clear {
126
+ .qd-upload--uploading[data-v-15a6df62] .t-upload__single-input-clear {
127
127
  display: none;
128
128
  }
129
- .qd-upload--hide-manual-upload[data-v-a883bc8a] .t-upload__flow-bottom {
129
+ .qd-upload--hide-manual-upload[data-v-15a6df62] .t-upload__flow-bottom {
130
130
  display: none;
131
131
  margin-top: 0;
132
132
  }
133
- .qd-upload--hide-progress[data-v-a883bc8a] .t-upload__flow-table th:last-child,
134
- .qd-upload--hide-progress[data-v-a883bc8a] .t-upload__flow-table td:last-child {
133
+ .qd-upload--hide-progress[data-v-15a6df62] .t-upload__flow-table th:last-child,
134
+ .qd-upload--hide-progress[data-v-15a6df62] .t-upload__flow-table td:last-child {
135
135
  display: none;
136
136
  }
137
- .qd-upload--disabled[data-v-a883bc8a] .t-upload__flow-card-area {
137
+ .qd-upload--disabled[data-v-15a6df62] .t-upload__flow-card-area {
138
138
  border-color: var(--td-component-border);
139
139
  }
package/dist/components/upload/index.vue.mjs CHANGED
@@ -2,7 +2,7 @@ import './index.css'
2
2
  import _sfc_main from "./index.vue2.mjs";
3
3
  /* empty css */
4
4
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
5
- const QdUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a883bc8a"]]);
5
+ const QdUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-15a6df62"]]);
6
6
  export {
7
7
  QdUpload as default
8
8
  };
package/dist/components/upload/index.vue2.mjs CHANGED
@@ -1,6 +1,5 @@
1
1
  import './index.css'
2
- import { defineComponent, mergeDefaults, getCurrentInstance, ref, computed, inject, useTemplateRef, watch, nextTick, onMounted, onUnmounted, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderList, renderSlot, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, createVNode, withModifiers, normalizeClass, createElementVNode, normalizeProps, guardReactiveProps } from "vue";
3
- import { useVModel } from "../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
2
+ import { defineComponent, mergeDefaults, ref, getCurrentInstance, watch, computed, inject, useTemplateRef, onMounted, onUnmounted, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderList, renderSlot, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, createVNode, withModifiers, normalizeClass, createElementVNode, normalizeProps, guardReactiveProps } from "vue";
4
3
  import dayjs from "../../_virtual/dayjs.min.mjs";
5
4
  import { isEmpty, useTimer, easyCopy, checkSameObject, abortWrapper, to, filterSlots, isTypeByName, suspectedWrapperPromise } from "qidian-shared";
6
5
  import { UploadIcon, BrowseIcon } from "tdesign-icons-vue-next";
@@ -106,14 +105,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
106
105
  setup(__props, { expose: __expose, emit: __emit }) {
107
106
  const props = __props;
108
107
  const emit = __emit;
109
- const modelValue = useVModel(props, "modelValue", emit, {
110
- passive: true
111
- });
108
+ const modelValue = ref(props.modelValue);
112
109
  const hasFilesProp = Object.prototype.hasOwnProperty.call(
113
110
  getCurrentInstance()?.vnode.props,
114
111
  "files"
115
112
  );
116
113
  const fileList = ref([]);
114
+ watch(
115
+ () => props.modelValue,
116
+ (value) => {
117
+ if (Object.is(modelValue.value, value)) return;
118
+ modelValue.value = value;
119
+ }
120
+ );
121
+ watch(modelValue, (value) => {
122
+ if (Object.is(value, props.modelValue)) return;
123
+ emit("update:modelValue", value);
124
+ });
117
125
  const reModelValue = computed({
118
126
  get: () => {
119
127
  const { convStr } = reProps.value;
@@ -145,8 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
145
153
  const uploadRef = useTemplateRef("upload");
146
154
  const { timer: uploadTimer, clearTimer: clearUploadTimer } = useTimer("interval");
147
155
  const waitingUploadFiles = ref([]);
148
- let isSyncingUploadModelValue = false;
149
- let isSyncingFiles = false;
156
+ let internalModelValue = props.modelValue;
150
157
  const tempUrlMap = /* @__PURE__ */ new WeakMap();
151
158
  const removedUploadingFileValues = /* @__PURE__ */ new Set();
152
159
  const tempModelValueSet = /* @__PURE__ */ new Set();
@@ -507,11 +514,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
507
514
  }
508
515
  tempModelValue.push(genTempValue(item));
509
516
  });
510
- isSyncingUploadModelValue = true;
517
+ internalModelValue = tempModelValue;
511
518
  reModelValue.value = tempModelValue;
512
- nextTick(() => {
513
- isSyncingUploadModelValue = false;
514
- });
515
519
  }
516
520
  function revokeTempUrl(file) {
517
521
  if (!file) return;
@@ -619,6 +623,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
619
623
  function clear() {
620
624
  revokeAllTempUrls();
621
625
  removedUploadingFileValues.clear();
626
+ internalModelValue = [];
622
627
  reModelValue.value = [];
623
628
  fileList.value = [];
624
629
  waitingUploadFiles.value = [];
@@ -673,19 +678,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
673
678
  (files) => {
674
679
  if (!hasFilesProp) return;
675
680
  if (!files.length && reModelValue.value.length) return;
676
- isSyncingFiles = true;
677
681
  fileList.value = files;
678
682
  updateTempModelValue(fileList.value);
679
- nextTick(() => {
680
- isSyncingFiles = false;
681
- });
682
683
  },
683
684
  { deep: true, immediate: true }
684
685
  );
685
686
  watch(
686
687
  fileList,
687
688
  (files) => {
688
- if (isSyncingFiles) return;
689
+ if (!files.length && !reModelValue.value.length) return;
689
690
  emit("update:files", files);
690
691
  updateTempModelValue(files);
691
692
  },
@@ -694,9 +695,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
694
695
  watch(
695
696
  reModelValue,
696
697
  async (newVal, oldVal) => {
697
- ossListAbort?.abort?.(ossListAbortReason);
698
- ossListAbort = void 0;
699
- if (hasFilesProp && props.files.length || isSyncingUploadModelValue) return;
698
+ const isInternalSync = oldVal !== void 0 && checkSameObject(newVal, internalModelValue);
699
+ if (hasFilesProp && props.files.length || isInternalSync) {
700
+ return;
701
+ }
700
702
  const reNewVal = newVal.filter((item) => !isTempModelValue(item));
701
703
  const reOldVal = oldVal?.filter((item) => !isTempModelValue(item));
702
704
  if (!newVal.length) {
@@ -704,6 +706,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
704
706
  return;
705
707
  }
706
708
  if (!reNewVal.length || checkSameObject(reNewVal, reOldVal)) return;
709
+ ossListAbort?.abort?.(ossListAbortReason);
710
+ ossListAbort = void 0;
707
711
  const { valueMode } = reProps.value;
708
712
  const apiFn = valueMode === "url" ? getOssByUrls : getOssByIds;
709
713
  const currentRequest = abortWrapper(apiFn(reNewVal));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qidian-vue-ui",
3
- "version": "2.4.1",
3
+ "version": "2.4.3",
4
4
  "description": "基于 TDesign 的 QiDian Vue UI 组件库",
5
5
  "author": "qidian",
6
6
  "license": "MIT",