vant 3.6.15 → 3.6.16

package/lib/lazyload/vue-lazyload/listener.js

@@ -57,10 +57,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;
@@ -74,20 +70,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;
@@ -99,27 +84,15 @@ class ReactiveListener {
       this.initState();
     }
   }
-  /*
-   *  check el is in view
-   * @return {Boolean} el is in view
-   */
   checkInView() {
     const rect = (0, import_use.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;
     (0, import_util.loadImageAsync)(
@@ -142,10 +115,6 @@ class ReactiveListener {
       }
     );
   }
-  /*
-   * try load image and  render it
-   * @return
-   */
   load(onFinish = import_utils.noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
       if (process.env.NODE_ENV !== "production" && !this.options.silent) {
@@ -156,7 +125,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);
@@ -193,19 +163,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;
@@ -213,17 +173,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/lib/lazyload/vue-lazyload/util.js

@@ -37,12 +37,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;
@@ -100,7 +103,8 @@ function getBestSelectionFromSrcset(el, scale) {
 }
 const getDPR = (scale = 1) => import_use.inBrowser ? window.devicePixelRatio || scale : scale;
 function supportWebp() {
-  if (!import_use.inBrowser) return false;
+  if (!import_use.inBrowser)
+    return false;
   let support = true;
   try {
     const elem = document.createElement("canvas");
@@ -168,7 +172,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/lib/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/lib/list/List.js

@@ -17,11 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default,
-  listProps: () => listProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
 var import_use_expose = require("../composables/use-expose");
@@ -32,16 +32,14 @@ const listProps = {
   error: Boolean,
   offset: (0, import_utils.makeNumericProp)(300),
   loading: Boolean,
-  disabled: Boolean,
   finished: Boolean,
-  scroller: Object,
   errorText: String,
   direction: (0, import_utils.makeStringProp)("down"),
   loadingText: String,
   finishedText: String,
   immediateCheck: import_utils.truthProp
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: listProps,
   emits: ["load", "update:error", "update:loading"],
@@ -49,23 +47,21 @@ var stdin_default = (0, import_vue.defineComponent)({
     emit,
     slots
   }) {
-    const loading = (0, import_vue.ref)(props.loading);
-    const root = (0, import_vue.ref)();
-    const placeholder = (0, import_vue.ref)();
+    const loading = (0, import_vue2.ref)(props.loading);
+    const root = (0, import_vue2.ref)();
+    const placeholder = (0, import_vue2.ref)();
     const tabStatus = (0, import_use_tab_status.useTabStatus)();
     const scrollParent = (0, import_use.useScrollParent)(root);
-    const scroller = (0, import_vue.computed)(() => props.scroller || scrollParent.value);
     const check = () => {
-      (0, import_vue.nextTick)(() => {
-        if (loading.value || props.finished || props.disabled || props.error || // skip check when inside an inactive tab
-        (tabStatus == null ? void 0 : tabStatus.value) === false) {
+      (0, import_vue2.nextTick)(() => {
+        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 = (0, import_use.useRect)(scroller);
+        const scrollParentRect = (0, import_use.useRect)(scrollParent);
         if (!scrollParentRect.height || (0, import_utils.isHidden)(root)) {
           return;
         }
@@ -111,7 +107,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       }
     };
     const renderLoading = () => {
-      if (loading.value && !props.finished && !props.disabled) {
+      if (loading.value && !props.finished) {
         return (0, import_vue.createVNode)("div", {
           "class": bem("loading")
         }, [slots.loading ? slots.loading() : (0, import_vue.createVNode)(import_loading.Loading, {
@@ -121,18 +117,18 @@ var stdin_default = (0, import_vue.defineComponent)({
         })]);
       }
     };
-    (0, import_vue.watch)(() => [props.loading, props.finished, props.error], check);
+    (0, import_vue2.watch)(() => [props.loading, props.finished, props.error], check);
     if (tabStatus) {
-      (0, import_vue.watch)(tabStatus, (tabActive) => {
+      (0, import_vue2.watch)(tabStatus, (tabActive) => {
         if (tabActive) {
           check();
         }
       });
     }
-    (0, import_vue.onUpdated)(() => {
+    (0, import_vue2.onUpdated)(() => {
       loading.value = props.loading;
     });
-    (0, import_vue.onMounted)(() => {
+    (0, import_vue2.onMounted)(() => {
       if (props.immediateCheck) {
         check();
       }
@@ -141,7 +137,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       check
     });
     (0, import_use.useEventListener)("scroll", check, {
-      target: scroller,
+      target: scrollParent,
       passive: true
     });
     return () => {

package/lib/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/lib/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/lib/list/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   List: () => List,
-  default: () => stdin_default,
-  listProps: () => import_List2.listProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_List = __toESM(require("./List"));
-var import_List2 = require("./List");
 const List = (0, import_utils.withInstall)(import_List.default);
 var stdin_default = List;

package/lib/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/lib/list/style/less.d.ts

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

package/lib/list/style/less.js

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

package/lib/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/lib/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;

package/lib/loading/Loading.d.ts

@@ -1,9 +1,9 @@
 import { type ExtractPropTypes } from 'vue';
-export type LoadingType = 'circular' | 'spinner';
-export declare const loadingProps: {
+export declare type LoadingType = 'circular' | 'spinner';
+declare const loadingProps: {
     size: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<LoadingType>;
         default: LoadingType;
     };
     color: StringConstructor;
@@ -11,29 +11,29 @@ export declare const loadingProps: {
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
 };
-export type LoadingProps = ExtractPropTypes<typeof loadingProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type LoadingProps = ExtractPropTypes<typeof loadingProps>;
+declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<LoadingType>;
         default: LoadingType;
     };
     color: StringConstructor;
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<LoadingType>;
         default: LoadingType;
     };
     color: StringConstructor;
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-}>> & Readonly<{}>, {
+}>>, {
     type: LoadingType;
     vertical: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/lib/loading/Loading.js

@@ -17,11 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default,
-  loadingProps: () => loadingProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 const [name, bem] = (0, import_utils.createNamespace)("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => (0, import_vue.createVNode)("i", {
@@ -44,22 +44,15 @@ const loadingProps = {
   textSize: import_utils.numericProp,
   textColor: String
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: loadingProps,
   setup(props, {
     slots
   }) {
-    const spinnerStyle = (0, import_vue.computed)(() => (0, import_utils.extend)({
+    const spinnerStyle = (0, import_vue2.computed)(() => (0, import_utils.extend)({
       color: props.color
     }, (0, import_utils.getSizeStyle)(props.size)));
-    const renderIcon = () => {
-      const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
-      return (0, import_vue.createVNode)("span", {
-        "class": bem("spinner", props.type),
-        "style": spinnerStyle.value
-      }, [slots.icon ? slots.icon() : DefaultIcon]);
-    };
     const renderText = () => {
       var _a;
       if (slots.default) {
@@ -83,7 +76,10 @@ var stdin_default = (0, import_vue.defineComponent)({
         }]),
         "aria-live": "polite",
         "aria-busy": true
-      }, [renderIcon(), renderText()]);
+      }, [(0, import_vue.createVNode)("span", {
+        "class": bem("spinner", type),
+        "style": spinnerStyle.value
+      }, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
     };
   }
 });

package/lib/loading/index.css

@@ -1 +1 @@
-:root,:host{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}