vant 4.0.10 β 4.1.0
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/README.md +15 -10
- package/es/back-top/BackTop.d.ts +3 -0
- package/es/back-top/BackTop.mjs +3 -2
- package/es/back-top/index.css +1 -1
- package/es/back-top/index.d.ts +2 -0
- package/es/back-top/types.d.ts +3 -0
- package/es/dropdown-item/DropdownItem.mjs +1 -0
- package/es/dropdown-menu/DropdownMenu.mjs +2 -2
- package/es/dropdown-menu/types.d.ts +1 -0
- package/es/field/index.css +1 -1
- package/es/index.d.ts +2 -1
- package/es/index.mjs +4 -1
- package/es/locale/lang/uk-UA.mjs +15 -15
- package/es/picker/PickerColumn.mjs +1 -1
- package/es/picker-group/PickerGroup.mjs +5 -4
- package/es/popover/Popover.mjs +9 -1
- package/es/popover/index.css +1 -1
- package/es/space/Space.mjs +2 -2
- package/es/swipe/Swipe.mjs +6 -2
- package/es/tabs/Tabs.mjs +2 -0
- package/es/text-ellipsis/TextEllipsis.d.ts +63 -0
- package/es/text-ellipsis/TextEllipsis.mjs +108 -0
- package/es/text-ellipsis/index.css +1 -0
- package/es/text-ellipsis/index.d.ts +51 -0
- package/es/text-ellipsis/index.mjs +10 -0
- package/es/text-ellipsis/style/index.d.ts +1 -0
- package/es/text-ellipsis/style/index.mjs +2 -0
- package/es/text-ellipsis/types.d.ts +3 -0
- package/es/text-ellipsis/types.mjs +0 -0
- package/es/tree-select/TreeSelect.mjs +3 -2
- package/lib/back-top/BackTop.d.ts +3 -0
- package/lib/back-top/BackTop.js +2 -1
- package/lib/back-top/index.css +1 -1
- package/lib/back-top/index.d.ts +2 -0
- package/lib/back-top/types.d.ts +3 -0
- package/lib/dropdown-item/DropdownItem.js +1 -0
- package/lib/dropdown-menu/DropdownMenu.js +2 -2
- package/lib/dropdown-menu/types.d.ts +1 -0
- package/lib/field/index.css +1 -1
- package/lib/index.css +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +4 -1
- package/lib/locale/lang/uk-UA.js +15 -15
- package/lib/picker/PickerColumn.js +1 -1
- package/lib/picker-group/PickerGroup.js +3 -2
- package/lib/popover/Popover.js +8 -0
- package/lib/popover/index.css +1 -1
- package/lib/space/Space.js +1 -1
- package/lib/swipe/Swipe.js +6 -2
- package/lib/tabs/Tabs.js +2 -0
- package/lib/text-ellipsis/TextEllipsis.d.ts +63 -0
- package/lib/text-ellipsis/TextEllipsis.js +127 -0
- package/lib/text-ellipsis/index.css +1 -0
- package/lib/text-ellipsis/index.d.ts +51 -0
- package/lib/text-ellipsis/index.js +35 -0
- package/lib/text-ellipsis/style/index.d.ts +1 -0
- package/lib/text-ellipsis/style/index.js +2 -0
- package/lib/text-ellipsis/types.d.ts +3 -0
- package/lib/text-ellipsis/types.js +15 -0
- package/lib/tree-select/TreeSelect.js +3 -2
- package/lib/vant.cjs.js +970 -849
- package/lib/vant.es.js +966 -845
- package/lib/vant.js +984 -850
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
<h1 align="center">Vant</h1>
|
6
6
|
|
7
|
-
<p align="center">
|
7
|
+
<p align="center">A lightweight, customizable Vue UI library for mobile web apps.</p>
|
8
8
|
|
9
9
|
<p align="center">
|
10
10
|
<img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
|
@@ -33,11 +33,11 @@
|
|
33
33
|
- π Extensive documentation and demos
|
34
34
|
- π Provide Sketch and Axure design resources
|
35
35
|
- π Support Vue 2 & Vue 3
|
36
|
+
- π Support Nuxt 2 & Nuxt 3, provide [Vant Module](https://github.com/vant-ui/vant-nuxt) for Nuxt
|
36
37
|
- π Support Tree Shaking
|
37
38
|
- π Support Custom Theme
|
38
39
|
- π Support Accessibility (still improving)
|
39
40
|
- π Support Dark Mode
|
40
|
-
- π Support Nuxt 3
|
41
41
|
- π Support SSR
|
42
42
|
- π Support i18n, built-in 30+ languages
|
43
43
|
|
@@ -80,10 +80,6 @@ app.use(Button);
|
|
80
80
|
|
81
81
|
See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
|
82
82
|
|
83
|
-
## Start On Visual Studio Code Web
|
84
|
-
|
85
|
-
[https://github.dev/youzan/vant](https://github.dev/youzan/vant)
|
86
|
-
|
87
83
|
## Browser Support
|
88
84
|
|
89
85
|
Vant 2 supports modern browsers and Android >= 4.0γiOS >= 8.0.
|
@@ -99,6 +95,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51γiOS >= 10.0 (same as Vue 3)
|
|
99
95
|
| [vant-cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli) | Scaffold for UI library |
|
100
96
|
| [vant-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant icons |
|
101
97
|
| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | Using vant in desktop browsers |
|
98
|
+
| [vant-nuxt](https://github.com/vant-ui/vant-nuxt) | Vant module for Nuxt |
|
102
99
|
|
103
100
|
## Community Ecosystem
|
104
101
|
|
@@ -127,9 +124,13 @@ You can scan the following QR code to access the demoοΌ
|
|
127
124
|
|
128
125
|
Core contributors of Vant and Vant Weapp:
|
129
126
|
|
130
|
-
| [](https://github.com/chenjiahan/) | [](https://github.com/cookfront/) | [](https://github.com/w91/) | [](https://github.com/pangxie1991/) | [](https://github.com/rex-zsd/) |
|
131
|
-
| :-: | :-: | :-: | :-: | :-: |
|
132
|
-
| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) |
|
127
|
+
| [](https://github.com/chenjiahan/) | [](https://github.com/cookfront/) | [](https://github.com/w91/) | [](https://github.com/pangxie1991/) | [](https://github.com/rex-zsd/) |
|
128
|
+
| :-: | :-: | :-: | :-: | :-: |
|
129
|
+
| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) |
|
130
|
+
|
131
|
+
| [](https://github.com/nemo-shen/) | [](https://github.com/Lindysen/) | [](https://github.com/JakeLaoyu/) | [](https://github.com/landluck/) | [](https://github.com/wjw-gavin/) |
|
132
|
+
| :-: | :-: | :-: | :-: | :-: |
|
133
|
+
| [nemo-shen](https://github.com/nemo-shen/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) | [landluck](https://github.com/landluck/) | [wjw-gavin](https://github.com/wjw-gavin/) |
|
133
134
|
|
134
135
|
## All Contributors
|
135
136
|
|
@@ -143,6 +144,10 @@ Thanks to the following friends for their contributions to Vant:
|
|
143
144
|
|
144
145
|
Please make sure to read the [Contributing Guide](./.github/CONTRIBUTING.md) before making a pull request.
|
145
146
|
|
147
|
+
## Start On Web IDE
|
148
|
+
|
149
|
+
[https://github.dev/youzan/vant](https://github.dev/youzan/vant)
|
150
|
+
|
146
151
|
## LICENSE
|
147
152
|
|
148
|
-
[MIT](https://
|
153
|
+
Vant is [MIT](https://github.com/youzan/vant/blob/main/LICENSE) licensed.
|
package/es/back-top/BackTop.d.ts
CHANGED
@@ -2,6 +2,7 @@ import { type PropType, type ExtractPropTypes } from 'vue';
|
|
2
2
|
export declare const backTopProps: {
|
3
3
|
right: (NumberConstructor | StringConstructor)[];
|
4
4
|
bottom: (NumberConstructor | StringConstructor)[];
|
5
|
+
zIndex: (NumberConstructor | StringConstructor)[];
|
5
6
|
target: PropType<string | import("vue").RendererElement | null | undefined>;
|
6
7
|
offset: {
|
7
8
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -17,6 +18,7 @@ export type BackTopProps = ExtractPropTypes<typeof backTopProps>;
|
|
17
18
|
declare const _default: import("vue").DefineComponent<{
|
18
19
|
right: (NumberConstructor | StringConstructor)[];
|
19
20
|
bottom: (NumberConstructor | StringConstructor)[];
|
21
|
+
zIndex: (NumberConstructor | StringConstructor)[];
|
20
22
|
target: PropType<string | import("vue").RendererElement | null | undefined>;
|
21
23
|
offset: {
|
22
24
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -30,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
30
32
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
31
33
|
right: (NumberConstructor | StringConstructor)[];
|
32
34
|
bottom: (NumberConstructor | StringConstructor)[];
|
35
|
+
zIndex: (NumberConstructor | StringConstructor)[];
|
33
36
|
target: PropType<string | import("vue").RendererElement | null | undefined>;
|
34
37
|
offset: {
|
35
38
|
type: (NumberConstructor | StringConstructor)[];
|
package/es/back-top/BackTop.mjs
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
|
2
2
|
import { ref, watch, computed, Teleport, nextTick, onMounted, defineComponent } from "vue";
|
3
|
-
import { addUnit, inBrowser, numericProp, getScrollTop, createNamespace, makeNumericProp } from "../utils/index.mjs";
|
3
|
+
import { extend, addUnit, inBrowser, numericProp, getScrollTop, getZIndexStyle, createNamespace, makeNumericProp } from "../utils/index.mjs";
|
4
4
|
import { throttle } from "../lazyload/vue-lazyload/util.mjs";
|
5
5
|
import { useEventListener, getScrollParent } from "@vant/use";
|
6
6
|
import { Icon } from "../icon/index.mjs";
|
@@ -8,6 +8,7 @@ const [name, bem] = createNamespace("back-top");
|
|
8
8
|
const backTopProps = {
|
9
9
|
right: numericProp,
|
10
10
|
bottom: numericProp,
|
11
|
+
zIndex: numericProp,
|
11
12
|
target: [String, Object],
|
12
13
|
offset: makeNumericProp(200),
|
13
14
|
immediate: Boolean,
|
@@ -29,7 +30,7 @@ var stdin_default = defineComponent({
|
|
29
30
|
const show = ref(false);
|
30
31
|
const root = ref();
|
31
32
|
const scrollParent = ref();
|
32
|
-
const style = computed(() => ({
|
33
|
+
const style = computed(() => extend(getZIndexStyle(props.zIndex), {
|
33
34
|
right: addUnit(props.right),
|
34
35
|
bottom: addUnit(props.bottom)
|
35
36
|
}));
|
package/es/back-top/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}
|
1
|
+
:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}
|
package/es/back-top/index.d.ts
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
export declare const BackTop: import("../utils").WithInstall<import("vue").DefineComponent<{
|
2
2
|
right: (NumberConstructor | StringConstructor)[];
|
3
3
|
bottom: (NumberConstructor | StringConstructor)[];
|
4
|
+
zIndex: (NumberConstructor | StringConstructor)[];
|
4
5
|
target: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
|
5
6
|
offset: {
|
6
7
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -14,6 +15,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
|
|
14
15
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
15
16
|
right: (NumberConstructor | StringConstructor)[];
|
16
17
|
bottom: (NumberConstructor | StringConstructor)[];
|
18
|
+
zIndex: (NumberConstructor | StringConstructor)[];
|
17
19
|
target: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
|
18
20
|
offset: {
|
19
21
|
type: (NumberConstructor | StringConstructor)[];
|
package/es/back-top/types.d.ts
CHANGED
@@ -62,7 +62,6 @@ var stdin_default = defineComponent({
|
|
62
62
|
const toggleItem = (active) => {
|
63
63
|
children.forEach((item, index) => {
|
64
64
|
if (index === active) {
|
65
|
-
updateOffset();
|
66
65
|
item.toggle();
|
67
66
|
} else if (item.state.showPopup) {
|
68
67
|
item.toggle(false, {
|
@@ -108,7 +107,8 @@ var stdin_default = defineComponent({
|
|
108
107
|
linkChildren({
|
109
108
|
id,
|
110
109
|
props,
|
111
|
-
offset
|
110
|
+
offset,
|
111
|
+
updateOffset
|
112
112
|
});
|
113
113
|
useClickAway(root, onClickAway);
|
114
114
|
useEventListener("scroll", onScroll, {
|
package/es/field/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field{flex-wrap:wrap}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--top{
|
1
|
+
:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field{flex-wrap:wrap}.van-field--label-top .van-field__value{flex:none;width:100%}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--top{margin-bottom:var(--van-padding-base)}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
|
package/es/index.d.ts
CHANGED
@@ -88,6 +88,7 @@ export * from "./tabbar";
|
|
88
88
|
export * from "./tabbar-item";
|
89
89
|
export * from "./tabs";
|
90
90
|
export * from "./tag";
|
91
|
+
export * from "./text-ellipsis";
|
91
92
|
export * from "./time-picker";
|
92
93
|
export * from "./toast";
|
93
94
|
export * from "./tree-select";
|
@@ -98,4 +99,4 @@ declare namespace _default {
|
|
98
99
|
}
|
99
100
|
export default _default;
|
100
101
|
export function install(app: any): void;
|
101
|
-
export const version: "4.0
|
102
|
+
export const version: "4.1.0";
|
package/es/index.mjs
CHANGED
@@ -87,11 +87,12 @@ import { Tabbar } from "./tabbar/index.mjs";
|
|
87
87
|
import { TabbarItem } from "./tabbar-item/index.mjs";
|
88
88
|
import { Tabs } from "./tabs/index.mjs";
|
89
89
|
import { Tag } from "./tag/index.mjs";
|
90
|
+
import { TextEllipsis } from "./text-ellipsis/index.mjs";
|
90
91
|
import { TimePicker } from "./time-picker/index.mjs";
|
91
92
|
import { Toast } from "./toast/index.mjs";
|
92
93
|
import { TreeSelect } from "./tree-select/index.mjs";
|
93
94
|
import { Uploader } from "./uploader/index.mjs";
|
94
|
-
const version = "4.0
|
95
|
+
const version = "4.1.0";
|
95
96
|
function install(app) {
|
96
97
|
const components = [
|
97
98
|
ActionBar,
|
@@ -183,6 +184,7 @@ function install(app) {
|
|
183
184
|
TabbarItem,
|
184
185
|
Tabs,
|
185
186
|
Tag,
|
187
|
+
TextEllipsis,
|
186
188
|
TimePicker,
|
187
189
|
Toast,
|
188
190
|
TreeSelect,
|
@@ -286,6 +288,7 @@ export * from "./tabbar/index.mjs";
|
|
286
288
|
export * from "./tabbar-item/index.mjs";
|
287
289
|
export * from "./tabs/index.mjs";
|
288
290
|
export * from "./tag/index.mjs";
|
291
|
+
export * from "./text-ellipsis/index.mjs";
|
289
292
|
export * from "./time-picker/index.mjs";
|
290
293
|
export * from "./toast/index.mjs";
|
291
294
|
export * from "./tree-select/index.mjs";
|
package/es/locale/lang/uk-UA.mjs
CHANGED
@@ -2,7 +2,7 @@ var stdin_default = {
|
|
2
2
|
name: "\u0406\u043C'\u044F",
|
3
3
|
tel: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D",
|
4
4
|
save: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
|
5
|
-
confirm: "\
|
5
|
+
confirm: "\u041F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
|
6
6
|
cancel: "\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438",
|
7
7
|
delete: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438",
|
8
8
|
loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F...",
|
@@ -12,30 +12,30 @@ var stdin_default = {
|
|
12
12
|
telInvalid: "\u041D\u0435\u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u0438\u0439 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443",
|
13
13
|
vanCalendar: {
|
14
14
|
end: "\u041A\u0456\u043D\u0435\u0446\u044C",
|
15
|
-
start: "\u041F\u043E\u0447\u0430\u0442\
|
15
|
+
start: "\u041F\u043E\u0447\u0430\u0442\u043E\u043A",
|
16
16
|
title: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440",
|
17
17
|
weekdays: [
|
18
|
-
"\
|
19
|
-
"\
|
20
|
-
"\
|
21
|
-
"\
|
22
|
-
"\
|
23
|
-
"\
|
24
|
-
"\
|
18
|
+
"\u041D\u0434",
|
19
|
+
"\u041F\u043D",
|
20
|
+
"\u0412\u0442",
|
21
|
+
"\u0421\u0440",
|
22
|
+
"\u0427\u0442",
|
23
|
+
"\u041F\u0442",
|
24
|
+
"\u0421\u0431"
|
25
25
|
],
|
26
26
|
monthTitle: (year, month) => `${year}/${month}`,
|
27
|
-
rangePrompt: (maxRange) => `\
|
27
|
+
rangePrompt: (maxRange) => `\u041E\u0431\u0435\u0440\u0456\u0442\u044C \u043D\u0435 \u0431\u0456\u043B\u044C\u0448\u0435 \u043D\u0456\u0436 ${maxRange} \u0434\u043D\u0456\u0432`
|
28
28
|
},
|
29
29
|
vanCascader: {
|
30
|
-
select: "\
|
30
|
+
select: "\u041E\u0431\u0440\u0430\u0442\u0438"
|
31
31
|
},
|
32
32
|
vanPagination: {
|
33
|
-
prev: "\u041F\u043E\
|
33
|
+
prev: "\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u0438\u0441\u044F",
|
34
34
|
next: "\u0414\u0430\u043B\u0456"
|
35
35
|
},
|
36
36
|
vanPullRefresh: {
|
37
37
|
pulling: "\u041F\u043E\u0442\u044F\u0433\u043D\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438...",
|
38
|
-
loosing: "\
|
38
|
+
loosing: "\u0412\u0456\u0434\u043F\u0443\u0441\u0442\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
|
39
39
|
},
|
40
40
|
vanSubmitBar: {
|
41
41
|
label: "\u0423\u0441\u044C\u043E\u0433\u043E:"
|
@@ -54,11 +54,11 @@ var stdin_default = {
|
|
54
54
|
close: "\u0417\u0430\u043A\u0440\u0438\u0442\u0438",
|
55
55
|
enable: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
|
56
56
|
disabled: "\u041D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
|
57
|
-
placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\
|
57
|
+
placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\u0443"
|
58
58
|
},
|
59
59
|
vanAddressEdit: {
|
60
60
|
area: "\u041E\u0431\u043B\u0430\u0441\u0442\u044C",
|
61
|
-
areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \
|
61
|
+
areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u043E\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
|
62
62
|
addressEmpty: "\u0410\u0434\u0440\u0435\u0441\u0430 \u043D\u0435 \u043C\u043E\u0436\u0435 \u0431\u0443\u0442\u0438 \u043F\u043E\u0440\u043E\u0436\u043D\u044C\u043E\u044E",
|
63
63
|
addressDetail: "\u0410\u0434\u0440\u0435\u0441\u0430",
|
64
64
|
defaultAddress: "\u0412\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0438 \u044F\u043A \u0430\u0434\u0440\u0435\u0441\u0443 \u0437\u0430 \u0437\u0430\u043C\u043E\u0432\u0447\u0443\u0432\u0430\u043D\u043D\u044F\u043C"
|
@@ -154,7 +154,7 @@ var stdin_default = defineComponent({
|
|
154
154
|
class: "van-ellipsis",
|
155
155
|
[props.allowHtml ? "innerHTML" : "textContent"]: text
|
156
156
|
};
|
157
|
-
return _createVNode("li", data, [slots.option ? slots.option(option) : _createVNode("div", childData, null)]);
|
157
|
+
return _createVNode("li", data, [slots.option ? slots.option(option, index) : _createVNode("div", childData, null)]);
|
158
158
|
});
|
159
159
|
};
|
160
160
|
useParent(PICKER_KEY);
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { createVNode as _createVNode } from "vue";
|
2
2
|
import { ref, defineComponent } from "vue";
|
3
|
-
import { extend, makeArrayProp, createNamespace } from "../utils/index.mjs";
|
3
|
+
import { extend, pick, makeArrayProp, createNamespace } from "../utils/index.mjs";
|
4
4
|
import { useChildren } from "@vant/use";
|
5
5
|
import { Tab } from "../tab/index.mjs";
|
6
6
|
import { Tabs } from "../tabs/index.mjs";
|
7
|
-
import Toolbar, { pickerToolbarProps } from "../picker/PickerToolbar.mjs";
|
7
|
+
import Toolbar, { pickerToolbarProps, pickerToolbarSlots } 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({
|
@@ -46,12 +46,13 @@ var stdin_default = defineComponent({
|
|
46
46
|
"confirmButtonText": confirmButtonText,
|
47
47
|
"onConfirm": onConfirm,
|
48
48
|
"onCancel": onCancel
|
49
|
-
},
|
49
|
+
}, pick(slots, pickerToolbarSlots)), _createVNode(Tabs, {
|
50
50
|
"active": activeTab.value,
|
51
51
|
"onUpdate:active": ($event) => activeTab.value = $event,
|
52
52
|
"class": bem("tabs"),
|
53
53
|
"shrink": true,
|
54
|
-
"animated": true
|
54
|
+
"animated": true,
|
55
|
+
"lazyRender": false
|
55
56
|
}, {
|
56
57
|
default: () => [props.tabs.map((title, index) => _createVNode(Tab, {
|
57
58
|
"title": title,
|
package/es/popover/Popover.mjs
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
|
2
2
|
import { ref, watch, nextTick, onMounted, watchEffect, onBeforeUnmount, defineComponent } from "vue";
|
3
3
|
import { createPopper, offsetModifier } from "@vant/popperjs";
|
4
|
-
import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
|
4
|
+
import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
|
5
5
|
import { useClickAway } from "@vant/use";
|
6
6
|
import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
|
7
7
|
import { Icon } from "../icon/index.mjs";
|
@@ -73,6 +73,10 @@ var stdin_default = defineComponent({
|
|
73
73
|
}
|
74
74
|
if (!popper) {
|
75
75
|
popper = createPopperInstance();
|
76
|
+
if (inBrowser) {
|
77
|
+
window.addEventListener("animationend", updateLocation);
|
78
|
+
window.addEventListener("transitionend", updateLocation);
|
79
|
+
}
|
76
80
|
} else {
|
77
81
|
popper.setOptions(getPopoverOptions());
|
78
82
|
}
|
@@ -145,6 +149,10 @@ var stdin_default = defineComponent({
|
|
145
149
|
});
|
146
150
|
onBeforeUnmount(() => {
|
147
151
|
if (popper) {
|
152
|
+
if (inBrowser) {
|
153
|
+
window.removeEventListener("animationend", updateLocation);
|
154
|
+
window.removeEventListener("transitionend", updateLocation);
|
155
|
+
}
|
148
156
|
popper.destroy();
|
149
157
|
popper = null;
|
150
158
|
}
|
package/es/popover/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;
|
1
|
+
:root{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-ease-in)}
|
package/es/space/Space.mjs
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createVNode as _createVNode } from "vue";
|
2
|
-
import { computed, defineComponent, Fragment } from "vue";
|
2
|
+
import { computed, Comment, defineComponent, Fragment, Text } from "vue";
|
3
3
|
import { createNamespace } from "../utils/index.mjs";
|
4
4
|
const [name, bem] = createNamespace("space");
|
5
5
|
const spaceProps = {
|
@@ -28,7 +28,7 @@ function filterEmpty(children = []) {
|
|
28
28
|
});
|
29
29
|
return nodes.filter((c) => {
|
30
30
|
var _a;
|
31
|
-
return !(c && (
|
31
|
+
return !(c && (c.type === Comment || c.type === Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
|
32
32
|
});
|
33
33
|
}
|
34
34
|
var stdin_default = defineComponent({
|
package/es/swipe/Swipe.mjs
CHANGED
@@ -229,7 +229,9 @@ var stdin_default = defineComponent({
|
|
229
229
|
offset: delta.value
|
230
230
|
});
|
231
231
|
if (!dragging) {
|
232
|
-
emit("dragStart"
|
232
|
+
emit("dragStart", {
|
233
|
+
index: activeIndicator.value
|
234
|
+
});
|
233
235
|
dragging = true;
|
234
236
|
}
|
235
237
|
}
|
@@ -262,7 +264,9 @@ var stdin_default = defineComponent({
|
|
262
264
|
}
|
263
265
|
dragging = false;
|
264
266
|
state.swiping = false;
|
265
|
-
emit("dragEnd"
|
267
|
+
emit("dragEnd", {
|
268
|
+
index: activeIndicator.value
|
269
|
+
});
|
266
270
|
autoplay();
|
267
271
|
};
|
268
272
|
const swipeTo = (index, options = {}) => {
|
package/es/tabs/Tabs.mjs
CHANGED
@@ -8,6 +8,7 @@ import { route } from "../composables/use-route.mjs";
|
|
8
8
|
import { useRefs } from "../composables/use-refs.mjs";
|
9
9
|
import { useExpose } from "../composables/use-expose.mjs";
|
10
10
|
import { onPopupReopen } from "../composables/on-popup-reopen.mjs";
|
11
|
+
import { useVisibilityChange } from "../composables/use-visibility-change.mjs";
|
11
12
|
import { Sticky } from "../sticky/index.mjs";
|
12
13
|
import TabsTitle from "./TabsTitle.mjs";
|
13
14
|
import TabsContent from "./TabsContent.mjs";
|
@@ -320,6 +321,7 @@ var stdin_default = defineComponent({
|
|
320
321
|
onActivated(setLine);
|
321
322
|
onPopupReopen(setLine);
|
322
323
|
onMountedOrActivated(init);
|
324
|
+
useVisibilityChange(root, setLine);
|
323
325
|
useEventListener("scroll", onScroll, {
|
324
326
|
target: scroller,
|
325
327
|
passive: true
|
@@ -0,0 +1,63 @@
|
|
1
|
+
import { type ExtractPropTypes } from 'vue';
|
2
|
+
export declare const textEllipsisProps: {
|
3
|
+
rows: {
|
4
|
+
type: (NumberConstructor | StringConstructor)[];
|
5
|
+
default: number;
|
6
|
+
};
|
7
|
+
content: {
|
8
|
+
type: import("vue").PropType<string>;
|
9
|
+
default: string;
|
10
|
+
};
|
11
|
+
expandText: {
|
12
|
+
type: import("vue").PropType<string>;
|
13
|
+
default: string;
|
14
|
+
};
|
15
|
+
collapseText: {
|
16
|
+
type: import("vue").PropType<string>;
|
17
|
+
default: string;
|
18
|
+
};
|
19
|
+
};
|
20
|
+
export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
|
21
|
+
declare const _default: import("vue").DefineComponent<{
|
22
|
+
rows: {
|
23
|
+
type: (NumberConstructor | StringConstructor)[];
|
24
|
+
default: number;
|
25
|
+
};
|
26
|
+
content: {
|
27
|
+
type: import("vue").PropType<string>;
|
28
|
+
default: string;
|
29
|
+
};
|
30
|
+
expandText: {
|
31
|
+
type: import("vue").PropType<string>;
|
32
|
+
default: string;
|
33
|
+
};
|
34
|
+
collapseText: {
|
35
|
+
type: import("vue").PropType<string>;
|
36
|
+
default: string;
|
37
|
+
};
|
38
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
39
|
+
rows: {
|
40
|
+
type: (NumberConstructor | StringConstructor)[];
|
41
|
+
default: number;
|
42
|
+
};
|
43
|
+
content: {
|
44
|
+
type: import("vue").PropType<string>;
|
45
|
+
default: string;
|
46
|
+
};
|
47
|
+
expandText: {
|
48
|
+
type: import("vue").PropType<string>;
|
49
|
+
default: string;
|
50
|
+
};
|
51
|
+
collapseText: {
|
52
|
+
type: import("vue").PropType<string>;
|
53
|
+
default: string;
|
54
|
+
};
|
55
|
+
}>> & {
|
56
|
+
onClickAction?: ((...args: any[]) => any) | undefined;
|
57
|
+
}, {
|
58
|
+
content: string;
|
59
|
+
rows: string | number;
|
60
|
+
expandText: string;
|
61
|
+
collapseText: string;
|
62
|
+
}>;
|
63
|
+
export default _default;
|