vft 0.0.317 → 0.0.319

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 (84) hide show
  1. package/dist/index.css +1 -1
  2. package/es/component.js +157 -155
  3. package/es/components/avatar-stack/avatar-stack.vue.d.ts +12 -0
  4. package/es/components/avatar-stack/avatar-stack.vue.js +4 -0
  5. package/es/components/avatar-stack/avatar-stack.vue2.js +70 -0
  6. package/es/components/avatar-stack/index.d.ts +43 -0
  7. package/es/components/avatar-stack/index.js +12 -0
  8. package/es/components/avatar-stack/style/css.d.ts +4 -0
  9. package/es/components/avatar-stack/style/css.js +6 -0
  10. package/es/components/avatar-stack/style/index.d.ts +4 -0
  11. package/es/components/avatar-stack/style/index.js +6 -0
  12. package/es/components/avatar-stack/types.d.ts +19 -0
  13. package/es/components/avatar-stack/types.js +1 -0
  14. package/es/components/color-picker/color-picker.vue2.js +1 -1
  15. package/es/components/index.d.ts +13 -12
  16. package/es/components/index.js +421 -419
  17. package/es/components/list-cell/list-cell.vue2.js +36 -36
  18. package/es/components/super-form/component-map.d.ts +6 -0
  19. package/es/components/super-form/component-map.js +42 -30
  20. package/es/components/super-form/style/css.d.ts +6 -0
  21. package/es/components/super-form/style/css.js +15 -6
  22. package/es/components/super-form/style/index.d.ts +6 -0
  23. package/es/components/super-form/style/index.js +16 -7
  24. package/es/components/super-form/super-form-item.vue2.js +217 -199
  25. package/es/components/super-form/use/helper.js +137 -23
  26. package/es/components/table/style/css.js +15 -6
  27. package/es/components/table/style/index.js +16 -7
  28. package/es/components/tree/index.d.ts +5 -5
  29. package/es/components/tree/tree.vue.d.ts +2 -2
  30. package/es/components/upload/index.d.ts +15 -15
  31. package/es/components/upload/upload-content.vue.d.ts +1 -1
  32. package/es/components/upload/upload-content.vue2.js +51 -47
  33. package/es/components/upload/upload-list.vue2.js +70 -66
  34. package/es/components/upload/upload.vue.d.ts +1 -1
  35. package/es/components/upload/upload.vue2.js +30 -30
  36. package/es/index.js +562 -560
  37. package/es/package.json.d.ts +1 -1
  38. package/es/package.json.js +1 -1
  39. package/lib/component.cjs +1 -1
  40. package/lib/components/avatar-stack/avatar-stack.vue.cjs +1 -0
  41. package/lib/components/avatar-stack/avatar-stack.vue.d.ts +12 -0
  42. package/lib/components/avatar-stack/avatar-stack.vue2.cjs +1 -0
  43. package/lib/components/avatar-stack/index.cjs +1 -0
  44. package/lib/components/avatar-stack/index.d.ts +43 -0
  45. package/lib/components/avatar-stack/style/css.cjs +1 -0
  46. package/lib/components/avatar-stack/style/css.d.ts +4 -0
  47. package/lib/components/avatar-stack/style/index.cjs +1 -0
  48. package/lib/components/avatar-stack/style/index.d.ts +4 -0
  49. package/lib/components/avatar-stack/types.cjs +1 -0
  50. package/lib/components/avatar-stack/types.d.ts +19 -0
  51. package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
  52. package/lib/components/index.cjs +1 -1
  53. package/lib/components/index.d.ts +13 -12
  54. package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
  55. package/lib/components/super-form/component-map.cjs +1 -1
  56. package/lib/components/super-form/component-map.d.ts +6 -0
  57. package/lib/components/super-form/style/css.cjs +1 -1
  58. package/lib/components/super-form/style/css.d.ts +6 -0
  59. package/lib/components/super-form/style/index.cjs +1 -1
  60. package/lib/components/super-form/style/index.d.ts +6 -0
  61. package/lib/components/super-form/super-form-item.vue2.cjs +1 -1
  62. package/lib/components/super-form/use/helper.cjs +1 -1
  63. package/lib/components/table/style/css.cjs +1 -1
  64. package/lib/components/table/style/index.cjs +1 -1
  65. package/lib/components/tree/index.d.ts +5 -5
  66. package/lib/components/tree/tree.vue.d.ts +2 -2
  67. package/lib/components/upload/index.d.ts +15 -15
  68. package/lib/components/upload/upload-content.vue.d.ts +1 -1
  69. package/lib/components/upload/upload-content.vue2.cjs +1 -1
  70. package/lib/components/upload/upload-list.vue2.cjs +1 -1
  71. package/lib/components/upload/upload.vue.d.ts +1 -1
  72. package/lib/components/upload/upload.vue2.cjs +1 -1
  73. package/lib/index.cjs +1 -1
  74. package/lib/package.json.cjs +1 -1
  75. package/lib/package.json.d.ts +1 -1
  76. package/package.json +5 -5
  77. package/theme-style/index.css +1 -1
  78. package/theme-style/src/avatar-stack.scss +38 -0
  79. package/theme-style/src/common/var.scss +16 -2
  80. package/theme-style/src/index.scss +1 -0
  81. package/theme-style/src/super-form.scss +6 -1
  82. package/theme-style/vft-avatar-stack.css +1 -0
  83. package/theme-style/vft-super-form.css +1 -1
  84. package/web-types.json +1 -1
