vant - npm Package Compare versions

Comparing version 4.6.4-beta.2 to 4.6.4

es/floating-panel/FloatingPanel.d.ts

@@ -19,2 +19,6 @@ import { type ExtractPropTypes } from 'vue';
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -43,2 +47,6 @@ type: BooleanConstructor;
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -65,2 +73,6 @@ type: BooleanConstructor;
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -77,2 +89,3 @@ type: BooleanConstructor;
     duration: string | number;
+    lockScroll: boolean;
     anchors: number[];
@@ -79,0 +92,0 @@ contentDraggable: boolean;

es/floating-panel/index.d.ts

@@ -18,2 +18,6 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue").DefineComponent<{
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -40,2 +44,6 @@ type: BooleanConstructor;
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -52,2 +60,3 @@ type: BooleanConstructor;
     duration: string | number;
+    lockScroll: boolean;
     anchors: number[];
@@ -54,0 +63,0 @@ contentDraggable: boolean;

es/image-preview/ImagePreview.d.ts

@@ -53,2 +53,6 @@ import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -110,2 +114,6 @@ type: PropType<PopupCloseIconPosition>;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -165,2 +173,6 @@ type: PropType<PopupCloseIconPosition>;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -182,2 +194,3 @@ type: PropType<PopupCloseIconPosition>;
     show: boolean;
+    closeOnClickOverlay: boolean;
     closeIcon: string;
@@ -184,0 +197,0 @@ closeable: boolean;

es/image-preview/ImagePreviewItem.d.ts

@@ -22,2 +22,3 @@ declare const _default: import("vue").DefineComponent<{
     disableZoom: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -44,2 +45,3 @@ src: StringConstructor;
     disableZoom: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
 }>> & {
@@ -51,4 +53,5 @@ onClose?: ((...args: any[]) => any) | undefined;
     show: boolean;
+    closeOnClickOverlay: boolean;
     disableZoom: boolean;
 }, {}>;
 export default _default;

es/image-preview/index.d.ts

@@ -51,2 +51,6 @@ import type { ImagePreviewProps } from './ImagePreview';
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -106,2 +110,6 @@ type: import("vue").PropType<import("..").PopupCloseIconPosition>;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -123,2 +131,3 @@ type: import("vue").PropType<import("..").PopupCloseIconPosition>;
     show: boolean;
+    closeOnClickOverlay: boolean;
     closeIcon: string;
@@ -125,0 +134,0 @@ closeable: boolean;

es/image-preview/types.d.ts

@@ -25,2 +25,3 @@ import type { CSSProperties, TeleportProps, ComponentPublicInstance } from 'vue';
     closeIconPosition?: PopupCloseIconPosition;
+    closeOnClickOverlay?: boolean;
     onClose?(): void;
@@ -27,0 +28,0 @@ onScale?(args: {

es/index.d.ts

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

es/list/index.d.ts

@@ -11,2 +11,3 @@ import { ListProps } from './List';
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
@@ -32,2 +33,3 @@ direction: {
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
@@ -34,0 +36,0 @@ direction: {

es/list/List.d.ts

@@ -1,2 +0,2 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
@@ -12,5 +12,6 @@ export declare const listProps: {
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
@@ -35,5 +36,6 @@ };
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
@@ -56,5 +58,6 @@ };
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
@@ -61,0 +64,0 @@ };

lib/floating-panel/FloatingPanel.d.ts

@@ -19,2 +19,6 @@ import { type ExtractPropTypes } from 'vue';
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -43,2 +47,6 @@ type: BooleanConstructor;
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -65,2 +73,6 @@ type: BooleanConstructor;
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -77,2 +89,3 @@ type: BooleanConstructor;
     duration: string | number;
+    lockScroll: boolean;
     anchors: number[];
@@ -79,0 +92,0 @@ contentDraggable: boolean;

lib/floating-panel/FloatingPanel.js

@@ -36,2 +36,3 @@ var __defProp = Object.defineProperty;
   contentDraggable: import_utils.truthProp,
+  lockScroll: import_utils.truthProp,
   safeAreaInsetBottom: import_utils.truthProp
@@ -119,3 +120,3 @@ };
     });
