vant 3.6.12 → 3.6.13

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

@@ -57,6 +57,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;
@@ -70,9 +74,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;
@@ -84,15 +99,27 @@ 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)(
@@ -115,6 +142,10 @@ 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) {
@@ -125,8 +156,7 @@ 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);
@@ -163,9 +193,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;
@@ -173,14 +213,17 @@ 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.d.ts

@@ -0,0 +1,25 @@
+export function remove(arr: any, item: any): any;
+export function getBestSelectionFromSrcset(el: any, scale: any): string | undefined;
+export function supportWebp(): boolean;
+export function throttle(action: any, delay: any): (...args: any[]) => void;
+export function on(el: any, type: any, func: any): void;
+export function off(el: any, type: any, func: any): void;
+export const hasIntersectionObserver: boolean;
+export namespace modeType {
+    let event: string;
+    let observer: string;
+}
+export function getDPR(scale?: number): number;
+export function loadImageAsync(item: any, resolve: any, reject: any): any;
+export class ImageCache {
+    constructor({ max }: {
+        max: any;
+    });
+    options: {
+        max: any;
+    };
+    caches: any[];
+    has(key: any): boolean;
+    add(key: any): void;
+    free(): void;
+}

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

@@ -37,15 +37,12 @@ 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;
@@ -103,8 +100,7 @@ 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");
@@ -172,8 +168,7 @@ 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,16 +1,18 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
-declare const listProps: {
+export declare const listProps: {
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<T>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -20,18 +22,20 @@ declare const listProps: {
         default: true;
     };
 };
-export declare type ListProps = ExtractPropTypes<typeof listProps>;
-declare const _default: import("vue").DefineComponent<{
+export type ListProps = ExtractPropTypes<typeof listProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<T>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -40,17 +44,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
+}>, () => 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<{
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<T>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -59,16 +65,17 @@ declare const _default: import("vue").DefineComponent<{
         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
+  default: () => stdin_default,
+  listProps: () => listProps
 });
 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,14 +32,16 @@ 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_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: listProps,
   emits: ["load", "update:error", "update:loading"],
@@ -47,21 +49,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const loading = (0, import_vue2.ref)(props.loading);
-    const root = (0, import_vue2.ref)();
-    const placeholder = (0, import_vue2.ref)();
+    const loading = (0, import_vue.ref)(props.loading);
+    const root = (0, import_vue.ref)();
+    const placeholder = (0, import_vue.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_vue2.nextTick)(() => {
-        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+      (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) {
           return;
         }
         const {
-          offset,
           direction
         } = props;
-        const scrollParentRect = (0, import_use.useRect)(scrollParent);
+        const offset = +props.offset;
+        const scrollParentRect = (0, import_use.useRect)(scroller);
         if (!scrollParentRect.height || (0, import_utils.isHidden)(root)) {
           return;
         }
@@ -107,7 +111,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const renderLoading = () => {
-      if (loading.value && !props.finished) {
+      if (loading.value && !props.finished && !props.disabled) {
         return (0, import_vue.createVNode)("div", {
           "class": bem("loading")
         }, [slots.loading ? slots.loading() : (0, import_vue.createVNode)(import_loading.Loading, {
@@ -117,18 +121,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
         })]);
       }
     };
-    (0, import_vue2.watch)(() => [props.loading, props.finished, props.error], check);
+    (0, import_vue.watch)(() => [props.loading, props.finished, props.error], check);
     if (tabStatus) {
-      (0, import_vue2.watch)(tabStatus, (tabActive) => {
+      (0, import_vue.watch)(tabStatus, (tabActive) => {
         if (tabActive) {
           check();
         }
       });
     }
-    (0, import_vue2.onUpdated)(() => {
+    (0, import_vue.onUpdated)(() => {
       loading.value = props.loading;
     });
-    (0, import_vue2.onMounted)(() => {
+    (0, import_vue.onMounted)(() => {
       if (props.immediateCheck) {
         check();
       }
@@ -137,7 +141,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       check
     });
     (0, import_use.useEventListener)("scroll", check, {
-      target: scrollParent,
+      target: scroller,
       passive: true
     });
     return () => {

package/lib/list/index.css

@@ -1 +1 @@
-: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)}
+: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)}

package/lib/list/index.d.ts

@@ -1,15 +1,17 @@
 import { ListProps } from './List';
-export declare const List: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const List: import("../utils").WithInstall<import("vue").DefineComponent<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<import("./types").ListDirection>;
+        type: import("vue").PropType<T>;
         default: import("./types").ListDirection;
     };
     loadingText: StringConstructor;
@@ -18,17 +20,19 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
+}>, () => 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<{
     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<import("./types").ListDirection>;
+        type: import("vue").PropType<T>;
         default: import("./types").ListDirection;
     };
     loadingText: StringConstructor;
@@ -37,21 +41,23 @@ 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 } from './types';
+export type { ListInstance, ListDirection, ListThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanList: typeof List;

package/lib/list/index.js

@@ -17,6 +17,10 @@ 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
 ));
@@ -24,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   List: () => List,
-  default: () => stdin_default
+  default: () => stdin_default,
+  listProps: () => import_List2.listProps
 });
 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/types.d.ts

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

package/lib/loading/Loading.d.ts

@@ -1,9 +1,9 @@
 import { type ExtractPropTypes } from 'vue';
-export declare type LoadingType = 'circular' | 'spinner';
-declare const loadingProps: {
+export type LoadingType = 'circular' | 'spinner';
+export declare const loadingProps: {
     size: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<LoadingType>;
+        type: import("vue").PropType<T>;
         default: LoadingType;
     };
     color: StringConstructor;
@@ -11,29 +11,29 @@ declare const loadingProps: {
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
 };
-export declare type LoadingProps = ExtractPropTypes<typeof loadingProps>;
-declare const _default: import("vue").DefineComponent<{
+export type LoadingProps = ExtractPropTypes<typeof loadingProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<LoadingType>;
+        type: import("vue").PropType<T>;
         default: LoadingType;
     };
     color: StringConstructor;
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<LoadingType>;
+        type: import("vue").PropType<T>;
         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
+  default: () => stdin_default,
+  loadingProps: () => loadingProps
 });
 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,15 +44,22 @@ const loadingProps = {
   textSize: import_utils.numericProp,
   textColor: String
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: loadingProps,
   setup(props, {
     slots
   }) {
-    const spinnerStyle = (0, import_vue2.computed)(() => (0, import_utils.extend)({
+    const spinnerStyle = (0, import_vue.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) {
@@ -76,10 +83,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }]),
         "aria-live": "polite",
         "aria-busy": true
-      }, [(0, import_vue.createVNode)("span", {
-        "class": bem("spinner", type),
-        "style": spinnerStyle.value
-      }, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
+      }, [renderIcon(), renderText()]);
     };
   }
 });

package/lib/loading/index.css

@@ -1 +1 @@
-: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}
+: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}

package/lib/loading/index.d.ts

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