vant 3.3.7 → 3.4.3

package/es/tabs/utils.js

@@ -1,41 +1,37 @@
-import { raf } from '@vant/use';
-import { getScrollTop, setScrollTop } from '../utils';
-export function scrollLeftTo(scroller, to, duration) {
-  var count = 0;
-  var from = scroller.scrollLeft;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-
+import { raf } from "@vant/use";
+import { getScrollTop, setScrollTop } from "../utils";
+function scrollLeftTo(scroller, to, duration) {
+  let count = 0;
+  const from = scroller.scrollLeft;
+  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
   function animate() {
     scroller.scrollLeft += (to - from) / frames;
-
     if (++count < frames) {
       raf(animate);
     }
   }
-
   animate();
 }
-export function scrollTopTo(scroller, to, duration, callback) {
-  var current = getScrollTop(scroller);
-  var isDown = current < to;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-  var step = (to - current) / frames;
-
+function scrollTopTo(scroller, to, duration, callback) {
+  let current = getScrollTop(scroller);
+  const isDown = current < to;
+  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+  const step = (to - current) / frames;
   function animate() {
     current += step;
-
     if (isDown && current > to || !isDown && current < to) {
       current = to;
     }
-
     setScrollTop(scroller, current);
-
     if (isDown && current < to || !isDown && current > to) {
       raf(animate);
     } else if (callback) {
       raf(callback);
     }
   }
-
   animate();
-}
+}
+export {
+  scrollLeftTo,
+  scrollTopTo
+};

package/es/tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type TagSize = 'large' | 'medium';
 export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 declare const tagProps: {
@@ -35,28 +35,23 @@ declare const _default: import("vue").DefineComponent<{
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    mark?: unknown;
-    show?: unknown;
-    type?: unknown;
-    color?: unknown;
-    plain?: unknown;
-    round?: unknown;
-    textColor?: unknown;
-    closeable?: unknown;
-} & {
-    type: TagType;
-    mark: boolean;
-    round: boolean;
-    show: boolean;
-    plain: boolean;
-    closeable: boolean;
-} & {
-    color?: string | undefined;
-    size?: TagSize | undefined;
-    textColor?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: PropType<TagSize>;
+    mark: BooleanConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    type: {
+        type: PropType<TagType>;
+        default: TagType;
+    };
+    color: StringConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    textColor: StringConstructor;
+    closeable: BooleanConstructor;
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: TagType;

package/es/tag/Tag.js

@@ -1,51 +1,46 @@
 import { createVNode as _createVNode } from "vue";
-import { Transition, defineComponent } from 'vue';
-import { truthProp, makeStringProp, createNamespace } from '../utils';
-import { Icon } from '../icon';
-var [name, bem] = createNamespace('tag');
-var tagProps = {
+import { Transition, defineComponent } from "vue";
+import { truthProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { Icon } from "../icon";
+const [name, bem] = createNamespace("tag");
+const tagProps = {
   size: String,
   mark: Boolean,
   show: truthProp,
-  type: makeStringProp('default'),
+  type: makeStringProp("default"),
   color: String,
   plain: Boolean,
   round: Boolean,
   textColor: String,
   closeable: Boolean
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: tagProps,
-  emits: ['close'],
-
-  setup(props, _ref) {
-    var {
-      slots,
-      emit
-    } = _ref;
-
-    var onClose = event => {
+  emits: ["close"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const onClose = (event) => {
       event.stopPropagation();
-      emit('close', event);
+      emit("close", event);
     };
-
-    var getStyle = () => {
+    const getStyle = () => {
       if (props.plain) {
         return {
           color: props.textColor || props.color,
           borderColor: props.color
         };
       }
-
       return {
         color: props.textColor,
         background: props.color
       };
     };
-
-    var renderTag = () => {
-      var {
+    const renderTag = () => {
+      var _a;
+      const {
         type,
         mark,
         plain,
@@ -53,33 +48,31 @@ export default defineComponent({
         size,
         closeable
       } = props;
-      var classes = {
+      const classes = {
         mark,
         plain,
         round
       };
-
       if (size) {
         classes[size] = size;
       }
-
-      var CloseIcon = closeable && _createVNode(Icon, {
+      const CloseIcon = closeable && _createVNode(Icon, {
         "name": "cross",
-        "class": bem('close'),
+        "class": [bem("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
-
       return _createVNode("span", {
         "style": getStyle(),
         "class": bem([classes, type])
-      }, [slots.default == null ? void 0 : slots.default(), CloseIcon]);
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
     };
-
     return () => _createVNode(Transition, {
-      "name": props.closeable ? 'van-fade' : undefined
+      "name": props.closeable ? "van-fade" : void 0
     }, {
       default: () => [props.show ? renderTag() : null]
     });
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/tag/index.css

@@ -1 +1 @@
-:root{--van-tag-padding:0 var(--van-padding-base);--van-tag-text-color:var(--van-white);--van-tag-font-size:var(--van-font-size-sm);--van-tag-border-radius:2px;--van-tag-line-height:16px;--van-tag-medium-padding:2px 6px;--van-tag-large-padding:var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius:var(--van-border-radius-md);--van-tag-large-font-size:var(--van-font-size-md);--van-tag-round-border-radius:var(--van-border-radius-max);--van-tag-danger-color:var(--van-danger-color);--van-tag-primary-color:var(--van-primary-color);--van-tag-success-color:var(--van-success-color);--van-tag-warning-color:var(--van-warning-color);--van-tag-default-color:var(--van-gray-6);--van-tag-plain-background-color:var(--van-background-color-light)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark::after{display:block;width:2px;content:''}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px;cursor:pointer}
+:root{--van-tag-padding: 0 var(--van-padding-base);--van-tag-text-color: var(--van-white);--van-tag-font-size: var(--van-font-size-sm);--van-tag-border-radius: 2px;--van-tag-line-height: 16px;--van-tag-medium-padding: 2px 6px;--van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius: var(--van-border-radius-md);--van-tag-large-font-size: var(--van-font-size-md);--van-tag-round-border-radius: var(--van-border-radius-max);--van-tag-danger-color: var(--van-danger-color);--van-tag-primary-color: var(--van-primary-color);--van-tag-success-color: var(--van-success-color);--van-tag-warning-color: var(--van-warning-color);--van-tag-default-color: var(--van-gray-6);--van-tag-plain-background-color: var(--van-background-color-light)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px}

package/es/tag/index.d.ts

@@ -14,28 +14,23 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    mark?: unknown;
-    show?: unknown;
-    type?: unknown;
-    color?: unknown;
-    plain?: unknown;
-    round?: unknown;
-    textColor?: unknown;
-    closeable?: unknown;
-} & {
-    type: import("./Tag").TagType;
-    mark: boolean;
-    round: boolean;
-    show: boolean;
-    plain: boolean;
-    closeable: boolean;
-} & {
-    color?: string | undefined;
-    size?: import("./Tag").TagSize | undefined;
-    textColor?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: import("vue").PropType<import("./Tag").TagSize>;
+    mark: BooleanConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    type: {
+        type: import("vue").PropType<import("./Tag").TagType>;
+        default: import("./Tag").TagType;
+    };
+    color: StringConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    textColor: StringConstructor;
+    closeable: BooleanConstructor;
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./Tag").TagType;
@@ -47,3 +42,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }>>;
 export default Tag;
 export type { TagSize, TagType, TagProps } from './Tag';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTag: typeof Tag;
+    }
+}

package/es/tag/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Tag from './Tag';
-export var Tag = withInstall(_Tag);
-export default Tag;
+import { withInstall } from "../utils";
+import _Tag from "./Tag";
+const Tag = withInstall(_Tag);
+var stdin_default = Tag;
+export {
+  Tag,
+  stdin_default as default
+};

package/es/tag/index.less

@@ -114,6 +114,5 @@
 
   &__close {
     margin-left: 2px;
-    cursor: pointer;
   }
 }

package/es/tag/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/tag/style/less.js

@@ -1,4 +1,4 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../index.less";

package/es/toast/Toast.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import type { ToastType, ToastPosition } from './types';
 declare const toastProps: {
@@ -63,44 +63,37 @@ declare const _default: import("vue").DefineComponent<{
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    icon?: unknown;
-    show?: unknown;
-    type?: unknown;
-    overlay?: unknown;
-    message?: unknown;
-    iconSize?: unknown;
-    duration?: unknown;
-    position?: unknown;
-    className?: unknown;
-    iconPrefix?: unknown;
-    transition?: unknown;
-    loadingType?: unknown;
-    forbidClick?: unknown;
-    overlayClass?: unknown;
-    overlayStyle?: unknown;
-    closeOnClick?: unknown;
-    closeOnClickOverlay?: unknown;
-} & {
-    type: ToastType;
-    position: ToastPosition;
-    overlay: boolean;
-    show: boolean;
-    duration: number;
-    closeOnClickOverlay: boolean;
-    transition: string;
-    forbidClick: boolean;
-    closeOnClick: boolean;
-} & {
-    message?: string | number | undefined;
-    iconPrefix?: string | undefined;
-    icon?: string | undefined;
-    loadingType?: LoadingType | undefined;
-    overlayStyle?: CSSProperties | undefined;
-    overlayClass?: unknown;
-    className?: unknown;
-    iconSize?: string | number | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: PropType<ToastType>;
+        default: ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<ToastPosition>;
+        default: ToastPosition;
+    };
+    className: PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    loadingType: PropType<LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+}>> & {
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {
     type: ToastType;

package/es/toast/Toast.js

@@ -1,27 +1,24 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { watch, onMounted, onUnmounted, defineComponent } from 'vue'; // Utils
-
-import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from '../utils';
-import { lockClick } from './lock-click'; // Components
-
-import { Icon } from '../icon';
-import { Popup } from '../popup';
-import { Loading } from '../loading'; // Types
-
-var [name, bem] = createNamespace('toast');
-var popupInheritProps = ['show', 'overlay', 'transition', 'overlayClass', 'overlayStyle', 'closeOnClickOverlay'];
-var toastProps = {
+import { watch, onMounted, onUnmounted, defineComponent } from "vue";
+import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from "../utils";
+import { lockClick } from "./lock-click";
+import { Icon } from "../icon";
+import { Popup } from "../popup";
+import { Loading } from "../loading";
+const [name, bem] = createNamespace("toast");
+const popupInheritProps = ["show", "overlay", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
+const toastProps = {
   icon: String,
   show: Boolean,
-  type: makeStringProp('text'),
+  type: makeStringProp("text"),
   overlay: Boolean,
   message: numericProp,
   iconSize: numericProp,
-  duration: makeNumberProp(2000),
-  position: makeStringProp('middle'),
+  duration: makeNumberProp(2e3),
+  position: makeStringProp("middle"),
   className: unknownProp,
   iconPrefix: String,
-  transition: makeStringProp('van-fade'),
+  transition: makeStringProp("van-fade"),
   loadingType: String,
   forbidClick: Boolean,
   overlayClass: unknownProp,
@@ -29,85 +26,71 @@ var toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: toastProps,
-  emits: ['update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit
-    } = _ref;
-    var timer;
-    var clickable = false;
-
-    var toggleClickable = () => {
-      var newValue = props.show && props.forbidClick;
-
+  emits: ["update:show"],
+  setup(props, {
+    emit
+  }) {
+    let timer;
+    let clickable = false;
+    const toggleClickable = () => {
+      const newValue = props.show && props.forbidClick;
       if (clickable !== newValue) {
         clickable = newValue;
         lockClick(clickable);
       }
     };
-
-    var updateShow = show => emit('update:show', show);
-
-    var onClick = () => {
+    const updateShow = (show) => emit("update:show", show);
+    const onClick = () => {
       if (props.closeOnClick) {
         updateShow(false);
       }
     };
-
-    var clearTimer = () => clearTimeout(timer);
-
-    var renderIcon = () => {
-      var {
+    const clearTimer = () => clearTimeout(timer);
+    const renderIcon = () => {
+      const {
         icon,
         type,
         iconSize,
         iconPrefix,
         loadingType
       } = props;
-      var hasIcon = icon || type === 'success' || type === 'fail';
-
+      const hasIcon = icon || type === "success" || type === "fail";
       if (hasIcon) {
         return _createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem('icon'),
+          "class": bem("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
-
-      if (type === 'loading') {
+      if (type === "loading") {
         return _createVNode(Loading, {
-          "class": bem('loading'),
+          "class": bem("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
       }
     };
-
-    var renderMessage = () => {
-      var {
+    const renderMessage = () => {
+      const {
         type,
         message
       } = props;
-
-      if (isDef(message) && message !== '') {
-        return type === 'html' ? _createVNode("div", {
-          "class": bem('text'),
+      if (isDef(message) && message !== "") {
+        return type === "html" ? _createVNode("div", {
+          "class": bem("text"),
           "innerHTML": String(message)
         }, null) : _createVNode("div", {
-          "class": bem('text')
+          "class": bem("text")
         }, [message]);
       }
     };
-
     watch(() => [props.show, props.forbidClick], toggleClickable);
     watch(() => [props.show, props.type, props.message, props.duration], () => {
       clearTimer();
-
       if (props.show && props.duration > 0) {
         timer = setTimeout(() => {
           updateShow(false);
@@ -128,5 +111,7 @@ export default defineComponent({
       default: () => [renderIcon(), renderMessage()]
     });
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/toast/function-call.d.ts

@@ -1,5 +1,5 @@
-import { App } from 'vue';
-import { ComponentInstance } from '../utils';
+import { type App } from 'vue';
+import { type ComponentInstance } from '../utils';
 import type { ToastType, ToastOptions } from './types';
 declare function Toast(options?: string | ToastOptions): ComponentInstance;
 declare namespace Toast {