vant 3.3.6 → 3.4.2

package/es/list/List.js

@@ -1,131 +1,108 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, onUpdated, onMounted, defineComponent } from 'vue'; // Utils
-
-import { isHidden, truthProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Composables
-
-import { useRect, useScrollParent, useEventListener } from '@vant/use';
-import { useExpose } from '../composables/use-expose';
-import { useTabStatus } from '../composables/use-tab-status'; // Components
-
-import { Loading } from '../loading'; // Types
-
-var [name, bem, t] = createNamespace('list');
-var listProps = {
+import { ref, watch, nextTick, onUpdated, onMounted, defineComponent } from "vue";
+import { isHidden, truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils";
+import { useRect, useScrollParent, useEventListener } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { useTabStatus } from "../composables/use-tab-status";
+import { Loading } from "../loading";
+const [name, bem, t] = createNamespace("list");
+const listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
   loading: Boolean,
   finished: Boolean,
   errorText: String,
-  direction: makeStringProp('down'),
+  direction: makeStringProp("down"),
   loadingText: String,
   finishedText: String,
   immediateCheck: truthProp
 };
-export default defineComponent({
+var stdin_default = 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 = ref(false);
-    var root = ref();
-    var placeholder = ref();
-    var tabStatus = useTabStatus();
-    var scrollParent = useScrollParent(root);
-
-    var check = () => {
+  emits: ["load", "update:error", "update:loading"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const loading = ref(false);
+    const root = ref();
+    const placeholder = ref();
+    const tabStatus = useTabStatus();
+    const scrollParent = useScrollParent(root);
+    const check = () => {
       nextTick(() => {
-        if (loading.value || props.finished || 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;
         }
-
-        var {
+        const {
           offset,
           direction
         } = props;
-        var scrollParentRect = useRect(scrollParent);
-
+        const scrollParentRect = useRect(scrollParent);
         if (!scrollParentRect.height || isHidden(root)) {
           return;
         }
-
-        var isReachEdge = false;
-        var placeholderRect = useRect(placeholder);
-
-        if (direction === 'up') {
+        let isReachEdge = false;
+        const placeholderRect = 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 _createVNode("div", {
-            "class": bem('finished-text')
+            "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 _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 _createVNode("div", {
-          "class": bem('loading')
+          "class": bem("loading")
         }, [slots.loading ? slots.loading() : _createVNode(Loading, {
-          "class": bem('loading-icon')
+          "class": bem("loading-icon")
         }, {
-          default: () => [props.loadingText || t('loading')]
+          default: () => [props.loadingText || t("loading")]
         })]);
       }
     };
-
     watch(() => [props.loading, props.finished, props.error], check);
-
     if (tabStatus) {
-      watch(tabStatus, tabActive => {
+      watch(tabStatus, (tabActive) => {
         if (tabActive) {
           check();
         }
       });
     }
-
     onUpdated(() => {
       loading.value = props.loading;
     });
@@ -137,24 +114,25 @@ export default defineComponent({
     useExpose({
       check
     });
-    useEventListener('scroll', check, {
+    useEventListener("scroll", check, {
       target: scrollParent
     });
     return () => {
-      var Content = slots.default == null ? void 0 : slots.default();
-
-      var Placeholder = _createVNode("div", {
+      var _a;
+      const Content = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const Placeholder = _createVNode("div", {
         "ref": placeholder,
-        "class": bem('placeholder')
+        "class": bem("placeholder")
       }, null);
-
       return _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]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _List from './List';
-export var List = withInstall(_List);
-export default List;
+import { withInstall } from "../utils";
+import _List from "./List";
+const List = withInstall(_List);
+var stdin_default = List;
+export {
+  List,
+  stdin_default as default
+};

package/es/list/style/index.js

@@ -1,3 +1,3 @@
-import '../../style/base.css';
-import '../../loading/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../loading/index.css";
+import "../index.css";

package/es/list/style/less.js

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

package/es/list/types.js

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

package/es/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/es/loading/Loading.js

@@ -1,13 +1,12 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue';
-import { extend, addUnit, numericProp, getSizeStyle, makeStringProp, createNamespace } from '../utils';
-var [name, bem] = createNamespace('loading');
-var SpinIcon = Array(12).fill(null).map((_, index) => _createVNode("i", {
-  "class": bem('line', String(index + 1))
+import { computed, defineComponent } from "vue";
+import { extend, addUnit, numericProp, getSizeStyle, makeStringProp, createNamespace } from "../utils";
+const [name, bem] = createNamespace("loading");
+const SpinIcon = Array(12).fill(null).map((_, index) => _createVNode("i", {
+  "class": bem("line", String(index + 1))
 }, null));
-
-var CircularIcon = _createVNode("svg", {
-  "class": bem('circular'),
+const CircularIcon = _createVNode("svg", {
+  "class": bem("circular"),
   "viewBox": "25 25 50 50"
 }, [_createVNode("circle", {
   "cx": "50",
@@ -15,43 +14,37 @@ var CircularIcon = _createVNode("svg", {
   "r": "20",
   "fill": "none"
 }, null)]);
-
-var loadingProps = {
+const loadingProps = {
   size: numericProp,
-  type: makeStringProp('circular'),
+  type: makeStringProp("circular"),
   color: String,
   vertical: Boolean,
   textSize: numericProp,
   textColor: String
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: loadingProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var spinnerStyle = computed(() => extend({
+  setup(props, {
+    slots
+  }) {
+    const spinnerStyle = computed(() => extend({
       color: props.color
     }, getSizeStyle(props.size)));
-
-    var renderText = () => {
+    const renderText = () => {
+      var _a;
       if (slots.default) {
-        var _props$textColor;
-
         return _createVNode("span", {
-          "class": bem('text'),
+          "class": bem("text"),
           "style": {
             fontSize: addUnit(props.textSize),
-            color: (_props$textColor = props.textColor) != null ? _props$textColor : props.color
+            color: (_a = props.textColor) != null ? _a : props.color
           }
         }, [slots.default()]);
       }
     };
-
     return () => {
-      var {
+      const {
         type,
         vertical
       } = props;
@@ -60,10 +53,12 @@ export default defineComponent({
           vertical
         }])
       }, [_createVNode("span", {
-        "class": bem('spinner', type),
+        "class": bem("spinner", type),
         "style": spinnerStyle.value
-      }, [type === 'spinner' ? SpinIcon : CircularIcon]), renderText()]);
+      }, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/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/es/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;
+    }
+}

package/es/loading/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Loading from './Loading';
-export var Loading = withInstall(_Loading);
-export default Loading;
+import { withInstall } from "../utils";
+import _Loading from "./Loading";
+const Loading = withInstall(_Loading);
+var stdin_default = Loading;
+export {
+  Loading,
+  stdin_default as default
+};

package/es/loading/style/index.js

@@ -1,2 +1,2 @@
-import '../../style/base.css';
-import '../index.css';
+import "../../style/base.css";
+import "../index.css";

package/es/loading/style/less.js

@@ -1,2 +1,2 @@
-import '../../style/base.less';
-import '../index.less';
+import "../../style/base.less";
+import "../index.less";

package/es/locale/index.js

@@ -1,29 +1,24 @@
-import { ref, reactive } from 'vue';
-import { deepAssign } from '../utils/deep-assign';
-import defaultMessages from './lang/zh-CN';
-var lang = ref('zh-CN');
-var messages = reactive({
-  'zh-CN': defaultMessages
+import { ref, reactive } from "vue";
+import { deepAssign } from "../utils/deep-assign";
+import defaultMessages from "./lang/zh-CN";
+const lang = ref("zh-CN");
+const messages = reactive({
+  "zh-CN": defaultMessages
 });
-export var Locale = {
+const Locale = {
   messages() {
     return messages[lang.value];
   },
-
   use(newLang, newMessages) {
     lang.value = newLang;
-    this.add({
-      [newLang]: newMessages
-    });
+    this.add({ [newLang]: newMessages });
   },
-
-  add(newMessages) {
-    if (newMessages === void 0) {
-      newMessages = {};
-    }
-
+  add(newMessages = {}) {
     deepAssign(messages, newMessages);
   }
-
 };
-export default Locale;
+var stdin_default = Locale;
+export {
+  Locale,
+  stdin_default as default
+};