vant 4.1.0 → 4.1.2

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) {
@@ -279,12 +279,12 @@ var stdin_default = defineComponent({
       }
     };
     const onBlur = (event) => {
-      if (getProp("readonly")) {
-        return;
-      }
       state.focused = false;
       updateValue(getModelValue(), "onBlur");
       emit("blur", event);
+      if (getProp("readonly")) {
+        return;
+      }
       validateWithTrigger("onBlur");
       nextTick(adjustTextareaSize);
       resetScroll();
@@ -307,7 +307,8 @@ var stdin_default = defineComponent({
     });
     const labelStyle = computed(() => {
       const labelWidth = getProp("labelWidth");
-      if (labelWidth) {
+      const labelAlign = getProp("labelAlign");
+      if (labelWidth && labelAlign !== "top") {
         return {
           width: addUnit(labelWidth)
         };
@@ -417,6 +418,8 @@ var stdin_default = defineComponent({
       }
     };
     const renderLabel = () => {
+      const labelWidth = getProp("labelWidth");
+      const labelAlign = getProp("labelAlign");
       const colon = getProp("colon") ? ":" : "";
       if (slots.label) {
         return [slots.label(), colon];
@@ -424,7 +427,10 @@ var stdin_default = defineComponent({
       if (props.label) {
         return _createVNode("label", {
           "id": `${id}-label`,
-          "for": getInputId()
+          "for": getInputId(),
+          "style": labelAlign === "top" && labelWidth ? {
+            width: addUnit(labelWidth)
+          } : void 0
         }, [props.label + colon]);
       }
     };

package/es/field/index.css

@@ -1 +1 @@
-:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field{flex-wrap:wrap}.van-field--label-top .van-field__value{flex:none;width:100%}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--top{margin-bottom:var(--van-padding-base)}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
+:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field{flex-wrap:wrap}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--top{display:flex;width:100%;text-align:left;margin-bottom:var(--van-padding-base);word-break:break-word}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}

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

@@ -148,7 +148,7 @@ var stdin_default = defineComponent({
         } = touch;
         const moveX = deltaX.value + startMoveX;
         const moveY = deltaY.value + startMoveY;
-        if ((moveX > maxMoveX.value || moveX < -maxMoveX.value) && !isImageMoved) {
+        if ((moveX > maxMoveX.value || moveX < -maxMoveX.value) && !isImageMoved && touch.isHorizontal()) {
           state.moving = false;
           return;
         }
@@ -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.2";

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.2";
 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/locale/lang/km-KH.d.ts

@@ -0,0 +1,62 @@
+declare const _default: {
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    addContact: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanCascader: {
+        select: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        addressDetail: string;
+        defaultAddress: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};
+export default _default;