vant 3.3.7 → 3.4.3

package/lib/list/List.js

@@ -1,170 +1,161 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-var _useExpose = require("../composables/use-expose");
-
-var _useTabStatus = require("../composables/use-tab-status");
-
-var _loading = require("../loading");
-
-// Utils
-// Composables
-// Components
-var [name, bem, t] = (0, _utils.createNamespace)('list');
-var listProps = {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_use_tab_status = __toModule(require("../composables/use-tab-status"));
+var import_loading = __toModule(require("../loading"));
+const [name, bem, t] = (0, import_utils.createNamespace)("list");
+const listProps = {
   error: Boolean,
-  offset: (0, _utils.makeNumericProp)(300),
+  offset: (0, import_utils.makeNumericProp)(300),
   loading: Boolean,
   finished: Boolean,
   errorText: String,
-  direction: (0, _utils.makeStringProp)('down'),
+  direction: (0, import_utils.makeStringProp)("down"),
   loadingText: String,
   finishedText: String,
-  immediateCheck: _utils.truthProp
+  immediateCheck: import_utils.truthProp
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: listProps,
-  emits: ['load', 'update:error', 'update:loading'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    // use sync innerLoading state to avoid repeated loading in some edge cases
-    var loading = (0, _vue.ref)(false);
-    var root = (0, _vue.ref)();
-    var placeholder = (0, _vue.ref)();
-    var tabStatus = (0, _useTabStatus.useTabStatus)();
-    var scrollParent = (0, _use.useScrollParent)(root);
-
-    var check = () => {
-      (0, _vue.nextTick)(() => {
-        if (loading.value || props.finished || props.error || // skip check when inside an inactive tab
-        (tabStatus == null ? void 0 : tabStatus.value) === false) {
+  emits: ["load", "update:error", "update:loading"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const loading = (0, import_vue2.ref)(false);
+    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 check = () => {
+      (0, import_vue2.nextTick)(() => {
+        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
-
-        var {
+        const {
           offset,
           direction
         } = props;
-        var scrollParentRect = (0, _use.useRect)(scrollParent);
-
-        if (!scrollParentRect.height || (0, _utils.isHidden)(root)) {
+        const scrollParentRect = (0, import_use.useRect)(scrollParent);
+        if (!scrollParentRect.height || (0, import_utils.isHidden)(root)) {
           return;
         }
-
-        var isReachEdge = false;
-        var placeholderRect = (0, _use.useRect)(placeholder);
-
-        if (direction === 'up') {
+        let isReachEdge = false;
+        const placeholderRect = (0, import_use.useRect)(placeholder);
+        if (direction === "up") {
           isReachEdge = scrollParentRect.top - placeholderRect.top <= offset;
         } else {
           isReachEdge = placeholderRect.bottom - scrollParentRect.bottom <= offset;
         }
-
         if (isReachEdge) {
           loading.value = true;
-          emit('update:loading', true);
-          emit('load');
+          emit("update:loading", true);
+          emit("load");
         }
       });
     };
-
-    var renderFinishedText = () => {
+    const renderFinishedText = () => {
       if (props.finished) {
-        var text = slots.finished ? slots.finished() : props.finishedText;
-
+        const text = slots.finished ? slots.finished() : props.finishedText;
         if (text) {
-          return (0, _vue.createVNode)("div", {
-            "class": bem('finished-text')
+          return (0, import_vue.createVNode)("div", {
+            "class": bem("finished-text")
           }, [text]);
         }
       }
     };
-
-    var clickErrorText = () => {
-      emit('update:error', false);
+    const clickErrorText = () => {
+      emit("update:error", false);
       check();
     };
-
-    var renderErrorText = () => {
+    const renderErrorText = () => {
       if (props.error) {
-        var text = slots.error ? slots.error() : props.errorText;
-
+        const text = slots.error ? slots.error() : props.errorText;
         if (text) {
-          return (0, _vue.createVNode)("div", {
+          return (0, import_vue.createVNode)("div", {
             "role": "button",
-            "class": bem('error-text'),
+            "class": bem("error-text"),
             "tabindex": 0,
             "onClick": clickErrorText
           }, [text]);
         }
       }
     };
-
-    var renderLoading = () => {
+    const renderLoading = () => {
       if (loading.value && !props.finished) {
-        return (0, _vue.createVNode)("div", {
-          "class": bem('loading')
-        }, [slots.loading ? slots.loading() : (0, _vue.createVNode)(_loading.Loading, {
-          "class": bem('loading-icon')
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("loading")
+        }, [slots.loading ? slots.loading() : (0, import_vue.createVNode)(import_loading.Loading, {
+          "class": bem("loading-icon")
         }, {
-          default: () => [props.loadingText || t('loading')]
+          default: () => [props.loadingText || t("loading")]
         })]);
       }
     };
-
-    (0, _vue.watch)(() => [props.loading, props.finished, props.error], check);
-
+    (0, import_vue2.watch)(() => [props.loading, props.finished, props.error], check);
     if (tabStatus) {
-      (0, _vue.watch)(tabStatus, tabActive => {
+      (0, import_vue2.watch)(tabStatus, (tabActive) => {
         if (tabActive) {
           check();
         }
       });
     }
-
-    (0, _vue.onUpdated)(() => {
+    (0, import_vue2.onUpdated)(() => {
       loading.value = props.loading;
     });
-    (0, _vue.onMounted)(() => {
+    (0, import_vue2.onMounted)(() => {
       if (props.immediateCheck) {
         check();
       }
     });
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       check
     });
-    (0, _use.useEventListener)('scroll', check, {
+    (0, import_use.useEventListener)("scroll", check, {
       target: scrollParent
     });
     return () => {
-      var Content = slots.default == null ? void 0 : slots.default();
-      var Placeholder = (0, _vue.createVNode)("div", {
+      var _a;
+      const Content = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const Placeholder = (0, import_vue.createVNode)("div", {
         "ref": placeholder,
-        "class": bem('placeholder')
+        "class": bem("placeholder")
       }, null);
-      return (0, _vue.createVNode)("div", {
+      return (0, import_vue.createVNode)("div", {
         "ref": root,
         "role": "feed",
         "class": bem(),
         "aria-busy": loading.value
-      }, [props.direction === 'down' ? Content : Placeholder, renderLoading(), renderFinishedText(), renderErrorText(), props.direction === 'up' ? Content : Placeholder]);
+      }, [props.direction === "down" ? Content : Placeholder, renderLoading(), renderFinishedText(), renderErrorText(), props.direction === "up" ? Content : Placeholder]);
     };
   }
-
 });
-
-exports.default = _default;

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__error-text,.van-list__finished-text,.van-list__loading{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

@@ -18,28 +18,26 @@ 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/runtime-core").ComponentCustomProps, Readonly<{
-    error?: unknown;
-    offset?: unknown;
-    loading?: unknown;
-    finished?: unknown;
-    errorText?: unknown;
-    direction?: unknown;
-    loadingText?: unknown;
-    finishedText?: unknown;
-    immediateCheck?: unknown;
-} & {
-    offset: string | number;
-    error: boolean;
-    loading: boolean;
-    direction: import("./types").ListDirection;
-    finished: boolean;
-    immediateCheck: boolean;
-} & {
-    loadingText?: string | undefined;
-    errorText?: string | undefined;
-    finishedText?: string | undefined;
-}> & {
+}, () => 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;
+    finished: BooleanConstructor;
+    errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<import("./types").ListDirection>;
+        default: import("./types").ListDirection;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    immediateCheck: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:error"?: ((...args: any[]) => any) | undefined;
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
@@ -54,3 +52,8 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
 export default List;
 export type { ListProps };
 export type { ListInstance, ListDirection } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanList: typeof List;
+    }
+}

package/lib/list/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.List = void 0;
-
-var _utils = require("../utils");
-
-var _List2 = _interopRequireDefault(require("./List"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var List = (0, _utils.withInstall)(_List2.default);
-exports.List = List;
-var _default = List;
-exports.default = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  List: () => List,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_List = __toModule(require("./List"));
+const List = (0, import_utils.withInstall)(import_List.default);
+var stdin_default = List;

package/lib/list/style/index.js

@@ -1,7 +1,3 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../loading/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../loading/index.css");
+require("../index.css");

package/lib/list/style/less.js

@@ -1,7 +1,3 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../loading/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../loading/index.less");
+require("../index.less");

package/lib/list/types.js

@@ -1,3 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+__markAsModule(exports);

package/lib/loading/Loading.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 export declare type LoadingType = 'circular' | 'spinner';
 declare const loadingProps: {
     size: (NumberConstructor | StringConstructor)[];
@@ -22,22 +22,17 @@ declare const _default: import("vue").DefineComponent<{
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    type?: unknown;
-    color?: unknown;
-    vertical?: unknown;
-    textSize?: unknown;
-    textColor?: unknown;
-} & {
-    type: LoadingType;
-    vertical: boolean;
-} & {
-    color?: string | undefined;
-    size?: string | number | undefined;
-    textSize?: string | number | undefined;
-    textColor?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<LoadingType>;
+        default: LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+}>>, {
     type: LoadingType;
     vertical: boolean;
 }>;

package/lib/loading/Loading.js

@@ -1,76 +1,87 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var [name, bem] = (0, _utils.createNamespace)('loading');
-var SpinIcon = Array(12).fill(null).map((_, index) => (0, _vue.createVNode)("i", {
-  "class": bem('line', String(index + 1))
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+const [name, bem] = (0, import_utils.createNamespace)("loading");
+const SpinIcon = Array(12).fill(null).map((_, index) => (0, import_vue.createVNode)("i", {
+  "class": bem("line", String(index + 1))
 }, null));
-var CircularIcon = (0, _vue.createVNode)("svg", {
-  "class": bem('circular'),
+const CircularIcon = (0, import_vue.createVNode)("svg", {
+  "class": bem("circular"),
   "viewBox": "25 25 50 50"
-}, [(0, _vue.createVNode)("circle", {
+}, [(0, import_vue.createVNode)("circle", {
   "cx": "50",
   "cy": "50",
   "r": "20",
   "fill": "none"
 }, null)]);
-var loadingProps = {
-  size: _utils.numericProp,
-  type: (0, _utils.makeStringProp)('circular'),
+const loadingProps = {
+  size: import_utils.numericProp,
+  type: (0, import_utils.makeStringProp)("circular"),
   color: String,
   vertical: Boolean,
-  textSize: _utils.numericProp,
+  textSize: import_utils.numericProp,
   textColor: String
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: loadingProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var spinnerStyle = (0, _vue.computed)(() => (0, _utils.extend)({
+  setup(props, {
+    slots
+  }) {
+    const spinnerStyle = (0, import_vue2.computed)(() => (0, import_utils.extend)({
       color: props.color
-    }, (0, _utils.getSizeStyle)(props.size)));
-
-    var renderText = () => {
+    }, (0, import_utils.getSizeStyle)(props.size)));
+    const renderText = () => {
+      var _a;
       if (slots.default) {
-        var _props$textColor;
-
-        return (0, _vue.createVNode)("span", {
-          "class": bem('text'),
+        return (0, import_vue.createVNode)("span", {
+          "class": bem("text"),
           "style": {
-            fontSize: (0, _utils.addUnit)(props.textSize),
-            color: (_props$textColor = props.textColor) != null ? _props$textColor : props.color
+            fontSize: (0, import_utils.addUnit)(props.textSize),
+            color: (_a = props.textColor) != null ? _a : props.color
           }
         }, [slots.default()]);
       }
     };
-
     return () => {
-      var {
+      const {
         type,
         vertical
       } = props;
-      return (0, _vue.createVNode)("div", {
+      return (0, import_vue.createVNode)("div", {
         "class": bem([type, {
           vertical
         }])
-      }, [(0, _vue.createVNode)("span", {
-        "class": bem('spinner', type),
+      }, [(0, import_vue.createVNode)("span", {
+        "class": bem("spinner", type),
         "style": spinnerStyle.value
-      }, [type === 'spinner' ? SpinIcon : CircularIcon]), renderText()]);
+      }, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
     };
   }
-
 });
-
-exports.default = _default;

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:0.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}100%{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}

package/lib/loading/index.d.ts

@@ -8,24 +8,24 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    type?: unknown;
-    color?: unknown;
-    vertical?: unknown;
-    textSize?: unknown;
-    textColor?: unknown;
-} & {
-    type: import("./Loading").LoadingType;
-    vertical: boolean;
-} & {
-    color?: string | undefined;
-    size?: string | number | undefined;
-    textSize?: string | number | undefined;
-    textColor?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<import("./Loading").LoadingType>;
+        default: import("./Loading").LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+}>>, {
     type: import("./Loading").LoadingType;
     vertical: boolean;
 }>>;
 export default Loading;
 export type { LoadingType, LoadingProps } from './Loading';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanLoading: typeof Loading;
+    }
+}