vant 4.2.0 → 4.3.0

package/es/signature/Signature.d.ts

@@ -0,0 +1,63 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const signatureProps: {
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+};
+export type SignatureProps = ExtractPropTypes<typeof signatureProps>;
+declare const _default: import("vue").DefineComponent<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "start" | "clear" | "end" | "signing")[], "submit" | "start" | "clear" | "end" | "signing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onSigning?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    lineWidth: number;
+    penColor: string;
+}>;
+export default _default;

package/es/signature/Signature.mjs

@@ -0,0 +1,129 @@
+import { createVNode as _createVNode } from "vue";
+import { ref, reactive, onMounted, defineComponent } from "vue";
+import { inBrowser, makeNumberProp, makeStringProp, createNamespace, preventDefault } from "../utils/index.mjs";
+import { useRect } from "@vant/use";
+import { Button } from "../button/index.mjs";
+const [name, bem, t] = createNamespace("signature");
+const signatureProps = {
+  tips: String,
+  type: makeStringProp("png"),
+  penColor: makeStringProp("#000"),
+  lineWidth: makeNumberProp(3),
+  clearButtonText: String,
+  confirmButtonText: String
+};
+const hasCanvasSupport = () => {
+  var _a;
+  const canvas = document.createElement("canvas");
+  return !!((_a = canvas.getContext) == null ? void 0 : _a.call(canvas, "2d"));
+};
+var stdin_default = defineComponent({
+  name,
+  props: signatureProps,
+  emits: ["submit", "clear", "start", "end", "signing"],
+  setup(props, {
+    emit
+  }) {
+    const canvasRef = ref();
+    const wrapRef = ref();
+    const state = reactive({
+      width: 0,
+      height: 0,
+      ctx: null
+    });
+    let canvasRect;
+    const isRenderCanvas = inBrowser ? hasCanvasSupport() : true;
+    const touchStart = () => {
+      if (!state.ctx) {
+        return false;
+      }
+      state.ctx.beginPath();
+      state.ctx.lineWidth = props.lineWidth;
+      state.ctx.strokeStyle = props.penColor;
+      canvasRect = useRect(canvasRef);
+      emit("start");
+    };
+    const touchMove = (event) => {
+      var _a, _b;
+      if (!state.ctx) {
+        return false;
+      }
+      preventDefault(event);
+      const touch = event.touches[0];
+      const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
+      const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
+      state.ctx.lineCap = "round";
+      state.ctx.lineJoin = "round";
+      (_a = state.ctx) == null ? void 0 : _a.lineTo(mouseX, mouseY);
+      (_b = state.ctx) == null ? void 0 : _b.stroke();
+      emit("signing", event);
+    };
+    const touchEnd = (event) => {
+      preventDefault(event);
+      emit("end");
+    };
+    const isCanvasEmpty = (canvas) => {
+      const empty = document.createElement("canvas");
+      empty.width = canvas.width;
+      empty.height = canvas.height;
+      return canvas.toDataURL() === empty.toDataURL();
+    };
+    const submit = () => {
+      const canvas = canvasRef.value;
+      if (!canvas) {
+        return;
+      }
+      const isEmpty = isCanvasEmpty(canvas);
+      const image = isEmpty ? "" : canvas.toDataURL(`image/${props.type}`, props.type === "jpg" ? 0.9 : null);
+      emit("submit", {
+        image,
+        canvas
+      });
+    };
+    const clear = () => {
+      if (state.ctx) {
+        state.ctx.clearRect(0, 0, state.width, state.height);
+        state.ctx.closePath();
+      }
+      emit("clear");
+    };
+    onMounted(() => {
+      var _a, _b, _c;
+      if (isRenderCanvas) {
+        state.ctx = (_a = canvasRef.value) == null ? void 0 : _a.getContext("2d");
+        state.width = ((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0;
+        state.height = ((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0;
+      }
+    });
+    return () => _createVNode("div", {
+      "class": bem()
+    }, [_createVNode("div", {
+      "class": bem("content"),
+      "ref": wrapRef
+    }, [isRenderCanvas ? _createVNode("canvas", {
+      "ref": canvasRef,
+      "width": state.width,
+      "height": state.height,
+      "onTouchstartPassive": touchStart,
+      "onTouchmove": touchMove,
+      "onTouchend": touchEnd
+    }, null) : _createVNode("p", null, [props.tips])]), _createVNode("div", {
+      "class": bem("footer")
+    }, [_createVNode(Button, {
+      "size": "small",
+      "onClick": clear
+    }, {
+      default: () => [props.clearButtonText || t("clear")]
+    }), _createVNode(Button, {
+      "type": "primary",
+      "size": "small",
+      "onClick": submit
+    }, {
+      default: () => [props.confirmButtonText || t("confirm")]
+    })])]);
+  }
+});
+export {
+  stdin_default as default,
+  signatureProps
+};

package/es/signature/index.css

@@ -0,0 +1 @@
+:root{--van-signature-padding: var(--van-padding-xs);--van-signature-content-height: 200px;--van-signature-content-background: var(--van-background-2);--van-signature-content-border: 1px dotted #dadada}.van-signature{padding:var(--van-signature-padding)}.van-signature__content{display:flex;justify-content:center;align-items:center;height:var(--van-signature-content-height);background-color:var(--van-signature-content-background);border:var(--van-signature-content-border);border-radius:var(--van-radius-lg);overflow:hidden}.van-signature__footer{display:flex;justify-content:flex-end}.van-signature__footer .van-button{padding:0 var(--van-padding-md);margin-top:var(--van-padding-xs);margin-left:var(--van-padding-xs)}

package/es/signature/index.d.ts

@@ -0,0 +1,50 @@
+export declare const Signature: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "start" | "clear" | "end" | "signing")[], "submit" | "start" | "clear" | "end" | "signing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onSigning?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    lineWidth: number;
+    penColor: string;
+}>>;
+export default Signature;
+export type { SignatureProps } from './Signature';
+declare module 'vue' {
+    interface GlobalComponents {
+        Signature: typeof Signature;
+    }
+}

package/es/signature/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Signature from "./Signature.mjs";
+const Signature = withInstall(_Signature);
+var stdin_default = Signature;
+export {
+  Signature,
+  stdin_default as default
+};

package/es/signature/style/index.d.ts

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

package/es/signature/style/index.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../button/index.css";
+import "../index.css";

package/es/sticky/Sticky.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, computed, reactive, defineComponent } from "vue";
-import { extend, isHidden, unitToPx, numericProp, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { ref, watch, computed, nextTick, reactive, defineComponent } from "vue";
+import { extend, isHidden, unitToPx, numericProp, windowWidth, windowHeight, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useRect, useEventListener, useScrollParent } from "@vant/use";
 import { useVisibilityChange } from "../composables/use-visibility-change.mjs";
 const [name, bem] = createNamespace("sticky");
@@ -29,8 +29,12 @@ var stdin_default = defineComponent({
       // root height
       transform: 0
     });
+    const isReset = ref(false);
     const offset = computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));
     const rootStyle = computed(() => {
+      if (isReset.value) {
+        return;
+      }
       const {
         fixed,
         height,
@@ -44,7 +48,7 @@ var stdin_default = defineComponent({
       }
     });
     const stickyStyle = computed(() => {
-      if (!state.fixed) {
+      if (!state.fixed || isReset.value) {
         return;
       }
       const style = extend(getZIndexStyle(props.zIndex), {
@@ -103,6 +107,18 @@ var stdin_default = defineComponent({
       passive: true
     });
     useVisibilityChange(root, onScroll);
+    watch([windowWidth, windowHeight], () => {
+      if (!root.value || isHidden(root) || !state.fixed) {
+        return;
+      }
+      isReset.value = true;
+      nextTick(() => {
+        const rootRect = useRect(root);
+        state.width = rootRect.width;
+        state.height = rootRect.height;
+        isReset.value = false;
+      });
+    });
     return () => {
       var _a;
       return _createVNode("div", {
@@ -110,7 +126,7 @@ var stdin_default = defineComponent({
         "style": rootStyle.value
       }, [_createVNode("div", {
         "class": bem({
-          fixed: state.fixed
+          fixed: state.fixed && !isReset.value
         }),
         "style": stickyStyle.value
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);

package/es/tab/Tab.mjs

@@ -1,12 +1,13 @@
-import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { ref, watch, provide, computed, nextTick, defineComponent } from "vue";
-import { extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { ref, watch, provide, computed, nextTick, defineComponent, getCurrentInstance } from "vue";
+import { pick, extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
 import { TABS_KEY } from "../tabs/Tabs.mjs";
 import { doubleRaf, useParent } from "@vant/use";
 import { useId } from "../composables/use-id.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { routeProps } from "../composables/use-route.mjs";
 import { TAB_STATUS_KEY } from "../composables/use-tab-status.mjs";
+import { TabTitle } from "./TabTitle.mjs";
 import { SwipeItem } from "../swipe-item/index.mjs";
 const [name, bem] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
@@ -27,6 +28,7 @@ var stdin_default = defineComponent({
   }) {
     const id = useId();
     const inited = ref(false);
+    const instance = getCurrentInstance();
     const {
       parent,
       index
@@ -56,6 +58,21 @@ var stdin_default = defineComponent({
       }
       return isActive;
     });
+    const renderTitle = (onClickTab) => _createVNode(TabTitle, _mergeProps({
+      "key": id,
+      "id": `${parent.id}-${index.value}`,
+      "ref": parent.setTitleRefs(index.value),
+      "style": props.titleStyle,
+      "class": props.titleClass,
+      "isActive": active.value,
+      "controls": id,
+      "scrollable": parent.scrollable.value,
+      "activeColor": parent.props.titleActiveColor,
+      "inactiveColor": parent.props.titleInactiveColor,
+      "onClick": (event) => onClickTab(instance.proxy, index.value, event)
+    }, pick(parent.props, ["type", "color", "shrink"]), pick(props, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
+      title: slots.title
+    });
     const hasInactiveClass = ref(!active.value);
     watch(active, (val) => {
       if (val) {
@@ -71,6 +88,10 @@ var stdin_default = defineComponent({
       parent.scrollIntoView();
     });
     provide(TAB_STATUS_KEY, active);
+    useExpose({
+      id,
+      renderTitle
+    });
     return () => {
       var _a;
       const label = `${parent.id}-${index.value}`;
@@ -105,9 +126,6 @@ var stdin_default = defineComponent({
       }
       const shouldRender = inited.value || scrollspy || !lazyRender;
       const Content = shouldRender ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null;
-      useExpose({
-        id
-      });
       return _withDirectives(_createVNode("div", {
         "id": id,
         "role": "tabpanel",

package/es/{tabs/TabsTitle.d.ts → tab/TabTitle.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+export declare const TabTitle: import("vue").DefineComponent<{
     id: StringConstructor;
     dot: BooleanConstructor;
     type: StringConstructor;
@@ -42,4 +42,3 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: boolean;
     showZeroBadge: boolean;
 }>;
-export default _default;

package/es/{tabs/TabsTitle.mjs → tab/TabTitle.mjs}

@@ -3,7 +3,7 @@ import { computed, defineComponent } from "vue";
 import { isDef, truthProp, numericProp, createNamespace } from "../utils/index.mjs";
 import { Badge } from "../badge/index.mjs";
 const [name, bem] = createNamespace("tab");
-var stdin_default = defineComponent({
+const TabTitle = defineComponent({
   name,
   props: {
     id: String,
@@ -86,5 +86,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  TabTitle
 };

package/es/tabs/Tabs.d.ts

@@ -145,9 +145,9 @@ declare const _default: import("vue").DefineComponent<{
     duration: string | number;
     lazyRender: boolean;
     offsetTop: string | number;
-    shrink: boolean;
     animated: boolean;
     swipeable: boolean;
+    shrink: boolean;
     scrollspy: boolean;
     swipeThreshold: string | number;
 }>;

package/es/tabs/Tabs.mjs

@@ -1,6 +1,6 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, reactive, nextTick, onActivated, defineComponent } from "vue";
-import { pick, isDef, addUnit, isHidden, unitToPx, truthProp, numericProp, windowWidth, getElementTop, makeStringProp, callInterceptor, createNamespace, makeNumericProp, setRootScrollTop, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+import { isDef, addUnit, isHidden, unitToPx, truthProp, numericProp, windowWidth, getElementTop, makeStringProp, callInterceptor, createNamespace, makeNumericProp, setRootScrollTop, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
 import { scrollLeftTo, scrollTopTo } from "./utils.mjs";
 import { useRect, useChildren, useScrollParent, useEventListener, onMountedOrActivated } from "@vant/use";
 import { useId } from "../composables/use-id.mjs";
@@ -10,7 +10,6 @@ import { useExpose } from "../composables/use-expose.mjs";
 import { onPopupReopen } from "../composables/on-popup-reopen.mjs";
 import { useVisibilityChange } from "../composables/use-visibility-change.mjs";
 import { Sticky } from "../sticky/index.mjs";
-import TabsTitle from "./TabsTitle.mjs";
 import TabsContent from "./TabsContent.mjs";
 const [name, bem] = createNamespace("tabs");
 const tabsProps = {
@@ -226,24 +225,6 @@ var stdin_default = defineComponent({
         setCurrentIndex(index);
       }
     };
-    const renderNav = () => children.map((item, index) => _createVNode(TabsTitle, _mergeProps({
-      "key": item.id,
-      "id": `${id}-${index}`,
-      "ref": setTitleRefs(index),
-      "type": props.type,
-      "color": props.color,
-      "style": item.titleStyle,
-      "class": item.titleClass,
-      "shrink": props.shrink,
-      "isActive": index === state.currentIndex,
-      "controls": item.id,
-      "scrollable": scrollable.value,
-      "activeColor": props.titleActiveColor,
-      "inactiveColor": props.titleInactiveColor,
-      "onClick": (event) => onClickTab(item, index, event)
-    }, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
-      title: item.$slots.title
-    }));
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return _createVNode("div", {
@@ -273,7 +254,7 @@ var stdin_default = defineComponent({
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), children.map((item) => item.renderTitle(onClickTab)), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
       if (sticky) {
         return _createVNode("div", {
           "ref": wrapRef
@@ -281,7 +262,16 @@ var stdin_default = defineComponent({
       }
       return Header;
     };
-    watch([() => props.color, windowWidth], setLine);
+    const resize = () => {
+      setLine();
+      nextTick(() => {
+        var _a, _b;
+        scrollIntoView(true);
+        (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
+      });
+    };
+    watch(() => [props.color, props.duration, props.lineWidth, props.lineHeight], setLine);
+    watch(windowWidth, resize);
     watch(() => props.active, (value) => {
       if (value !== currentName.value) {
         setCurrentIndexByName(value);
@@ -307,13 +297,6 @@ var stdin_default = defineComponent({
       });
     };
     const onRendered = (name2, title) => emit("rendered", name2, title);
-    const resize = () => {
-      setLine();
-      nextTick(() => {
-        var _a, _b;
-        return (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
-      });
-    };
     useExpose({
       resize,
       scrollTo
@@ -330,8 +313,10 @@ var stdin_default = defineComponent({
       id,
       props,
       setLine,
+      scrollable,
       onRendered,
       currentName,
+      setTitleRefs,
       scrollIntoView
     });
     return () => _createVNode("div", {

package/es/tabs/index.d.ts

@@ -98,9 +98,9 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     duration: string | number;
     lazyRender: boolean;
     offsetTop: string | number;
-    shrink: boolean;
     animated: boolean;
     swipeable: boolean;
+    shrink: boolean;
     scrollspy: boolean;
     swipeThreshold: string | number;
 }>>;

package/es/tabs/style/index.mjs

@@ -1,5 +1,4 @@
 import "../../style/base.css";
-import "../../badge/index.css";
 import "../../sticky/index.css";
 import "../../swipe/index.css";
 import "../index.css";

package/es/tabs/types.d.ts

@@ -12,9 +12,11 @@ export type TabsProvide = {
     id: string;
     props: TabsProps;
     setLine: () => void;
+    scrollable: ComputedRef<boolean>;
     onRendered: (name: Numeric, title?: string) => void;
-    scrollIntoView: (immediate?: boolean) => void;
     currentName: ComputedRef<Numeric | undefined>;
+    setTitleRefs: (index: number) => (el: unknown) => void;
+    scrollIntoView: (immediate?: boolean) => void;
 };
 export type TabsExpose = {
     resize: () => void;

package/es/watermark/Watermark.mjs

@@ -33,6 +33,7 @@ var stdin_default = defineComponent({
         if (props.image && !slots.content) {
           return _createVNode("image", {
             "href": imageBase64.value,
+            "xlink:href": imageBase64.value,
             "x": "0",
             "y": "0",
             "width": props.width,
@@ -61,6 +62,7 @@ var stdin_default = defineComponent({
         "width": svgWidth,
         "height": svgHeight,
         "xmlns": "http://www.w3.org/2000/svg",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
         "style": {
           padding: `0 ${props.gapX}px ${props.gapY}px 0`,
           opacity: props.opacity
@@ -83,7 +85,7 @@ var stdin_default = defineComponent({
     };
     const makeSvgToBlobUrl = (svgStr) => {
       const svgBlob = new Blob([svgStr], {
-        type: "image/svg+xml;charset=utf-8"
+        type: "image/svg+xml"
       });
       return URL.createObjectURL(svgBlob);
     };

package/lib/date-picker/utils.js

@@ -61,10 +61,9 @@ const genOptions = (min, max, type, formatter, filter) => {
 const formatValueRange = (values, columns) => values.map((value, index) => {
   const column = columns[index];
   if (column.length) {
+    const minValue = +column[0].value;
     const maxValue = +column[column.length - 1].value;
-    if (+value > maxValue) {
-      return String(maxValue);
-    }
+    return (0, import_utils.padZero)((0, import_utils.clamp)(+value, minValue, maxValue));
   }
   return value;
 });

package/lib/field/index.css

@@ -1 +1 @@
-:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field{flex-wrap:wrap}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--top{display:flex;width:100%;text-align:left;margin-bottom:var(--van-padding-base);word-break:break-word}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
+:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 18px;--van-field-clear-icon-size: 18px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field{flex-wrap:wrap}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--top{display:flex;width:100%;text-align:left;margin-bottom:var(--van-padding-base);word-break:break-word}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:read-only{cursor:default}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}

package/lib/image/Image.js

@@ -171,7 +171,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_vue2.onMounted)(() => {
       (0, import_vue2.nextTick)(() => {
         var _a;
-        if ((_a = imageRef.value) == null ? void 0 : _a.complete) {
+        if (((_a = imageRef.value) == null ? void 0 : _a.complete) && !props.lazyLoad) {
           triggerLoad();
         }
       });