vant 4.0.0-alpha.2 → 4.0.0-beta.0

package/lib/notify/function-call.d.ts

@@ -1,102 +1,6 @@
-import { App } from 'vue';
 import { type ComponentInstance } from '../utils';
 import type { NotifyMessage, NotifyOptions } from './types';
-declare function Notify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
-declare namespace Notify {
-    var clear: () => void;
-    var currentOptions: NotifyOptions;
-    var setDefaultOptions: (options: NotifyOptions) => void;
-    var resetDefaultOptions: () => void;
-    var Component: import("../utils").WithInstall<import("vue").DefineComponent<{
-        show: BooleanConstructor;
-        zIndex: (NumberConstructor | StringConstructor)[];
-        overlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        duration: (NumberConstructor | StringConstructor)[];
-        teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        lockScroll: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        lazyRender: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        overlayClass: import("vue").PropType<unknown>;
-        transitionAppear: BooleanConstructor;
-        closeOnClickOverlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-    } & {
-        type: {
-            type: import("vue").PropType<import("./types").NotifyType>;
-            default: import("./types").NotifyType;
-        };
-        color: StringConstructor;
-        message: (NumberConstructor | StringConstructor)[];
-        position: {
-            type: import("vue").PropType<import("./types").NotifyPosition>;
-            default: import("./types").NotifyPosition;
-        };
-        className: import("vue").PropType<unknown>;
-        background: StringConstructor;
-        lockScroll: BooleanConstructor;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        show: BooleanConstructor;
-        zIndex: (NumberConstructor | StringConstructor)[];
-        overlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        duration: (NumberConstructor | StringConstructor)[];
-        teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        lockScroll: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        lazyRender: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        overlayClass: import("vue").PropType<unknown>;
-        transitionAppear: BooleanConstructor;
-        closeOnClickOverlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-    } & {
-        type: {
-            type: import("vue").PropType<import("./types").NotifyType>;
-            default: import("./types").NotifyType;
-        };
-        color: StringConstructor;
-        message: (NumberConstructor | StringConstructor)[];
-        position: {
-            type: import("vue").PropType<import("./types").NotifyPosition>;
-            default: import("./types").NotifyPosition;
-        };
-        className: import("vue").PropType<unknown>;
-        background: StringConstructor;
-        lockScroll: BooleanConstructor;
-    }>> & {
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    }, {
-        type: import("./types").NotifyType;
-        position: import("./types").NotifyPosition;
-        overlay: boolean;
-        show: boolean;
-        lockScroll: boolean;
-        lazyRender: boolean;
-        transitionAppear: boolean;
-        closeOnClickOverlay: boolean;
-    }>>;
-    var install: (app: App<any>) => void;
-}
-export { Notify };
+export declare const closeNotify: () => void;
+export declare function showNotify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
+export declare const setNotifyDefaultOptions: (options: NotifyOptions) => NotifyOptions;
+export declare const resetNotifyDefaultOptions: () => void;

package/lib/notify/function-call.js

@@ -20,7 +20,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  Notify: () => Notify
+  closeNotify: () => closeNotify,
+  resetNotifyDefaultOptions: () => resetNotifyDefaultOptions,
+  setNotifyDefaultOptions: () => setNotifyDefaultOptions,
+  showNotify: () => showNotify
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -47,21 +50,6 @@ function initInstance() {
     }
   }));
 }
