qidian-vue-ui 1.8.0 → 1.8.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.
@@ -2,7 +2,7 @@ export declare const QdConfigProvider: import("vue").DefineComponent<{
2
2
  locale?: string | undefined;
3
3
  user?: import("./types").QdUser | undefined;
4
4
  dict?: import("../..").QdDictBaseOptions | undefined;
5
- upload?: Pick<import("..").QdUploadProps, "action" | "headers" | "isBatchUpload" | "method" | "name" | "requestMethod" | "listOssByIds" | "listOssByUrls" | "data" | "withCredentials" | "formatRequest" | "useMockProgress" | "mockProgressDuration" | "onProgress" | "del"> | undefined;
5
+ upload?: Pick<import("..").QdUploadProps, "action" | "headers" | "isBatchUpload" | "method" | "name" | "requestMethod" | "listOssByIds" | "listOssByUrls" | "data" | "withCredentials" | "formatRequest" | "formatResponse" | "useMockProgress" | "mockProgressDuration" | "onProgress" | "del"> | undefined;
6
6
  avatar?: import("../..").QdAvatarBaseOptions | undefined;
7
7
  agentChat?: Pick<import("../..").UseAgentChatOptions, "getSessionId" | "getUrl"> | undefined;
8
8
  org?: {
@@ -125,6 +125,10 @@ export declare const QdConfigProvider: import("vue").DefineComponent<{
125
125
  defaultFileName?: string;
126
126
  closeText?: string;
127
127
  };
128
+ steps?: {
129
+ indicatorPrefix?: string;
130
+ indicatorSuffix?: string;
131
+ };
128
132
  }) | undefined;
129
133
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
130
134
  [key: string]: any;
@@ -132,7 +136,7 @@ export declare const QdConfigProvider: import("vue").DefineComponent<{
132
136
  locale?: string | undefined;
133
137
  user?: import("./types").QdUser | undefined;
134
138
  dict?: import("../..").QdDictBaseOptions | undefined;
135
- upload?: Pick<import("..").QdUploadProps, "action" | "headers" | "isBatchUpload" | "method" | "name" | "requestMethod" | "listOssByIds" | "listOssByUrls" | "data" | "withCredentials" | "formatRequest" | "useMockProgress" | "mockProgressDuration" | "onProgress" | "del"> | undefined;
139
+ upload?: Pick<import("..").QdUploadProps, "action" | "headers" | "isBatchUpload" | "method" | "name" | "requestMethod" | "listOssByIds" | "listOssByUrls" | "data" | "withCredentials" | "formatRequest" | "formatResponse" | "useMockProgress" | "mockProgressDuration" | "onProgress" | "del"> | undefined;
136
140
  avatar?: import("../..").QdAvatarBaseOptions | undefined;
137
141
  agentChat?: Pick<import("../..").UseAgentChatOptions, "getSessionId" | "getUrl"> | undefined;
138
142
  org?: {
@@ -255,6 +259,10 @@ export declare const QdConfigProvider: import("vue").DefineComponent<{
255
259
  defaultFileName?: string;
256
260
  closeText?: string;
257
261
  };
262
+ steps?: {
263
+ indicatorPrefix?: string;
264
+ indicatorSuffix?: string;
265
+ };
258
266
  }) | undefined;