package/es/component.js CHANGED
@@ -1,213 +1,215 @@
1
1
  import { VftAlert as t } from "./components/alert/index.js";
2
2
  import { VftAutocomplete as o } from "./components/autocomplete/index.js";
3
3
  import { VftAvatar as r } from "./components/avatar/index.js";
4
- import { VftBacktop as m } from "./components/backtop/index.js";
5
- import { VftButton as f, VftButtonGroup as i } from "./components/button/index.js";
6
- import { VftCard as p } from "./components/card/index.js";
7
- import { VftCheckTag as V } from "./components/check-tag/index.js";
8
- import { VftTransfer as e } from "./components/transfer/index.js";
9
- import { VftSegmented as a } from "./components/segmented/index.js";
10
- import { VftCheckboxGroup as n, VftCheckbox as l, VftCheckboxButton as u } from "./components/checkbox/index.js";
11
- import { VftClamp as d } from "./components/clamp/index.js";
4
+ import { VftAvatarStack as m } from "./components/avatar-stack/index.js";
5
+ import { VftBacktop as f } from "./components/backtop/index.js";
6
+ import { VftButton as i, VftButtonGroup as p } from "./components/button/index.js";
7
+ import { VftCard as V } from "./components/card/index.js";
8
+ import { VftCheckTag as e } from "./components/check-tag/index.js";
9
+ import { VftTransfer as a } from "./components/transfer/index.js";
10
+ import { VftSegmented as n } from "./components/segmented/index.js";
11
+ import { VftCheckboxGroup as l, VftCheckbox as u, VftCheckboxButton as d } from "./components/checkbox/index.js";
12
+ import { VftClamp as c } from "./components/clamp/index.js";
12
13
  import { VftClampToggle as s } from "./components/clamp-toggle/index.js";
13
- import { VftClampTooltip as c } from "./components/clamp-tooltip/index.js";
14
- import { VftCol as C } from "./components/col/index.js";
15
- import { VftCollapseTransition as T } from "./components/collapse-transition/index.js";
16
- import { VftColorPicker as I } from "./components/color-picker/index.js";
17
- import { VftConfigProvider as S } from "./components/config-provider/index.js";
18
- import { VftAside as g, VftContainer as M, VftFooter as b, VftHeader as P, VftMain as k } from "./components/container/index.js";
19
- import { VftDatePicker as D } from "./components/date-picker/index.js";
20
- import { VftWatermark as w } from "./components/watermark/index.js";
21
- import { VftDateTimeSelect as y } from "./components/date-time-select/index.js";
22
- import { VftDescriptions as B, VftDescriptionsItem as h } from "./components/descriptions/index.js";
14
+ import { VftClampTooltip as C } from "./components/clamp-tooltip/index.js";
15
+ import { VftCol as T } from "./components/col/index.js";
16
+ import { VftCollapseTransition as I } from "./components/collapse-transition/index.js";
17
+ import { VftColorPicker as S } from "./components/color-picker/index.js";
18
+ import { VftConfigProvider as g } from "./components/config-provider/index.js";
19
+ import { VftAside as M, VftContainer as b, VftFooter as P, VftHeader as k, VftMain as D } from "./components/container/index.js";
20
+ import { VftDatePicker as w } from "./components/date-picker/index.js";
21
+ import { VftWatermark as y } from "./components/watermark/index.js";
22
+ import { VftDateTimeSelect as B } from "./components/date-time-select/index.js";
23
+ import { VftDescriptions as h, VftDescriptionsItem as v } from "./components/descriptions/index.js";
23
24
  import { VftDialog as F } from "./components/dialog/index.js";
