vant 3.6.15 → 3.6.16

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

@@ -75,26 +75,12 @@ 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) {
@@ -105,13 +91,6 @@ 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);
@@ -152,12 +131,6 @@ 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;
@@ -179,13 +152,9 @@ function stdin_default() {
       this.lazyLoadHandler();
       nextTick(() => this.lazyLoadHandler());
     }
-    /**
-     * remove listener form list
-     * @param  {DOM} el
-     * @return
-     */
     remove(el) {
-      if (!el) return;
+      if (!el)
+        return;
       this.observer && this.observer.unobserve(el);
       const existItem = this.listeners.find((item) => item.el === el);
       if (existItem) {
@@ -195,13 +164,9 @@ function stdin_default() {
         existItem.$destroy();
       }
     }
-    /*
-     * remove lazy components form list
-     * @param  {Vue} vm Vue instance
-     * @return
-     */
     removeComponent(vm) {
-      if (!vm) return;
+      if (!vm)
+        return;
       remove(this.listeners, vm);
       this.observer && this.observer.unobserve(vm.el);
       if (vm.$parent && vm.$el.parentNode) {
@@ -231,16 +196,9 @@ function stdin_default() {
         this.initIntersectionObserver();
       }
     }
-    /*
-     *** Private functions ***
-     */
-    /*
-     * add listener target
-     * @param  {DOM} el listener target
-     * @return
-     */
     addListenerTarget(el) {
-      if (!el) return;
+      if (!el)
+        return;
       let target = this.targets.find((target2) => target2.el === el);
       if (!target) {
         target = {
@@ -256,11 +214,6 @@ 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) {
@@ -273,12 +226,6 @@ 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)
@@ -293,7 +240,8 @@ function stdin_default() {
         }
       };
       this.$on = (event, func) => {
-        if (!this.Event.listeners[event]) this.Event.listeners[event] = [];
+        if (!this.Event.listeners[event])
+          this.Event.listeners[event] = [];
         this.Event.listeners[event].push(func);
       };
       this.$once = (event, func) => {
@@ -305,21 +253,19 @@ function stdin_default() {
       };
       this.$off = (event, func) => {
         if (!func) {
-          if (!this.Event.listeners[event]) return;
+          if (!this.Event.listeners[event])
+            return;
           this.Event.listeners[event].length = 0;
           return;
         }
         remove(this.Event.listeners[event], func);
       };
       this.$emit = (event, context, inCache) => {
-        if (!this.Event.listeners[event]) return;
+        if (!this.Event.listeners[event])
+          return;
         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) => {
@@ -327,7 +273,8 @@ function stdin_default() {
           freeList.push(listener);
         }
         const catIn = listener.checkInView();
-        if (!catIn) return;
+        if (!catIn)
+          return;
         listener.load();
       });
       freeList.forEach((item) => {
@@ -335,11 +282,6 @@ function stdin_default() {
         item.$destroy();
       });
     }
-    /**
-     * init IntersectionObserver
-     * set mode to observer
-     * @return
-     */
     initIntersectionObserver() {
       if (!hasIntersectionObserver) {
         return;
@@ -354,10 +296,6 @@ function stdin_default() {
         });
       }
     }
-    /**
-     * init IntersectionObserver
-     * @return
-     */
     observerHandler(entries) {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -371,15 +309,9 @@ 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;
+      if (!listener.el)
+        return;
       const { el, bindType } = listener;
       let src;
       switch (state) {
@@ -408,11 +340,6 @@ 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,10 +35,6 @@ class ReactiveListener {
     this.initState();
     this.render("loading", false);
   }
-  /*
-   * init listener state
-   * @return
-   */
   initState() {
     if ("dataset" in this.el) {
       this.el.dataset.src = this.src;
@@ -52,20 +48,9 @@ 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;
@@ -77,27 +62,15 @@ 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(
@@ -120,10 +93,6 @@ 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) {
@@ -134,7 +103,8 @@ class ReactiveListener {
       onFinish();
       return;
     }
-    if (this.state.rendered && this.state.loaded) return;
+    if (this.state.rendered && this.state.loaded)
+      return;
     if (this.imageCache.has(this.src)) {
       this.state.loaded = true;
       this.render("loaded", true);
@@ -171,19 +141,9 @@ 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;
@@ -191,17 +151,14 @@ class ReactiveListener {
       state = "loaded";
       time = (this.performanceData.loadEnd - this.performanceData.loadStart) / 1e3;
     }
-    if (this.state.error) state = "error";
+    if (this.state.error)
+      state = "error";
     return {
       src: this.src,
       state,
       time
     };
   }
-  /*
-   * $destroy
-   * @return
-   */
   $destroy() {
     this.el = null;
     this.src = null;

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

@@ -5,12 +5,15 @@ const modeType = {
   observer: "observer"
 };
 function remove(arr, item) {
-  if (!arr.length) return;
+  if (!arr.length)
+    return;
   const index = arr.indexOf(item);
-  if (index > -1) return arr.splice(index, 1);
+  if (index > -1)
+    return arr.splice(index, 1);
 }
 function getBestSelectionFromSrcset(el, scale) {
-  if (el.tagName !== "IMG" || !el.getAttribute("data-srcset")) return;
+  if (el.tagName !== "IMG" || !el.getAttribute("data-srcset"))
+    return;
   let options = el.getAttribute("data-srcset");
   const container = el.parentNode;
   const containerWidth = container.offsetWidth * scale;
@@ -68,7 +71,8 @@ function getBestSelectionFromSrcset(el, scale) {
 }
 const getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
 function supportWebp() {
-  if (!inBrowser) return false;
+  if (!inBrowser)
+    return false;
   let support = true;
   try {
     const elem = document.createElement("canvas");
@@ -136,7 +140,8 @@ class ImageCache {
     return this.caches.indexOf(key) > -1;
   }
   add(key) {
-    if (this.has(key)) return;
+    if (this.has(key))
+      return;
     this.caches.push(key);
     if (this.caches.length > this.options.max) {
       this.free();

package/es/list/List.d.ts

@@ -1,18 +1,16 @@
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
-export declare const listProps: {
+declare const listProps: {
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
-    disabled: BooleanConstructor;
     finished: BooleanConstructor;
-    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: PropType<T>;
+        type: import("vue").PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -22,20 +20,18 @@ export declare const listProps: {
         default: true;
     };
 };
-export type ListProps = ExtractPropTypes<typeof listProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type ListProps = ExtractPropTypes<typeof listProps>;
+declare const _default: import("vue").DefineComponent<{
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
-    disabled: BooleanConstructor;
     finished: BooleanConstructor;
-    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: PropType<T>;
+        type: import("vue").PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -44,19 +40,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
-    disabled: BooleanConstructor;
     finished: BooleanConstructor;
-    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: PropType<T>;
+        type: import("vue").PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -65,17 +59,16 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
-}>> & Readonly<{
+}>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:error"?: ((...args: any[]) => any) | undefined;
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     offset: string | number;
-    disabled: boolean;
     error: boolean;
     loading: boolean;
     direction: ListDirection;
     finished: boolean;
     immediateCheck: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/list/List.mjs

@@ -1,4 +1,5 @@
-import { ref, watch, computed, nextTick, onUpdated, onMounted, defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { ref, watch, nextTick, onUpdated, onMounted, defineComponent } from "vue";
 import { isHidden, truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useRect, useScrollParent, useEventListener } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
@@ -9,9 +10,7 @@ const listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
   loading: Boolean,
-  disabled: Boolean,
   finished: Boolean,
-  scroller: Object,
   errorText: String,
   direction: makeStringProp("down"),
   loadingText: String,
@@ -31,18 +30,16 @@ var stdin_default = defineComponent({
     const placeholder = ref();
     const tabStatus = useTabStatus();
     const scrollParent = useScrollParent(root);
-    const scroller = computed(() => props.scroller || scrollParent.value);
     const check = () => {
       nextTick(() => {
-        if (loading.value || props.finished || props.disabled || props.error || // skip check when inside an inactive tab
-        (tabStatus == null ? void 0 : tabStatus.value) === false) {
+        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
         const {
+          offset,
           direction
         } = props;
-        const offset = +props.offset;
-        const scrollParentRect = useRect(scroller);
+        const scrollParentRect = useRect(scrollParent);
         if (!scrollParentRect.height || isHidden(root)) {
           return;
         }
@@ -88,7 +85,7 @@ var stdin_default = defineComponent({
       }
     };
     const renderLoading = () => {
-      if (loading.value && !props.finished && !props.disabled) {
+      if (loading.value && !props.finished) {
         return _createVNode("div", {
           "class": bem("loading")
         }, [slots.loading ? slots.loading() : _createVNode(Loading, {
@@ -118,7 +115,7 @@ var stdin_default = defineComponent({
       check
     });
     useEventListener("scroll", check, {
-      target: scroller,
+      target: scrollParent,
       passive: true
     });
     return () => {
@@ -138,6 +135,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default,
-  listProps
+  stdin_default as default
 };

package/es/list/index.css

@@ -1 +1 @@
-:root,:host{--van-list-text-color: var(--van-text-color-2);--van-list-text-font-size: var(--van-font-size-md);--van-list-text-line-height: 50px;--van-list-loading-icon-size: 16px}.van-list__loading,.van-list__finished-text,.van-list__error-text{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}
+:root{--van-list-text-color: var(--van-text-color-2);--van-list-text-font-size: var(--van-font-size-md);--van-list-text-line-height: 50px;--van-list-loading-icon-size: 16px}.van-list__loading,.van-list__finished-text,.van-list__error-text{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}

package/es/list/index.d.ts

@@ -1,17 +1,15 @@
 import { ListProps } from './List';
-export declare const List: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const List: import("../utils").WithInstall<import("vue").DefineComponent<{
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
-    disabled: BooleanConstructor;
     finished: BooleanConstructor;
-    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").ListDirection>;
         default: import("./types").ListDirection;
     };
     loadingText: StringConstructor;
@@ -20,19 +18,17 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
-    disabled: BooleanConstructor;
     finished: BooleanConstructor;
-    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").ListDirection>;
         default: import("./types").ListDirection;
     };
     loadingText: StringConstructor;
@@ -41,23 +37,21 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-}>> & Readonly<{
+}>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:error"?: ((...args: any[]) => any) | undefined;
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     offset: string | number;
-    disabled: boolean;
     error: boolean;
     loading: boolean;
     direction: import("./types").ListDirection;
     finished: boolean;
     immediateCheck: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default List;
-export { listProps } from './List';
 export type { ListProps };
-export type { ListInstance, ListDirection, ListThemeVars } from './types';
+export type { ListInstance, ListDirection } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanList: typeof List;

package/es/list/index.less

@@ -0,0 +1,31 @@
+@import './var.less';
+
+:root {
+  --van-list-text-color: @list-text-color;
+  --van-list-text-font-size: @list-text-font-size;
+  --van-list-text-line-height: @list-text-line-height;
+  --van-list-loading-icon-size: @list-loading-icon-size;
+}
+
+.van-list {
+  &__loading,
+  &__finished-text,
+  &__error-text {
+    color: var(--van-list-text-color);
+    font-size: var(--van-list-text-font-size);
+    line-height: var(--van-list-text-line-height);
+    text-align: center;
+  }
+
+  &__placeholder {
+    height: 0;
+    pointer-events: none;
+  }
+
+  &__loading-icon {
+    .van-loading__spinner {
+      width: var(--van-list-loading-icon-size);
+      height: var(--van-list-loading-icon-size);
+    }
+  }
+}

package/es/list/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _List from "./List.mjs";
 const List = withInstall(_List);
 var stdin_default = List;
-import { listProps } from "./List.mjs";
 export {
   List,
-  stdin_default as default,
-  listProps
+  stdin_default as default
 };

package/es/list/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/es/list/style/less.mjs

@@ -0,0 +1,3 @@
+import "../../style/base.less";
+import "../../loading/index.less";
+import "../index.less";

package/es/list/types.d.ts

@@ -1,13 +1,7 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { ListProps } from './List';
-export type ListDirection = 'up' | 'down';
-export type ListExpose = {
+export declare type ListDirection = 'up' | 'down';
+export declare type ListExpose = {
     check: () => void;
 };
-export type ListInstance = ComponentPublicInstance<ListProps, ListExpose>;
-export type ListThemeVars = {
-    listTextColor?: string;
-    listTextFontSize?: string;
-    listTextLineHeight?: number | string;
-    listLoadingIconSize?: string;
-};
+export declare type ListInstance = ComponentPublicInstance<ListProps, ListExpose>;

package/es/list/var.less

@@ -0,0 +1,6 @@
+@import '../style/var.less';
+
+@list-text-color: var(--van-text-color-2);
+@list-text-font-size: var(--van-font-size-md);
+@list-text-line-height: 50px;
+@list-loading-icon-size: 16px;