vant 3.5.0-beta.1 → 3.5.2

package/LICENSE

@@ -0,0 +1,10 @@
+MIT License
+
+Copyright (c) Youzan
+Copyright (c) Chen Jiahan and other contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/es/action-bar/ActionBar.d.ts

@@ -1,6 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
 declare const actionBarProps: {
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -8,16 +9,19 @@ declare const actionBarProps: {
 };
 export declare type ActionBarProps = ExtractPropTypes<typeof actionBarProps>;
 declare const _default: import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>;
 export default _default;

package/es/action-bar/ActionBar.mjs

@@ -1,10 +1,12 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, ref } from "vue";
 import { truthProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
+import { usePlaceholder } from "../composables/use-placeholder.mjs";
 const [name, bem] = createNamespace("action-bar");
 const ACTION_BAR_KEY = Symbol(name);
 const actionBarProps = {
+  placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
 var stdin_default = defineComponent({
@@ -13,18 +15,27 @@ var stdin_default = defineComponent({
   setup(props, {
     slots
   }) {
+    const root = ref();
+    const renderPlaceholder = usePlaceholder(root, bem);
     const {
       linkChildren
     } = useChildren(ACTION_BAR_KEY);
     linkChildren();
-    return () => {
+    const renderActionBar = () => {
       var _a;
       return _createVNode("div", {
+        "ref": root,
         "class": [bem(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderActionBar);
+      }
+      return renderActionBar();
+    };
   }
 });
 export {

package/es/action-bar/index.d.ts

@@ -1,14 +1,17 @@
 export declare const ActionBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => 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<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;

package/es/calendar/Calendar.mjs

@@ -112,6 +112,9 @@ var stdin_default = defineComponent({
     const months = computed(() => {
       const months2 = [];
       const cursor = new Date(props.minDate);
+      if (props.lazyRender && !props.show && props.poppable) {
+        return months2;
+      }
       cursor.setDate(1);
       do {
         months2.push(new Date(cursor));

package/es/dialog/Dialog.d.ts

@@ -45,8 +45,10 @@ declare const dialogProps: {
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -99,8 +101,10 @@ declare const _default: import("vue").DefineComponent<{
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -151,8 +155,10 @@ declare const _default: import("vue").DefineComponent<{
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -174,6 +180,8 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     allowHtml: boolean;
     showCancelButton: boolean;
+    cancelButtonDisabled: boolean;
+    confirmButtonDisabled: boolean;
     showConfirmButton: boolean;
 }>;
 export default _default;

package/es/dialog/Dialog.mjs

@@ -21,8 +21,10 @@ const dialogProps = extend({}, popupSharedProps, {
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean
 });
@@ -143,6 +145,7 @@ var stdin_default = defineComponent({
         color: props.cancelButtonColor
       },
       "loading": loading.cancel,
+      "disabled": props.cancelButtonDisabled,
       "onClick": onCancel
     }, null), props.showConfirmButton && _createVNode(Button, {
       "size": "large",
@@ -154,6 +157,7 @@ var stdin_default = defineComponent({
         color: props.confirmButtonColor
       },
       "loading": loading.confirm,
+      "disabled": props.confirmButtonDisabled,
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => _createVNode(ActionBar, {
@@ -165,6 +169,7 @@ var stdin_default = defineComponent({
         "class": bem("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && _createVNode(ActionBarButton, {
         "type": "danger",
@@ -172,6 +177,7 @@ var stdin_default = defineComponent({
         "class": bem("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]
     });

package/es/dialog/function-call.d.ts

@@ -20,8 +20,10 @@ declare namespace Dialog {
         messageAlign: string;
         cancelButtonText: string;
         cancelButtonColor: null;
+        cancelButtonDisabled: boolean;
         confirmButtonText: string;
         confirmButtonColor: null;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
         showCancelButton: boolean;
         closeOnPopstate: boolean;
@@ -45,8 +47,10 @@ declare namespace Dialog {
         messageAlign: string;
         cancelButtonText: string;
         cancelButtonColor: null;
+        cancelButtonDisabled: boolean;
         confirmButtonText: string;
         confirmButtonColor: null;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
         showCancelButton: boolean;
         closeOnPopstate: boolean;
@@ -102,8 +106,10 @@ declare namespace Dialog {
         showCancelButton: BooleanConstructor;
         cancelButtonText: StringConstructor;
         cancelButtonColor: StringConstructor;
+        cancelButtonDisabled: BooleanConstructor;
         confirmButtonText: StringConstructor;
         confirmButtonColor: StringConstructor;
+        confirmButtonDisabled: BooleanConstructor;
         showConfirmButton: {
             type: BooleanConstructor;
             default: true;
@@ -154,8 +160,10 @@ declare namespace Dialog {
         showCancelButton: BooleanConstructor;
         cancelButtonText: StringConstructor;
         cancelButtonColor: StringConstructor;
+        cancelButtonDisabled: BooleanConstructor;
         confirmButtonText: StringConstructor;
         confirmButtonColor: StringConstructor;
+        confirmButtonDisabled: BooleanConstructor;
         showConfirmButton: {
             type: BooleanConstructor;
             default: true;
@@ -177,6 +185,8 @@ declare namespace Dialog {
         closeOnPopstate: boolean;
         allowHtml: boolean;
         showCancelButton: boolean;
+        cancelButtonDisabled: boolean;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
     }>>;
     var install: (app: App<any>) => void;

package/es/dialog/function-call.mjs

@@ -52,8 +52,10 @@ Dialog.defaultOptions = {
   messageAlign: "",
   cancelButtonText: "",
   cancelButtonColor: null,
+  cancelButtonDisabled: false,
   confirmButtonText: "",
   confirmButtonColor: null,
+  confirmButtonDisabled: false,
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,

package/es/dialog/types.d.ts

@@ -21,12 +21,14 @@ export declare type DialogOptions = {
     overlayClass?: string;
     overlayStyle?: CSSProperties;
     closeOnPopstate?: boolean;
-    cancelButtonText?: string;
     showCancelButton?: boolean;
     showConfirmButton?: boolean;
+    cancelButtonText?: string;
     cancelButtonColor?: string;
+    cancelButtonDisabled?: boolean;
     confirmButtonText?: string;
     confirmButtonColor?: string;
+    confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
 };
 declare module '@vue/runtime-core' {

package/es/field/Field.d.ts

@@ -209,7 +209,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -297,6 +297,8 @@ declare const _default: import("vue").DefineComponent<{
     onKeypress?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onClick-input"?: ((...args: any[]) => any) | undefined;
+    "onEnd-validate"?: ((...args: any[]) => any) | undefined;
+    "onStart-validate"?: ((...args: any[]) => any) | undefined;
     "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
     "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/field/Field.mjs

@@ -58,7 +58,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
 var stdin_default = defineComponent({
   name,
   props: fieldProps,
-  emits: ["blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
+  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -132,18 +132,24 @@ var stdin_default = defineComponent({
       state.status = "unvalidated";
       state.validateMessage = "";
     };
+    const endValidate = () => emit("end-validate", {
+      status: state.status
+    });
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
       if (rules) {
+        emit("start-validate");
         runRules(rules).then(() => {
           if (state.status === "failed") {
             resolve({
               name: props.name,
               message: state.validateMessage
             });
+            endValidate();
           } else {
             state.status = "passed";
             resolve();
+            endValidate();
           }
         });
       } else {

package/es/field/index.d.ts

@@ -81,7 +81,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -169,6 +169,8 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     onKeypress?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onClick-input"?: ((...args: any[]) => any) | undefined;
+    "onEnd-validate"?: ((...args: any[]) => any) | undefined;
+    "onStart-validate"?: ((...args: any[]) => any) | undefined;
     "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
     "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.5.0-beta.1";
+export const version: "3.5.2";

package/es/index.mjs

@@ -83,7 +83,7 @@ import { Tag } from "./tag/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.5.0-beta.1";
+const version = "3.5.2";
 function install(app) {
   const components = [
     ActionBar,

package/es/picker/Picker.mjs

@@ -110,7 +110,7 @@ var stdin_default = defineComponent({
       } else {
         formattedColumns.value = columns;
       }
-      hasOptions.value = formattedColumns.value.some((item) => item[columnsFieldNames.value.values] && item[columnsFieldNames.value.values].length !== 0);
+      hasOptions.value = formattedColumns.value.some((item) => item[columnsFieldNames.value.values] && item[columnsFieldNames.value.values].length !== 0) || children.some((item) => item.hasOptions);
     };
     const getIndexes = () => children.map((child) => child.state.index);
     const setColumnValues = (index, options) => {

package/es/picker/PickerColumn.mjs

@@ -202,6 +202,7 @@ var stdin_default = defineComponent({
       }
     };
     const getValue = () => state.options[state.index];
+    const hasOptions = () => state.options.length;
     setIndex(state.index);
     useParent(PICKER_KEY);
     useExpose({
@@ -210,6 +211,7 @@ var stdin_default = defineComponent({
       getValue,
       setValue,
       setOptions,
+      hasOptions,
       stopMomentum
     });
     watch(() => props.initialOptions, setOptions);

package/es/popup/Popup.mjs

@@ -182,7 +182,7 @@ var stdin_default = defineComponent({
       }
     });
     onDeactivated(() => {
-      if (props.show) {
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }

package/es/pull-refresh/PullRefresh.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -62,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {

package/es/pull-refresh/PullRefresh.mjs

@@ -22,7 +22,7 @@ const pullRefreshProps = {
 var stdin_default = defineComponent({
   name,
   props: pullRefreshProps,
-  emits: ["refresh", "update:modelValue"],
+  emits: ["change", "refresh", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -67,6 +67,10 @@ var stdin_default = defineComponent({
       } else {
         state.status = "loosing";
       }
+      emit("change", {
+        status: state.status,
+        distance
+      });
     };
     const getStatusText = () => {
       const {

package/es/pull-refresh/index.d.ts

@@ -18,7 +18,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -39,6 +39,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         default: number;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {

package/es/submit-bar/SubmitBar.d.ts

@@ -20,6 +20,7 @@ declare const submitBarProps: {
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -76,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -88,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
     loading: boolean;
     currency: string;

package/es/submit-bar/SubmitBar.mjs

@@ -1,8 +1,9 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { ref, defineComponent } from "vue";
 import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Button } from "../button/index.mjs";
+import { usePlaceholder } from "../composables/use-placeholder.mjs";
 const [name, bem, t] = createNamespace("submit-bar");
 const submitBarProps = {
   tip: String,
@@ -17,6 +18,7 @@ const submitBarProps = {
   buttonType: makeStringProp("danger"),
   buttonColor: String,
   suffixLabel: String,
+  placeholder: Boolean,
   decimalLength: makeNumericProp(2),
   safeAreaInsetBottom: truthProp
 };
@@ -28,6 +30,8 @@ var stdin_default = defineComponent({
     emit,
     slots
   }) {
+    const root = ref();
+    const renderPlaceholder = usePlaceholder(root, bem);
     const renderText = () => {
       const {
         price,
@@ -87,9 +91,10 @@ var stdin_default = defineComponent({
         "onClick": onClickButton
       }, null);
     };
-    return () => {
+    const renderSubmitBar = () => {
       var _a, _b;
       return _createVNode("div", {
+        "ref": root,
         "class": [bem(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
@@ -97,6 +102,12 @@ var stdin_default = defineComponent({
         "class": bem("bar")
       }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderSubmitBar);
+      }
+      return renderSubmitBar();
+    };
   }
 });
 export {

package/es/submit-bar/index.d.ts

@@ -17,6 +17,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -44,6 +45,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -56,6 +58,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
     loading: boolean;
     currency: string;

package/es/switch/Switch.mjs

@@ -50,6 +50,7 @@ var stdin_default = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => {
+      var _a;
       const {
         size,
         loading,
@@ -75,7 +76,7 @@ var stdin_default = defineComponent({
         "onClick": onClick
       }, [_createVNode("div", {
         "class": bem("node")
-      }, [renderLoading()])]);
+      }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });

package/es/toast/function-call.d.ts

@@ -1,11 +1,10 @@
 import { type App } from 'vue';
-import { type ComponentInstance } from '../utils';
-import type { ToastType, ToastOptions } from './types';
-declare function Toast(options?: string | ToastOptions): ComponentInstance;
+import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
+declare function Toast(options?: string | ToastOptions): ToastWrapperInstance;
 declare namespace Toast {
-    var loading: (options: string | ToastOptions) => ComponentInstance;
-    var success: (options: string | ToastOptions) => ComponentInstance;
-    var fail: (options: string | ToastOptions) => ComponentInstance;
+    var loading: (options: string | ToastOptions) => ToastWrapperInstance;
+    var success: (options: string | ToastOptions) => ToastWrapperInstance;
+    var fail: (options: string | ToastOptions) => ToastWrapperInstance;
     var clear: (all?: boolean | undefined) => void;
     var setDefaultOptions: {
         (options: ToastOptions): void;

package/es/toast/types.d.ts

@@ -1,5 +1,5 @@
 import { Toast } from './function-call';
-import type { TeleportProps } from 'vue';
+import type { ComponentPublicInstance, TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
 import type { Numeric } from '../utils';
 export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
@@ -31,3 +31,12 @@ declare module '@vue/runtime-core' {
         $toast: typeof Toast;
     }
 }
+export declare type ToastWrapperInstance = ComponentPublicInstance<{
+    message: Numeric;
+}, {
+    clear: () => void;
+    /**
+     * @private
+     */
+    open: (props: Record<string, any>) => void;
+}>;

package/es/uploader/Uploader.d.ts

@@ -54,7 +54,7 @@ declare const uploaderProps: {
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;