259
267
  }> & Readonly<{}>, {
260
268
  globalConfig: (Omit<import("tdesign-vue-next").GlobalConfigProvider, "upload" | "chat" | "form" | "table"> & {
@@ -370,8 +378,12 @@ export declare const QdConfigProvider: import("vue").DefineComponent<{
370
378
  defaultFileName?: string;
371
379
  closeText?: string;
372
380
  };
381
+ steps?: {
382
+ indicatorPrefix?: string;
383
+ indicatorSuffix?: string;
384
+ };
373
385
  }) | undefined;
374
- upload: Pick<import("..").QdUploadProps<import("tdesign-vue-next").UploadFile, unknown, string | number | (string | number)[], string | number | (string | number)[], unknown, string | string[], string | string[], unknown, string | number | (string | number)[], string | number | (string | number)[]>, "data" | "name" | "del" | "onProgress" | "action" | "headers" | "method" | "formatRequest" | "isBatchUpload" | "mockProgressDuration" | "requestMethod" | "useMockProgress" | "withCredentials" | "listOssByIds" | "listOssByUrls"> | undefined;
386
+ upload: Pick<import("..").QdUploadProps<import("tdesign-vue-next").UploadFile, unknown, string | number | (string | number)[], string | number | (string | number)[], unknown, string | string[], string | string[], unknown, string | number | (string | number)[], string | number | (string | number)[]>, "data" | "name" | "del" | "onProgress" | "action" | "headers" | "method" | "formatRequest" | "formatResponse" | "isBatchUpload" | "mockProgressDuration" | "requestMethod" | "useMockProgress" | "withCredentials" | "listOssByIds" | "listOssByUrls"> | undefined;
375
387
  office: {
376
388
  pdfSandboxUrl?: string | undefined;
377
389
  pdfWorkerUrl?: string | undefined;
@@ -15,7 +15,7 @@ export interface QdConfigProviderProps {
15
15
  locale?: string;
16
16
  user?: QdUser;
17
17
  dict?: QdDictBaseOptions;
18
- upload?: Pick<QdUploadProps, 'action' | 'headers' | 'isBatchUpload' | 'method' | 'name' | 'requestMethod' | 'listOssByIds' | 'listOssByUrls' | 'data' | 'withCredentials' | 'formatRequest' | 'useMockProgress' | 'mockProgressDuration' | 'onProgress' | 'del'>;
18
+ upload?: Pick<QdUploadProps, 'action' | 'headers' | 'isBatchUpload' | 'method' | 'name' | 'requestMethod' | 'listOssByIds' | 'listOssByUrls' | 'data' | 'withCredentials' | 'formatRequest' | 'formatResponse' | 'useMockProgress' | 'mockProgressDuration' | 'onProgress' | 'del'>;
19
19
  avatar?: QdAvatarBaseOptions;
20
20
  agentChat?: Pick<UseAgentChatOptions, 'getSessionId' | 'getUrl'>;
21
21
  org?: {
@@ -140,5 +140,9 @@ export interface QdConfigProviderProps {
140
140
  defaultFileName?: string;
141
141
  closeText?: string;
142
142
  };
143
+ steps?: {
144
+ indicatorPrefix?: string;
145
+ indicatorSuffix?: string;
146
+ };
143
147
  };
144
148
  }
@@ -113,6 +113,10 @@ export declare function useConfig<T extends keyof NonNullable<QdConfigProviderPr
113
113
  defaultFileName?: string;
114
114
  closeText?: string;
115
115
  };
116
+ steps?: {
117
+ indicatorPrefix?: string;
118
+ indicatorSuffix?: string;
119
+ };
116
120
  })[T]> = keyof NonNullable<(Omit<import("tdesign-vue-next").GlobalConfigProvider, "upload" | "chat" | "form" | "table"> & {
117
121
  loading?: {
118
122
  text?: string;
@@ -226,6 +230,10 @@ export declare function useConfig<T extends keyof NonNullable<QdConfigProviderPr
226
230
  defaultFileName?: string;
227
231
  closeText?: string;
228
232
  };
233
+ steps?: {
234
+ indicatorPrefix?: string;
235
+ indicatorSuffix?: string;
236
+ };
229
237
  })[T]>>(path: T_1) => NonNullable<NonNullable<(Omit<import("tdesign-vue-next").GlobalConfigProvider, "upload" | "chat" | "form" | "table"> & {
230
238
  loading?: {
231
239
  text?: string;
@@ -339,6 +347,10 @@ export declare function useConfig<T extends keyof NonNullable<QdConfigProviderPr
339
347
  defaultFileName?: string;
340
348
  closeText?: string;
341
349
  };
350
+ steps?: {
351
+ indicatorPrefix?: string;
352
+ indicatorSuffix?: string;
353
+ };
342
354
  })[T]>[T_1]>;
343
355
  global: import("vue").ComputedRef<NonNullable<(Omit<import("tdesign-vue-next").GlobalConfigProvider, "upload" | "chat" | "form" | "table"> & {
344
356
  loading?: {
@@ -453,5 +465,9 @@ export declare function useConfig<T extends keyof NonNullable<QdConfigProviderPr
453
465
  defaultFileName?: string;
454
466
  closeText?: string;
455
467
  };
468
+ steps?: {
469
+ indicatorPrefix?: string;
470
+ indicatorSuffix?: string;
471
+ };
456
472
  })[T]>>;
457
473
  };