24
25
  import { VftDivider as L } from "./components/divider/index.js";
25
26
  import { VftDrawer as R } from "./components/drawer/index.js";
26
- import { VftDropdownItem as v, VftDropdownMenu as x, VftDropdown as A } from "./components/dropdown/index.js";
27
- import { VftEmpty as G } from "./components/empty/index.js";
28
- import { VftFooterLayout as H } from "./components/footer-layout/index.js";
29
- import { VftForm as W, VftFormItem as z } from "./components/form/index.js";
30
- import { VftFullScreen as E } from "./components/full-screen/index.js";
31
- import { VftHeaderLayout as N } from "./components/header-layout/index.js";
32
- import { VftHorizontalMenu as O } from "./components/horizontal-menu/index.js";
33
- import { VftIcon as Q } from "./components/icon/index.js";
34
- import { VftIconText as U } from "./components/icon-text/index.js";
35
- import { VftIframeLayout as j } from "./components/iframe-layout/index.js";
36
- import { VftImage as q } from "./components/image/index.js";
37
- import { VftImageViewer as J } from "./components/image-viewer/index.js";
38
- import { VftInput as K } from "./components/input/index.js";
39
- import { VftInputNumber as X } from "./components/input-number/index.js";
40
- import { VftLink as Y } from "./components/link/index.js";
41
- import { VftListCell as Z } from "./components/list-cell/index.js";
42
- import { VftLogo as _ } from "./components/logo/index.js";
43
- import { VftMdCodeDemo as $ } from "./components/md-code-demo/index.js";
44
- import { VftMdCodeTabs as tt } from "./components/md-code-tabs/index.js";
45
- import { VftCarousel as ot, VftCarouselItem as rt } from "./components/carousel/index.js";
46
- import { VftStep as mt, VftSteps as ft } from "./components/steps/index.js";
47
- import { VftTimeline as it, VftTimelineItem as pt } from "./components/timeline/index.js";
48
- import { VftBreadcrumb as Vt, VftBreadcrumbItem as et } from "./components/breadcrumb/index.js";
49
- import { VftCollapse as at, VftCollapseItem as nt } from "./components/collapse/index.js";
50
- import { VftStatistic as lt } from "./components/statistic/index.js";
51
- import { VftCountdown as ut } from "./components/countdown/index.js";
52
- import { VftInputTag as dt } from "./components/input-tag/index.js";
27
+ import { VftDropdownItem as x, VftDropdownMenu as A, VftDropdown as G } from "./components/dropdown/index.js";
28
+ import { VftEmpty as H } from "./components/empty/index.js";
29
+ import { VftFooterLayout as W } from "./components/footer-layout/index.js";
30
+ import { VftForm as z, VftFormItem as E } from "./components/form/index.js";
31
+ import { VftFullScreen as N } from "./components/full-screen/index.js";
32
+ import { VftHeaderLayout as O } from "./components/header-layout/index.js";
33
+ import { VftHorizontalMenu as Q } from "./components/horizontal-menu/index.js";
34
+ import { VftIcon as U } from "./components/icon/index.js";
35
+ import { VftIconText as j } from "./components/icon-text/index.js";
36
+ import { VftIframeLayout as q } from "./components/iframe-layout/index.js";
37
+ import { VftImage as J } from "./components/image/index.js";
38
+ import { VftImageViewer as K } from "./components/image-viewer/index.js";
39
+ import { VftInput as X } from "./components/input/index.js";
40
+ import { VftInputNumber as Y } from "./components/input-number/index.js";
41
+ import { VftLink as Z } from "./components/link/index.js";
42
+ import { VftListCell as _ } from "./components/list-cell/index.js";
43
+ import { VftLogo as $ } from "./components/logo/index.js";
44
+ import { VftMdCodeDemo as tt } from "./components/md-code-demo/index.js";
45
+ import { VftMdCodeTabs as ot } from "./components/md-code-tabs/index.js";
46
+ import { VftCarousel as rt, VftCarouselItem as mt } from "./components/carousel/index.js";
47
+ import { VftStep as ft, VftSteps as it } from "./components/steps/index.js";
48
+ import { VftTimeline as pt, VftTimelineItem as Vt } from "./components/timeline/index.js";
49
+ import { VftBreadcrumb as et, VftBreadcrumbItem as at } from "./components/breadcrumb/index.js";
50
+ import { VftCollapse as nt, VftCollapseItem as lt } from "./components/collapse/index.js";
51
+ import { VftStatistic as ut } from "./components/statistic/index.js";
52
+ import { VftCountdown as dt } from "./components/countdown/index.js";
53
+ import { VftInputTag as ct } from "./components/input-tag/index.js";
53
54
  import { VftCascader as st } from "./components/cascader/index.js";