-function Notify(options) {
-  if (!import_utils.inBrowser) {
-    return;
-  }
-  if (!instance) {
-    initInstance();
-  }
-  options = (0, import_utils.extend)({}, Notify.currentOptions, parseOptions(options));
-  instance.open(options);
-  clearTimeout(timer);
-  if (options.duration > 0) {
-    timer = window.setTimeout(Notify.clear, options.duration);
-  }
-  return instance;
-}
 const getDefaultOptions = () => ({
   type: "danger",
   color: void 0,
@@ -75,20 +63,28 @@ const getDefaultOptions = () => ({
   lockScroll: false,
   background: void 0
 });
-Notify.clear = () => {
+let currentOptions = getDefaultOptions();
+const closeNotify = () => {
   if (instance) {
     instance.toggle(false);
   }
 };
-Notify.currentOptions = getDefaultOptions();
-Notify.setDefaultOptions = (options) => {
-  (0, import_utils.extend)(Notify.currentOptions, options);
-};
-Notify.resetDefaultOptions = () => {
-  Notify.currentOptions = getDefaultOptions();
-};
-Notify.Component = (0, import_utils.withInstall)(import_Notify.default);
-Notify.install = (app) => {
-  app.use(Notify.Component);
-  app.config.globalProperties.$notify = Notify;
+function showNotify(options) {
+  if (!import_utils.inBrowser) {
+    return;
+  }
+  if (!instance) {
+    initInstance();
+  }
+  options = (0, import_utils.extend)({}, currentOptions, parseOptions(options));
+  instance.open(options);
+  clearTimeout(timer);
+  if (options.duration > 0) {
+    timer = window.setTimeout(closeNotify, options.duration);
+  }
+  return instance;
+}
+const setNotifyDefaultOptions = (options) => (0, import_utils.extend)(currentOptions, options);
+const resetNotifyDefaultOptions = () => {
+  currentOptions = getDefaultOptions();
 };

package/lib/notify/index.d.ts

@@ -1,6 +1,95 @@
-import { Notify } from './function-call';
+export declare const Notify: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").NotifyType;
+    position: import("./types").NotifyPosition;
+    overlay: boolean;
+    show: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+}>>;
 export default Notify;
-export { Notify };
+export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';
 export type { NotifyProps } from './Notify';
 export type { NotifyType, NotifyOptions } from './types';
 declare module 'vue' {

package/lib/notify/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,12 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  Notify: () => import_function_call.Notify,
-  default: () => stdin_default
+  Notify: () => Notify,
+  closeNotify: () => import_function_call.closeNotify,
+  default: () => stdin_default,
+  resetNotifyDefaultOptions: () => import_function_call.resetNotifyDefaultOptions,
+  setNotifyDefaultOptions: () => import_function_call.setNotifyDefaultOptions,
+  showNotify: () => import_function_call.showNotify
 });
 module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Notify = __toESM(require("./Notify"));
 var import_function_call = require("./function-call");
-var stdin_default = import_function_call.Notify;
+const Notify = (0, import_utils.withInstall)(import_Notify.default);
+var stdin_default = Notify;

package/lib/notify/types.d.ts

@@ -1,4 +1,3 @@
-import { Notify } from './function-call';
 import type { Numeric } from '../utils';
 export declare type NotifyMessage = Numeric;
 export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
@@ -16,8 +15,3 @@ export declare type NotifyOptions = {
     onClose?: () => void;
     onOpened?: () => void;
 };
-declare module '@vue/runtime-core' {
-    interface ComponentCustomProperties {
-        $notify: typeof Notify;
-    }
-}

package/lib/popup/Popup.js

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

package/lib/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/lib/pull-refresh/PullRefresh.js

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

package/lib/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/lib/search/index.css

@@ -1 +1 @@
-body{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:5px var(--van-padding-xs) 5px 0;background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
+body{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-background);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:5px var(--van-padding-xs) 5px 0;background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}

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;

package/lib/switch/Switch.js

@@ -47,7 +47,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const isChecked = () => props.modelValue === props.activeValue;
     const onClick = () => {
@@ -65,9 +66,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "color": color
         }, null);
       }
+      if (slots.node) {
+        return slots.node();
+      }
     };
     (0, import_use.useCustomFieldValue)(() => props.modelValue);
     return () => {
+      var _a;
       const {
         size,
         loading,
@@ -93,7 +98,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClick
       }, [(0, import_vue.createVNode)("div", {
         "class": bem("node")
-      }, [renderLoading()])]);
+      }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });

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