-    (0, import_use_lock_scroll.useLockScroll)(rootRef, () => true);
+    (0, import_use_lock_scroll.useLockScroll)(rootRef, () => props.lockScroll);
     (0, import_use.useEventListener)("touchmove", onTouchmove, {
@@ -122,0 +123,0 @@ target: rootRef

lib/floating-panel/index.d.ts

@@ -18,2 +18,6 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue").DefineComponent<{
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -40,2 +44,6 @@ type: BooleanConstructor;
     };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
     safeAreaInsetBottom: {
@@ -52,2 +60,3 @@ type: BooleanConstructor;
     duration: string | number;
+    lockScroll: boolean;
     anchors: number[];
@@ -54,0 +63,0 @@ contentDraggable: boolean;

lib/image-preview/function-call.js

@@ -59,2 +59,3 @@ var __create = Object.create;
   closeOnPopstate: true,
+  closeOnClickOverlay: true,
   closeIconPosition: "top-right"
@@ -61,0 +62,0 @@ };

lib/image-preview/ImagePreview.d.ts

@@ -53,2 +53,6 @@ import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -110,2 +114,6 @@ type: PropType<PopupCloseIconPosition>;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -165,2 +173,6 @@ type: PropType<PopupCloseIconPosition>;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -182,2 +194,3 @@ type: PropType<PopupCloseIconPosition>;
     show: boolean;
+    closeOnClickOverlay: boolean;
     closeIcon: string;
@@ -184,0 +197,0 @@ closeable: boolean;

lib/image-preview/ImagePreview.js

@@ -64,2 +64,3 @@ var __create = Object.create;
   closeOnPopstate: import_utils.truthProp,
+  closeOnClickOverlay: import_utils.truthProp,
   closeIconPosition: (0, import_utils.makeStringProp)("top-right"),
@@ -149,2 +150,3 @@ teleport: [String, Object]
         "disableZoom": state.disableZoom,
+        "closeOnClickOverlay": props.closeOnClickOverlay,
         "onScale": emitScale,
@@ -151,0 +153,0 @@ "onClose": emitClose,

lib/image-preview/ImagePreviewItem.d.ts

@@ -22,2 +22,3 @@ declare const _default: import("vue").DefineComponent<{
     disableZoom: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -44,2 +45,3 @@ src: StringConstructor;
     disableZoom: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
 }>> & {
@@ -51,4 +53,5 @@ onClose?: ((...args: any[]) => any) | undefined;
     show: boolean;
+    closeOnClickOverlay: boolean;
     disableZoom: boolean;
 }, {}>;
 export default _default;

lib/image-preview/ImagePreviewItem.js

@@ -47,3 +47,4 @@ var __defProp = Object.defineProperty;
     rootHeight: (0, import_utils.makeRequiredProp)(Number),
-    disableZoom: Boolean
+    disableZoom: Boolean,
+    closeOnClickOverlay: Boolean
   },
@@ -208,3 +209,4 @@ emits: ["scale", "close", "longPress"],
     };