54
- import { VftCascaderPanel as ct } from "./components/cascader-panel/index.js";
55
- import { VftMdComment as Ct } from "./components/md-comment/index.js";
56
- import { VftMdContainer as Tt } from "./components/md-container/index.js";
57
- import { VftMdTabs as It } from "./components/md-tabs/index.js";
58
- import { VftMdVuePlayground as St } from "./components/md-vue-playground/index.js";
59
- import { VftMenu as gt, VftMenuItem as Mt, VftMenuItemGroup as bt, VftSubMenu as Pt } from "./components/menu/index.js";
60
- import { VftModal as kt } from "./components/modal/index.js";
61
- import { VftMultipleTabs as Dt } from "./components/multiple-tabs/index.js";
62
- import { VftOverlay as wt } from "./components/overlay/index.js";
63
- import { VftPageWrapper as yt } from "./components/page-wrapper/index.js";
64
- import { VftPagination as Bt } from "./components/pagination/index.js";
65
- import { VftPopconfirm as ht } from "./components/popconfirm/index.js";
55
+ import { VftCascaderPanel as Ct } from "./components/cascader-panel/index.js";
56
+ import { VftMdComment as Tt } from "./components/md-comment/index.js";
57
+ import { VftMdContainer as It } from "./components/md-container/index.js";
58
+ import { VftMdTabs as St } from "./components/md-tabs/index.js";
59
+ import { VftMdVuePlayground as gt } from "./components/md-vue-playground/index.js";
60
+ import { VftMenu as Mt, VftMenuItem as bt, VftMenuItemGroup as Pt, VftSubMenu as kt } from "./components/menu/index.js";
61
+ import { VftModal as Dt } from "./components/modal/index.js";
62
+ import { VftMultipleTabs as wt } from "./components/multiple-tabs/index.js";
63
+ import { VftOverlay as yt } from "./components/overlay/index.js";
64
+ import { VftPageWrapper as Bt } from "./components/page-wrapper/index.js";
65
+ import { VftPagination as ht } from "./components/pagination/index.js";
66
+ import { VftPopconfirm as vt } from "./components/popconfirm/index.js";
66
67
  import { VftPopover as Ft } from "./components/popover/index.js";
67
68
  import { VftPopper as Lt } from "./components/popper/index.js";
68
69
  import { VftProgress as Rt } from "./components/progress/index.js";
