vft 0.0.329 → 0.0.331

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 (26) hide show
  1. package/es/components/button/index.d.ts +9 -9
  2. package/es/components/form/form-item.vue.d.ts +1 -1
  3. package/es/components/form/index.d.ts +30 -30
  4. package/es/components/popconfirm/index.d.ts +15 -15
  5. package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
  6. package/es/components/steps/item.vue2.js +67 -66
  7. package/es/components/steps/style/css.d.ts +1 -0
  8. package/es/components/steps/style/css.js +1 -0
  9. package/es/components/steps/style/index.d.ts +1 -0
  10. package/es/components/steps/style/index.js +1 -0
  11. package/es/package.json.d.ts +1 -1
  12. package/es/package.json.js +1 -1
  13. package/lib/components/button/index.d.ts +9 -9
  14. package/lib/components/form/form-item.vue.d.ts +1 -1
  15. package/lib/components/form/index.d.ts +30 -30
  16. package/lib/components/popconfirm/index.d.ts +15 -15
  17. package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
  18. package/lib/components/steps/item.vue2.cjs +1 -1
  19. package/lib/components/steps/style/css.cjs +1 -1
  20. package/lib/components/steps/style/css.d.ts +1 -0
  21. package/lib/components/steps/style/index.cjs +1 -1
  22. package/lib/components/steps/style/index.d.ts +1 -0
  23. package/lib/package.json.cjs +1 -1
  24. package/lib/package.json.d.ts +1 -1
  25. package/package.json +3 -3
  26. package/web-types.json +1 -1
package/es/components/button/index.d.ts CHANGED
@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
24
24
  size: {
25
25
  type: import("vue").PropType<import("../types").ComponentSize>;
26
26
  };
27
- icon: {
28
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
29
- };
30
27
  dark: {
31
28
  type: import("vue").PropType<boolean>;
32
29
  };
30
+ icon: {
31
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
32
+ };
33
33
  loading: {
34
34
  type: import("vue").PropType<boolean>;
35
35
  };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
114
114
  size: {
115
115
  type: import("vue").PropType<import("../types").ComponentSize>;
116
116
  };
117
- icon: {
118
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
119
- };
120
117
  dark: {
121
118
  type: import("vue").PropType<boolean>;
122
119
  };
120
+ icon: {
121
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
122
+ };
123
123
  loading: {
124
124
  type: import("vue").PropType<boolean>;
125
125
  };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
199
199
  size: {
200
200
  type: import("vue").PropType<import("../types").ComponentSize>;
201
201
  };
202
- icon: {
203
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
204
- };
205
202
  dark: {
206
203
  type: import("vue").PropType<boolean>;
207
204
  };
205
+ icon: {
206
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
207
+ };
208
208
  loading: {
209
209
  type: import("vue").PropType<boolean>;
210
210
  };
package/es/components/form/form-item.vue.d.ts CHANGED
@@ -30,10 +30,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
30
30
  }>>> & Readonly<{
31
31
  "onUpdate:error"?: ((val: string) => any) | undefined;
32
32
  }>, {
33
- required: boolean;
34
33
  labelWidth: string | number;
35
34
  inlineMessage: string | boolean;
36
35
  showMessage: boolean;
36
+ required: boolean;
37
37
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
38
38
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
39
39
  export default _default;
package/es/components/form/index.d.ts CHANGED
@@ -206,10 +206,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
206
206
  size: {
207
207
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
208
208
  };
209
- required: {
210
- type: import("vue").PropType<boolean>;
211
- default: undefined;
212
- };
213
209
  rules: {
214
210
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
215
211
  };
@@ -228,6 +224,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
228
224
  type: import("vue").PropType<boolean>;
229
225
  default: boolean;
230
226
  };
227
+ required: {
228
+ type: import("vue").PropType<boolean>;
229
+ default: undefined;
230
+ };
231
231
  for: {
232
232
  type: import("vue").PropType<string>;
233
233
  };
@@ -246,10 +246,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
246
246
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
247
247
  "update:error": (val: string) => void;
248
248
  }, import("vue").PublicProps, {
249
- required: boolean;
250
249
  labelWidth: string | number;
251
250
  inlineMessage: string | boolean;
252
251
  showMessage: boolean;
252
+ required: boolean;
253
253
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
254
254
  P: {};
255
255
  B: {};
@@ -270,10 +270,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
270
270
  size: {
271
271
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
272
272
  };
273
- required: {
274
- type: import("vue").PropType<boolean>;
275
- default: undefined;
276
- };
277
273
  rules: {
278
274
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
279
275
  };
@@ -292,6 +288,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
292
288
  type: import("vue").PropType<boolean>;
293
289
  default: boolean;
294
290
  };
291
+ required: {
292
+ type: import("vue").PropType<boolean>;
293
+ default: undefined;
294
+ };
295
295
  for: {
296
296
  type: import("vue").PropType<string>;
297
297
  };
@@ -308,10 +308,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
308
308
  clearValidate: () => void;
309
309
  resetField: () => void;
310
310
  }, {}, {}, {}, {
311
- required: boolean;
312
311
  labelWidth: string | number;
313
312
  inlineMessage: string | boolean;
314
313
  showMessage: boolean;
314
+ required: boolean;
315
315
  }>;
316
316
  __isFragment?: never;
317
317
  __isTeleport?: never;
@@ -329,10 +329,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
329
329
  size: {
330
330
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
331
331
  };
