vant 3.5.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/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.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.1";
+const version = "3.5.2";
 function install(app) {
   const components = [
     ActionBar,

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/lib/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/lib/action-bar/ActionBar.js

@@ -25,9 +25,11 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
+var import_use_placeholder = require("../composables/use-placeholder");
 const [name, bem] = (0, import_utils.createNamespace)("action-bar");
 const ACTION_BAR_KEY = Symbol(name);
 const actionBarProps = {
+  placeholder: Boolean,
   safeAreaInsetBottom: import_utils.truthProp
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -36,17 +38,26 @@ var stdin_default = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
+    const root = (0, import_vue2.ref)();
+    const renderPlaceholder = (0, import_use_placeholder.usePlaceholder)(root, bem);
     const {
       linkChildren
     } = (0, import_use.useChildren)(ACTION_BAR_KEY);
     linkChildren();
-    return () => {
+    const renderActionBar = () => {
       var _a;
       return (0, import_vue.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();
+    };
   }
 });

package/lib/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/lib/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/lib/field/Field.js

@@ -81,7 +81,7 @@ const fieldProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, fie
 var stdin_default = (0, import_vue2.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
@@ -155,18 +155,24 @@ var stdin_default = (0, import_vue2.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/lib/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/lib/index.d.ts

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

package/lib/index.js

@@ -194,7 +194,7 @@ __reExport(stdin_exports, require("./tag"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.5.1";
+const version = "3.5.2";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/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/lib/submit-bar/SubmitBar.js

@@ -25,6 +25,7 @@ var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_icon = require("../icon");
 var import_button = require("../button");
+var import_use_placeholder = require("../composables/use-placeholder");
 const [name, bem, t] = (0, import_utils.createNamespace)("submit-bar");
 const submitBarProps = {
   tip: String,
@@ -39,6 +40,7 @@ const submitBarProps = {
   buttonType: (0, import_utils.makeStringProp)("danger"),
   buttonColor: String,
   suffixLabel: String,
+  placeholder: Boolean,
   decimalLength: (0, import_utils.makeNumericProp)(2),
   safeAreaInsetBottom: import_utils.truthProp
 };
@@ -50,6 +52,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
+    const root = (0, import_vue2.ref)();
+    const renderPlaceholder = (0, import_use_placeholder.usePlaceholder)(root, bem);
     const renderText = () => {
       const {
         price,
@@ -109,9 +113,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClickButton
       }, null);
     };
-    return () => {
+    const renderSubmitBar = () => {
       var _a, _b;
       return (0, import_vue.createVNode)("div", {
+        "ref": root,
         "class": [bem(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
@@ -119,5 +124,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("bar")
       }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderSubmitBar);
+      }
+      return renderSubmitBar();
+    };
   }
 });

package/lib/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;