69
- import { VftQrcode as vt } from "./components/qrcode/index.js";
70
- import { VftRadioButton as xt, VftRadio as At, VftRadioGroup as Gt } from "./components/radio/index.js";
71
- import { VftResult as Ht } from "./components/result/index.js";
72
- import { VftRouterViewContent as Wt } from "./components/router-view-content/index.js";
73
- import { VftRow as zt } from "./components/row/index.js";
74
- import { VftScrollbar as Et } from "./components/scrollbar/index.js";
75
- import { VftSearch as Nt } from "./components/search/index.js";
76
- import { VftSelect as Ot } from "./components/select/index.js";
77
- import { VftSideMenu as Qt } from "./components/side-menu/index.js";
78
- import { VftSkeleton as Ut, VftSkeletonItem as jt } from "./components/skeleton/index.js";
79
- import { VftSlider as qt } from "./components/slider/index.js";
80
- import { VftSpace as Jt } from "./components/space/index.js";
81
- import { VftSuperForm as Kt } from "./components/super-form/index.js";
82
- import { VftSwitch as Xt } from "./components/switch/index.js";
83
- import { VftTable as Yt } from "./components/table/index.js";
84
- import { VftTabs as Zt, VftTabPane as _t } from "./components/tabs/index.js";
85
- import { VftTag as $t } from "./components/tag/index.js";
86
- import { VftTimePicker as to } from "./components/time-picker/index.js";
87
- import { VftTooltip as oo } from "./components/tooltip/index.js";
88
- import { VftTree as ro } from "./components/tree/index.js";
89
- import { VftUpload as mo } from "./components/upload/index.js";
90
- import { VftVerifyCode as fo } from "./components/verify-code/index.js";
91
- import { VftProgressI as io } from "./components/progress-i/index.js";
92
- const Ur = [
70
+ import { VftQrcode as xt } from "./components/qrcode/index.js";
71
+ import { VftRadioButton as At, VftRadio as Gt, VftRadioGroup as Ht } from "./components/radio/index.js";
72
+ import { VftResult as Wt } from "./components/result/index.js";
73
+ import { VftRouterViewContent as zt } from "./components/router-view-content/index.js";
74
+ import { VftRow as Et } from "./components/row/index.js";
75
+ import { VftScrollbar as Nt } from "./components/scrollbar/index.js";
76
+ import { VftSearch as Ot } from "./components/search/index.js";
77
+ import { VftSelect as Qt } from "./components/select/index.js";
78
+ import { VftSideMenu as Ut } from "./components/side-menu/index.js";
79
+ import { VftSkeleton as jt, VftSkeletonItem as qt } from "./components/skeleton/index.js";
80
+ import { VftSlider as Jt } from "./components/slider/index.js";
81
+ import { VftSpace as Kt } from "./components/space/index.js";
82
+ import { VftSuperForm as Xt } from "./components/super-form/index.js";
83
+ import { VftSwitch as Yt } from "./components/switch/index.js";
84
+ import { VftTable as Zt } from "./components/table/index.js";
85
+ import { VftTabs as _t, VftTabPane as $t } from "./components/tabs/index.js";
86
+ import { VftTag as to } from "./components/tag/index.js";
87
+ import { VftTimePicker as oo } from "./components/time-picker/index.js";
88
+ import { VftTooltip as ro } from "./components/tooltip/index.js";
89
+ import { VftTree as mo } from "./components/tree/index.js";
90
+ import { VftUpload as fo } from "./components/upload/index.js";
91
+ import { VftVerifyCode as io } from "./components/verify-code/index.js";
92
+ import { VftProgressI as po } from "./components/progress-i/index.js";
93
+ const qr = [
93
94
  // phone
94
- io,
95
+ po,
95
96
  //
96
- ot,
97
97
  rt,
98
- Kt,
99
- mo,
98
+ mt,
99
+ Xt,
100
+ fo,
100
101
  Rt,
101
- X,
102
+ Y,
102
103
  o,
103
- qt,
104
- kt,
104
+ Jt,
105
+ Dt,
105
106
  // VftRate,
106
107
  R,
107
108
  t,
108
- Ot,
109
- ht,
110
- p,
111
- Jt,
112
- Ut,
113
- jt,
114
- ro,
109
+ Qt,
110
+ vt,
115
111
  V,
116
- Tt,
112
+ Kt,
113
+ jt,
114
+ qt,
115
+ mo,
116
+ e,
117
+ It,
118
+ ot,
117
119
  tt,
118
- $,
120
+ gt,
119
121
  St,
120
- It,
121
- D,
122
- Ct,
123
- g,
122
+ w,
123
+ Tt,
124
124
  M,
125
125
  b,
126
126
  P,
127
127
  k,
128
- O,
129
- C,
130
- to,
131
- zt,
128
+ D,
129
+ Q,
130
+ T,
131
+ oo,
132
+ Et,
132
133
  F,
133
- y,
134
- Z,
135
- J,
136
- Yt,
137
- fo,
138
- v,
134
+ B,
135
+ _,
136
+ K,
137
+ Zt,
138
+ io,
139
139
  x,
140
140
  A,
141
- Et,
142
- I,
143
- Xt,
144
- xt,
141
+ G,
142
+ Nt,
143
+ S,
144
+ Yt,
145
145
  At,
146
146
  Gt,
147
- n,
147
+ Ht,
148
148
  l,
149
149
  u,
150
- f,
150
+ d,
151
151
  i,
152
- W,
152
+ p,
153
153
  z,
154
- Nt,
155
- yt,
156
- d,
157
- s,
158
- c,
159
- vt,
160
- wt,
161
- $t,
162
- Qt,
163
- Bt,
164
- Y,
165
- K,
166
- q,
167
- U,
168
154
  E,
169
- B,
170
- h,
171
- S,
172
- m,
173
- Wt,
155
+ Ot,
156
+ Bt,
157
+ c,
158
+ s,
159
+ C,
160
+ xt,
161
+ yt,
162
+ to,
163
+ Ut,
164
+ ht,
165
+ Z,
166
+ X,
167
+ J,
174
168
  j,
175
- H,
176
169
  N,
177
- _,
178
- Dt,
179
- gt,
170
+ h,
171
+ v,
172
+ g,
173
+ f,
174
+ zt,
175
+ q,
176
+ W,
177
+ O,
178
+ $,
179
+ wt,
180
180
  Mt,
181
181
  bt,
182
182
  Pt,
183
- T,
183
+ kt,
184
+ I,
184
185
  L,
185
- Q,
186
+ U,
186
187
  r,
187
- G,
188
- Ht,
189
- Zt,
188
+ m,
189
+ H,
190
+ Wt,
190
191
  _t,
191
- oo,
192
+ $t,
193
+ ro,
192
194
  Ft,
193
195
  Lt,
194
- it,
195
196
  pt,
196
- mt,
197
- ft,
198
197
  Vt,
198
+ ft,
199
+ it,
199
200
  et,
200
201
  at,
201
202
  nt,
202
203
  lt,
203
204
  ut,
204
205
  dt,
205
- st,
206
206
  ct,
207
- w,
208
- e,
209
- a
207
+ st,
208
+ Ct,
209
+ y,
210
+ a,
211
+ n
210
212
  ];
211
213
  export {
212
- Ur as default
214
+ qr as default
213
215
  };
@@ -0,0 +1,12 @@
1
+ import type { AvatarStackProps } from './types';
2
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AvatarStackProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AvatarStackProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
3
+ export default _default;
4
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
5
+ type __VLS_TypePropsToRuntimeProps<T> = {
6
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
7
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
8
+ } : {
9
+ type: import('vue').PropType<T[K]>;
10
+ required: true;
11
+ };
12
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./avatar-stack.vue2.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,70 @@
1
+ import { defineComponent as z, computed as r, createElementBlock as n, openBlock as s, normalizeStyle as d, normalizeClass as o, unref as t, createCommentVNode as g, Fragment as k, renderList as x, createVNode as v, withCtx as b, createTextVNode as V, toDisplayString as w } from "vue";
2
+ import { VftAvatar as f } from "../avatar/index.js";
3
+ import "@vueuse/core";
4
+ import { addUnit as m } from "@vft/utils";
5
+ import "../config-provider/hooks/use-global-config.js";
6
+ import { generateCssVars as N } from "../../utils/ns-cover.js";
7
+ import "lodash-es";
8
+ import { useNamespace as B } from "../../hooks/use-namespace/index.js";
9
+ import "../../hooks/use-model-toggle/index.js";
10
+ import "@popperjs/core";
11
+ import "../../hooks/use-z-index/index.js";
12
+ const M = z({
13
+ name: "vft-avatar-stack"
14
+ }), q = /* @__PURE__ */ z({
15
+ ...M,
16
+ props: {
17
+ avatars: { default: () => [] },
18
+ maxCount: { default: 5 },
19
+ size: { default: 60 },
20
+ overlap: {},
21
+ showRemainCount: { type: Boolean, default: !1 },
22
+ borderColor: { default: "white" }
23
+ },
24
+ setup(e) {
25
+ const a = B("avatar-stack"), u = r(() => e.avatars.slice(0, e.maxCount)), c = r(() => e.avatars.length - e.maxCount), C = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), h = r(() => Math.max(12, Math.round(e.size * 0.25))), p = r(() => N(
26
+ {
27
+ "avatar-size": m(e.size),
28
+ overlap: m(C.value),
29
+ "font-size": m(h.value),
30
+ "border-color": e.borderColor
31
+ },
32
+ "avatar-stack"
33
+ ));
34
+ return (l, S) => (s(), n("div", {
35
+ class: o(t(a).b()),
36
+ style: d(p.value)
37
+ }, [
38
+ (s(!0), n(k, null, x(u.value, (i, y) => (s(), n("div", {
39
+ key: i.id,
40
+ class: o(t(a).e("item")),
41
+ style: d({ zIndex: u.value.length - y })
42
+ }, [
43
+ v(t(f), {
44
+ src: i.src,
45
+ size: l.size,
46
+ alt: i.name,
47
+ class: o(t(a).e("stacked-avatar"))
48
+ }, null, 8, ["src", "size", "alt", "class"])
49
+ ], 6))), 128)),
50
+ l.showRemainCount && c.value > 0 ? (s(), n("div", {
51
+ key: 0,
52
+ class: o([t(a).e("item"), t(a).e("remaining-count")]),
53
+ style: { zIndex: 0 }
54
+ }, [
55
+ v(t(f), {
56
+ size: l.size,
57
+ class: o(t(a).e("remaining-avatar"))
58
+ }, {
59
+ default: b(() => [
60
+ V(" +" + w(c.value), 1)
61
+ ]),
62
+ _: 1
63
+ }, 8, ["size", "class"])
64
+ ], 2)) : g("", !0)
65
+ ], 6));
66
+ }
67
+ });
68
+ export {
69
+ q as default
70
+ };
@@ -0,0 +1,43 @@
1
+ export declare const VftAvatarStack: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
+ avatars: {
3
+ type: import("vue").PropType<import("./types").Avatar[]>;
4
+ required: true;
5
+ };
6
+ maxCount: {
7
+ type: import("vue").PropType<number>;
8
+ };
9
+ size: {
10
+ type: import("vue").PropType<number>;
11
+ };
12
+ overlap: {
13
+ type: import("vue").PropType<number>;
14
+ };
15
+ showRemainCount: {
16
+ type: import("vue").PropType<boolean>;
17
+ };
18
+ borderColor: {
19
+ type: import("vue").PropType<string>;
20
+ };
21
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
22
+ avatars: {
23
+ type: import("vue").PropType<import("./types").Avatar[]>;
24
+ required: true;
25
+ };
26
+ maxCount: {
27
+ type: import("vue").PropType<number>;
28
+ };
29
+ size: {
30
+ type: import("vue").PropType<number>;
31
+ };
32
+ overlap: {
33
+ type: import("vue").PropType<number>;
34
+ };
35
+ showRemainCount: {
36
+ type: import("vue").PropType<boolean>;
37
+ };
38
+ borderColor: {
39
+ type: import("vue").PropType<string>;
40
+ };
41
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
42
+ export default VftAvatarStack;
43
+ export * from './types';
@@ -0,0 +1,12 @@
1
+ import "@vueuse/core";
2
+ import "@vft/utils";
3
+ import "../config-provider/hooks/use-global-config.js";
4
+ import "vue";
5
+ import { withInstall as t } from "../../utils/vue/install.js";
6
+ import "lodash-es";
7
+ import o from "./avatar-stack.vue2.js";
8
+ const c = t(o);
9
+ export {
10
+ c as VftAvatarStack,
11
+ c as default
12
+ };
@@ -0,0 +1,4 @@
1
+ import 'vft/es/components/image/style/css';
2
+ import 'vft/es/components/icon/style/css';
3
+ import 'vft/es/components/avatar/style/css';
4
+ import 'vft/theme-style/vft-avatar-stack.css';
@@ -0,0 +1,6 @@
1
+ import "vft/theme-style/base.css";
2
+ import "vft/theme-style/vft-image-viewer.css";
3
+ import "vft/theme-style/vft-image.css";
4
+ import "vft/theme-style/vft-icon.css";
5
+ import "vft/theme-style/vft-avatar.css";
6
+ import "vft/theme-style/vft-avatar-stack.css";
@@ -0,0 +1,4 @@
1
+ import 'vft/es/components/image/style';
2
+ import 'vft/es/components/icon/style';
3
+ import 'vft/es/components/avatar/style';
4
+ import 'vft/theme-style/src/avatar-stack.scss';
@@ -0,0 +1,6 @@
1
+ import "vft/theme-style/src/base.scss";
2
+ import "vft/theme-style/src/image-viewer.scss";
3
+ import "vft/theme-style/src/image.scss";
4
+ import "vft/theme-style/src/icon.scss";
5
+ import "vft/theme-style/src/avatar.scss";
6
+ import "vft/theme-style/src/avatar-stack.scss";
@@ -0,0 +1,19 @@
1
+ export interface Avatar {
2
+ id: string | number;
3
+ src: string;
4
+ name?: string;
5
+ }
6
+ export interface AvatarStackProps {
7
+ /** 头像数据数组 */
8
+ avatars: Avatar[];
9
+ /** 最大显示数量 */
10
+ maxCount?: number;
11
+ /** 头像尺寸 */
12
+ size?: number;
13
+ /** 重叠距离,不配置时根据size自适应 */
14
+ overlap?: number;
15
+ /** 是否展示剩余数量 */
16
+ showRemainCount?: boolean;
17
+ /** 边框颜色 */
18
+ borderColor?: string;
19
+ }
@@ -200,7 +200,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
200
200
  onClick: ne
