vant 4.1.0 → 4.1.1

package/es/area/utils.mjs

@@ -32,8 +32,8 @@ function formatDataForCascade({
     county_list: county = {},
     province_list: province = {}
   } = areaList;
-  const showCity = columnsNum > 1;
-  const showCounty = columnsNum > 2;
+  const showCity = +columnsNum > 1;
+  const showCounty = +columnsNum > 2;
   const getProvinceChildren = () => {
     if (showCity) {
       return placeholder.length ? [

package/es/back-top/BackTop.mjs

@@ -43,7 +43,7 @@ var stdin_default = defineComponent({
       });
     };
     const scroll = () => {
-      show.value = scrollParent.value ? getScrollTop(scrollParent.value) >= props.offset : false;
+      show.value = scrollParent.value ? getScrollTop(scrollParent.value) >= +props.offset : false;
     };
     const getTarget = () => {
       const {

package/es/badge/Badge.mjs

@@ -38,7 +38,7 @@ var stdin_default = defineComponent({
         if (slots.content) {
           return slots.content();
         }
-        if (isDef(max) && isNumeric(content) && +content > max) {
+        if (isDef(max) && isNumeric(content) && +content > +max) {
           return `${max}+`;
         }
         return content;

package/es/button/Button.d.ts

@@ -131,8 +131,8 @@ declare const _default: import("vue").DefineComponent<{
     size: ButtonSize;
     loading: boolean;
     block: boolean;
-    square: boolean;
     plain: boolean;
+    square: boolean;
     hairline: boolean;
     nativeType: ButtonNativeType;
     iconPosition: ButtonIconPosition;

package/es/button/index.d.ts

@@ -87,8 +87,8 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     size: import("./types").ButtonSize;
     loading: boolean;
     block: boolean;
-    square: boolean;
     plain: boolean;
+    square: boolean;
     hairline: boolean;
     nativeType: import("./types").ButtonNativeType;
     iconPosition: import("./types").ButtonIconPosition;

package/es/calendar/Calendar.mjs

@@ -222,7 +222,7 @@ var stdin_default = defineComponent({
         rangePrompt,
         showRangePrompt
       } = props;
-      if (maxRange && calcDateNum(date) > maxRange) {
+      if (maxRange && calcDateNum(date) > +maxRange) {
         if (showRangePrompt) {
           showToast(rangePrompt || t("rangePrompt", maxRange));
         }
@@ -309,7 +309,7 @@ var stdin_default = defineComponent({
         if (selectedIndex !== -1) {
           const [unselectedDate] = dates.splice(selectedIndex, 1);
           emit("unselect", cloneDate(unselectedDate));
-        } else if (props.maxRange && dates.length >= props.maxRange) {
+        } else if (props.maxRange && dates.length >= +props.maxRange) {
           showToast(props.rangePrompt || t("rangePrompt", props.maxRange));
         } else {
           select([...dates, date]);

package/es/calendar/utils.mjs

@@ -30,7 +30,7 @@ function getDayByOffset(date, offset) {
 const getPrevDay = (date) => getDayByOffset(date, -1);
 const getNextDay = (date) => getDayByOffset(date, 1);
 const getToday = () => {
-  const today = new Date();
+  const today = /* @__PURE__ */ new Date();
   today.setHours(0, 0, 0, 0);
   return today;
 };

package/es/checkbox/Checkbox.mjs

@@ -30,7 +30,7 @@ var stdin_default = defineComponent({
       } = parent.props;
       const value = modelValue.slice();
       if (checked2) {
-        const overlimit = max && value.length >= max;
+        const overlimit = max && value.length >= +max;
         if (!overlimit && !value.includes(name2)) {
           value.push(name2);
           if (props.bindGroup) {

package/es/date-picker/DatePicker.mjs

@@ -3,7 +3,7 @@ import { ref, watch, computed, defineComponent } from "vue";
 import { pick, extend, isDate, isSameValue, createNamespace } from "../utils/index.mjs";
 import { genOptions, sharedProps, getMonthEndDay, pickerInheritKeys, formatValueRange } from "./utils.mjs";
 import { Picker } from "../picker/index.mjs";
-const currentYear = new Date().getFullYear();
+const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const [name] = createNamespace("date-picker");
 const datePickerProps = extend({}, sharedProps, {
   columnsType: {

package/es/divider/Divider.d.ts

@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<{
         default: DividerContentPosition;
     };
 }>>, {
-    dashed: boolean;
     hairline: boolean;
+    dashed: boolean;
     contentPosition: DividerContentPosition;
 }>;
 export default _default;

package/es/divider/index.d.ts

@@ -19,8 +19,8 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         default: import("./Divider").DividerContentPosition;
     };
 }>>, {
-    dashed: boolean;
     hairline: boolean;
+    dashed: boolean;
     contentPosition: import("./Divider").DividerContentPosition;
 }>>;
 export default Divider;

package/es/field/Field.mjs

@@ -183,7 +183,7 @@ var stdin_default = defineComponent({
       const {
         maxlength
       } = props;
-      if (isDef(maxlength) && getStringLength(value) > maxlength) {
+      if (isDef(maxlength) && getStringLength(value) > +maxlength) {
         const modelValue = getModelValue();
         if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
@@ -214,7 +214,7 @@ var stdin_default = defineComponent({
           maxlength
         } = props;
         value = formatter(value);
-        if (isDef(maxlength) && getStringLength(value) > maxlength) {
+        if (isDef(maxlength) && getStringLength(value) > +maxlength) {
           value = cutString(value, +maxlength);
         }
         if (inputRef.value && state.focused) {

package/es/field/index.d.ts

@@ -205,7 +205,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 export default Field;
 export { fieldProps } from './Field';
 export type { FieldProps };
-export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanField: typeof Field;

package/es/field/types.d.ts

@@ -15,14 +15,14 @@ export type FieldValidateError = {
 };
 export type FieldRuleMessage = string | ((value: any, rule: FieldRule) => string);
 export type FieldRuleValidator = (value: any, rule: FieldRule) => boolean | string | Promise<boolean | string>;
-export type FiledRuleFormatter = (value: any, rule: FieldRule) => string;
+export type FieldRuleFormatter = (value: any, rule: FieldRule) => string;
 export type FieldRule = {
     pattern?: RegExp;
     trigger?: FieldValidateTrigger | FieldValidateTrigger[];
     message?: FieldRuleMessage;
     required?: boolean;
     validator?: FieldRuleValidator;
-    formatter?: FiledRuleFormatter;
+    formatter?: FieldRuleFormatter;
     validateEmpty?: boolean;
 };
 export type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';

package/es/grid-item/GridItem.mjs

@@ -48,7 +48,7 @@ var stdin_default = defineComponent({
       } else if (gutter) {
         const gutterValue = addUnit(gutter);
         style.paddingRight = gutterValue;
-        if (index.value >= columnNum) {
+        if (index.value >= +columnNum) {
           style.marginTop = gutterValue;
         }
       }

package/es/image-preview/ImagePreviewItem.mjs

@@ -214,8 +214,9 @@ var stdin_default = defineComponent({
           if (state.scale < 1) {
             resetScale();
           }
-          if (state.scale > props.maxZoom) {
-            state.scale = +props.maxZoom;
+          const maxZoom = +props.maxZoom;
+          if (state.scale > maxZoom) {
+            state.scale = maxZoom;
           }
         }
       }

package/es/index.d.ts

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

package/es/index.mjs

@@ -92,7 +92,7 @@ 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.1.0";
+const version = "4.1.1";
 function install(app) {
   const components = [
     ActionBar,

package/es/lazyload/vue-lazyload/index.mjs

@@ -3,6 +3,11 @@ import LazyComponent from "./lazy-component.mjs";
 import LazyContainer from "./lazy-container.mjs";
 import LazyImage from "./lazy-image.mjs";
 const Lazyload = {
+  /*
+   * install function
+   * @param  {App} app
+   * @param  {object} options lazyload options
+   */
   install(app, options = {}) {
     const LazyClass = Lazy();
     const lazy = new LazyClass(options);

package/es/lazyload/vue-lazyload/lazy-image.mjs

@@ -46,7 +46,6 @@ var stdin_default = (lazyManager) => ({
   },
   created() {
     this.init();
-    this.renderSrc = this.options.loading;
   },
   mounted() {
     this.el = this.$el;

package/es/lazyload/vue-lazyload/lazy.mjs

@@ -75,12 +75,26 @@ function stdin_default() {
       );
       this.setMode(this.options.observer ? modeType.observer : modeType.event);
     }
+    /**
+     * update config
+     * @param  {Object} config params
+     * @return
+     */
     config(options = {}) {
       Object.assign(this.options, options);
     }
+    /**
+     * output listener's load performance
+     * @return {Array}
+     */
     performance() {
       return this.listeners.map((item) => item.performance());
     }
+    /*
+     * add lazy component to queue
+     * @param  {Vue} vm lazy component instance
+     * @return
+     */
     addLazyBox(vm) {
       this.listeners.push(vm);
       if (inBrowser) {
@@ -91,6 +105,13 @@ function stdin_default() {
         }
       }
     }
+    /*
+     * add image listener to queue
+     * @param  {DOM} el
+     * @param  {object} binding vue directive binding
+     * @param  {vnode} vnode vue directive vnode
+     * @return
+     */
     add(el, binding, vnode) {
       if (this.listeners.some((item) => item.el === el)) {
         this.update(el, binding);
@@ -131,6 +152,12 @@ function stdin_default() {
         nextTick(() => this.lazyLoadHandler());
       });
     }
+    /**
+     * update image src
+     * @param  {DOM} el
+     * @param  {object} vue directive binding
+     * @return
+     */
     update(el, binding, vnode) {
       const value = this.valueFormatter(binding.value);
       let { src } = value;
@@ -152,6 +179,11 @@ function stdin_default() {
       this.lazyLoadHandler();
       nextTick(() => this.lazyLoadHandler());
     }
+    /**
+     * remove listener form list
+     * @param  {DOM} el
+     * @return
+     */
     remove(el) {
       if (!el)
         return;
@@ -164,6 +196,11 @@ function stdin_default() {
         existItem.$destroy();
       }
     }
+    /*
+     * remove lazy components form list
+     * @param  {Vue} vm Vue instance
+     * @return
+     */
     removeComponent(vm) {
       if (!vm)
         return;
@@ -196,6 +233,14 @@ function stdin_default() {
         this.initIntersectionObserver();
       }
     }
+    /*
+     *** Private functions ***
+     */
+    /*
+     * add listener target
+     * @param  {DOM} el listener target
+     * @return
+     */
     addListenerTarget(el) {
       if (!el)
         return;
@@ -214,6 +259,11 @@ function stdin_default() {
       }
       return this.targetIndex;
     }
+    /*
+     * remove listener target or reduce target childrenCount
+     * @param  {DOM} el or window
+     * @return
+     */
     removeListenerTarget(el) {
       this.targets.forEach((target, index) => {
         if (target.el === el) {
@@ -226,6 +276,12 @@ function stdin_default() {
         }
       });
     }
+    /*
+     * add or remove eventlistener
+     * @param  {DOM} el DOM or Window
+     * @param  {boolean} start flag
+     * @return
+     */
     initListen(el, start) {
       this.options.ListenEvents.forEach(
         (evt) => (start ? on : off)(el, evt, this.lazyLoadHandler)
@@ -266,6 +322,10 @@ function stdin_default() {
         this.Event.listeners[event].forEach((func) => func(context, inCache));
       };
     }
+    /**
+     * find nodes which in viewport and trigger load
+     * @return
+     */
     lazyLoadHandler() {
       const freeList = [];
       this.listeners.forEach((listener) => {
@@ -282,6 +342,11 @@ function stdin_default() {
         item.$destroy();
       });
     }
+    /**
+     * init IntersectionObserver
+     * set mode to observer
+     * @return
+     */
     initIntersectionObserver() {
       if (!hasIntersectionObserver) {
         return;
@@ -296,6 +361,10 @@ function stdin_default() {
         });
       }
     }
+    /**
+     * init IntersectionObserver
+     * @return
+     */
     observerHandler(entries) {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -309,6 +378,13 @@ function stdin_default() {
         }
       });
     }
+    /**
+     * set element attribute with image'url and state
+     * @param  {object} lazyload listener object
+     * @param  {string} state will be rendered
+     * @param  {bool} inCache  is rendered from cache
+     * @return
+     */
     elRenderer(listener, state, cache) {
       if (!listener.el)
         return;
@@ -340,6 +416,11 @@ function stdin_default() {
         el.dispatchEvent(event);
       }
     }
+    /**
+     * generate loading loaded error image url
+     * @param {string} image's src
+     * @return {object} image's loading, loaded, error url
+     */
     valueFormatter(value) {
       let src = value;
       let { loading, error } = this.options;

package/es/lazyload/vue-lazyload/listener.mjs

@@ -35,6 +35,10 @@ class ReactiveListener {
     this.initState();
     this.render("loading", false);
   }
+  /*
+   * init listener state
+   * @return
+   */
   initState() {
     if ("dataset" in this.el) {
       this.el.dataset.src = this.src;
@@ -48,9 +52,20 @@ class ReactiveListener {
       rendered: false
     };
   }
+  /*
+   * record performance
+   * @return
+   */
   record(event) {
     this.performanceData[event] = Date.now();
   }
+  /*
+   * update image listener data
+   * @param  {String} image uri
+   * @param  {String} loading image uri
+   * @param  {String} error image uri
+   * @return
+   */
   update({ src, loading, error }) {
     const oldSrc = this.src;
     this.src = src;
@@ -62,15 +77,27 @@ class ReactiveListener {
       this.initState();
     }
   }
+  /*
+   *  check el is in view
+   * @return {Boolean} el is in view
+   */
   checkInView() {
     const rect = useRect(this.el);
     return rect.top < window.innerHeight * this.options.preLoad && rect.bottom > this.options.preLoadTop && rect.left < window.innerWidth * this.options.preLoad && rect.right > 0;
   }
+  /*
+   * listener filter
+   */
   filter() {
     Object.keys(this.options.filter).forEach((key) => {
       this.options.filter[key](this, this.options);
     });
   }
+  /*
+   * render loading first
+   * @params cb:Function
+   * @return
+   */
   renderLoading(cb) {
     this.state.loading = true;
     loadImageAsync(
@@ -93,6 +120,10 @@ class ReactiveListener {
       }
     );
   }
+  /*
+   * try load image and  render it
+   * @return
+   */
   load(onFinish = noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
       if (process.env.NODE_ENV !== "production" && !this.options.silent) {
@@ -141,9 +172,19 @@ class ReactiveListener {
       );
     });
   }
+  /*
+   * render image
+   * @param  {String} state to render // ['loading', 'src', 'error']
+   * @param  {String} is form cache
+   * @return
+   */
   render(state, cache) {
     this.elRenderer(this, state, cache);
   }
+  /*
+   * output performance data
+   * @return {Object} performance data
+   */
   performance() {
     let state = "loading";
     let time = 0;
@@ -159,6 +200,10 @@ class ReactiveListener {
       time
     };
   }
+  /*
+   * $destroy
+   * @return
+   */
   $destroy() {
     this.el = null;
     this.src = null;

package/es/list/List.mjs

@@ -33,13 +33,14 @@ var stdin_default = defineComponent({
     const scrollParent = useScrollParent(root);
     const check = () => {
       nextTick(() => {
-        if (loading.value || props.finished || props.disabled || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+        if (loading.value || props.finished || props.disabled || props.error || // skip check when inside an inactive tab
+        (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
         const {
-          offset,
           direction
         } = props;
+        const offset = +props.offset;
         const scrollParentRect = useRect(scrollParent);
         if (!scrollParentRect.height || isHidden(root)) {
           return;

package/es/number-keyboard/NumberKeyboard.mjs

@@ -117,7 +117,7 @@ var stdin_default = defineComponent({
         emit("update:modelValue", value.slice(0, value.length - 1));
       } else if (type === "close") {
         onClose();
-      } else if (value.length < props.maxlength) {
+      } else if (value.length < +props.maxlength) {
         emit("input", text);
         emit("update:modelValue", value + text);
       }

package/es/password-input/PasswordInput.mjs

@@ -27,10 +27,10 @@ var stdin_default = defineComponent({
       const {
         mask,
         value,
-        length,
         gutter,
         focused
       } = props;
+      const length = +props.length;
       for (let i = 0; i < length; i++) {
         const char = value[i];
         const showBorder = i !== 0 && !gutter;

package/es/picker/Picker.mjs

@@ -164,6 +164,7 @@ var stdin_default = defineComponent({
     watch(() => props.modelValue, (newValues) => {
       if (!isSameValue(newValues, selectedValues.value) && !isSameValue(newValues, lastEmittedModelValue)) {
         selectedValues.value = newValues.slice(0);
+        lastEmittedModelValue = newValues.slice(0);
       }
     }, {
       deep: true

package/es/popup/shared.mjs

@@ -1,16 +1,28 @@
 import { truthProp, unknownProp, numericProp } from "../utils/index.mjs";
 const popupSharedProps = {
+  // whether to show popup
   show: Boolean,
+  // z-index
   zIndex: numericProp,
+  // whether to show overlay
   overlay: truthProp,
+  // transition duration
   duration: numericProp,
+  // teleport
   teleport: [String, Object],
+  // prevent body scroll
   lockScroll: truthProp,
+  // whether to lazy render
   lazyRender: truthProp,
+  // callback function before close
   beforeClose: Function,
+  // overlay custom style
   overlayStyle: Object,
+  // overlay custom class name
   overlayClass: unknownProp,
+  // Initial rendering animation
   transitionAppear: Boolean,
+  // whether to close popup when overlay is clicked
   closeOnClickOverlay: truthProp
 };
 const popupSharedPropKeys = Object.keys(

package/es/progress/Progress.mjs

@@ -14,7 +14,7 @@ const progressProps = {
   percentage: {
     type: numericProp,
     default: 0,
-    validator: (value) => value >= 0 && value <= 100
+    validator: (value) => +value >= 0 && +value <= 100
   }
 };
 var stdin_default = defineComponent({

package/es/search/Search.mjs

@@ -25,7 +25,7 @@ var stdin_default = defineComponent({
     attrs
   }) {
     const id = useId();
-    const filedRef = ref();
+    const fieldRef = ref();
     const onCancel = () => {
       if (!slots.action) {
         emit("update:modelValue", "");
@@ -61,11 +61,11 @@ var stdin_default = defineComponent({
     };
     const blur = () => {
       var _a;
-      return (_a = filedRef.value) == null ? void 0 : _a.blur();
+      return (_a = fieldRef.value) == null ? void 0 : _a.blur();
     };
     const focus = () => {
       var _a;
-      return (_a = filedRef.value) == null ? void 0 : _a.focus();
+      return (_a = fieldRef.value) == null ? void 0 : _a.focus();
     };
     const onBlur = (event) => emit("blur", event);
     const onFocus = (event) => emit("focus", event);
@@ -80,7 +80,7 @@ var stdin_default = defineComponent({
       });
       const onInput = (value) => emit("update:modelValue", value);
       return _createVNode(Field, _mergeProps({
-        "ref": filedRef,
+        "ref": fieldRef,
         "type": "search",
         "class": bem("field"),
         "border": false,

package/es/slider/Slider.d.ts

@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
     onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     range: boolean;
     max: string | number;
-    reverse: boolean;
     disabled: boolean;
     modelValue: SliderValue;
     readonly: boolean;

package/es/slider/index.d.ts

@@ -56,9 +56,9 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     range: boolean;
     max: string | number;
-    reverse: boolean;
     disabled: boolean;
     modelValue: number | [number, number];
     readonly: boolean;

package/es/stepper/Stepper.mjs

@@ -68,8 +68,8 @@ var stdin_default = defineComponent({
     let actionType;
     const inputRef = ref();
     const current = ref(getInitialValue());
-    const minusDisabled = computed(() => props.disabled || props.disableMinus || current.value <= +props.min);
-    const plusDisabled = computed(() => props.disabled || props.disablePlus || current.value >= +props.max);
+    const minusDisabled = computed(() => props.disabled || props.disableMinus || +current.value <= +props.min);
+    const plusDisabled = computed(() => props.disabled || props.disablePlus || +current.value >= +props.max);
     const inputStyle = computed(() => ({
       width: addUnit(props.inputWidth),
       height: addUnit(props.buttonSize)