vant - npm Package Compare versions

Comparing version 4.8.0 to 4.8.1

es/index.d.ts

@@ -109,2 +109,2 @@ export * from "./action-bar";
 export function install(app: any): void;
-export const version: "4.8.0";
+export const version: "4.8.1";

es/text-ellipsis/index.d.ts

@@ -64,3 +64,3 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<{
 export type { TextEllipsisProps } from './TextEllipsis';
-export type { TextEllipsisThemeVars } from './types';
+export type { TextEllipsisInstance, TextEllipsisThemeVars } from './types';
 declare module 'vue' {
@@ -67,0 +67,0 @@ interface GlobalComponents {

es/text-ellipsis/types.d.ts

@@ -0,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;
 };

lib/index.d.ts

@@ -109,2 +109,2 @@ export * from "./action-bar";
 export function install(app: any): void;
-export const version: "4.8.0";
+export const version: "4.8.1";

lib/index.js

@@ -229,3 +229,3 @@ var __defProp = Object.defineProperty;
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.8.0";
+const version = "4.8.1";
 function install(app) {
@@ -232,0 +232,0 @@ const components = [

lib/text-ellipsis/index.d.ts

@@ -64,3 +64,3 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<{
 export type { TextEllipsisProps } from './TextEllipsis';
-export type { TextEllipsisThemeVars } from './types';
+export type { TextEllipsisInstance, TextEllipsisThemeVars } from './types';
 declare module 'vue' {
@@ -67,0 +67,0 @@ interface GlobalComponents {

lib/text-ellipsis/TextEllipsis.js

@@ -26,4 +26,4 @@ var __defProp = Object.defineProperty;
 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");
@@ -144,4 +144,7 @@ const textEllipsisProps = {
     };
+    const toggle = (isExpanded = !expanded.value) => {
+      expanded.value = isExpanded;
+    };
     const onClickAction = (event) => {
-      expanded.value = !expanded.value;
+      toggle();
       emit("clickAction", event);
@@ -154,4 +157,6 @@ };
     (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", {
@@ -158,0 +163,0 @@ "ref": root,

lib/text-ellipsis/types.d.ts

@@ -0,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.json

 {
   "name": "vant",
-  "version": "4.8.0",
+  "version": "4.8.1",
   "description": "Mobile UI Components built on Vue",
@@ -53,3 +53,3 @@ "main": "lib/vant.cjs.js",
     "typescript": "^5.0.4",
-    "vite": "^4.4.2",
+    "vite": "^4.4.12",
     "vitest": "0.34.2",
@@ -59,5 +59,5 @@ "vitest-canvas-mock": "^0.3.2",
     "vue-router": "^4.1.6",
-    "@vant/cli": "6.2.0",
     "@vant/eslint-config": "4.0.0",
     "@vant/area-data": "1.5.1",
+    "@vant/cli": "6.2.0",
     "@vant/icons": "3.0.2"
@@ -64,0 +64,0 @@ },

README.md

@@ -69,2 +69,16 @@ <p align="center">
 
+## 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
@@ -71,0 +85,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5838963

increased by0.03%

Lines of code

152142

increased by0.02%

Number of lines in readme file

175

increased by8.7%

No dependency changes