201
201
  }, {
202
202
  default: V(() => t[1] || (t[1] = [
203
- H(" 取消 ")
203
+ H(" 清除 ")
204
204
  ])),
205
205
  _: 1,
206
206
  __: [1]
@@ -1,5 +1,6 @@
1
1
  export * from './alert';
2
2
  export * from './avatar';
3
+ export * from './avatar-stack';
3
4
  export * from './backtop';
4
5
  export * from './button';
5
6
  export * from './card';
@@ -40,8 +41,8 @@ export * from './link';
40
41
  export * from './list-cell';
41
42
  export * from './logo';
42
43
  export * from './menu';
43
- export * from './notification';
44
44
  export * from './multiple-tabs';
45
+ export * from './notification';
45
46
  export * from './overlay';
46
47
  export * from './page-wrapper';
47
48
  export * from './pagination';
@@ -60,6 +61,7 @@ export * from './side-menu';
60
61
  export * from './skeleton';
61
62
  export * from './slider';
62
63
  export * from './space';
64
+ export * from './steps';
63
65
  export * from './switch';
64
66
  export * from './table';
65
67
  export * from './tabs';
@@ -69,29 +71,28 @@ export * from './tooltip';
69
71
  export * from './tree';
70
72
  export * from './verify-code';
71
73
  export * from './virtual-list';
72
- export * from './steps';
73
74
  export * from './autocomplete';
74
- export * from './modal';
75
- export * from './progress';
76
- export * from './super-form';
77
- export * from './upload';
78
- export * from './carousel';
79
- export * from './timeline';
80
75
  export * from './breadcrumb';
76
+ export * from './carousel';
81
77
  export * from './collapse';
82
- export * from './statistic';
83
78
  export * from './countdown';
84
79
  export * from './input-tag';
85
- export * from './watermark';
86
- export * from './transfer';
80
+ export * from './modal';
81
+ export * from './progress';
87
82
  export * from './segmented';
83
+ export * from './statistic';
84
+ export * from './super-form';
85
+ export * from './timeline';
86
+ export * from './transfer';
87
+ export * from './upload';
88
+ export * from './watermark';
88
89
  export * from './md-code-demo';
89
90
  export * from './md-code-tabs';
90
91
  export * from './md-comment';
91
92
  export * from './md-container';
92
93
  export * from './md-tabs';
93
94
  export * from './md-vue-playground';
95
+ export * from './infinite-scroll';
94
96
  export * from './loading';
95
97
  export * from './message';
96
- export * from './infinite-scroll';
97
98
  export * from './progress-i';