@@ -1,18 +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;
-declare namespace Toast {
-    var loading: (options: string | ToastOptions) => ComponentInstance;
-    var success: (options: string | ToastOptions) => ComponentInstance;
-    var fail: (options: string | ToastOptions) => ComponentInstance;
-    var clear: (all?: boolean | undefined) => void;
-    var setDefaultOptions: {
-        (options: ToastOptions): void;
-        (type: ToastType, options: ToastOptions): void;
-    };
-    var resetDefaultOptions: (type?: ToastType | undefined) => void;
-    var allowMultiple: (value?: boolean) => void;
-    var install: (app: App<any>) => void;
-}
-export { Toast };
+import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
+export declare function showToast(options?: string | ToastOptions): ToastWrapperInstance;
+export declare const showLoadingToast: (options: string | ToastOptions) => ToastWrapperInstance;
+export declare const showSuccessToast: (options: string | ToastOptions) => ToastWrapperInstance;
+export declare const showFailToast: (options: string | ToastOptions) => ToastWrapperInstance;
+export declare const closeToast: (all?: boolean) => void;
+export declare function setToastDefaultOptions(options: ToastOptions): void;
+export declare function setToastDefaultOptions(type: ToastType, options: ToastOptions): void;
+export declare const resetToastDefaultOptions: (type?: ToastType) => void;
+export declare const allowMultipleToast: (value?: boolean) => void;

package/lib/toast/function-call.js

@@ -20,7 +20,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  Toast: () => Toast
+  allowMultipleToast: () => allowMultipleToast,
+  closeToast: () => closeToast,
+  resetToastDefaultOptions: () => resetToastDefaultOptions,
+  setToastDefaultOptions: () => setToastDefaultOptions,
+  showFailToast: () => showFailToast,
+  showLoadingToast: () => showLoadingToast,
+  showSuccessToast: () => showSuccessToast,
+  showToast: () => showToast
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -93,7 +100,7 @@ function createInstance() {
       (0, import_vue2.getCurrentInstance)().render = render;
       return {
         open,
-        clear: close,
+        close,
         message
       };
     }
@@ -107,7 +114,7 @@ function getInstance() {
   }
   return queue[queue.length - 1];
 }
-function Toast(options = {}) {
+function showToast(options = {}) {
   if (!import_utils.inBrowser) {
     return {};
   }
@@ -116,36 +123,35 @@ function Toast(options = {}) {
   toast.open((0, import_utils.extend)({}, currentOptions, defaultOptionsMap.get(parsedOptions.type || currentOptions.type), parsedOptions));
   return toast;
 }
-const createMethod = (type) => (options) => Toast((0, import_utils.extend)({
+const createMethod = (type) => (options) => showToast((0, import_utils.extend)({
   type
 }, parseOptions(options)));
-Toast.loading = createMethod("loading");
-Toast.success = createMethod("success");
-Toast.fail = createMethod("fail");
-Toast.clear = (all) => {
+const showLoadingToast = createMethod("loading");
+const showSuccessToast = createMethod("success");
+const showFailToast = createMethod("fail");
+const closeToast = (all) => {
   var _a;
   if (queue.length) {
     if (all) {
       queue.forEach((toast) => {
-        toast.clear();
+        toast.close();
       });
       queue = [];
     } else if (!allowMultiple) {
-      queue[0].clear();
+      queue[0].close();
     } else {
-      (_a = queue.shift()) == null ? void 0 : _a.clear();
+      (_a = queue.shift()) == null ? void 0 : _a.close();
     }
   }
 };
-function setDefaultOptions(type, options) {
+function setToastDefaultOptions(type, options) {
   if (typeof type === "string") {
     defaultOptionsMap.set(type, options);
   } else {
     (0, import_utils.extend)(currentOptions, type);
   }
 }
-Toast.setDefaultOptions = setDefaultOptions;
-Toast.resetDefaultOptions = (type) => {
+const resetToastDefaultOptions = (type) => {
   if (typeof type === "string") {
     defaultOptionsMap.delete(type);
   } else {
@@ -153,10 +159,6 @@ Toast.resetDefaultOptions = (type) => {
     defaultOptionsMap.clear();
   }
 };
-Toast.allowMultiple = (value = true) => {
+const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-Toast.install = (app) => {
-  app.use((0, import_utils.withInstall)(import_Toast.default));
-  app.config.globalProperties.$toast = Toast;
-};