vant 4.0.7 → 4.0.9
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/es/back-top/BackTop.d.ts +4 -0
- package/es/back-top/BackTop.mjs +2 -1
- package/es/back-top/index.d.ts +3 -0
- package/es/calendar/Calendar.mjs +1 -1
- package/es/calendar/CalendarMonth.mjs +4 -1
- package/es/icon/index.css +1 -1
- package/es/image-preview/ImagePreview.mjs +13 -3
- package/es/image-preview/ImagePreviewItem.d.ts +3 -0
- package/es/image-preview/ImagePreviewItem.mjs +21 -9
- package/es/index.d.ts +5 -1
- package/es/index.mjs +13 -1
- package/es/locale/index.d.ts +1 -0
- package/es/locale/index.mjs +3 -1
- package/es/locale/lang/eo-EO.d.ts +62 -0
- package/es/locale/lang/eo-EO.mjs +64 -0
- package/es/locale/lang/it-IT.mjs +12 -12
- package/es/number-keyboard/index.css +1 -1
- package/es/picker/index.css +1 -1
- package/es/picker-group/PickerGroup.d.ts +3 -0
- package/es/picker-group/PickerGroup.mjs +20 -7
- package/es/picker-group/index.d.ts +2 -0
- package/es/skeleton/Skeleton.d.ts +1 -1
- package/es/skeleton/Skeleton.mjs +3 -3
- package/es/skeleton/index.css +1 -1
- package/es/skeleton/index.d.ts +6 -73
- package/es/skeleton/index.mjs +1 -21
- package/es/skeleton/style/index.mjs +3 -2
- package/es/skeleton/types.d.ts +0 -2
- package/es/{skeleton → skeleton-avatar}/SkeletonAvatar.d.ts +1 -1
- package/es/{skeleton → skeleton-avatar}/SkeletonAvatar.mjs +0 -0
- package/es/skeleton-avatar/index.css +1 -0
- package/es/skeleton-avatar/index.d.ts +23 -0
- package/es/skeleton-avatar/index.mjs +10 -0
- package/es/skeleton-avatar/style/index.d.ts +1 -0
- package/es/skeleton-avatar/style/index.mjs +2 -0
- package/{lib/skeleton → es/skeleton-image}/SkeletonImage.d.ts +1 -1
- package/es/{skeleton → skeleton-image}/SkeletonImage.mjs +0 -0
- package/es/skeleton-image/index.css +1 -0
- package/es/skeleton-image/index.d.ts +23 -0
- package/es/skeleton-image/index.mjs +10 -0
- package/es/skeleton-image/style/index.d.ts +1 -0
- package/es/skeleton-image/style/index.mjs +4 -0
- package/es/{skeleton → skeleton-paragraph}/SkeletonParagraph.d.ts +0 -0
- package/es/{skeleton → skeleton-paragraph}/SkeletonParagraph.mjs +0 -0
- package/es/skeleton-paragraph/index.css +1 -0
- package/es/skeleton-paragraph/index.d.ts +24 -0
- package/es/skeleton-paragraph/index.mjs +11 -0
- package/es/skeleton-paragraph/style/index.d.ts +1 -0
- package/es/skeleton-paragraph/style/index.mjs +2 -0
- package/es/{skeleton → skeleton-title}/SkeletonTitle.d.ts +0 -0
- package/es/{skeleton → skeleton-title}/SkeletonTitle.mjs +0 -0
- package/es/skeleton-title/index.css +1 -0
- package/es/skeleton-title/index.d.ts +17 -0
- package/es/skeleton-title/index.mjs +10 -0
- package/es/skeleton-title/style/index.d.ts +1 -0
- package/es/skeleton-title/style/index.mjs +2 -0
- package/es/slider/Slider.d.ts +2 -2
- package/es/slider/index.d.ts +2 -2
- package/es/style/base.css +1 -1
- package/es/style/css-variables.css +1 -1
- package/es/swipe/Swipe.d.ts +3 -1
- package/es/swipe/Swipe.mjs +10 -2
- package/es/swipe/index.d.ts +3 -1
- package/lib/back-top/BackTop.d.ts +4 -0
- package/lib/back-top/BackTop.js +2 -1
- package/lib/back-top/index.d.ts +3 -0
- package/lib/calendar/Calendar.js +1 -1
- package/lib/calendar/CalendarMonth.js +4 -1
- package/lib/icon/index.css +1 -1
- package/lib/image-preview/ImagePreview.js +13 -3
- package/lib/image-preview/ImagePreviewItem.d.ts +3 -0
- package/lib/image-preview/ImagePreviewItem.js +21 -9
- package/lib/index.css +1 -1
- package/lib/index.d.ts +5 -1
- package/lib/index.js +13 -1
- package/lib/locale/index.d.ts +1 -0
- package/lib/locale/index.js +3 -1
- package/lib/locale/lang/eo-EO.d.ts +62 -0
- package/lib/locale/lang/eo-EO.js +83 -0
- package/lib/locale/lang/it-IT.js +12 -12
- package/lib/number-keyboard/index.css +1 -1
- package/lib/picker/index.css +1 -1
- package/lib/picker-group/PickerGroup.d.ts +3 -0
- package/lib/picker-group/PickerGroup.js +18 -5
- package/lib/picker-group/index.d.ts +2 -0
- package/lib/skeleton/Skeleton.d.ts +1 -1
- package/lib/skeleton/Skeleton.js +8 -8
- package/lib/skeleton/index.css +1 -1
- package/lib/skeleton/index.d.ts +6 -73
- package/lib/skeleton/index.js +1 -21
- package/lib/skeleton/style/index.js +3 -2
- package/lib/skeleton/types.d.ts +0 -2
- package/lib/{skeleton → skeleton-avatar}/SkeletonAvatar.d.ts +1 -1
- package/lib/{skeleton → skeleton-avatar}/SkeletonAvatar.js +0 -0
- package/lib/skeleton-avatar/index.css +1 -0
- package/lib/skeleton-avatar/index.d.ts +23 -0
- package/lib/skeleton-avatar/index.js +35 -0
- package/lib/skeleton-avatar/style/index.d.ts +1 -0
- package/lib/skeleton-avatar/style/index.js +2 -0
- package/{es/skeleton → lib/skeleton-image}/SkeletonImage.d.ts +1 -1
- package/lib/{skeleton → skeleton-image}/SkeletonImage.js +0 -0
- package/lib/skeleton-image/index.css +1 -0
- package/lib/skeleton-image/index.d.ts +23 -0
- package/lib/skeleton-image/index.js +35 -0
- package/lib/skeleton-image/style/index.d.ts +1 -0
- package/lib/skeleton-image/style/index.js +4 -0
- package/lib/{skeleton → skeleton-paragraph}/SkeletonParagraph.d.ts +0 -0
- package/lib/{skeleton → skeleton-paragraph}/SkeletonParagraph.js +0 -0
- package/lib/skeleton-paragraph/index.css +1 -0
- package/lib/skeleton-paragraph/index.d.ts +24 -0
- package/lib/skeleton-paragraph/index.js +36 -0
- package/lib/skeleton-paragraph/style/index.d.ts +1 -0
- package/lib/skeleton-paragraph/style/index.js +2 -0
- package/lib/{skeleton → skeleton-title}/SkeletonTitle.d.ts +0 -0
- package/lib/{skeleton → skeleton-title}/SkeletonTitle.js +0 -0
- package/lib/skeleton-title/index.css +1 -0
- package/lib/skeleton-title/index.d.ts +17 -0
- package/lib/skeleton-title/index.js +35 -0
- package/lib/skeleton-title/style/index.d.ts +1 -0
- package/lib/skeleton-title/style/index.js +2 -0
- package/lib/slider/Slider.d.ts +2 -2
- package/lib/slider/index.d.ts +2 -2
- package/lib/style/base.css +1 -1
- package/lib/style/css-variables.css +1 -1
- package/lib/swipe/Swipe.d.ts +3 -1
- package/lib/swipe/Swipe.js +10 -2
- package/lib/swipe/index.d.ts +3 -1
- package/lib/vant.cjs.js +274 -217
- package/lib/vant.es.js +274 -217
- package/lib/vant.js +284 -218
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +2 -2
@@ -0,0 +1,64 @@
|
|
1
|
+
var stdin_default = {
|
2
|
+
name: "Nomo",
|
3
|
+
tel: "Telefonnumero",
|
4
|
+
save: "Konservi",
|
5
|
+
confirm: "Konfirmi",
|
6
|
+
cancel: "Rezigni",
|
7
|
+
delete: "Forigi",
|
8
|
+
loading: "Bonvolu atendi...",
|
9
|
+
noCoupon: "Neniu kupono",
|
10
|
+
nameEmpty: "Plenigu la nomon",
|
11
|
+
addContact: "Aldoni kontakton",
|
12
|
+
telInvalid: "Nevalida telefonnumero",
|
13
|
+
vanCalendar: {
|
14
|
+
end: "Fino",
|
15
|
+
start: "Komenco",
|
16
|
+
title: "Kalendaro",
|
17
|
+
weekdays: ["Dim", "Lun", "Mar", "Mer", "\u0134a\u016D", "Ven", "Sab"],
|
18
|
+
monthTitle: (year, month) => `${year}/${month}`,
|
19
|
+
rangePrompt: (maxRange) => `Elektu maksimume ${maxRange} tagojn`
|
20
|
+
},
|
21
|
+
vanCascader: {
|
22
|
+
select: "Elekti"
|
23
|
+
},
|
24
|
+
vanPagination: {
|
25
|
+
prev: "Anta\u016Da",
|
26
|
+
next: "Sekva"
|
27
|
+
},
|
28
|
+
vanPullRefresh: {
|
29
|
+
pulling: "Tiri por refre\u015Digi...",
|
30
|
+
loosing: "Lasi por refre\u015Digi..."
|
31
|
+
},
|
32
|
+
vanSubmitBar: {
|
33
|
+
label: "Sumo:"
|
34
|
+
},
|
35
|
+
vanCoupon: {
|
36
|
+
unlimited: "Senlima",
|
37
|
+
discount: (discount) => `${discount * 10}%-a rabato`,
|
38
|
+
condition: (condition) => `Minimume ${condition}`
|
39
|
+
},
|
40
|
+
vanCouponCell: {
|
41
|
+
title: "Kupono",
|
42
|
+
count: (count) => `Vi havas ${count} kuponojn`
|
43
|
+
},
|
44
|
+
vanCouponList: {
|
45
|
+
exchange: "Inter\u015Dan\u011Di",
|
46
|
+
close: "Fermi",
|
47
|
+
enable: "Disponebla",
|
48
|
+
disabled: "Nedisponebla",
|
49
|
+
placeholder: "Kupon-kodo"
|
50
|
+
},
|
51
|
+
vanAddressEdit: {
|
52
|
+
area: "Areo",
|
53
|
+
areaEmpty: "Elektu ricevan areon",
|
54
|
+
addressEmpty: "La adreso ne povas esti malplena",
|
55
|
+
addressDetail: "Adreso",
|
56
|
+
defaultAddress: "Agordi kiel defa\u016Dltan adreson"
|
57
|
+
},
|
58
|
+
vanAddressList: {
|
59
|
+
add: "Aldoni novan adreson"
|
60
|
+
}
|
61
|
+
};
|
62
|
+
export {
|
63
|
+
stdin_default as default
|
64
|
+
};
|
package/es/locale/lang/it-IT.mjs
CHANGED
@@ -9,19 +9,19 @@ var stdin_default = {
|
|
9
9
|
noCoupon: "Nessun coupon",
|
10
10
|
nameEmpty: "Inserisci il nome",
|
11
11
|
addContact: "Aggiungi contatto",
|
12
|
-
telInvalid: "Numero di telefono
|
12
|
+
telInvalid: "Numero di telefono non valido",
|
13
13
|
vanCalendar: {
|
14
14
|
end: "Fine",
|
15
15
|
start: "Inizio",
|
16
16
|
title: "Calendario",
|
17
17
|
weekdays: [
|
18
|
-
"
|
19
|
-
"
|
20
|
-
"
|
21
|
-
"
|
22
|
-
"
|
23
|
-
"
|
24
|
-
"
|
18
|
+
"dom",
|
19
|
+
"lun",
|
20
|
+
"mar",
|
21
|
+
"mer",
|
22
|
+
"gio",
|
23
|
+
"ven",
|
24
|
+
"sab"
|
25
25
|
],
|
26
26
|
monthTitle: (year, month) => `${year}/${month}`,
|
27
27
|
rangePrompt: (maxRange) => `Scegli non pi\xF9 di ${maxRange} giorni`
|
@@ -31,11 +31,11 @@ var stdin_default = {
|
|
31
31
|
},
|
32
32
|
vanPagination: {
|
33
33
|
prev: "Precedente",
|
34
|
-
next: "
|
34
|
+
next: "Successivo"
|
35
35
|
},
|
36
36
|
vanPullRefresh: {
|
37
|
-
pulling: "
|
38
|
-
loosing: "
|
37
|
+
pulling: "Tira per aggiornare...",
|
38
|
+
loosing: "Rilascia per aggiornare..."
|
39
39
|
},
|
40
40
|
vanSubmitBar: {
|
41
41
|
label: "Totale:"
|
@@ -46,7 +46,7 @@ var stdin_default = {
|
|
46
46
|
condition: (condition) => `Almeno ${condition}`
|
47
47
|
},
|
48
48
|
vanCouponCell: {
|
49
|
-
title: "
|
49
|
+
title: "Coupon",
|
50
50
|
count: (count) => `Hai ${count} coupon`
|
51
51
|
},
|
52
52
|
vanCouponList: {
|
@@ -1 +1 @@
|
|
1
|
-
:root{--van-number-keyboard-background: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background: var(--van-background-2);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-
|
1
|
+
:root{--van-number-keyboard-background: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background: var(--van-background-2);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-primary-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-theme-dark{--van-number-keyboard-background: var(--van-gray-8);--van-number-keyboard-key-background: var(--van-gray-7);--van-number-keyboard-key-active-color: var(--van-gray-6)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background);border-radius:var(--van-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
|
package/es/picker/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-
|
1
|
+
:root{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-primary-color);--van-picker-cancel-action-color: var(--van-text-color-2);--van-picker-option-font-size: var(--van-font-size-lg);--van-picker-option-padding: 0 var(--van-padding-base);--van-picker-option-text-color: var(--van-text-color);--van-picker-option-disabled-opacity: .3;--van-picker-loading-icon-color: var(--van-primary-color);--van-picker-loading-mask-color: rgba(255, 255, 255, .9);--van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))}.van-theme-dark{--van-picker-loading-mask-color: rgba(0, 0, 0, .6);--van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.van-picker{position:relative;background:var(--van-picker-background);-webkit-user-select:none;user-select:none}.van-picker__toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{position:absolute;left:50%;color:var(--van-text-color);max-width:50%;font-weight:var(--van-font-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center;transform:translate(-50%)}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}
|
@@ -6,6 +6,7 @@ export declare const pickerGroupProps: {
|
|
6
6
|
type: import("vue").PropType<string[]>;
|
7
7
|
default: () => never[];
|
8
8
|
};
|
9
|
+
nextStepText: StringConstructor;
|
9
10
|
} & {
|
10
11
|
title: StringConstructor;
|
11
12
|
cancelButtonText: StringConstructor;
|
@@ -17,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
17
18
|
type: import("vue").PropType<string[]>;
|
18
19
|
default: () => never[];
|
19
20
|
};
|
21
|
+
nextStepText: StringConstructor;
|
20
22
|
} & {
|
21
23
|
title: StringConstructor;
|
22
24
|
cancelButtonText: StringConstructor;
|
@@ -26,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
26
28
|
type: import("vue").PropType<string[]>;
|
27
29
|
default: () => never[];
|
28
30
|
};
|
31
|
+
nextStepText: StringConstructor;
|
29
32
|
} & {
|
30
33
|
title: StringConstructor;
|
31
34
|
cancelButtonText: StringConstructor;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { createVNode as _createVNode
|
2
|
-
import { defineComponent } from "vue";
|
1
|
+
import { createVNode as _createVNode } from "vue";
|
2
|
+
import { ref, defineComponent } from "vue";
|
3
3
|
import { extend, makeArrayProp, createNamespace } from "../utils/index.mjs";
|
4
4
|
import { useChildren } from "@vant/use";
|
5
5
|
import { Tab } from "../tab/index.mjs";
|
@@ -8,7 +8,8 @@ import Toolbar, { pickerToolbarProps } from "../picker/PickerToolbar.mjs";
|
|
8
8
|
const [name, bem] = createNamespace("picker-group");
|
9
9
|
const PICKER_GROUP_KEY = Symbol(name);
|
10
10
|
const pickerGroupProps = extend({
|
11
|
-
tabs: makeArrayProp()
|
11
|
+
tabs: makeArrayProp(),
|
12
|
+
nextStepText: String
|
12
13
|
}, pickerToolbarProps);
|
13
14
|
var stdin_default = defineComponent({
|
14
15
|
name,
|
@@ -18,26 +19,38 @@ var stdin_default = defineComponent({
|
|
18
19
|
emit,
|
19
20
|
slots
|
20
21
|
}) {
|
22
|
+
const activeTab = ref(0);
|
21
23
|
const {
|
22
24
|
children,
|
23
25
|
linkChildren
|
24
26
|
} = useChildren(PICKER_GROUP_KEY);
|
25
27
|
linkChildren();
|
28
|
+
const showNextButton = () => activeTab.value < props.tabs.length - 1 && props.nextStepText;
|
26
29
|
const onConfirm = () => {
|
27
|
-
|
30
|
+
if (showNextButton()) {
|
31
|
+
activeTab.value++;
|
32
|
+
} else {
|
33
|
+
emit("confirm", children.map((item) => item.confirm()));
|
34
|
+
}
|
28
35
|
};
|
29
36
|
const onCancel = () => emit("cancel");
|
30
37
|
return () => {
|
31
38
|
var _a;
|
32
39
|
const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
|
40
|
+
const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
|
33
41
|
return _createVNode("div", {
|
34
42
|
"class": bem()
|
35
|
-
}, [_createVNode(Toolbar,
|
43
|
+
}, [_createVNode(Toolbar, {
|
44
|
+
"title": props.title,
|
45
|
+
"cancelButtonText": props.cancelButtonText,
|
46
|
+
"confirmButtonText": confirmButtonText,
|
36
47
|
"onConfirm": onConfirm,
|
37
48
|
"onCancel": onCancel
|
38
|
-
}
|
39
|
-
"
|
49
|
+
}, null), _createVNode(Tabs, {
|
50
|
+
"active": activeTab.value,
|
51
|
+
"onUpdate:active": ($event) => activeTab.value = $event,
|
40
52
|
"class": bem("tabs"),
|
53
|
+
"shrink": true,
|
41
54
|
"animated": true
|
42
55
|
}, {
|
43
56
|
default: () => [props.tabs.map((title, index) => _createVNode(Tab, {
|
@@ -4,6 +4,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
|
|
4
4
|
type: import("vue").PropType<string[]>;
|
5
5
|
default: () => never[];
|
6
6
|
};
|
7
|
+
nextStepText: StringConstructor;
|
7
8
|
} & {
|
8
9
|
title: StringConstructor;
|
9
10
|
cancelButtonText: StringConstructor;
|
@@ -13,6 +14,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
|
|
13
14
|
type: import("vue").PropType<string[]>;
|
14
15
|
default: () => never[];
|
15
16
|
};
|
17
|
+
nextStepText: StringConstructor;
|
16
18
|
} & {
|
17
19
|
title: StringConstructor;
|
18
20
|
cancelButtonText: StringConstructor;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { type PropType, type ExtractPropTypes } from 'vue';
|
2
2
|
import { type Numeric } from '../utils';
|
3
|
-
import type { SkeletonAvatarShape } from '
|
3
|
+
import type { SkeletonAvatarShape } from '../skeleton-avatar';
|
4
4
|
export declare const skeletonProps: {
|
5
5
|
row: {
|
6
6
|
type: (NumberConstructor | StringConstructor)[];
|
package/es/skeleton/Skeleton.mjs
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
|
2
2
|
import { defineComponent } from "vue";
|
3
3
|
import { addUnit, truthProp, numericProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
|
4
|
-
import SkeletonTitle from "
|
5
|
-
import SkeletonAvatar from "
|
6
|
-
import SkeletonParagraph, { DEFAULT_ROW_WIDTH } from "
|
4
|
+
import SkeletonTitle from "../skeleton-title/index.mjs";
|
5
|
+
import SkeletonAvatar from "../skeleton-avatar/index.mjs";
|
6
|
+
import SkeletonParagraph, { DEFAULT_ROW_WIDTH } from "../skeleton-paragraph/index.mjs";
|
7
7
|
const [name, bem] = createNamespace("skeleton");
|
8
8
|
const DEFAULT_LAST_ROW_WIDTH = "60%";
|
9
9
|
const skeletonProps = {
|
package/es/skeleton/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-skeleton-
|
1
|
+
:root{--van-skeleton-duration: 1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__content{width:100%}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}
|
package/es/skeleton/index.d.ts
CHANGED
@@ -1,58 +1,3 @@
|
|
1
|
-
export declare const SkeletonImage: import("../utils").WithInstall<import("vue").DefineComponent<{
|
2
|
-
imageSize: (NumberConstructor | StringConstructor)[];
|
3
|
-
imageShape: {
|
4
|
-
type: import("vue").PropType<import("./types").SkeletonImageShape>;
|
5
|
-
default: import("./types").SkeletonImageShape;
|
6
|
-
};
|
7
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
8
|
-
imageSize: (NumberConstructor | StringConstructor)[];
|
9
|
-
imageShape: {
|
10
|
-
type: import("vue").PropType<import("./types").SkeletonImageShape>;
|
11
|
-
default: import("./types").SkeletonImageShape;
|
12
|
-
};
|
13
|
-
}>>, {
|
14
|
-
imageShape: import("./types").SkeletonImageShape;
|
15
|
-
}>>;
|
16
|
-
export declare const SkeletonTitle: import("../utils").WithInstall<import("vue").DefineComponent<{
|
17
|
-
round: BooleanConstructor;
|
18
|
-
titleWidth: (NumberConstructor | StringConstructor)[];
|
19
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
20
|
-
round: BooleanConstructor;
|
21
|
-
titleWidth: (NumberConstructor | StringConstructor)[];
|
22
|
-
}>>, {
|
23
|
-
round: boolean;
|
24
|
-
}>>;
|
25
|
-
export declare const SkeletonAvatar: import("../utils").WithInstall<import("vue").DefineComponent<{
|
26
|
-
avatarSize: (NumberConstructor | StringConstructor)[];
|
27
|
-
avatarShape: {
|
28
|
-
type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
|
29
|
-
default: import("./types").SkeletonAvatarShape;
|
30
|
-
};
|
31
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
32
|
-
avatarSize: (NumberConstructor | StringConstructor)[];
|
33
|
-
avatarShape: {
|
34
|
-
type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
|
35
|
-
default: import("./types").SkeletonAvatarShape;
|
36
|
-
};
|
37
|
-
}>>, {
|
38
|
-
avatarShape: import("./types").SkeletonAvatarShape;
|
39
|
-
}>>;
|
40
|
-
export declare const SkeletonParagraph: import("../utils").WithInstall<import("vue").DefineComponent<{
|
41
|
-
round: BooleanConstructor;
|
42
|
-
rowWidth: {
|
43
|
-
type: (NumberConstructor | StringConstructor)[];
|
44
|
-
default: string;
|
45
|
-
};
|
46
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
47
|
-
round: BooleanConstructor;
|
48
|
-
rowWidth: {
|
49
|
-
type: (NumberConstructor | StringConstructor)[];
|
50
|
-
default: string;
|
51
|
-
};
|
52
|
-
}>>, {
|
53
|
-
round: boolean;
|
54
|
-
rowWidth: string | number;
|
55
|
-
}>>;
|
56
1
|
export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
|
57
2
|
row: {
|
58
3
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -64,8 +9,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
|
|
64
9
|
avatar: BooleanConstructor;
|
65
10
|
avatarSize: (NumberConstructor | StringConstructor)[];
|
66
11
|
avatarShape: {
|
67
|
-
type: import("vue").PropType<import("
|
68
|
-
default: import("
|
12
|
+
type: import("vue").PropType<import("..").SkeletonAvatarShape>;
|
13
|
+
default: import("..").SkeletonAvatarShape;
|
69
14
|
};
|
70
15
|
loading: {
|
71
16
|
type: BooleanConstructor;
|
@@ -92,8 +37,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
|
|
92
37
|
avatar: BooleanConstructor;
|
93
38
|
avatarSize: (NumberConstructor | StringConstructor)[];
|
94
39
|
avatarShape: {
|
95
|
-
type: import("vue").PropType<import("
|
96
|
-
default: import("
|
40
|
+
type: import("vue").PropType<import("..").SkeletonAvatarShape>;
|
41
|
+
default: import("..").SkeletonAvatarShape;
|
97
42
|
};
|
98
43
|
loading: {
|
99
44
|
type: BooleanConstructor;
|
@@ -113,28 +58,16 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
|
|
113
58
|
round: boolean;
|
114
59
|
loading: boolean;
|
115
60
|
row: string | number;
|
116
|
-
avatarShape: import("
|
61
|
+
avatarShape: import("..").SkeletonAvatarShape;
|
117
62
|
rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
|
118
63
|
avatar: boolean;
|
119
64
|
}>>;
|
120
65
|
export default Skeleton;
|
121
66
|
export { skeletonProps } from './Skeleton';
|
122
67
|
export type { SkeletonProps } from './Skeleton';
|
123
|
-
export {
|
124
|
-
export type { SkeletonImageProps } from './SkeletonImage';
|
125
|
-
export { skeletonAvatarProps } from './SkeletonAvatar';
|
126
|
-
export type { SkeletonAvatarProps } from './SkeletonAvatar';
|
127
|
-
export { skeletonParagraphProps } from './SkeletonParagraph';
|
128
|
-
export type { SkeletonParagraphProps } from './SkeletonParagraph';
|
129
|
-
export { skeletonTitleProps } from './SkeletonTitle';
|
130
|
-
export type { SkeletonTitleProps } from './SkeletonTitle';
|
131
|
-
export type { SkeletonThemeVars, SkeletonImageShape, SkeletonAvatarShape, } from './types';
|
68
|
+
export type { SkeletonThemeVars } from './types';
|
132
69
|
declare module 'vue' {
|
133
70
|
interface GlobalComponents {
|
134
71
|
VanSkeleton: typeof Skeleton;
|
135
|
-
VanSkeletonImage: typeof SkeletonImage;
|
136
|
-
VanSkeletonTitle: typeof SkeletonTitle;
|
137
|
-
VanSkeletonAvatar: typeof SkeletonAvatar;
|
138
|
-
VanSkeletonParagraph: typeof SkeletonParagraph;
|
139
72
|
}
|
140
73
|
}
|
package/es/skeleton/index.mjs
CHANGED
@@ -1,30 +1,10 @@
|
|
1
1
|
import _Skeleton from "./Skeleton.mjs";
|
2
|
-
import _SkeletonImage from "./SkeletonImage.mjs";
|
3
|
-
import _SkeletonTitle from "./SkeletonTitle.mjs";
|
4
|
-
import _SkeletonAvatar from "./SkeletonAvatar.mjs";
|
5
|
-
import _SkeletonParagraph from "./SkeletonParagraph.mjs";
|
6
2
|
import { withInstall } from "../utils/index.mjs";
|
7
|
-
const SkeletonImage = withInstall(_SkeletonImage);
|
8
|
-
const SkeletonTitle = withInstall(_SkeletonTitle);
|
9
|
-
const SkeletonAvatar = withInstall(_SkeletonAvatar);
|
10
|
-
const SkeletonParagraph = withInstall(_SkeletonParagraph);
|
11
3
|
const Skeleton = withInstall(_Skeleton);
|
12
4
|
var stdin_default = Skeleton;
|
13
5
|
import { skeletonProps } from "./Skeleton.mjs";
|
14
|
-
import { skeletonImageProps } from "./SkeletonImage.mjs";
|
15
|
-
import { skeletonAvatarProps } from "./SkeletonAvatar.mjs";
|
16
|
-
import { skeletonParagraphProps } from "./SkeletonParagraph.mjs";
|
17
|
-
import { skeletonTitleProps } from "./SkeletonTitle.mjs";
|
18
6
|
export {
|
19
7
|
Skeleton,
|
20
|
-
SkeletonAvatar,
|
21
|
-
SkeletonImage,
|
22
|
-
SkeletonParagraph,
|
23
|
-
SkeletonTitle,
|
24
8
|
stdin_default as default,
|
25
|
-
|
26
|
-
skeletonImageProps,
|
27
|
-
skeletonParagraphProps,
|
28
|
-
skeletonProps,
|
29
|
-
skeletonTitleProps
|
9
|
+
skeletonProps
|
30
10
|
};
|
package/es/skeleton/types.d.ts
CHANGED
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
:root{--van-skeleton-avatar-size: 32px;--van-skeleton-avatar-background: var(--van-active-color)}.van-skeleton-avatar{flex-shrink:0;width:var(--van-skeleton-avatar-size);height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);background:var(--van-skeleton-avatar-background)}.van-skeleton-avatar--round{border-radius:var(--van-radius-max)}.van-skeleton-avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
export declare const SkeletonAvatar: import("../utils").WithInstall<import("vue").DefineComponent<{
|
2
|
+
avatarSize: (NumberConstructor | StringConstructor)[];
|
3
|
+
avatarShape: {
|
4
|
+
type: import("vue").PropType<import("./SkeletonAvatar").SkeletonAvatarShape>;
|
5
|
+
default: import("./SkeletonAvatar").SkeletonAvatarShape;
|
6
|
+
};
|
7
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
8
|
+
avatarSize: (NumberConstructor | StringConstructor)[];
|
9
|
+
avatarShape: {
|
10
|
+
type: import("vue").PropType<import("./SkeletonAvatar").SkeletonAvatarShape>;
|
11
|
+
default: import("./SkeletonAvatar").SkeletonAvatarShape;
|
12
|
+
};
|
13
|
+
}>>, {
|
14
|
+
avatarShape: import("./SkeletonAvatar").SkeletonAvatarShape;
|
15
|
+
}>>;
|
16
|
+
export default SkeletonAvatar;
|
17
|
+
export { skeletonAvatarProps } from './SkeletonAvatar';
|
18
|
+
export type { SkeletonAvatarProps, SkeletonAvatarShape, } from './SkeletonAvatar';
|
19
|
+
declare module 'vue' {
|
20
|
+
interface GlobalComponents {
|
21
|
+
VanSkeletonAvatar: typeof SkeletonAvatar;
|
22
|
+
}
|
23
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { withInstall } from "../utils/index.mjs";
|
2
|
+
import _SkeletonAvatar from "./SkeletonAvatar.mjs";
|
3
|
+
const SkeletonAvatar = withInstall(_SkeletonAvatar);
|
4
|
+
var stdin_default = SkeletonAvatar;
|
5
|
+
import { skeletonAvatarProps } from "./SkeletonAvatar.mjs";
|
6
|
+
export {
|
7
|
+
SkeletonAvatar,
|
8
|
+
stdin_default as default,
|
9
|
+
skeletonAvatarProps
|
10
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
:root{--van-skeleton-image-size: 96px;--van-skeleton-image-radius: 24px}.van-skeleton-image{display:flex;width:var(--van-skeleton-image-size);height:var(--van-skeleton-image-size);align-items:center;justify-content:center;background:var(--van-active-color)}.van-skeleton-image--round{border-radius:var(--van-skeleton-image-radius)}.van-skeleton-image__icon{width:calc(var(--van-skeleton-image-size) / 2);height:calc(var(--van-skeleton-image-size) / 2);font-size:calc(var(--van-skeleton-image-size) / 2);color:var(--van-gray-5)}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
export declare const SkeletonImage: import("../utils").WithInstall<import("vue").DefineComponent<{
|
2
|
+
imageSize: (NumberConstructor | StringConstructor)[];
|
3
|
+
imageShape: {
|
4
|
+
type: import("vue").PropType<import("./SkeletonImage").SkeletonImageShape>;
|
5
|
+
default: import("./SkeletonImage").SkeletonImageShape;
|
6
|
+
};
|
7
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
8
|
+
imageSize: (NumberConstructor | StringConstructor)[];
|
9
|
+
imageShape: {
|
10
|
+
type: import("vue").PropType<import("./SkeletonImage").SkeletonImageShape>;
|
11
|
+
default: import("./SkeletonImage").SkeletonImageShape;
|
12
|
+
};
|
13
|
+
}>>, {
|
14
|
+
imageShape: import("./SkeletonImage").SkeletonImageShape;
|
15
|
+
}>>;
|
16
|
+
export default SkeletonImage;
|
17
|
+
export { skeletonImageProps } from './SkeletonImage';
|
18
|
+
export type { SkeletonImageProps, SkeletonImageShape } from './SkeletonImage';
|
19
|
+
declare module 'vue' {
|
20
|
+
interface GlobalComponents {
|
21
|
+
VanSkeletonImage: typeof SkeletonImage;
|
22
|
+
}
|
23
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import _SkeletonImage from "./SkeletonImage.mjs";
|
2
|
+
import { withInstall } from "../utils/index.mjs";
|
3
|
+
const SkeletonImage = withInstall(_SkeletonImage);
|
4
|
+
var stdin_default = SkeletonImage;
|
5
|
+
import { skeletonImageProps } from "./SkeletonImage.mjs";
|
6
|
+
export {
|
7
|
+
SkeletonImage,
|
8
|
+
stdin_default as default,
|
9
|
+
skeletonImageProps
|
10
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
File without changes
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
:root{--van-skeleton-paragraph-height: 16px;--van-skeleton-paragraph-background: var(--van-active-color);--van-skeleton-paragraph-margin-top: var(--van-padding-sm)}.van-skeleton-paragraph{height:var(--van-skeleton-paragraph-height);background:var(--van-skeleton-paragraph-background)}.van-skeleton-paragraph--round{border-radius:var(--van-radius-max)}.van-skeleton-paragraph:not(:first-child){margin-top:var(--van-skeleton-paragraph-margin-top)}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
export declare const SkeletonParagraph: import("../utils").WithInstall<import("vue").DefineComponent<{
|
2
|
+
round: BooleanConstructor;
|
3
|
+
rowWidth: {
|
4
|
+
type: (NumberConstructor | StringConstructor)[];
|
5
|
+
default: string;
|
6
|
+
};
|
7
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
8
|
+
round: BooleanConstructor;
|
9
|
+
rowWidth: {
|
10
|
+
type: (NumberConstructor | StringConstructor)[];
|
11
|
+
default: string;
|
12
|
+
};
|
13
|
+
}>>, {
|
14
|
+
round: boolean;
|
15
|
+
rowWidth: string | number;
|
16
|
+
}>>;
|
17
|
+
export default SkeletonParagraph;
|
18
|
+
export { skeletonParagraphProps, DEFAULT_ROW_WIDTH } from './SkeletonParagraph';
|
19
|
+
export type { SkeletonParagraphProps } from './SkeletonParagraph';
|
20
|
+
declare module 'vue' {
|
21
|
+
interface GlobalComponents {
|
22
|
+
VanSkeletonParagraph: typeof SkeletonParagraph;
|
23
|
+
}
|
24
|
+
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import _SkeletonParagraph from "./SkeletonParagraph.mjs";
|
2
|
+
import { withInstall } from "../utils/index.mjs";
|
3
|
+
const SkeletonParagraph = withInstall(_SkeletonParagraph);
|
4
|
+
var stdin_default = SkeletonParagraph;
|
5
|
+
import { skeletonParagraphProps, DEFAULT_ROW_WIDTH } from "./SkeletonParagraph.mjs";
|
6
|
+
export {
|
7
|
+
DEFAULT_ROW_WIDTH,
|
8
|
+
SkeletonParagraph,
|
9
|
+
stdin_default as default,
|
10
|
+
skeletonParagraphProps
|
11
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
File without changes
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
:root{--van-skeleton-title-width: 40%}.van-skeleton-title{height:var(--van-skeleton-paragraph-height);background:var(--van-skeleton-paragraph-background)}.van-skeleton-title--round{border-radius:var(--van-radius-max)}.van-skeleton-title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton-title+.van-skeleton-paragraph{margin-top:20px}
|