vant 4.8.0 → 4.8.1

package/README.md

@@ -66,6 +66,20 @@ pnpm add vant
 bun add vant
 ```
 
+## Scaffold
+
+It is recommended to use [Rsbuild](https://github.com/web-infra-dev/rsbuild) to create a scaffold project.
+
+Rsbuild is a build tool based on Rspack, developed by the author of Vant, with first-class build speed and development experience, providing first-priority support for Vant.
+
+You can create a Rsbuild project with the following command:
+
+```bash
+npm create rsbuild@latest
+```
+
+Please visit the [Rsbuild repository](https://github.com/web-infra-dev/rsbuild) for more information.
+
 ## Quickstart
 
 ```js

package/es/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.8.0";
+export const version: "4.8.1";

package/es/index.mjs

@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.8.0";
+const version = "4.8.1";
 function install(app) {
   const components = [
     ActionBar,

package/es/text-ellipsis/TextEllipsis.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, onMounted, defineComponent } from "vue";
-import { useEventListener } from "@vant/use";
-import { makeNumericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { makeNumericProp, makeStringProp, createNamespace, windowWidth } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("text-ellipsis");
 const textEllipsisProps = {
   rows: makeNumericProp(1),
@@ -117,8 +117,11 @@ var stdin_default = defineComponent({
       }
       document.body.removeChild(container);
     };
+    const toggle = (isExpanded = !expanded.value) => {
+      expanded.value = isExpanded;
+    };
     const onClickAction = (event) => {
-      expanded.value = !expanded.value;
+      toggle();
       emit("clickAction", event);
     };
     const renderAction = () => _createVNode("span", {
@@ -126,8 +129,10 @@ var stdin_default = defineComponent({
       "onClick": onClickAction
     }, [actionText.value]);
     onMounted(calcEllipsised);
-    watch(() => [props.content, props.rows, props.position], calcEllipsised);
-    useEventListener("resize", calcEllipsised);
+    watch([windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised);
+    useExpose({
+      toggle
+    });
     return () => _createVNode("div", {
       "ref": root,
       "class": bem()

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

@@ -61,7 +61,7 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
 export default TextEllipsis;
 export { textEllipsisProps } from './TextEllipsis';
 export type { TextEllipsisProps } from './TextEllipsis';
-export type { TextEllipsisThemeVars } from './types';
+export type { TextEllipsisInstance, TextEllipsisThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTextEllipsis: typeof TextEllipsis;

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

@@ -1,3 +1,9 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { TextEllipsisProps } from './TextEllipsis';
+export type TextEllipsisExpose = {
+    toggle: (expanded?: boolean) => void;
+};
+export type TextEllipsisInstance = ComponentPublicInstance<TextEllipsisProps, TextEllipsisExpose>;
 export type TextEllipsisThemeVars = {
     textEllipsisActionColor?: string;
 };

package/lib/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.8.0";
+export const version: "4.8.1";

package/lib/index.js

@@ -226,7 +226,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.8.0";
+const version = "4.8.1";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/text-ellipsis/TextEllipsis.js

@@ -23,8 +23,8 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
-var import_use = require("@vant/use");
 var import_utils = require("../utils");
+var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("text-ellipsis");
 const textEllipsisProps = {
   rows: (0, import_utils.makeNumericProp)(1),
@@ -140,8 +140,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       document.body.removeChild(container);
     };
+    const toggle = (isExpanded = !expanded.value) => {
+      expanded.value = isExpanded;
+    };
     const onClickAction = (event) => {
-      expanded.value = !expanded.value;
+      toggle();
       emit("clickAction", event);
     };
     const renderAction = () => (0, import_vue.createVNode)("span", {
@@ -149,8 +152,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "onClick": onClickAction
     }, [actionText.value]);
     (0, import_vue2.onMounted)(calcEllipsised);
-    (0, import_vue2.watch)(() => [props.content, props.rows, props.position], calcEllipsised);
-    (0, import_use.useEventListener)("resize", calcEllipsised);
+    (0, import_vue2.watch)([import_utils.windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised);
+    (0, import_use_expose.useExpose)({
+      toggle
+    });
     return () => (0, import_vue.createVNode)("div", {
       "ref": root,
       "class": bem()

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

@@ -61,7 +61,7 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
 export default TextEllipsis;
 export { textEllipsisProps } from './TextEllipsis';
 export type { TextEllipsisProps } from './TextEllipsis';
-export type { TextEllipsisThemeVars } from './types';
+export type { TextEllipsisInstance, TextEllipsisThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTextEllipsis: typeof TextEllipsis;

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

@@ -1,3 +1,9 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { TextEllipsisProps } from './TextEllipsis';
+export type TextEllipsisExpose = {
+    toggle: (expanded?: boolean) => void;
+};
+export type TextEllipsisInstance = ComponentPublicInstance<TextEllipsisProps, TextEllipsisExpose>;
 export type TextEllipsisThemeVars = {
     textEllipsisActionColor?: string;
 };

package/lib/vant.cjs.js

@@ -15048,8 +15048,11 @@ var stdin_default$9 = vue.defineComponent({
       }
       document.body.removeChild(container);
     };
+    const toggle = (isExpanded = !expanded.value) => {
+      expanded.value = isExpanded;
+    };
     const onClickAction = (event) => {
-      expanded.value = !expanded.value;
+      toggle();
       emit("clickAction", event);
     };
     const renderAction = () => vue.createVNode("span", {
@@ -15057,8 +15060,10 @@ var stdin_default$9 = vue.defineComponent({
       "onClick": onClickAction
     }, [actionText.value]);
     vue.onMounted(calcEllipsised);
-    vue.watch(() => [props2.content, props2.rows, props2.position], calcEllipsised);
-    use.useEventListener("resize", calcEllipsised);
+    vue.watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
+    useExpose({
+      toggle
+    });
     return () => vue.createVNode("div", {
       "ref": root,
       "class": bem$3()
@@ -16725,7 +16730,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.0";
+const version = "4.8.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -15046,8 +15046,11 @@ var stdin_default$9 = defineComponent({
       }
       document.body.removeChild(container);
     };
+    const toggle = (isExpanded = !expanded.value) => {
+      expanded.value = isExpanded;
+    };
     const onClickAction = (event) => {
-      expanded.value = !expanded.value;
+      toggle();
       emit("clickAction", event);
     };
     const renderAction = () => createVNode("span", {
@@ -15055,8 +15058,10 @@ var stdin_default$9 = defineComponent({
       "onClick": onClickAction
     }, [actionText.value]);
     onMounted(calcEllipsised);
-    watch(() => [props2.content, props2.rows, props2.position], calcEllipsised);
-    useEventListener("resize", calcEllipsised);
+    watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
+    useExpose({
+      toggle
+    });
     return () => createVNode("div", {
       "ref": root,
       "class": bem$3()
@@ -16723,7 +16728,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.0";
+const version = "4.8.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -16278,8 +16278,11 @@
         }
         document.body.removeChild(container);
       };
+      const toggle = (isExpanded = !expanded.value) => {
+        expanded.value = isExpanded;
+      };
       const onClickAction = (event) => {
-        expanded.value = !expanded.value;
+        toggle();
         emit("clickAction", event);
       };
       const renderAction = () => vue.createVNode("span", {
@@ -16287,8 +16290,10 @@
         "onClick": onClickAction
       }, [actionText.value]);
       vue.onMounted(calcEllipsised);
-      vue.watch(() => [props2.content, props2.rows, props2.position], calcEllipsised);
-      useEventListener("resize", calcEllipsised);
+      vue.watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
+      useExpose({
+        toggle
+      });
       return () => vue.createVNode("div", {
         "ref": root,
         "class": bem$3()
@@ -17935,7 +17940,7 @@
       });
     }
   };
-  const version = "4.8.0";
+  const version = "4.8.1";
   function install(app) {
     const components = [
       ActionBar,