vant 4.0.11 → 4.1.0

package/README.md

@@ -124,9 +124,13 @@ You can scan the following QR code to access the demo：
 
 Core contributors of Vant and Vant Weapp:
 
-| [![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/) |
-| :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
-| [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/) |
+| [![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/) |
+| :-: | :-: | :-: | :-: | :-: |
+| [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://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/) |
+| :-: | :-: | :-: | :-: | :-: |
+| [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/) |
 
 ## All Contributors
 

package/es/dropdown-item/DropdownItem.mjs

@@ -62,6 +62,7 @@ var stdin_default = defineComponent({
       state.showPopup = show;
       state.transition = !options.immediate;
       if (show) {
+        parent.updateOffset();
         state.showWrapper = true;
       }
     };

package/es/dropdown-menu/DropdownMenu.mjs

@@ -62,7 +62,6 @@ var stdin_default = defineComponent({
     const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
-          updateOffset();
           item.toggle();
         } else if (item.state.showPopup) {
           item.toggle(false, {
@@ -108,7 +107,8 @@ var stdin_default = defineComponent({
     linkChildren({
       id,
       props,
-      offset
+      offset,
+      updateOffset
     });
     useClickAway(root, onClickAway);
     useEventListener("scroll", onScroll, {

package/es/dropdown-menu/types.d.ts

@@ -5,6 +5,7 @@ export type DropdownMenuProvide = {
     id: string;
     props: DropdownMenuProps;
     offset: Ref<number>;
+    updateOffset: () => void;
 };
 export type DropdownMenuThemeVars = {
     dropdownMenuHeight?: string;

package/es/field/index.css

@@ -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}
+: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

@@ -88,6 +88,7 @@ export * from "./tabbar";
 export * from "./tabbar-item";
 export * from "./tabs";
 export * from "./tag";
+export * from "./text-ellipsis";
 export * from "./time-picker";
 export * from "./toast";
 export * from "./tree-select";
@@ -98,4 +99,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.11";
+export const version: "4.1.0";

package/es/index.mjs

@@ -87,11 +87,12 @@ import { Tabbar } from "./tabbar/index.mjs";
 import { TabbarItem } from "./tabbar-item/index.mjs";
 import { Tabs } from "./tabs/index.mjs";
 import { Tag } from "./tag/index.mjs";
+import { TextEllipsis } from "./text-ellipsis/index.mjs";
 import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.11";
+const version = "4.1.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -183,6 +184,7 @@ function install(app) {
     TabbarItem,
     Tabs,
     Tag,
+    TextEllipsis,
     TimePicker,
     Toast,
     TreeSelect,
@@ -286,6 +288,7 @@ export * from "./tabbar/index.mjs";
 export * from "./tabbar-item/index.mjs";
 export * from "./tabs/index.mjs";
 export * from "./tag/index.mjs";
+export * from "./text-ellipsis/index.mjs";
 export * from "./time-picker/index.mjs";
 export * from "./toast/index.mjs";
 export * from "./tree-select/index.mjs";

package/es/locale/lang/uk-UA.mjs

@@ -2,7 +2,7 @@ var stdin_default = {
   name: "\u0406\u043C'\u044F",
   tel: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D",
   save: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
-  confirm: "\u043F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
+  confirm: "\u041F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
   cancel: "\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438",
   delete: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438",
   loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F...",
@@ -12,30 +12,30 @@ var stdin_default = {
   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",
   vanCalendar: {
     end: "\u041A\u0456\u043D\u0435\u0446\u044C",
-    start: "\u041F\u043E\u0447\u0430\u0442\u0438",
+    start: "\u041F\u043E\u0447\u0430\u0442\u043E\u043A",
     title: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440",
     weekdays: [
-      "\u043D\u0435\u0434\u0456\u043B\u044F",
-      "\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A",
-      "\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A",
-      "\u0441\u0435\u0440\u0435\u0434\u0430",
-      "\u0447\u0435\u0442\u0432\u0435\u0440",
-      "\u043F'\u044F\u0442\u043D\u0438\u0446\u044F",
-      "\u0441\u0443\u0431\u043E\u0442\u0430"
+      "\u041D\u0434",
+      "\u041F\u043D",
+      "\u0412\u0442",
+      "\u0421\u0440",
+      "\u0427\u0442",
+      "\u041F\u0442",
+      "\u0421\u0431"
     ],
     monthTitle: (year, month) => `${year}/${month}`,
-    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`
+    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`
   },
   vanCascader: {
-    select: "\u0412\u0438\u0431\u0440\u0430\u0442\u0438"
+    select: "\u041E\u0431\u0440\u0430\u0442\u0438"
   },
   vanPagination: {
-    prev: "\u041F\u043E\u043F\u0435\u0440\u0435\u0434\u043D\u0456\u0439",
+    prev: "\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u0438\u0441\u044F",
     next: "\u0414\u0430\u043B\u0456"
   },
   vanPullRefresh: {
     pulling: "\u041F\u043E\u0442\u044F\u0433\u043D\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438...",
-    loosing: "\u041F\u043E\u0433\u0430\u043D\u043E \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
+    loosing: "\u0412\u0456\u0434\u043F\u0443\u0441\u0442\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
   },
   vanSubmitBar: {
     label: "\u0423\u0441\u044C\u043E\u0433\u043E:"
@@ -54,11 +54,11 @@ var stdin_default = {
     close: "\u0417\u0430\u043A\u0440\u0438\u0442\u0438",
     enable: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
     disabled: "\u041D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
-    placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\u0430"
+    placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\u0443"
   },
   vanAddressEdit: {
     area: "\u041E\u0431\u043B\u0430\u0441\u0442\u044C",
-    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",
+    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",
     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",
     addressDetail: "\u0410\u0434\u0440\u0435\u0441\u0430",
     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"

package/es/swipe/Swipe.mjs

@@ -229,7 +229,9 @@ var stdin_default = defineComponent({
               offset: delta.value
             });
             if (!dragging) {
-              emit("dragStart");
+              emit("dragStart", {
+                index: activeIndicator.value
+              });
               dragging = true;
             }
           }
@@ -262,7 +264,9 @@ var stdin_default = defineComponent({
       }
       dragging = false;
       state.swiping = false;
-      emit("dragEnd");
+      emit("dragEnd", {
+        index: activeIndicator.value
+      });
       autoplay();
     };
     const swipeTo = (index, options = {}) => {

package/es/text-ellipsis/TextEllipsis.d.ts

@@ -0,0 +1,63 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const textEllipsisProps: {
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
+declare const _default: import("vue").DefineComponent<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+}>;
+export default _default;

package/es/text-ellipsis/TextEllipsis.mjs

@@ -0,0 +1,108 @@
+import { createVNode as _createVNode } from "vue";
+import { ref, watch, onMounted, defineComponent } from "vue";
+import { useEventListener } from "@vant/use";
+import { makeNumericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+const [name, bem] = createNamespace("text-ellipsis");
+const textEllipsisProps = {
+  rows: makeNumericProp(1),
+  content: makeStringProp(""),
+  expandText: makeStringProp(""),
+  collapseText: makeStringProp("")
+};
+var stdin_default = defineComponent({
+  name,
+  props: textEllipsisProps,
+  emits: ["clickAction"],
+  setup(props, {
+    emit
+  }) {
+    const text = ref("");
+    const expanded = ref(false);
+    const hasAction = ref(false);
+    const root = ref();
+    const pxToNum = (value) => {
+      if (!value)
+        return 0;
+      const match = value.match(/^\d*(\.\d*)?/);
+      return match ? Number(match[0]) : 0;
+    };
+    const calcEllipsised = () => {
+      const cloneContainer = () => {
+        if (!root.value)
+          return;
+        const originStyle = window.getComputedStyle(root.value);
+        const container2 = document.createElement("div");
+        const styleNames = Array.prototype.slice.apply(originStyle);
+        styleNames.forEach((name2) => {
+          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
+        });
+        container2.style.position = "fixed";
+        container2.style.zIndex = "-9999";
+        container2.style.top = "-9999px";
+        container2.style.height = "auto";
+        container2.style.minHeight = "auto";
+        container2.style.maxHeight = "auto";
+        container2.innerText = props.content;
+        document.body.appendChild(container2);
+        return container2;
+      };
+      const calcEllipsisText = (container2, maxHeight2) => {
+        const {
+          content,
+          expandText
+        } = props;
+        const dot = "...";
+        let left = 0;
+        let right = content.length;
+        let res = -1;
+        while (left <= right) {
+          const mid = Math.floor((left + right) / 2);
+          container2.innerText = content.slice(0, mid) + dot + expandText;
+          if (container2.offsetHeight <= maxHeight2) {
+            left = mid + 1;
+            res = mid;
+          } else {
+            right = mid - 1;
+          }
+        }
+        return content.slice(0, res) + dot;
+      };
+      const container = cloneContainer();
+      if (!container)
+        return;
+      const {
+        paddingBottom,
+        paddingTop,
+        lineHeight
+      } = container.style;
+      const maxHeight = (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      if (maxHeight < container.offsetHeight) {
+        hasAction.value = true;
+        text.value = calcEllipsisText(container, maxHeight);
+      } else {
+        hasAction.value = false;
+        text.value = props.content;
+      }
+      document.body.removeChild(container);
+    };
+    const onClickAction = (event) => {
+      expanded.value = !expanded.value;
+      emit("clickAction", event);
+    };
+    const renderAction = () => _createVNode("span", {
+      "class": bem("action"),
+      "onClick": onClickAction
+    }, [expanded.value ? props.collapseText : props.expandText]);
+    onMounted(calcEllipsised);
+    watch(() => [props.content, props.rows], calcEllipsised);
+    useEventListener("resize", calcEllipsised);
+    return () => _createVNode("div", {
+      "ref": root,
+      "class": bem()
+    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
+  }
+});
+export {
+  stdin_default as default,
+  textEllipsisProps
+};

package/es/text-ellipsis/index.css

@@ -0,0 +1 @@
+:root{--van-text-ellipsis-line-height: 1.6;--van-text-ellipsis-action-color: var(--van-blue)}.van-text-ellipsis{line-height:var(--van-text-ellipsis-line-height);white-space:pre-wrap}.van-text-ellipsis__action{cursor:pointer;color:var(--van-text-ellipsis-action-color)}.van-text-ellipsis__action:active{opacity:var(--van-active-opacity)}

package/es/text-ellipsis/index.d.ts

@@ -0,0 +1,51 @@
+export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+}>>;
+export default TextEllipsis;
+export { textEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTextEllipsis: typeof TextEllipsis;
+    }
+}

package/es/text-ellipsis/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _TextEllipsis from "./TextEllipsis.mjs";
+const TextEllipsis = withInstall(_TextEllipsis);
+var stdin_default = TextEllipsis;
+import { textEllipsisProps } from "./TextEllipsis.mjs";
+export {
+  TextEllipsis,
+  stdin_default as default,
+  textEllipsisProps
+};

package/es/text-ellipsis/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/text-ellipsis/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/text-ellipsis/types.d.ts

@@ -0,0 +1,3 @@
+export type TextEllipsisThemeVars = {
+    textEllipsisActionColor?: string;
+};

package/es/tree-select/TreeSelect.mjs

@@ -64,12 +64,13 @@ var stdin_default = defineComponent({
     const renderSidebar = () => {
       const Items = props.items.map((item) => _createVNode(SidebarItem, {
         "dot": item.dot,
-        "title": item.text,
         "badge": item.badge,
         "class": [bem("nav-item"), item.className],
         "disabled": item.disabled,
         "onClick": onClickSidebarItem
-      }, null));
+      }, {
+        title: () => slots["nav-text"] ? slots["nav-text"](item) : item.text
+      }));
       return _createVNode(Sidebar, {
         "class": bem("nav"),
         "modelValue": props.mainActiveIndex,

package/lib/dropdown-item/DropdownItem.js

@@ -85,6 +85,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       state.showPopup = show;
       state.transition = !options.immediate;
       if (show) {
+        parent.updateOffset();
         state.showWrapper = true;
       }
     };

package/lib/dropdown-menu/DropdownMenu.js

@@ -86,7 +86,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
-          updateOffset();
           item.toggle();
         } else if (item.state.showPopup) {
           item.toggle(false, {
@@ -132,7 +131,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     linkChildren({
       id,
       props,
-      offset
+      offset,
+      updateOffset
     });
     (0, import_use.useClickAway)(root, onClickAway);
     (0, import_use.useEventListener)("scroll", onScroll, {

package/lib/dropdown-menu/types.d.ts

@@ -5,6 +5,7 @@ export type DropdownMenuProvide = {
     id: string;
     props: DropdownMenuProps;
     offset: Ref<number>;
+    updateOffset: () => void;
 };
 export type DropdownMenuThemeVars = {
     dropdownMenuHeight?: string;

package/lib/field/index.css

@@ -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}
+: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}