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.
- package/dist/index.css +1 -1
- package/es/component.js +157 -155
- package/es/components/avatar-stack/avatar-stack.vue.d.ts +12 -0
- package/es/components/avatar-stack/avatar-stack.vue.js +4 -0
- package/es/components/avatar-stack/avatar-stack.vue2.js +70 -0
- package/es/components/avatar-stack/index.d.ts +43 -0
- package/es/components/avatar-stack/index.js +12 -0
- package/es/components/avatar-stack/style/css.d.ts +4 -0
- package/es/components/avatar-stack/style/css.js +6 -0
- package/es/components/avatar-stack/style/index.d.ts +4 -0
- package/es/components/avatar-stack/style/index.js +6 -0
- package/es/components/avatar-stack/types.d.ts +19 -0
- package/es/components/avatar-stack/types.js +1 -0
- package/es/components/color-picker/color-picker.vue2.js +1 -1
- package/es/components/index.d.ts +13 -12
- package/es/components/index.js +421 -419
- package/es/components/list-cell/list-cell.vue2.js +36 -36
- package/es/components/super-form/component-map.d.ts +6 -0
- package/es/components/super-form/component-map.js +42 -30
- package/es/components/super-form/style/css.d.ts +6 -0
- package/es/components/super-form/style/css.js +15 -6
- package/es/components/super-form/style/index.d.ts +6 -0
- package/es/components/super-form/style/index.js +16 -7
- package/es/components/super-form/super-form-item.vue2.js +217 -199
- package/es/components/super-form/use/helper.js +137 -23
- package/es/components/table/style/css.js +15 -6
- package/es/components/table/style/index.js +16 -7
- package/es/components/tree/index.d.ts +5 -5
- package/es/components/tree/tree.vue.d.ts +2 -2
- package/es/components/upload/index.d.ts +15 -15
- package/es/components/upload/upload-content.vue.d.ts +1 -1
- package/es/components/upload/upload-content.vue2.js +51 -47
- package/es/components/upload/upload-list.vue2.js +70 -66
- package/es/components/upload/upload.vue.d.ts +1 -1
- package/es/components/upload/upload.vue2.js +30 -30
- package/es/index.js +562 -560
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/component.cjs +1 -1
- package/lib/components/avatar-stack/avatar-stack.vue.cjs +1 -0
- package/lib/components/avatar-stack/avatar-stack.vue.d.ts +12 -0
- package/lib/components/avatar-stack/avatar-stack.vue2.cjs +1 -0
- package/lib/components/avatar-stack/index.cjs +1 -0
- package/lib/components/avatar-stack/index.d.ts +43 -0
- package/lib/components/avatar-stack/style/css.cjs +1 -0
- package/lib/components/avatar-stack/style/css.d.ts +4 -0
- package/lib/components/avatar-stack/style/index.cjs +1 -0
- package/lib/components/avatar-stack/style/index.d.ts +4 -0
- package/lib/components/avatar-stack/types.cjs +1 -0
- package/lib/components/avatar-stack/types.d.ts +19 -0
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/index.cjs +1 -1
- package/lib/components/index.d.ts +13 -12
- package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
- package/lib/components/super-form/component-map.cjs +1 -1
- package/lib/components/super-form/component-map.d.ts +6 -0
- package/lib/components/super-form/style/css.cjs +1 -1
- package/lib/components/super-form/style/css.d.ts +6 -0
- package/lib/components/super-form/style/index.cjs +1 -1
- package/lib/components/super-form/style/index.d.ts +6 -0
- package/lib/components/super-form/super-form-item.vue2.cjs +1 -1
- package/lib/components/super-form/use/helper.cjs +1 -1
- package/lib/components/table/style/css.cjs +1 -1
- package/lib/components/table/style/index.cjs +1 -1
- package/lib/components/tree/index.d.ts +5 -5
- package/lib/components/tree/tree.vue.d.ts +2 -2
- package/lib/components/upload/index.d.ts +15 -15
- package/lib/components/upload/upload-content.vue.d.ts +1 -1
- package/lib/components/upload/upload-content.vue2.cjs +1 -1
- package/lib/components/upload/upload-list.vue2.cjs +1 -1
- package/lib/components/upload/upload.vue.d.ts +1 -1
- package/lib/components/upload/upload.vue2.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +5 -5
- package/theme-style/index.css +1 -1
- package/theme-style/src/avatar-stack.scss +38 -0
- package/theme-style/src/common/var.scss +16 -2
- package/theme-style/src/index.scss +1 -0
- package/theme-style/src/super-form.scss +6 -1
- package/theme-style/vft-avatar-stack.css +1 -0
- package/theme-style/vft-super-form.css +1 -1
- 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 {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
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
|
|
14
|
-
import { VftCol as
|
|
15
|
-
import { VftCollapseTransition as
|
|
16
|
-
import { VftColorPicker as
|
|
17
|
-
import { VftConfigProvider as
|
|
18
|
-
import { VftAside as
|
|
19
|
-
import { VftDatePicker as
|
|
20
|
-
import { VftWatermark as
|
|
21
|
-
import { VftDateTimeSelect as
|
|
22
|
-
import { VftDescriptions as
|
|
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
|
|
27
|
-
import { VftEmpty as
|
|
28
|
-
import { VftFooterLayout as
|
|
29
|
-
import { VftForm as
|
|
30
|
-
import { VftFullScreen as
|
|
31
|
-
import { VftHeaderLayout as
|
|
32
|
-
import { VftHorizontalMenu as
|
|
33
|
-
import { VftIcon as
|
|
34
|
-
import { VftIconText as
|
|
35
|
-
import { VftIframeLayout as
|
|
36
|
-
import { VftImage as
|
|
37
|
-
import { VftImageViewer as
|
|
38
|
-
import { VftInput as
|
|
39
|
-
import { VftInputNumber as
|
|
40
|
-
import { VftLink as
|
|
41
|
-
import { VftListCell as
|
|
42
|
-
import { VftLogo as
|
|
43
|
-
import { VftMdCodeDemo as
|
|
44
|
-
import { VftMdCodeTabs as
|
|
45
|
-
import { VftCarousel as
|
|
46
|
-
import { VftStep as
|
|
47
|
-
import { VftTimeline as
|
|
48
|
-
import { VftBreadcrumb as
|
|
49
|
-
import { VftCollapse as
|
|
50
|
-
import { VftStatistic as
|
|
51
|
-
import { VftCountdown as
|
|
52
|
-
import { VftInputTag as
|
|
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
|
|
55
|
-
import { VftMdComment as
|
|
56
|
-
import { VftMdContainer as
|
|
57
|
-
import { VftMdTabs as
|
|
58
|
-
import { VftMdVuePlayground as
|
|
59
|
-
import { VftMenu as
|
|
60
|
-
import { VftModal as
|
|
61
|
-
import { VftMultipleTabs as
|
|
62
|
-
import { VftOverlay as
|
|
63
|
-
import { VftPageWrapper as
|
|
64
|
-
import { VftPagination as
|
|
65
|
-
import { VftPopconfirm as
|
|
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
|
|
70
|
-
import { VftRadioButton as
|
|
71
|
-
import { VftResult as
|
|
72
|
-
import { VftRouterViewContent as
|
|
73
|
-
import { VftRow as
|
|
74
|
-
import { VftScrollbar as
|
|
75
|
-
import { VftSearch as
|
|
76
|
-
import { VftSelect as
|
|
77
|
-
import { VftSideMenu as
|
|
78
|
-
import { VftSkeleton as
|
|
79
|
-
import { VftSlider as
|
|
80
|
-
import { VftSpace as
|
|
81
|
-
import { VftSuperForm as
|
|
82
|
-
import { VftSwitch as
|
|
83
|
-
import { VftTable as
|
|
84
|
-
import { VftTabs as
|
|
85
|
-
import { VftTag as
|
|
86
|
-
import { VftTimePicker as
|
|
87
|
-
import { VftTooltip as
|
|
88
|
-
import { VftTree as
|
|
89
|
-
import { VftUpload as
|
|
90
|
-
import { VftVerifyCode as
|
|
91
|
-
import { VftProgressI as
|
|
92
|
-
const
|
|
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
|
-
|
|
95
|
+
po,
|
|
95
96
|
//
|
|
96
|
-
ot,
|
|
97
97
|
rt,
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
mt,
|
|
99
|
+
Xt,
|
|
100
|
+
fo,
|
|
100
101
|
Rt,
|
|
101
|
-
|
|
102
|
+
Y,
|
|
102
103
|
o,
|
|
103
|
-
|
|
104
|
-
|
|
104
|
+
Jt,
|
|
105
|
+
Dt,
|
|
105
106
|
// VftRate,
|
|
106
107
|
R,
|
|
107
108
|
t,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
p,
|
|
111
|
-
Jt,
|
|
112
|
-
Ut,
|
|
113
|
-
jt,
|
|
114
|
-
ro,
|
|
109
|
+
Qt,
|
|
110
|
+
vt,
|
|
115
111
|
V,
|
|
116
|
-
|
|
112
|
+
Kt,
|
|
113
|
+
jt,
|
|
114
|
+
qt,
|
|
115
|
+
mo,
|
|
116
|
+
e,
|
|
117
|
+
It,
|
|
118
|
+
ot,
|
|
117
119
|
tt,
|
|
118
|
-
|
|
120
|
+
gt,
|
|
119
121
|
St,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
Ct,
|
|
123
|
-
g,
|
|
122
|
+
w,
|
|
123
|
+
Tt,
|
|
124
124
|
M,
|
|
125
125
|
b,
|
|
126
126
|
P,
|
|
127
127
|
k,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
128
|
+
D,
|
|
129
|
+
Q,
|
|
130
|
+
T,
|
|
131
|
+
oo,
|
|
132
|
+
Et,
|
|
132
133
|
F,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
v,
|
|
134
|
+
B,
|
|
135
|
+
_,
|
|
136
|
+
K,
|
|
137
|
+
Zt,
|
|
138
|
+
io,
|
|
139
139
|
x,
|
|
140
140
|
A,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
141
|
+
G,
|
|
142
|
+
Nt,
|
|
143
|
+
S,
|
|
144
|
+
Yt,
|
|
145
145
|
At,
|
|
146
146
|
Gt,
|
|
147
|
-
|
|
147
|
+
Ht,
|
|
148
148
|
l,
|
|
149
149
|
u,
|
|
150
|
-
|
|
150
|
+
d,
|
|
151
151
|
i,
|
|
152
|
-
|
|
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
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
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
|
-
|
|
179
|
-
|
|
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
|
-
|
|
183
|
+
kt,
|
|
184
|
+
I,
|
|
184
185
|
L,
|
|
185
|
-
|
|
186
|
+
U,
|
|
186
187
|
r,
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
188
|
+
m,
|
|
189
|
+
H,
|
|
190
|
+
Wt,
|
|
190
191
|
_t,
|
|
191
|
-
|
|
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
|
-
|
|
208
|
-
|
|
209
|
-
|
|
207
|
+
st,
|
|
208
|
+
Ct,
|
|
209
|
+
y,
|
|
210
|
+
a,
|
|
211
|
+
n
|
|
210
212
|
];
|
|
211
213
|
export {
|
|
212
|
-
|
|
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,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,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
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/es/components/index.d.ts
CHANGED
|
@@ -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 './
|
|
86
|
-
export * from './
|
|
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';
|