332
- required: {
333
- type: import("vue").PropType<boolean>;
334
- default: undefined;
335
- };
336
332
  rules: {
337
333
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
338
334
  };
@@ -351,6 +347,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
351
347
  type: import("vue").PropType<boolean>;
352
348
  default: boolean;
353
349
  };
350
+ required: {
351
+ type: import("vue").PropType<boolean>;
352
+ default: undefined;
353
+ };
354
354
  for: {
355
355
  type: import("vue").PropType<string>;
356
356
  };
@@ -369,10 +369,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
369
369
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
370
370
  "update:error": (val: string) => void;
371
371
  }, string, {
372
- required: boolean;
373
372
  labelWidth: string | number;
374
373
  inlineMessage: string | boolean;
375
374
  showMessage: boolean;
375
+ required: boolean;
376
376
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
377
377
  $slots: {
378
378
  label?(_: {
@@ -399,10 +399,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
399
399
  size: {
400
400
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
401
401
  };
402
- required: {
403
- type: import("vue").PropType<boolean>;
404
- default: undefined;
405
- };
406
402
  rules: {
407
403
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
408
404
  };
@@ -421,6 +417,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
421
417
  type: import("vue").PropType<boolean>;
422
418
  default: boolean;
423
419
  };
420
+ required: {
421
+ type: import("vue").PropType<boolean>;
422
+ default: undefined;
423
+ };
424
424
  for: {
425
425
  type: import("vue").PropType<string>;
426
426
  };
@@ -439,10 +439,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
439
439
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
440
440
  "update:error": (val: string) => void;
441
441
  }, import("vue").PublicProps, {
442
- required: boolean;
443
442
  labelWidth: string | number;
444
443
  inlineMessage: string | boolean;
445
444
  showMessage: boolean;
445
+ required: boolean;
446
446
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
447
447
  P: {};
448
448
  B: {};
@@ -463,10 +463,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
463
463
  size: {
464
464
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
465
465
  };
466
- required: {
467
- type: import("vue").PropType<boolean>;
468
- default: undefined;
469
- };
470
466
  rules: {
471
467
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
472
468
  };
@@ -485,6 +481,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
485
481
  type: import("vue").PropType<boolean>;
486
482
  default: boolean;
487
483
  };
484
+ required: {
485
+ type: import("vue").PropType<boolean>;
486
+ default: undefined;
487
+ };
488
488
  for: {
489
489
  type: import("vue").PropType<string>;
490
490
  };
@@ -501,10 +501,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
501
501
  clearValidate: () => void;
502
502
  resetField: () => void;
503
503
  }, {}, {}, {}, {
504
- required: boolean;
505
504
  labelWidth: string | number;
506
505
  inlineMessage: string | boolean;
507
506
  showMessage: boolean;
507
+ required: boolean;
508
508
  }>;
509
509
  __isFragment?: never;
510
510
  __isTeleport?: never;
@@ -522,10 +522,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
522
522
  size: {
523
523
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
524
524
  };
525
- required: {
526
- type: import("vue").PropType<boolean>;
527
- default: undefined;
528
- };
529
525
  rules: {
530
526
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
531
527
  };
@@ -544,6 +540,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
544
540
  type: import("vue").PropType<boolean>;
545
541
  default: boolean;
546
542
  };
543
+ required: {
544
+ type: import("vue").PropType<boolean>;
545
+ default: undefined;
546
+ };
547
547
  for: {
548
548
  type: import("vue").PropType<string>;
549
549
  };
@@ -562,10 +562,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
562
562
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
563
563
  "update:error": (val: string) => void;