@@ -1,18 +1,18 @@
1
- .qd-steps[data-v-b9e61b9f] {
1
+ .qd-steps[data-v-4f917e96] {
2
2
  display: grid;
3
3
  gap: var(--td-comp-paddingTB-xs);
4
4
  }
5
- .qd-steps__nav[data-v-b9e61b9f] {
5
+ .qd-steps__nav[data-v-4f917e96] {
6
6
  display: flex;
7
7
  align-items: center;
8
8
  width: 100%;
9
9
  }
10
- .qd-steps__phases[data-v-b9e61b9f] {
10
+ .qd-steps__phases[data-v-4f917e96] {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  flex-wrap: wrap;
14
14
  }
15
- .qd-steps__phase[data-v-b9e61b9f] {
15
+ .qd-steps__phase[data-v-4f917e96] {
16
16
  display: inline-flex;
17
17
  align-items: center;
18
18
  gap: var(--td-size-3);
@@ -21,38 +21,38 @@
21
21
  transition: all 0.15s;
22
22
  cursor: pointer;
23
23
  }
24
- .qd-steps__phase--done[data-v-b9e61b9f] {
24
+ .qd-steps__phase--done[data-v-4f917e96] {
25
25
  color: var(--td-text-color-secondary);
26
26
  }
27
- .qd-steps__phase--done .qd-steps__phase-icon[data-v-b9e61b9f] {
27
+ .qd-steps__phase--done .qd-steps__phase-icon[data-v-4f917e96] {
28
28
  background-color: var(--td-success-color);
29
29
  color: var(--td-text-color-anti);
30
30
  border-color: transparent;
31
31
  }
32
- .qd-steps__phase--done .qd-steps__phase-name[data-v-b9e61b9f] {
32
+ .qd-steps__phase--done .qd-steps__phase-name[data-v-4f917e96] {
33
33
  color: var(--td-text-color-secondary);
34
34
  }
35
- .qd-steps__phase--done[data-v-b9e61b9f]:hover {
35
+ .qd-steps__phase--done[data-v-4f917e96]:hover {
36
36
  background-color: var(--td-bg-color-container-hover);
37
37
  }
38
- .qd-steps__phase--active[data-v-b9e61b9f] {
38
+ .qd-steps__phase--active[data-v-4f917e96] {
39
39
  background-color: var(--td-brand-color-light);
40
40
  }
41
- .qd-steps__phase--active .qd-steps__phase-icon[data-v-b9e61b9f] {
41
+ .qd-steps__phase--active .qd-steps__phase-icon[data-v-4f917e96] {
42
42
  background-color: var(--td-brand-color);
43
43
  color: var(--td-text-color-anti);
44
44
  border-color: transparent;
45
45
  box-shadow: var(--td-shadow-1);
46
46
  }
47
- .qd-steps__phase--active .qd-steps__phase-name[data-v-b9e61b9f] {
47
+ .qd-steps__phase--active .qd-steps__phase-name[data-v-4f917e96] {
48
48
  color: var(--td-text-color-brand);
49
49
  font-weight: 700;
50
50
  }
51
- .qd-steps__phase--pending[data-v-b9e61b9f] {
51
+ .qd-steps__phase--pending[data-v-4f917e96] {
52
52
  opacity: 0.6;
53
53
  cursor: default;
54
54
  }
55
- .qd-steps__phase-icon[data-v-b9e61b9f] {
55
+ .qd-steps__phase-icon[data-v-4f917e96] {
56
56
  width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
57
57
  height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
58
58
  border-radius: var(--td-radius-circle);
@@ -68,27 +68,27 @@
68
68
  border: calc(var(--td-size-1) / 2) solid var(--td-component-stroke);
69
69
  transition: all 0.15s;
70
70
  }
71
- .qd-steps__phase-name[data-v-b9e61b9f] {
71
+ .qd-steps__phase-name[data-v-4f917e96] {
72
72
  font-size: var(--td-font-size-body-small);
73
73
  color: var(--td-text-color-placeholder);
74
74
  font-weight: 600;
75
75
  white-space: nowrap;
76
76
  transition: color 0.15s;
77
77
  }
78
- .qd-steps__separator[data-v-b9e61b9f] {
78
+ .qd-steps__separator[data-v-4f917e96] {
79
79
  color: var(--td-text-color-placeholder);
80
80
  margin: 0 var(--td-comp-margin-s);
81
81
  font-size: var(--td-font-size-body-large);
82
82
  line-height: 1;
83
83
  transform: translateY(calc(var(--td-size-1) / -2));
84
84
  }
85
- .qd-steps__separator--done[data-v-b9e61b9f] {
85
+ .qd-steps__separator--done[data-v-4f917e96] {
86
86
  color: var(--td-success-color);
87
87
  }
88
- .qd-steps__divider[data-v-b9e61b9f] {
88
+ .qd-steps__divider[data-v-4f917e96] {
89
89
  border-top: calc(var(--td-size-1) / 2) solid var(--td-border-level-1-color);
90
90
  }
91
- .qd-steps__substeps[data-v-b9e61b9f] {
91
+ .qd-steps__substeps[data-v-4f917e96] {
92
92
  display: flex;
93
93
  align-items: center;
94
94
  justify-content: space-between;
@@ -97,13 +97,13 @@
97
97
  margin-top: 0;
98
98
  padding-bottom: 0;
99
99
  }
100
- .qd-steps__substep-list[data-v-b9e61b9f] {
100
+ .qd-steps__substep-list[data-v-4f917e96] {
101
101
  display: flex;
102
102
  align-items: center;
103
103
  flex-wrap: wrap;
104
104
  gap: var(--td-size-1);
105
105
  }
106
- .qd-steps__substep[data-v-b9e61b9f] {
106
+ .qd-steps__substep[data-v-4f917e96] {
107
107
  display: inline-flex;
108
108
  align-items: center;
109
109
  border-radius: var(--td-radius-medium);
@@ -112,53 +112,53 @@
112
112
  transition: all 0.12s;
113
113
  cursor: pointer;
114
114
  }
115
- .qd-steps__substep[data-v-b9e61b9f]:hover {
115
+ .qd-steps__substep[data-v-4f917e96]:hover {
116
116
  background-color: var(--td-bg-color-container-hover);
117
117
  }
118
- .qd-steps__substep:hover .qd-steps__substep-name[data-v-b9e61b9f] {
118
+ .qd-steps__substep:hover .qd-steps__substep-name[data-v-4f917e96] {
119
119
  color: var(--td-text-color-primary);
120
120
  }
121
- .qd-steps__substep--done .qd-steps__substep-no[data-v-b9e61b9f] {
121
+ .qd-steps__substep--done .qd-steps__substep-no[data-v-4f917e96] {
122
122
  color: var(--td-success-color);
123
123
  background-color: transparent;
124
124
  }
125
- .qd-steps__substep--done .qd-steps__substep-no[data-v-b9e61b9f]::before {
125
+ .qd-steps__substep--done .qd-steps__substep-no[data-v-4f917e96]::before {
126
126
  background-color: var(--td-success-color);
127
127
  border-color: transparent;
128
128
  }
129
- .qd-steps__substep--done .qd-steps__substep-name[data-v-b9e61b9f] {
129
+ .qd-steps__substep--done .qd-steps__substep-name[data-v-4f917e96] {
130
130
  color: var(--td-text-color-primary);
131
131
  }
132
- .qd-steps__substep--active[data-v-b9e61b9f] {
132
+ .qd-steps__substep--active[data-v-4f917e96] {
133
133
  background-color: var(--td-bg-color-container-hover);
134
134
  }
135
- .qd-steps__substep--active .qd-steps__substep-no[data-v-b9e61b9f] {
135
+ .qd-steps__substep--active .qd-steps__substep-no[data-v-4f917e96] {
136
136
  color: var(--td-text-color-brand);
137
137
  background-color: transparent;
138
138
  }
139
- .qd-steps__substep--active .qd-steps__substep-no[data-v-b9e61b9f]::before {
139
+ .qd-steps__substep--active .qd-steps__substep-no[data-v-4f917e96]::before {
140
140
  background-color: var(--td-brand-color);
141
141
  border-color: transparent;
142
142
  box-shadow: 0 0 0 var(--td-size-1) var(--td-brand-color-light);
143
143
  }
144
- .qd-steps__substep--active .qd-steps__substep-name[data-v-b9e61b9f] {
144
+ .qd-steps__substep--active .qd-steps__substep-name[data-v-4f917e96] {
145
145
  color: var(--td-text-color-brand);
146
146
  font-weight: 700;
147
147
  }
148
- .qd-steps__substep--pending[data-v-b9e61b9f] {
148
+ .qd-steps__substep--pending[data-v-4f917e96] {
149
149
  color: var(--td-text-color-placeholder);
150
150
  cursor: default;
151
151
  }
152
- .qd-steps__substep--pending .qd-steps__substep-no[data-v-b9e61b9f] {
152
+ .qd-steps__substep--pending .qd-steps__substep-no[data-v-4f917e96] {
153
153
  color: var(--td-text-color-disabled);
154
154
  }
155
- .qd-steps__substep--pending .qd-steps__substep-no[data-v-b9e61b9f]::before {
155
+ .qd-steps__substep--pending .qd-steps__substep-no[data-v-4f917e96]::before {
156
156
  border-color: var(--td-component-border);
157
157
  }
158
- .qd-steps__substep--pending .qd-steps__substep-name[data-v-b9e61b9f] {
158
+ .qd-steps__substep--pending .qd-steps__substep-name[data-v-4f917e96] {
159
159
  color: var(--td-text-color-placeholder);
160
160
  }
161
- .qd-steps__substep-no[data-v-b9e61b9f] {
161
+ .qd-steps__substep-no[data-v-4f917e96] {
162
162
  position: relative;
163
163
  display: inline-flex;
164
164
  align-items: center;
@@ -172,7 +172,7 @@
172
172
  color: var(--td-text-color-disabled);
173
173
  background-color: transparent;
174
174
  }
175
- .qd-steps__substep-no[data-v-b9e61b9f]::before {
175
+ .qd-steps__substep-no[data-v-4f917e96]::before {
176
176
  content: '';
177
177
  position: absolute;
178
178
  left: 0;
@@ -185,14 +185,14 @@
185
185
  transform: translateY(-50%);
186
186
  transition: all 0.12s;
187
187
  }
188
- .qd-steps__substep-name[data-v-b9e61b9f] {
188
+ .qd-steps__substep-name[data-v-4f917e96] {
189
189
  font-size: var(--td-font-size-body-small);
190
190
  font-weight: 600;
191
191
  color: var(--td-text-color-secondary);
192
192
  white-space: nowrap;
193
193
  transition: color 0.12s;
194
194
  }
195
- .qd-steps__indicator[data-v-b9e61b9f] {
195
+ .qd-steps__indicator[data-v-4f917e96] {
196
196
  flex: none;
197
197
  margin-left: auto;
198
198
  padding: 0;
@@ -203,7 +203,7 @@
203
203
  white-space: nowrap;
204
204
  background-color: transparent;
205
205
  }
206
- .qd-steps__indicator b[data-v-b9e61b9f] {
206
+ .qd-steps__indicator b[data-v-4f917e96] {
207
207
  color: var(--td-text-color-primary);
208
208
  font-weight: 700;
209
209
  }
@@ -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 index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b9e61b9f"]]);
5
+ const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f917e96"]]);
6
6
  export {
7
7
  index as default
8
8
  };
@@ -2,6 +2,7 @@ import './index.css'
2
2
  import { defineComponent, mergeDefaults, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, createBlock, normalizeClass, toDisplayString, unref, createTextVNode } from "vue";
3
3
  import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
4
4
  import { ChevronRightSIcon } from "tdesign-icons-vue-next";
5
+ import { useConfig } from "../config-provider/useConfig.mjs";
5
6
  import { qdStepsProps } from "./props.mjs";
6
7
  const _hoisted_1 = { class: "qd-steps" };
7
8
  const _hoisted_2 = { class: "qd-steps__nav" };
@@ -41,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
41
42
  const props = __props;
42
43
  const emit = __emit;
43
44
  const { current } = useVModels(props, emit);
45
+ const { t } = useConfig("steps");
44
46
  const flatSteps = computed(() => props.options.flatMap((group) => getPhaseStepLabels(group)));
45
47
  const reachedStep = computed(() => props.maxReachedStep ?? current.value);
46
48
  const hasSubSteps = computed(() => props.options.some((group) => group.steps?.length));
@@ -109,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
109
111
  ])
110
112
  ]),
111
113
  hasSubSteps.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
112
- _cache[1] || (_cache[1] = createElementVNode("div", { class: "qd-steps__divider" }, null, -1)),
114
+ _cache[0] || (_cache[0] = createElementVNode("div", { class: "qd-steps__divider" }, null, -1)),
113
115
  createElementVNode("div", _hoisted_9, [
114
116
  createElementVNode("div", _hoisted_10, [
115
117
  (openBlock(true), createElementBlock(Fragment, null, renderList(currentPhaseStepIndexes.value, (stepIndex, subIndex) => {
@@ -130,9 +132,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
130
132
  }), 128))
131
133
  ]),
132
134
  createElementVNode("div", _hoisted_14, [
133
- _cache[0] || (_cache[0] = createTextVNode(" 第 ", -1)),
135
+ createTextVNode(toDisplayString(unref(t)("indicatorPrefix")), 1),
134
136
  createElementVNode("b", null, toDisplayString(unref(current) + 1), 1),
135
- createTextVNode(" / " + toDisplayString(flatSteps.value.length) + " 步 ", 1)
137
+ createTextVNode(" / " + toDisplayString(flatSteps.value.length) + toDisplayString(unref(t)("indicatorSuffix")), 1)
136
138
  ])
137
139
  ])
138
140
  ], 64)) : createCommentVNode("", true)
@@ -1,97 +1,97 @@
1
- .qd-upload[data-v-2e14116e] {
1
+ .qd-upload[data-v-849ce257] {
2
2
  width: 100%;
3
3
  outline: none;
4
4
  }
5
- .qd-upload[data-v-2e14116e] .t-image-viewer__trigger {
5
+ .qd-upload[data-v-849ce257] .t-image-viewer__trigger {
6
6
  display: none;
7
7
  }
8
- .qd-upload[data-v-2e14116e] .t-upload__dragger {
8
+ .qd-upload[data-v-849ce257] .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-2e14116e] .t-upload__flow {
14
+ .qd-upload[data-v-849ce257] .t-upload__flow {
15
15
  width: 100%;
16
16
  min-width: auto;
17
17
  max-width: 100%;
18
18
  }
19
- .qd-upload[data-v-2e14116e] .t-upload__flow-empty {
19
+ .qd-upload[data-v-849ce257] .t-upload__flow-empty {
20
20
  height: auto;
21
21
  min-height: 144px;
22
22
  }
23
- .qd-upload[data-v-2e14116e] .t-upload__flow-card-area,
24
- .qd-upload[data-v-2e14116e] .t-upload__flow-table {
23
+ .qd-upload[data-v-849ce257] .t-upload__flow-card-area,
24
+ .qd-upload[data-v-849ce257] .t-upload__flow-table {
25
25
  margin-top: var(--td-comp-margin-s);
26
26
  }
27
- .qd-upload[data-v-2e14116e] .t-upload__file-name__container {
27
+ .qd-upload[data-v-849ce257] .t-upload__file-name__container {
28
28
  display: flex;
29
29
  align-items: center;
30
30
  }
31
- .qd-upload[data-v-2e14116e] .t-upload__file-name-text {
31
+ .qd-upload[data-v-849ce257] .t-upload__file-name-text {
32
32
  cursor: pointer;
33
33
  }
34
- .qd-upload[data-v-2e14116e] .t-upload__file-thumbnail {
34
+ .qd-upload[data-v-849ce257] .t-upload__file-thumbnail {
35
35
  width: var(--td-comp-size-m);
36
36
  height: var(--td-comp-size-m);
37
37
  }
38
- .qd-upload[data-v-2e14116e] .t-upload__card-image {
38
+ .qd-upload[data-v-849ce257] .t-upload__card-image {
39
39
  width: 100%;
40
40
  height: 100%;
41
41
  }
42
- .qd-upload__popup-upload[data-v-2e14116e] .t-image-viewer__trigger {
42
+ .qd-upload__popup-upload[data-v-849ce257] .t-image-viewer__trigger {
43
43
  display: none;
44
44
  }
45
- .qd-upload__popup-upload[data-v-2e14116e] .t-upload__flow-table {
45
+ .qd-upload__popup-upload[data-v-849ce257] .t-upload__flow-table {
46
46
  margin-top: 0;
47
47
  }
48
- .qd-upload__popup-upload[data-v-2e14116e] .t-upload__file-name__container {
48
+ .qd-upload__popup-upload[data-v-849ce257] .t-upload__file-name__container {
49
49
  display: flex;
50
50
  align-items: center;
51
51
  }
52
- .qd-upload__popup-upload[data-v-2e14116e] .t-upload__file-name-text {
52
+ .qd-upload__popup-upload[data-v-849ce257] .t-upload__file-name-text {
53
53
  cursor: pointer;
54
54
  }
55
- .qd-upload__popup-upload[data-v-2e14116e] .t-upload__file-thumbnail {
55
+ .qd-upload__popup-upload[data-v-849ce257] .t-upload__file-thumbnail {
56
56
  width: var(--td-comp-size-m);
57
57
  height: var(--td-comp-size-m);
58
58
  }
59
- .qd-upload__popup-upload[data-v-2e14116e] .t-upload__card-image {
59
+ .qd-upload__popup-upload[data-v-849ce257] .t-upload__card-image {
60
60
  width: 100%;
61
61
  height: 100%;
62
62
  }
63
- .qd-upload__popup-upload--disabled[data-v-2e14116e] .t-upload__flow-table th:last-child,
64
- .qd-upload__popup-upload--disabled[data-v-2e14116e] .t-upload__flow-table td:last-child {
63
+ .qd-upload__popup-upload--disabled[data-v-849ce257] .t-upload__flow-table th:last-child,
64
+ .qd-upload__popup-upload--disabled[data-v-849ce257] .t-upload__flow-table td:last-child {
65
65
  display: none;
66
66
  }
67
- .qd-upload[data-v-2e14116e]:focus .t-upload__flow-card-area,
68
- .qd-upload[data-v-2e14116e]:focus .t-upload__flow-table {
67
+ .qd-upload[data-v-849ce257]:focus .t-upload__flow-card-area,
68
+ .qd-upload[data-v-849ce257]:focus .t-upload__flow-table {
69
69
  border-color: var(--td-brand-color);
70
70
  }
71
- .qd-upload--only-view[data-v-2e14116e] .t-upload__flow-empty,
72
- .qd-upload--only-view[data-v-2e14116e] .t-upload__card-mask-item-divider {
71
+ .qd-upload--only-view[data-v-849ce257] .t-upload__flow-empty,
72
+ .qd-upload--only-view[data-v-849ce257] .t-upload__card-mask-item-divider {
73
73
  display: none;
74
74
  }
75
- .qd-upload--only-view[data-v-2e14116e] .t-upload__flow-card-area {
75
+ .qd-upload--only-view[data-v-849ce257] .t-upload__flow-card-area {
76
76
  border-color: var(--td-component-border);
77
77
  }
78
- .qd-upload--only-view[data-v-2e14116e]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-op,
79
- .qd-upload--only-view[data-v-2e14116e]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__trigger,
80
- .qd-upload--only-view[data-v-2e14116e]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-bottom {
78
+ .qd-upload--only-view[data-v-849ce257]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-op,
79
+ .qd-upload--only-view[data-v-849ce257]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__trigger,
80
+ .qd-upload--only-view[data-v-849ce257]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-bottom {
81
81
  display: none;
82
82
  }
83
- .qd-upload--only-view[data-v-2e14116e]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-table,
84
- .qd-upload--only-view[data-v-2e14116e]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-card-area {
83
+ .qd-upload--only-view[data-v-849ce257]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-table,
84
+ .qd-upload--only-view[data-v-849ce257]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-card-area {
85
85
  margin-top: 0;
86
86
  }
87
- .qd-upload--hide-manual-upload[data-v-2e14116e] .t-upload__flow-bottom {
87
+ .qd-upload--hide-manual-upload[data-v-849ce257] .t-upload__flow-bottom {
88
88
  display: none;
89
89
  margin-top: 0;
90
90
  }
91
- .qd-upload--hide-progress[data-v-2e14116e] .t-upload__flow-table th:last-child,
92
- .qd-upload--hide-progress[data-v-2e14116e] .t-upload__flow-table td:last-child {
91
+ .qd-upload--hide-progress[data-v-849ce257] .t-upload__flow-table th:last-child,
92
+ .qd-upload--hide-progress[data-v-849ce257] .t-upload__flow-table td:last-child {
93
93
  display: none;
94
94
  }
95
- .qd-upload--disabled[data-v-2e14116e] .t-upload__flow-card-area {
95
+ .qd-upload--disabled[data-v-849ce257] .t-upload__flow-card-area {
96
96
  border-color: var(--td-component-border);
97
97
  }
@@ -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-2e14116e"]]);
5
+ const QdUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-849ce257"]]);
6
6
  export {
7
7
  QdUpload as default
8
8
  };
@@ -203,6 +203,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
203
203
  const uploadData = props.data ?? globalUploadPropsV?.data;
204
204
  const uploadFormatRequest = props.formatRequest ?? globalUploadPropsV?.formatRequest;
205
205
  const uploadOnProgress = props.onProgress ?? globalUploadPropsV?.onProgress;
206
+ const reFormatResponse = (res, context) => {
207
+ if (formatResponse) return formatResponse(res, context);
208
+ if (res.code === 200) {
209
+ const { url, ossId, fileName, uploadTime } = res.data || {};
210
+ return {
211
+ status: "success",
212
+ success: true,
213
+ response: res.data,
214
+ url,
215
+ name: fileName,
216
+ ossId,
217
+ uploadTime: uploadTime || dayjs().format("YYYY-MM-DD HH:mm:ss")
218
+ };
219
+ }
220
+ return { status: "fail", error: res.message || res.msg || t("fileUploadFailed") };
221
+ };
206
222
  const reRequestMethod = useRequestMethod ? (files2) => {
207
223
  const fileArr = Array.isArray(files2) ? files2 : [files2];
208
224
  const totalSize = fileArr.reduce(
@@ -222,14 +238,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
222
238
  onProgress: uploadOnProgress,
223
239
  timeout: calcUploadTimeout(baseTimeout, totalSize)
224
240
  }).then((result) => {
225
- if (result.status === "success") {
226
- const response = result.response;
241
+ const formatResult = reFormatResponse(result.response, {
242
+ file: fileArr[0],
243
+ currentFiles: fileArr
244
+ });
245
+ if (formatResult.status === "success") {
246
+ const response = formatResult.response;
227
247
  return {
228
248
  status: "success",
229
249
  response: { ...response, url: response?.url ?? response?.data?.url }
230
250
  };
231
251
  }
232
- const errorMsg = result.error === "timeout" ? t("fileUploadTimeout") : t("fileUploadFailed");
252
+ const errorMsg = formatResult.error === "timeout" ? t("fileUploadTimeout") : t("fileUploadFailed");
233
253
  return { status: "fail", error: errorMsg, response: {} };
234
254
  });
235
255
  } : void 0;
@@ -272,20 +292,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
272
292
  break;
273
293
  }
274
294
  };
275
- const reFormatResponse = (res, context) => {
276
- if (formatResponse) return formatResponse(res, context);
277
- if (res.code === 200) {
278
- const { url, ossId, fileName, uploadTime } = res.data || {};
279
- return {
280
- success: true,
281
- url,
282
- name: fileName,
283
- ossId,
284
- uploadTime: uploadTime || dayjs().format("YYYY-MM-DD HH:mm:ss")
285
- };
286
- }
287
- return { status: "fail", error: res.message || res.msg || t("fileUploadFailed") };
288
- };
289
295
  const reOnSuccess = (context) => {
290
296
  onSuccess?.(context);
291
297
  revokeTempUrl(context.file);
@@ -332,7 +338,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
332
338
  disabled: onlyView ? true : tdDisabled.value || tdReadonly.value,
333
339
  beforeUpload: reBeforeUpload,
334
340
  onValidate: reOnValidate,
335
- formatResponse: reFormatResponse,
341
+ formatResponse: useRequestMethod ? void 0 : reFormatResponse,
336
342
  onSuccess: reOnSuccess,
337
343
  onRemove: reOnRemove,
338
344
  onPreview: reOnPreview,
@@ -377,5 +377,9 @@ declare const _default: {
377
377
  defaultFileName: string;
378
378
  closeText: string;
379
379
  };
380
+ steps: {
381
+ indicatorPrefix: string;
382
+ indicatorSuffix: string;
383
+ };
380
384
  };
381
385
  export default _default;
@@ -118,6 +118,10 @@ const enUS = merge(enUS$1, {
118
118
  emptyText: "No files",
119
119
  defaultFileName: "File",
120
120
  closeText: "Close"
121
+ },
122
+ steps: {
123
+ indicatorPrefix: "Step ",
124
+ indicatorSuffix: ""
121
125
  }
122
126
  });
123
127
  export {
@@ -377,5 +377,9 @@ declare const _default: {
377
377
  defaultFileName: string;
378
378
  closeText: string;
379
379
  };
380
+ steps: {
381
+ indicatorPrefix: string;
382
+ indicatorSuffix: string;
383
+ };
380
384
  };
381
385
  export default _default;
@@ -115,6 +115,10 @@ const zhCN = merge(zhCN$1, {
115
115
  emptyText: "暂无文件",
116
116
  defaultFileName: "文件",
117
117
  closeText: "关闭"
118
+ },
119
+ steps: {
120
+ indicatorPrefix: "第 ",
121
+ indicatorSuffix: " 步"
118
122
  }
119
123
  });
120
124
  export {
@@ -377,5 +377,9 @@ declare const _default: {
377
377
  defaultFileName: string;
378
378
  closeText: string;
379
379
  };
380
+ steps: {
381
+ indicatorPrefix: string;
382
+ indicatorSuffix: string;
383
+ };
380
384
  };
381
385
  export default _default;
@@ -115,6 +115,10 @@ const zhTW = merge(zhTW$1, {
115
115
  emptyText: "暫無文件",
116
116
  defaultFileName: "文件",
117
117
  closeText: "關閉"
118
+ },
119
+ steps: {
120
+ indicatorPrefix: "第 ",
121
+ indicatorSuffix: " 步"
118
122
  }
119
123
  });
120
124
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qidian-vue-ui",
3
- "version": "1.8.0",
3
+ "version": "1.8.2",
4
4
  "description": "基于 TDesign 的 QiDian Vue UI 组件库",
5
5
  "author": "qidian",
6
6
  "license": "MIT",