-    const checkTap = () => {
+    const checkTap = (event) => {
+      var _a;
       if (fingerNum > 1) {
@@ -226,2 +228,5 @@ return;
           } else {
+            if (!props.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
+              return;
+            }
             doubleTapTimer = setTimeout(() => {
@@ -264,3 +269,3 @@ emit("close");
       (0, import_utils.preventDefault)(event, stopPropagation);
-      checkTap();
+      checkTap(event);
       touch.reset();
@@ -267,0 +272,0 @@ };

lib/image-preview/index.d.ts

@@ -51,2 +51,6 @@ import type { ImagePreviewProps } from './ImagePreview';
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -106,2 +110,6 @@ type: import("vue").PropType<import("..").PopupCloseIconPosition>;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
@@ -123,2 +131,3 @@ type: import("vue").PropType<import("..").PopupCloseIconPosition>;
     show: boolean;
+    closeOnClickOverlay: boolean;
     closeIcon: string;
@@ -125,0 +134,0 @@ closeable: boolean;

lib/image-preview/types.d.ts

@@ -25,2 +25,3 @@ import type { CSSProperties, TeleportProps, ComponentPublicInstance } from 'vue';
     closeIconPosition?: PopupCloseIconPosition;
+    closeOnClickOverlay?: boolean;
     onClose?(): void;
@@ -27,0 +28,0 @@ onScale?(args: {

lib/index.d.ts

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

lib/index.js

@@ -227,3 +227,3 @@ var __defProp = Object.defineProperty;
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.6.4-beta.2";
+const version = "4.6.4";
 function install(app) {
@@ -230,0 +230,0 @@ const components = [

lib/list/index.d.ts

@@ -11,2 +11,3 @@ import { ListProps } from './List';
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
@@ -32,2 +33,3 @@ direction: {
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
@@ -34,0 +36,0 @@ direction: {

lib/list/List.d.ts

@@ -1,2 +0,2 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
@@ -12,5 +12,6 @@ export declare const listProps: {
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
@@ -35,5 +36,6 @@ };
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
@@ -56,5 +58,6 @@ };
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
@@ -61,0 +64,0 @@ };

lib/list/List.js

@@ -38,2 +38,3 @@ var __defProp = Object.defineProperty;
   finished: Boolean,
+  scroller: Object,
   errorText: String,
@@ -58,2 +59,3 @@ direction: (0, import_utils.makeStringProp)("down"),
     const scrollParent = (0, import_use.useScrollParent)(root);
+    const scroller = (0, import_vue2.computed)(() => props.scroller || scrollParent.value);
     const check = () => {
@@ -69,3 +71,3 @@ (0, import_vue2.nextTick)(() => {
         const offset = +props.offset;
-        const scrollParentRect = (0, import_use.useRect)(scrollParent);
+        const scrollParentRect = (0, import_use.useRect)(scroller);
         if (!scrollParentRect.height || (0, import_utils.isHidden)(root)) {
@@ -146,3 +148,3 @@ return;
     (0, import_use.useEventListener)("scroll", check, {
-      target: scrollParent,
+      target: scroller,
       passive: true
@@ -149,0 +151,0 @@ });

lib/text-ellipsis/TextEllipsis.js

@@ -48,3 +48,3 @@ var __defProp = Object.defineProperty;
     const root = (0, import_vue2.ref)();
-    const actionText = (0, import_vue2.computed)(() => expanded.value ? props.expandText : props.collapseText);
+    const actionText = (0, import_vue2.computed)(() => expanded.value ? props.collapseText : props.expandText);
     const pxToNum = (value) => {
@@ -91,3 +91,3 @@ if (!value)
             }
-            const middle2 = Math.round(left + right >> 1);
+            const middle2 = Math.round((left + right) / 2);
             if (position === "end") {
@@ -113,7 +113,7 @@ container2.innerText = content.slice(0, middle2) + dots + actionText.value;
           if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-            return content.slice(0, leftPart[1]) + dots + content.slice(rightPart[1], end);
+            return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
           }
-          const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
-          const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
-          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + actionText.value + props.dots + props.content.slice(rightMiddle, end);
+          const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+          const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end) + props.expandText;
           if (container2.offsetHeight >= maxHeight2) {
@@ -153,3 +153,3 @@ return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
       "onClick": onClickAction
-    }, [expanded.value ? props.collapseText : props.expandText]);
+    }, [actionText.value]);
     (0, import_vue2.onMounted)(calcEllipsised);
@@ -156,0 +156,0 @@ (0, import_vue2.watch)(() => [props.content, props.rows, props.position], calcEllipsised);

package.json

 {
   "name": "vant",
-  "version": "4.6.4-beta.2",
+  "version": "4.6.4",
   "description": "Mobile UI Components built on Vue",
@@ -5,0 +5,0 @@ "main": "lib/vant.cjs.js",

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5722431

increased by0.22%

Number of package files

2139

increased by0.19%

Lines of code

148985

increased by0.3%

Number of low quality alerts

2

decreased by-33.33%

No dependency changes