564
564
  }, string, {
565
- required: boolean;
566
565
  labelWidth: string | number;
567
566
  inlineMessage: string | boolean;
568
567
  showMessage: boolean;
568
+ required: boolean;
569
569
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
570
570
  $slots: {
571
571
  label?(_: {
package/es/components/popconfirm/index.d.ts CHANGED
@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
7
7
  type: import("vue").PropType<string | number>;
8
8
  default: number;
9
9
  };
10
- icon: {
11
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
12
- default: string;
13
- };
14
10
  teleported: {
15
11
  type: import("vue").PropType<boolean>;
16
12
  default: boolean;
17
13
  };
14
+ icon: {
15
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
16
+ default: string;
17
+ };
18
18
  hideAfter: {
19
19
  type: import("vue").PropType<number>;
20
20
  default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
52
52
  cancel: (val: MouseEvent) => void;
53
53
  }, import("vue").PublicProps, {
54
54
  width: string | number;
55
- icon: string | import("vft/es/vft").IconProps;
56
55
  teleported: boolean;
56
+ icon: string | import("vft/es/vft").IconProps;
57
57
  hideAfter: number;
58
58
  persistent: boolean;
59
59
  confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
74
74
  type: import("vue").PropType<string | number>;
75
75
  default: number;
76
76
  };
77
- icon: {
78
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
79
- default: string;
80
- };
81
77
  teleported: {
82
78
  type: import("vue").PropType<boolean>;
83
79
  default: boolean;
84
80
  };
81
+ icon: {
82
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
83
+ default: string;
84
+ };
85
85
  hideAfter: {
86
86
  type: import("vue").PropType<number>;
87
87
  default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
116
116
  onConfirm?: ((val: MouseEvent) => any) | undefined;
117
117
  }>, {}, {}, {}, {}, {
118
118
  width: string | number;
119
- icon: string | import("vft/es/vft").IconProps;
120
119
  teleported: boolean;
120
+ icon: string | import("vft/es/vft").IconProps;
121
121
  hideAfter: number;
122
122
  persistent: boolean;
123
123
  confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
135
135
  type: import("vue").PropType<string | number>;
136
136
  default: number;
137
137
  };
138
- icon: {
139
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
140
- default: string;
141
- };
142
138
  teleported: {
143
139
  type: import("vue").PropType<boolean>;
144
140
  default: boolean;
145
141
  };
142
+ icon: {
143
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
144
+ default: string;
145
+ };
146
146
  hideAfter: {
147
147
  type: import("vue").PropType<number>;
148
148
  default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
180
180
  cancel: (val: MouseEvent) => void;
181
181
  }, string, {
182
182
  width: string | number;
183
- icon: string | import("vft/es/vft").IconProps;
184
183
  teleported: boolean;
184
+ icon: string | import("vft/es/vft").IconProps;
185
185
  hideAfter: number;
186
186
  persistent: boolean;
187
187
  confirmButtonType: import("vft/es/vft").ButtonType;
package/es/components/popconfirm/popconfirm.vue.d.ts CHANGED
@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
43
43
  onConfirm?: ((val: MouseEvent) => any) | undefined;
44
44
  }>, {
45
45
  width: string | number;
46
- icon: string | IconProps;
47
46
  teleported: boolean;
47
+ icon: string | IconProps;
48
48
  hideAfter: number;
49
49
  persistent: boolean;
50
50
  confirmButtonType: ButtonType;
package/es/components/steps/item.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as D, ref as w, inject as Y, getCurrentInstance as q, onMounted as F, watch as G, computed as i, reactive as H, onBeforeUnmount as Q, createElementBlock as a, openBlock as n, normalizeClass as l, normalizeStyle as z, createCommentVNode as S, createElementVNode as d, unref as t, renderSlot as p, createTextVNode as k, toDisplayString as y, createBlock as N, mergeProps as R } from "vue";
1
+ import { defineComponent as D, ref as w, inject as Y, getCurrentInstance as q, onMounted as F, watch as G, computed as n, reactive as H, onBeforeUnmount as Q, createElementBlock as a, openBlock as i, normalizeClass as l, normalizeStyle as z, createCommentVNode as S, createElementVNode as d, unref as t, renderSlot as p, createTextVNode as k, toDisplayString as y, createBlock as N, mergeProps as R } from "vue";
2
2
  import { VftIcon as V } from "../icon/index.js";
3
3
  import "@vueuse/core";
4
4
  import { singleAttrToObj as X, isNumber as Z } from "@vft/utils";
@@ -20,7 +20,7 @@ const ee = D({
20
20
  status: {}
21
21
  },
22
22
  setup(K) {
23
- const I = K, s = _("step"), c = w(-1), B = w({}), m = w(""), o = Y(x), $ = q();
23
+ const I = K, e = _("step"), c = w(-1), B = w({}), m = w(""), o = Y(x), $ = q();
24
24
  F(() => {
25
25
  G(
26
26
  [
@@ -28,37 +28,38 @@ const ee = D({
28
28
  () => o.props.processStatus,
29
29
  () => o.props.finishStatus
30
30
  ],
31
- ([e]) => {
32
- U(e);
31
+ ([s]) => {
32
+ U(s);
33
33
  },
34
34
  { immediate: !0 }
35
35
  );
36
36
  });
37
- const E = i(
37
+ const E = n(
38
38
  () => X(I.icon, "icon")
39
- ), r = i(() => I.status || m.value), O = i(() => {
40
- const e = o.steps.value[c.value - 1];
41
- return e ? e.currentStatus : "wait";
42
- }), h = i(() => o.props.alignCenter), P = i(() => o.props.direction === "vertical"), u = i(() => o.props.simple), g = i(() => o.props.contentPosition === "top"), C = i(() => o.steps.value.length), T = i(() => o.steps.value[C.value - 1]?.uid === $.uid), f = i(() => u.value ? "" : o.props.space), A = i(() => [
43
- s.b(),
44
- s.is(u.value ? "simple" : o.props.direction),
45
- s.is("flex", T.value && !f.value && !h.value),
46
- s.is("center", h.value && !P.value && !u.value),
47
- s.is("content-top", g.value)
48
- ]), J = i(() => {
49
- const e = {
39
+ ), r = n(() => I.status || m.value), O = n(() => {
40
+ const s = o.steps.value[c.value - 1];
41
+ return s ? s.currentStatus : "wait";
42
+ }), h = n(() => o.props.alignCenter), P = n(() => o.props.direction === "vertical"), u = n(() => o.props.simple), g = n(() => o.props.contentPosition === "top"), C = n(() => o.steps.value.length), T = n(() => o.steps.value[C.value - 1]?.uid === $.uid), f = n(() => u.value ? "" : o.props.space), A = n(() => [
43
+ e.b(),
44
+ e.is(u.value ? "simple" : o.props.direction),
45
+ e.is("flex", T.value && !f.value && !h.value),
46
+ e.is("center", h.value && !P.value && !u.value),
47
+ e.is("content-top", g.value),
48
+ e.is(r.value)
49
+ ]), J = n(() => {
50
+ const s = {
50
51
  flexBasis: Z(f.value) ? `${f.value}px` : f.value ? f.value : `${100 / (C.value - (h.value ? 0 : 1))}%`
51
52
  };
52
- return P.value || T.value && (e.maxWidth = `${100 / C.value}%`), e;
53
- }), L = (e) => {
54
- c.value = e;
55
- }, M = (e) => {
56
- const v = e === "wait", b = {
53
+ return P.value || T.value && (s.maxWidth = `${100 / C.value}%`), s;
54
+ }), L = (s) => {
55
+ c.value = s;
56
+ }, M = (s) => {
57
+ const v = s === "wait", b = {
57
58
  transitionDelay: `${v ? "-" : ""}${150 * c.value}ms`
58
- }, j = e === o.props.processStatus || v ? 0 : 100;
59
+ }, j = s === o.props.processStatus || v ? 0 : 100;
59
60
  b.borderWidth = j && !u.value ? "1px" : 0, b[o.props.direction === "vertical" ? "height" : "width"] = `${j}%`, B.value = b;
60
- }, U = (e) => {
61
- e > c.value ? m.value = o.props.finishStatus : e === c.value && O.value !== "error" ? m.value = o.props.processStatus : m.value = "wait";
61
+ }, U = (s) => {
62
+ s > c.value ? m.value = o.props.finishStatus : s === c.value && O.value !== "error" ? m.value = o.props.processStatus : m.value = "wait";
62
63
  const v = o.steps.value[c.value - 1];
63
64
  v && v.calcProgress(m.value);
64
65
  }, W = H({
@@ -70,96 +71,96 @@ const ee = D({
70
71
  });
71
72
  return o.addStep(W), Q(() => {
72
73
  o.removeStep(W);
73
- }), (e, v) => (n(), a("div", {
74
+ }), (s, v) => (i(), a("div", {
74
75
  style: z(J.value),
75
76
  class: l(A.value)
76
77
  }, [
77
- e.$slots.top ? (n(), a("div", {
78
+ s.$slots.top ? (i(), a("div", {
78
79
  key: 0,
79
- class: l(t(s).e("top-slot"))
80
+ class: l(t(e).e("top-slot"))
80
81
  }, [
81
- p(e.$slots, "top")
82
- ], 2)) : g.value ? (n(), a("div", {
82
+ p(s.$slots, "top")
83
+ ], 2)) : g.value ? (i(), a("div", {
83
84
  key: 1,
84
- class: l(t(s).e("main"))
85
+ class: l(t(e).e("main"))
85
86
  }, [
86
87
  d("div", {
87
- class: l([t(s).e("title"), t(s).is(r.value)])
88
+ class: l([t(e).e("title"), t(e).is(r.value)])
88
89
  }, [
89
- p(e.$slots, "title", {}, () => [
90
- k(y(e.title), 1)
90
+ p(s.$slots, "title", {}, () => [
91
+ k(y(s.title), 1)
91
92
  ])
92
93
  ], 2),
93
- u.value ? (n(), a("div", {
94
+ u.value ? (i(), a("div", {
94
95
  key: 0,
95
- class: l(t(s).e("arrow"))
96
+ class: l(t(e).e("arrow"))
96
97
  }, null, 2)) : S("", !0),
97
98
  d("div", {
98
- class: l([t(s).e("description"), t(s).is(r.value)])
99
+ class: l([t(e).e("description"), t(e).is(r.value)])
99
100
  }, [
100
- p(e.$slots, "description", {}, () => [
101
- k(y(e.description), 1)
101
+ p(s.$slots, "description", {}, () => [
102
+ k(y(s.description), 1)
102
103
  ])
103
104
  ], 2)
104
105
  ], 2)) : S("", !0),
105
106
  d("div", {
106
- class: l([t(s).e("head"), t(s).is(r.value)])
107
+ class: l([t(e).e("head"), t(e).is(r.value)])
107
108
  }, [
108
- u.value ? S("", !0) : (n(), a("div", {
109
+ u.value ? S("", !0) : (i(), a("div", {
109
110
  key: 0,
110
- class: l(t(s).e("line"))
111
+ class: l(t(e).e("line"))
111
112
  }, [
112
113
  d("i", {
113
- class: l(t(s).e("line-inner")),
114
+ class: l(t(e).e("line-inner")),
114
115
  style: z(B.value)
115
116
  }, null, 6)
116
117
  ], 2)),
117
118
  d("div", {
118
- class: l([t(s).e("icon"), t(s).is(e.icon || e.$slots.icon ? "icon" : "text")])
119
+ class: l([t(e).e("icon"), t(e).is(s.icon || s.$slots.icon ? "icon" : "text")])
119
120
  }, [
120
- p(e.$slots, "icon", {}, () => [
121
- E.value?.icon ? (n(), N(t(V), R({ key: 0 }, E.value, {
122
- class: t(s).e("icon-inner")
123
- }), null, 16, ["class"])) : r.value === "success" ? (n(), N(t(V), {
121
+ p(s.$slots, "icon", {}, () => [
122
+ E.value?.icon ? (i(), N(t(V), R({ key: 0 }, E.value, {
123
+ class: t(e).e("icon-inner")
124
+ }), null, 16, ["class"])) : r.value === "success" ? (i(), N(t(V), {
124
125
  key: 1,
125
- class: l([t(s).e("icon-inner"), t(s).is("status")]),
126
+ class: l([t(e).e("icon-inner"), t(e).is("status")]),
126
127
  icon: "icon-check"
127
- }, null, 8, ["class"])) : r.value === "error" ? (n(), N(t(V), {
128
+ }, null, 8, ["class"])) : r.value === "error" ? (i(), N(t(V), {
128
129
  key: 2,
129
- class: l([t(s).e("icon-inner"), t(s).is("status")]),
130
+ class: l([t(e).e("icon-inner"), t(e).is("status")]),
130
131
  icon: "icon-close"
131
- }, null, 8, ["class"])) : u.value ? S("", !0) : (n(), a("div", {
132
+ }, null, 8, ["class"])) : u.value ? S("", !0) : (i(), a("div", {
132
133
  key: 3,
133
- class: l(t(s).e("icon-inner"))
134
+ class: l(t(e).e("icon-inner"))
134
135
  }, y(c.value + 1), 3))
135
136
  ])
136
137
  ], 2)
137
138
  ], 2),
138
- e.$slots.bottom ? (n(), a("div", {
139
+ s.$slots.bottom ? (i(), a("div", {
139
140
  key: 2,
140
- class: l(t(s).e("bottom-slot"))
141
+ class: l(t(e).e("bottom-slot"))
141
142
  }, [
142
- p(e.$slots, "bottom")
143
- ], 2)) : g.value ? S("", !0) : (n(), a("div", {
143
+ p(s.$slots, "bottom")
144
+ ], 2)) : g.value ? S("", !0) : (i(), a("div", {
144
145
  key: 3,
145
- class: l(t(s).e("main"))
146
+ class: l(t(e).e("main"))
146
147
  }, [
147
148
  d("div", {
148
- class: l([t(s).e("title"), t(s).is(r.value)])
149
+ class: l([t(e).e("title"), t(e).is(r.value)])
149
150
  }, [
150
- p(e.$slots, "title", {}, () => [
151
- k(y(e.title), 1)
151
+ p(s.$slots, "title", {}, () => [
152
+ k(y(s.title), 1)
152
153
  ])
153
154
  ], 2),
154
- u.value ? (n(), a("div", {
155
+ u.value ? (i(), a("div", {
155
156
  key: 0,
156
- class: l(t(s).e("arrow"))
157
- }, null, 2)) : (n(), a("div", {
157
+ class: l(t(e).e("arrow"))
158
+ }, null, 2)) : (i(), a("div", {
158
159
  key: 1,
159
- class: l([t(s).e("description"), t(s).is(r.value)])
160
+ class: l([t(e).e("description"), t(e).is(r.value)])
160
161
  }, [
161
- p(e.$slots, "description", {}, () => [
162
- k(y(e.description), 1)
162
+ p(s.$slots, "description", {}, () => [
163
+ k(y(s.description), 1)
163
164
  ])
164
165
  ], 2))
165
166
  ], 2))
package/es/components/steps/style/css.d.ts CHANGED
@@ -1 +1,2 @@
1
+ import 'vft/es/components/step/style/css';
1
2
  import 'vft/theme-style/vft-steps.css';
package/es/components/steps/style/css.js CHANGED
@@ -1,2 +1,3 @@
1
1
  import "vft/theme-style/base.css";
2
+ import "vft/theme-style/vft-step.css";
2
3
  import "vft/theme-style/vft-steps.css";
package/es/components/steps/style/index.d.ts CHANGED
@@ -1 +1,2 @@
1
+ import 'vft/es/components/step/style';
1
2
  import 'vft/theme-style/src/steps.scss';
package/es/components/steps/style/index.js CHANGED
@@ -1,2 +1,3 @@
1
1
  import "vft/theme-style/src/base.scss";
2
+ import "vft/theme-style/src/step.scss";
2
3
  import "vft/theme-style/src/steps.scss";
package/es/package.json.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  "name": "vft",
3
- "version": "0.0.329",
3
+ "version": "0.0.331",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
package/es/package.json.js CHANGED
@@ -1,4 +1,4 @@
1
- const o = "0.0.329";
1
+ const o = "0.0.331";
2
2
  export {
3
3
  o as version
4
4
  };
package/lib/components/button/index.d.ts CHANGED
@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
24
24
  size: {
25
25
  type: import("vue").PropType<import("../types").ComponentSize>;
26
26
  };
27
- icon: {
28
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
29
- };
30
27
  dark: {
31
28
  type: import("vue").PropType<boolean>;
32
29
  };
30
+ icon: {
31
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
32
+ };
33
33
  loading: {
34
34
  type: import("vue").PropType<boolean>;
35
35
  };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
114
114
  size: {
115
115
  type: import("vue").PropType<import("../types").ComponentSize>;
116
116
  };
117
- icon: {
118
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
119
- };
120
117
  dark: {
121
118
  type: import("vue").PropType<boolean>;
122
119
  };
120
+ icon: {
121
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
122
+ };
123
123
  loading: {
124
124
  type: import("vue").PropType<boolean>;
125
125
  };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
199
199
  size: {
200
200
  type: import("vue").PropType<import("../types").ComponentSize>;
201
201
  };
202
- icon: {
203
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
204
- };
205
202
  dark: {
206
203
  type: import("vue").PropType<boolean>;
207
204
  };
205
+ icon: {
206
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
207
+ };
208
208
  loading: {
209
209
  type: import("vue").PropType<boolean>;
210
210
  };
package/lib/components/form/form-item.vue.d.ts CHANGED
@@ -30,10 +30,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
30
30
  }>>> & Readonly<{
31
31
  "onUpdate:error"?: ((val: string) => any) | undefined;
32
32
  }>, {
33
- required: boolean;
34
33
  labelWidth: string | number;
35
34
  inlineMessage: string | boolean;
36
35
  showMessage: boolean;
36
+ required: boolean;
37
37
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
38
38
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
39
39
  export default _default;
package/lib/components/form/index.d.ts CHANGED
@@ -206,10 +206,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
206
206
  size: {
207
207
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
208
208
  };
209
- required: {
210
- type: import("vue").PropType<boolean>;
211
- default: undefined;
212
- };
213
209
  rules: {
214
210
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
215
211
  };
@@ -228,6 +224,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
228
224
  type: import("vue").PropType<boolean>;
229
225
  default: boolean;
230
226
  };
227
+ required: {
228
+ type: import("vue").PropType<boolean>;
229
+ default: undefined;
230
+ };
231
231
  for: {
232
232
  type: import("vue").PropType<string>;
233
233
  };
@@ -246,10 +246,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
246
246
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
247
247
  "update:error": (val: string) => void;
248
248
  }, import("vue").PublicProps, {
249
- required: boolean;
250
249
  labelWidth: string | number;
251
250
  inlineMessage: string | boolean;
252
251
  showMessage: boolean;
252
+ required: boolean;
253
253
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
254
254
  P: {};
255
255
  B: {};
@@ -270,10 +270,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
270
270
  size: {
271
271
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
272
272
  };
273
- required: {
274
- type: import("vue").PropType<boolean>;
275
- default: undefined;
276
- };
277
273
  rules: {
278
274
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
279
275
  };
@@ -292,6 +288,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
292
288
  type: import("vue").PropType<boolean>;
293
289
  default: boolean;
294
290
  };
291
+ required: {
292
+ type: import("vue").PropType<boolean>;
293
+ default: undefined;
294
+ };
295
295
  for: {
296
296
  type: import("vue").PropType<string>;
297
297
  };
@@ -308,10 +308,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
308
308
  clearValidate: () => void;
309
309
  resetField: () => void;
310
310
  }, {}, {}, {}, {
311
- required: boolean;
312
311
  labelWidth: string | number;
313
312
  inlineMessage: string | boolean;
314
313
  showMessage: boolean;
314
+ required: boolean;
315
315
  }>;
316
316
  __isFragment?: never;
317
317
  __isTeleport?: never;
@@ -329,10 +329,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
329
329
  size: {
330
330
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
331
331
  };
332
- required: {
333
- type: import("vue").PropType<boolean>;
334
- default: undefined;
335
- };
336
332
  rules: {
337
333
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
338
334
  };
@@ -351,6 +347,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
351
347
  type: import("vue").PropType<boolean>;
352
348
  default: boolean;
353
349
  };
350
+ required: {
351
+ type: import("vue").PropType<boolean>;
352
+ default: undefined;
353
+ };
354
354
  for: {
355
355
  type: import("vue").PropType<string>;
356
356
  };
@@ -369,10 +369,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
369
369
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
370
370
  "update:error": (val: string) => void;
371
371
  }, string, {
372
- required: boolean;
373
372
  labelWidth: string | number;
374
373
  inlineMessage: string | boolean;
375
374
  showMessage: boolean;
375
+ required: boolean;
376
376
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
377
377
  $slots: {
378
378
  label?(_: {
@@ -399,10 +399,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
399
399
  size: {
400
400
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
401
401
  };
402
- required: {
403
- type: import("vue").PropType<boolean>;
404
- default: undefined;
405
- };
406
402
  rules: {
407
403
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
408
404
  };
@@ -421,6 +417,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
421
417
  type: import("vue").PropType<boolean>;
422
418
  default: boolean;
423
419
  };
420
+ required: {
421
+ type: import("vue").PropType<boolean>;
422
+ default: undefined;
423
+ };
424
424
  for: {
425
425
  type: import("vue").PropType<string>;
426
426
  };
@@ -439,10 +439,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
439
439
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
440
440
  "update:error": (val: string) => void;
441
441
  }, import("vue").PublicProps, {
442
- required: boolean;
443
442
  labelWidth: string | number;
444
443
  inlineMessage: string | boolean;
445
444
  showMessage: boolean;
445
+ required: boolean;
446
446
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
447
447
  P: {};
448
448
  B: {};
@@ -463,10 +463,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
463
463
  size: {
464
464
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
465
465
  };
466
- required: {
467
- type: import("vue").PropType<boolean>;
468
- default: undefined;
469
- };
470
466
  rules: {
471
467
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
472
468
  };
@@ -485,6 +481,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
485
481
  type: import("vue").PropType<boolean>;
486
482
  default: boolean;
487
483
  };
484
+ required: {
485
+ type: import("vue").PropType<boolean>;
486
+ default: undefined;
487
+ };
488
488
  for: {
489
489
  type: import("vue").PropType<string>;
490
490
  };
@@ -501,10 +501,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
501
501
  clearValidate: () => void;
502
502
  resetField: () => void;
503
503
  }, {}, {}, {}, {
504
- required: boolean;
505
504
  labelWidth: string | number;
506
505
  inlineMessage: string | boolean;
507
506
  showMessage: boolean;
507
+ required: boolean;
508
508
  }>;
509
509
  __isFragment?: never;
510
510
  __isTeleport?: never;
@@ -522,10 +522,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
522
522
  size: {
523
523
  type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
524
524
  };
525
- required: {
526
- type: import("vue").PropType<boolean>;
527
- default: undefined;
528
- };
529
525
  rules: {
530
526
  type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
531
527
  };
@@ -544,6 +540,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
544
540
  type: import("vue").PropType<boolean>;
545
541
  default: boolean;
546
542
  };
543
+ required: {
544
+ type: import("vue").PropType<boolean>;
545
+ default: undefined;
546
+ };
547
547
  for: {
548
548
  type: import("vue").PropType<string>;
549
549
  };
@@ -562,10 +562,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
562
562
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
563
563
  "update:error": (val: string) => void;
564
564
  }, string, {
565
- required: boolean;
566
565
  labelWidth: string | number;
567
566
  inlineMessage: string | boolean;
568
567
  showMessage: boolean;
568
+ required: boolean;
569
569
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
570
570
  $slots: {
571
571
  label?(_: {
package/lib/components/popconfirm/index.d.ts CHANGED
@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
7
7
  type: import("vue").PropType<string | number>;
8
8
  default: number;
9
9
  };
10
- icon: {
11
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
12
- default: string;
13
- };
14
10
  teleported: {
15
11
  type: import("vue").PropType<boolean>;
16
12
  default: boolean;
17
13
  };
14
+ icon: {
15
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
16
+ default: string;
17
+ };
18
18
  hideAfter: {
19
19
  type: import("vue").PropType<number>;
20
20
  default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
52
52
  cancel: (val: MouseEvent) => void;
53
53
  }, import("vue").PublicProps, {
54
54
  width: string | number;
55
- icon: string | import("vft/es/vft").IconProps;
56
55
  teleported: boolean;
56
+ icon: string | import("vft/es/vft").IconProps;
57
57
  hideAfter: number;
58
58
  persistent: boolean;
59
59
  confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
74
74
  type: import("vue").PropType<string | number>;
75
75
  default: number;
76
76
  };
77
- icon: {
78
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
79
- default: string;
80
- };
81
77
  teleported: {
82
78
  type: import("vue").PropType<boolean>;
83
79
  default: boolean;
84
80
  };
81
+ icon: {
82
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
83
+ default: string;
84
+ };
85
85
  hideAfter: {
86
86
  type: import("vue").PropType<number>;
87
87
  default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
116
116
  onConfirm?: ((val: MouseEvent) => any) | undefined;
117
117
  }>, {}, {}, {}, {}, {
118
118
  width: string | number;
119
- icon: string | import("vft/es/vft").IconProps;
120
119
  teleported: boolean;
120
+ icon: string | import("vft/es/vft").IconProps;
121
121
  hideAfter: number;
122
122
  persistent: boolean;
123
123
  confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
135
135
  type: import("vue").PropType<string | number>;
136
136
  default: number;
137
137
  };
138
- icon: {
139
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
140
- default: string;
141
- };
142
138
  teleported: {
143
139
  type: import("vue").PropType<boolean>;
144
140
  default: boolean;
145
141
  };
142
+ icon: {
143
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
144
+ default: string;
145
+ };
146
146
  hideAfter: {
147
147
  type: import("vue").PropType<number>;
148
148
  default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
180
180
  cancel: (val: MouseEvent) => void;
181
181
  }, string, {
182
182
  width: string | number;
183
- icon: string | import("vft/es/vft").IconProps;
184
183
  teleported: boolean;
184
+ icon: string | import("vft/es/vft").IconProps;
185
185
  hideAfter: number;
186
186
  persistent: boolean;
187
187
  confirmButtonType: import("vft/es/vft").ButtonType;
package/lib/components/popconfirm/popconfirm.vue.d.ts CHANGED
@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
43
43
  onConfirm?: ((val: MouseEvent) => any) | undefined;
44
44
  }>, {
45
45
  width: string | number;
46
- icon: string | IconProps;
47
46
  teleported: boolean;
47
+ icon: string | IconProps;
48
48
  hideAfter: number;
49
49
  persistent: boolean;
50
50
  confirmButtonType: ButtonType;
package/lib/components/steps/item.vue2.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(N){const k=N,s=I.useNamespace("step"),r=e.ref(-1),S=e.ref({}),i=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),u=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([t])=>{T(t)},{immediate:!0})});const C=e.computed(()=>E.singleAttrToObj(k.icon,"icon")),o=e.computed(()=>k.status||i.value),$=e.computed(()=>{const t=n.steps.value[r.value-1];return t?t.currentStatus:"wait"}),p=e.computed(()=>n.props.alignCenter),B=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),d=e.computed(()=>n.props.contentPosition==="top"),v=e.computed(()=>n.steps.value.length),y=e.computed(()=>n.steps.value[v.value-1]?.uid===u.uid),c=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[s.b(),s.is(l.value?"simple":n.props.direction),s.is("flex",y.value&&!c.value&&!p.value),s.is("center",p.value&&!B.value&&!l.value),s.is("content-top",d.value)]),h=e.computed(()=>{const t={flexBasis:E.isNumber(c.value)?`${c.value}px`:c.value?c.value:`${100/(v.value-(p.value?0:1))}%`};return B.value||y.value&&(t.maxWidth=`${100/v.value}%`),t}),q=t=>{r.value=t},b=t=>{const a=t==="wait",m={transitionDelay:`${a?"-":""}${150*r.value}ms`},z=t===n.props.processStatus||a?0:100;m.borderWidth=z&&!l.value?"1px":0,m[n.props.direction==="vertical"?"height":"width"]=`${z}%`,S.value=m},T=t=>{t>r.value?i.value=n.props.finishStatus:t===r.value&&$.value!=="error"?i.value=n.props.processStatus:i.value="wait";const a=n.steps.value[r.value-1];a&&a.calcProgress(i.value)},V=e.reactive({uid:u.uid,getVnode:()=>u.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(V),e.onBeforeUnmount(()=>{n.removeStep(V)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[t.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("top-slot"))},[e.renderSlot(t.$slots,"top")],2)):d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("title"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("description"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("head"),e.unref(s).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(s).e("line-inner")),style:e.normalizeStyle(S.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("icon"),e.unref(s).is(t.icon||t.$slots.icon?"icon":"text")])},[e.renderSlot(t.$slots,"icon",{},()=>[C.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.mergeProps({key:0},C.value,{class:e.unref(s).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:2,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),t.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(s).e("bottom-slot"))},[e.renderSlot(t.$slots,"bottom")],2)):d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("title"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(s).e("description"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2))],2))],6))}});exports.default=P;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(N){const k=N,t=I.useNamespace("step"),r=e.ref(-1),S=e.ref({}),i=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),u=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([s])=>{T(s)},{immediate:!0})});const C=e.computed(()=>E.singleAttrToObj(k.icon,"icon")),o=e.computed(()=>k.status||i.value),$=e.computed(()=>{const s=n.steps.value[r.value-1];return s?s.currentStatus:"wait"}),p=e.computed(()=>n.props.alignCenter),B=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),d=e.computed(()=>n.props.contentPosition==="top"),v=e.computed(()=>n.steps.value.length),y=e.computed(()=>n.steps.value[v.value-1]?.uid===u.uid),c=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[t.b(),t.is(l.value?"simple":n.props.direction),t.is("flex",y.value&&!c.value&&!p.value),t.is("center",p.value&&!B.value&&!l.value),t.is("content-top",d.value),t.is(o.value)]),h=e.computed(()=>{const s={flexBasis:E.isNumber(c.value)?`${c.value}px`:c.value?c.value:`${100/(v.value-(p.value?0:1))}%`};return B.value||y.value&&(s.maxWidth=`${100/v.value}%`),s}),q=s=>{r.value=s},b=s=>{const a=s==="wait",m={transitionDelay:`${a?"-":""}${150*r.value}ms`},z=s===n.props.processStatus||a?0:100;m.borderWidth=z&&!l.value?"1px":0,m[n.props.direction==="vertical"?"height":"width"]=`${z}%`,S.value=m},T=s=>{s>r.value?i.value=n.props.finishStatus:s===r.value&&$.value!=="error"?i.value=n.props.processStatus:i.value="wait";const a=n.steps.value[r.value-1];a&&a.calcProgress(i.value)},V=e.reactive({uid:u.uid,getVnode:()=>u.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(V),e.onBeforeUnmount(()=>{n.removeStep(V)}),(s,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[s.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("top-slot"))},[e.renderSlot(s.$slots,"top")],2)):d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("head"),e.unref(t).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(t).e("line-inner")),style:e.normalizeStyle(S.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).is(s.icon||s.$slots.icon?"icon":"text")])},[e.renderSlot(s.$slots,"icon",{},()=>[C.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.mergeProps({key:0},C.value,{class:e.unref(t).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:2,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),s.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("bottom-slot"))},[e.renderSlot(s.$slots,"bottom")],2)):d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2))],2))],6))}});exports.default=P;
package/lib/components/steps/style/css.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-steps.css");
1
+ "use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-step.css");require("vft/theme-style/vft-steps.css");
package/lib/components/steps/style/css.d.ts CHANGED
@@ -1 +1,2 @@
1
+ import 'vft/es/components/step/style/css';
1
2
  import 'vft/theme-style/vft-steps.css';
package/lib/components/steps/style/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/steps.scss");
1
+ "use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/step.scss");require("vft/theme-style/src/steps.scss");
package/lib/components/steps/style/index.d.ts CHANGED
@@ -1 +1,2 @@
1
+ import 'vft/es/components/step/style';
1
2
  import 'vft/theme-style/src/steps.scss';
package/lib/package.json.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.329";exports.version=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.331";exports.version=e;
package/lib/package.json.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  "name": "vft",
3
- "version": "0.0.329",
3
+ "version": "0.0.331",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vft",
3
- "version": "0.0.329",
3
+ "version": "0.0.331",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
@@ -57,10 +57,10 @@
57
57
  "photoswipe": "5.4.4",
58
58
  "@vft/constants": "0.0.72",
59
59
  "@vft/router": "0.0.65",
60
+ "@vft/store": "0.0.54",
60
61
  "@vft/use": "0.0.76",
61
62
  "@vft/utils": "0.0.128",
62
- "@vft/directives": "0.0.33",
63
- "@vft/store": "0.0.54"
63
+ "@vft/directives": "0.0.33"
64
64
  },
65
65
  "vetur": {
66
66
  "tags": "tags.json",
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.329","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
1
+ {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.331","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}