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.
Files changed (66) hide show
  1. package/README.md +15 -10
  2. package/es/back-top/BackTop.d.ts +3 -0
  3. package/es/back-top/BackTop.mjs +3 -2
  4. package/es/back-top/index.css +1 -1
  5. package/es/back-top/index.d.ts +2 -0
  6. package/es/back-top/types.d.ts +3 -0
  7. package/es/dropdown-item/DropdownItem.mjs +1 -0
  8. package/es/dropdown-menu/DropdownMenu.mjs +2 -2
  9. package/es/dropdown-menu/types.d.ts +1 -0
  10. package/es/field/index.css +1 -1
  11. package/es/index.d.ts +2 -1
  12. package/es/index.mjs +4 -1
  13. package/es/locale/lang/uk-UA.mjs +15 -15
  14. package/es/picker/PickerColumn.mjs +1 -1
  15. package/es/picker-group/PickerGroup.mjs +5 -4
  16. package/es/popover/Popover.mjs +9 -1
  17. package/es/popover/index.css +1 -1
  18. package/es/space/Space.mjs +2 -2
  19. package/es/swipe/Swipe.mjs +6 -2
  20. package/es/tabs/Tabs.mjs +2 -0
  21. package/es/text-ellipsis/TextEllipsis.d.ts +63 -0
  22. package/es/text-ellipsis/TextEllipsis.mjs +108 -0
  23. package/es/text-ellipsis/index.css +1 -0
  24. package/es/text-ellipsis/index.d.ts +51 -0
  25. package/es/text-ellipsis/index.mjs +10 -0
  26. package/es/text-ellipsis/style/index.d.ts +1 -0
  27. package/es/text-ellipsis/style/index.mjs +2 -0
  28. package/es/text-ellipsis/types.d.ts +3 -0
  29. package/es/text-ellipsis/types.mjs +0 -0
  30. package/es/tree-select/TreeSelect.mjs +3 -2
  31. package/lib/back-top/BackTop.d.ts +3 -0
  32. package/lib/back-top/BackTop.js +2 -1
  33. package/lib/back-top/index.css +1 -1
  34. package/lib/back-top/index.d.ts +2 -0
  35. package/lib/back-top/types.d.ts +3 -0
  36. package/lib/dropdown-item/DropdownItem.js +1 -0
  37. package/lib/dropdown-menu/DropdownMenu.js +2 -2
  38. package/lib/dropdown-menu/types.d.ts +1 -0
  39. package/lib/field/index.css +1 -1
  40. package/lib/index.css +1 -1
  41. package/lib/index.d.ts +2 -1
  42. package/lib/index.js +4 -1
  43. package/lib/locale/lang/uk-UA.js +15 -15
  44. package/lib/picker/PickerColumn.js +1 -1
  45. package/lib/picker-group/PickerGroup.js +3 -2
  46. package/lib/popover/Popover.js +8 -0
  47. package/lib/popover/index.css +1 -1
  48. package/lib/space/Space.js +1 -1
  49. package/lib/swipe/Swipe.js +6 -2
  50. package/lib/tabs/Tabs.js +2 -0
  51. package/lib/text-ellipsis/TextEllipsis.d.ts +63 -0
  52. package/lib/text-ellipsis/TextEllipsis.js +127 -0
  53. package/lib/text-ellipsis/index.css +1 -0
  54. package/lib/text-ellipsis/index.d.ts +51 -0
  55. package/lib/text-ellipsis/index.js +35 -0
  56. package/lib/text-ellipsis/style/index.d.ts +1 -0
  57. package/lib/text-ellipsis/style/index.js +2 -0
  58. package/lib/text-ellipsis/types.d.ts +3 -0
  59. package/lib/text-ellipsis/types.js +15 -0
  60. package/lib/tree-select/TreeSelect.js +3 -2
  61. package/lib/vant.cjs.js +970 -849
  62. package/lib/vant.es.js +966 -845
  63. package/lib/vant.js +984 -850
  64. package/lib/vant.min.js +1 -1
  65. package/lib/web-types.json +1 -1
  66. 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">Lightweight Mobile UI Components built on Vue</p>
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
- | [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) | [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![nemo-shen](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) |
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/) | [nemo-shen](https://github.com/nemo-shen/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) |
127
+ | [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](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
+ | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) | [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![JakeLaoyu](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) | [![landluck](https://avatars.githubusercontent.com/u/27060081?s=80&v=4)](https://github.com/landluck/) | [![wjw-gavin](https://avatars.githubusercontent.com/u/19986739?s=80&v=4)](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://en.wikipedia.org/wiki/MIT_License)
153
+ Vant is [MIT](https://github.com/youzan/vant/blob/main/LICENSE) licensed.
@@ -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)[];
@@ -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
  }));
@@ -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)}
@@ -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)[];
@@ -1,5 +1,8 @@
1
1
  export type BackTopThemeVars = {
2
2
  backTopSize?: string;
3
+ backTopRight?: string;
4
+ backTopBottom?: string;
5
+ backTopZIndex?: number | string;
3
6
  backTopIconSize?: string;
4
7
  backTopTextColor?: string;
5
8
  backTopBackground?: string;
@@ -62,6 +62,7 @@ var stdin_default = defineComponent({
62
62
  state.showPopup = show;
63
63
  state.transition = !options.immediate;
64
64
  if (show) {
65
+ parent.updateOffset();
65
66
  state.showWrapper = true;
66
67
  }
67
68
  };
@@ -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, {
@@ -5,6 +5,7 @@ export type DropdownMenuProvide = {
5
5
  id: string;
6
6
  props: DropdownMenuProps;
7
7
  offset: Ref<number>;
8
+ updateOffset: () => void;
8
9
  };
9
10
  export type DropdownMenuThemeVars = {
10
11
  dropdownMenuHeight?: string;
@@ -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{display:flex;width:100%;text-align:left;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}
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.10";
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.10";
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";
@@ -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: "\u043F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
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\u0438",
15
+ start: "\u041F\u043E\u0447\u0430\u0442\u043E\u043A",
16
16
  title: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440",
17
17
  weekdays: [
18
- "\u043D\u0435\u0434\u0456\u043B\u044F",
19
- "\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A",
20
- "\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A",
21
- "\u0441\u0435\u0440\u0435\u0434\u0430",
22
- "\u0447\u0435\u0442\u0432\u0435\u0440",
23
- "\u043F'\u044F\u0442\u043D\u0438\u0446\u044F",
24
- "\u0441\u0443\u0431\u043E\u0442\u0430"
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) => `\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u043D\u0435 \u0431\u0456\u043B\u044C\u0448\u0435 \u043D\u0456\u0436 ${maxRange} \u0434\u043D\u0456\u0432`
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: "\u0412\u0438\u0431\u0440\u0430\u0442\u0438"
30
+ select: "\u041E\u0431\u0440\u0430\u0442\u0438"
31
31
  },
32
32
  vanPagination: {
33
- prev: "\u041F\u043E\u043F\u0435\u0440\u0435\u0434\u043D\u0456\u0439",
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: "\u041F\u043E\u0433\u0430\u043D\u043E \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
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\u0430"
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, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
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
- }, null), _createVNode(Tabs, {
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,
@@ -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
  }
@@ -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;transform:translate(-50%);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%}.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;transform:translateY(-50%);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%}.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;transform:translateY(-50%);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%}.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;transform:translate(-50%);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%}.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)}
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)}
@@ -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 && (typeof Comment !== "undefined" && c.type === Comment || c.type === Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
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({
@@ -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;