zartui 0.1.113 → 3.0.1

package/es/tabs/index.d.ts

@@ -0,0 +1,114 @@
+import { TabsProps } from './Tabs';
+export declare const Tabs: import("../utils").WithInstall<import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<import("./types").TabsType>;
+        default: import("./types").TabsType;
+    };
+    color: StringConstructor;
+    border: BooleanConstructor;
+    sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animated: BooleanConstructor;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: BooleanConstructor;
+    scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    background: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lineWidth: (NumberConstructor | StringConstructor)[];
+    lineHeight: (NumberConstructor | StringConstructor)[];
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    swipeThreshold: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    titleActiveColor: StringConstructor;
+    titleInactiveColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change" | "rendered" | "clickTab" | "update:active")[], "scroll" | "change" | "rendered" | "clickTab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<import("./types").TabsType>;
+        default: import("./types").TabsType;
+    };
+    color: StringConstructor;
+    border: BooleanConstructor;
+    sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animated: BooleanConstructor;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: BooleanConstructor;
+    scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    background: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lineWidth: (NumberConstructor | StringConstructor)[];
+    lineHeight: (NumberConstructor | StringConstructor)[];
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    swipeThreshold: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    titleActiveColor: StringConstructor;
+    titleInactiveColor: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onRendered?: ((...args: any[]) => any) | undefined;
+    onClickTab?: ((...args: any[]) => any) | undefined;
+    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").TabsType;
+    ellipsis: boolean;
+    sticky: boolean;
+    border: boolean;
+    active: string | number;
+    duration: string | number;
+    lazyRender: boolean;
+    offsetTop: string | number;
+    shrink: boolean;
+    animated: boolean;
+    swipeable: boolean;
+    scrollspy: boolean;
+    swipeThreshold: string | number;
+}>>;
+export default Tabs;
+export type { TabsProps };
+export type { TabsType, TabsInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtTabs: typeof Tabs;
+    }
+}

package/es/tabs/index.mjs

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

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

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

package/es/tabs/style/index.mjs

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,23 @@
+import type { ComponentPublicInstance, ComputedRef } from 'vue';
+import type { Numeric } from '../utils';
+import type { TabsProps } from './Tabs';
+export declare type TabsType = 'line' | 'card';
+export declare type TabsClickTabEventParams = {
+    name: Numeric;
+    title: string;
+    event: MouseEvent;
+    disabled: boolean;
+};
+export declare type TabsProvide = {
+    id: string;
+    props: TabsProps;
+    setLine: () => void;
+    onRendered: (name: Numeric, title?: string) => void;
+    scrollIntoView: (immediate?: boolean) => void;
+    currentName: ComputedRef<Numeric | undefined>;
+};
+export declare type TabsExpose = {
+    resize: () => void;
+    scrollTo: (name: Numeric) => void;
+};
+export declare type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;

package/es/tabs/utils.d.ts

@@ -0,0 +1,3 @@
+import { ScrollElement } from '../utils';
+export declare function scrollLeftTo(scroller: HTMLElement, to: number, duration: number): void;
+export declare function scrollTopTo(scroller: ScrollElement, to: number, duration: number, callback: () => void): void;

package/es/tabs/utils.mjs

@@ -0,0 +1,37 @@
+import { raf } from "@zartui/use";
+import { getScrollTop, setScrollTop } from "../utils/index.mjs";
+function scrollLeftTo(scroller, to, duration) {
+  let count = 0;
+  const from = scroller.scrollLeft;
+  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+  function animate() {
+    scroller.scrollLeft += (to - from) / frames;
+    if (++count < frames) {
+      raf(animate);
+    }
+  }
+  animate();
+}
+function scrollTopTo(scroller, to, duration, callback) {
+  let current = getScrollTop(scroller);
+  const isDown = current < to;
+  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+  const step = (to - current) / frames;
+  function animate() {
+    current += step;
+    if (isDown && current > to || !isDown && current < to) {
+      current = to;
+    }
+    setScrollTop(scroller, current);
+    if (isDown && current < to || !isDown && current > to) {
+      raf(animate);
+    } else if (callback) {
+      raf(callback);
+    }
+  }
+  animate();
+}
+export {
+  scrollLeftTo,
+  scrollTopTo
+};

package/es/toast/Toast.d.ts

@@ -0,0 +1,112 @@
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { LoadingType } from '../loading';
+import type { ToastType, ToastPosition } from './types';
+declare const toastProps: {
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: PropType<ToastType>;
+        default: ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<ToastPosition>;
+        default: ToastPosition;
+    };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    className: PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    loadingType: PropType<LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+};
+export declare type ToastProps = ExtractPropTypes<typeof toastProps>;
+declare const _default: import("vue").DefineComponent<{
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: PropType<ToastType>;
+        default: ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<ToastPosition>;
+        default: ToastPosition;
+    };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    className: PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    loadingType: PropType<LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: PropType<ToastType>;
+        default: ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<ToastPosition>;
+        default: ToastPosition;
+    };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    className: PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    loadingType: PropType<LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: ToastType;
+    position: ToastPosition;
+    overlay: boolean;
+    show: boolean;
+    duration: number;
+    closeOnClickOverlay: boolean;
+    transition: string;
+    forbidClick: boolean;
+    closeOnClick: boolean;
+}>;
+export default _default;

package/es/toast/Toast.mjs

@@ -0,0 +1,119 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { watch, onMounted, onUnmounted, defineComponent } from "vue";
+import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from "../utils/index.mjs";
+import { lockClick } from "./lock-click.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Popup } from "../popup/index.mjs";
+import { Loading } from "../loading/index.mjs";
+const [name, bem] = createNamespace("toast");
+const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
+const toastProps = {
+  icon: String,
+  show: Boolean,
+  type: makeStringProp("text"),
+  overlay: Boolean,
+  message: numericProp,
+  iconSize: numericProp,
+  duration: makeNumberProp(2e3),
+  position: makeStringProp("middle"),
+  teleport: [String, Object],
+  className: unknownProp,
+  iconPrefix: String,
+  transition: makeStringProp("zt-fade"),
+  loadingType: String,
+  forbidClick: Boolean,
+  overlayClass: unknownProp,
+  overlayStyle: Object,
+  closeOnClick: Boolean,
+  closeOnClickOverlay: Boolean
+};
+var stdin_default = defineComponent({
+  name,
+  props: toastProps,
+  emits: ["update:show"],
+  setup(props, {
+    emit
+  }) {
+    let timer;
+    let clickable = false;
+    const toggleClickable = () => {
+      const newValue = props.show && props.forbidClick;
+      if (clickable !== newValue) {
+        clickable = newValue;
+        lockClick(clickable);
+      }
+    };
+    const updateShow = (show) => emit("update:show", show);
+    const onClick = () => {
+      if (props.closeOnClick) {
+        updateShow(false);
+      }
+    };
+    const clearTimer = () => clearTimeout(timer);
+    const renderIcon = () => {
+      const {
+        icon,
+        type,
+        iconSize,
+        iconPrefix,
+        loadingType
+      } = props;
+      const hasIcon = icon || type === "success" || type === "warning";
+      if (hasIcon) {
+        return _createVNode(Icon, {
+          "name": icon || type,
+          "size": iconSize,
+          "class": bem("icon"),
+          "classPrefix": iconPrefix
+        }, null);
+      }
+      if (type === "loading") {
+        return _createVNode(Loading, {
+          "class": bem("loading"),
+          "size": iconSize,
+          "type": loadingType
+        }, null);
+      }
+    };
+    const renderMessage = () => {
+      const {
+        type,
+        message
+      } = props;
+      if (isDef(message) && message !== "") {
+        return type === "html" ? _createVNode("div", {
+          "key": 0,
+          "class": bem("text"),
+          "innerHTML": String(message)
+        }, null) : _createVNode("div", {
+          "class": bem("text")
+        }, [message]);
+      }
+    };
+    watch(() => [props.show, props.forbidClick], toggleClickable);
+    watch(() => [props.show, props.type, props.message, props.duration], () => {
+      clearTimer();
+      if (props.show && props.duration > 0) {
+        timer = setTimeout(() => {
+          updateShow(false);
+        }, props.duration);
+      }
+    });
+    onMounted(toggleClickable);
+    onUnmounted(toggleClickable);
+    return () => _createVNode(Popup, _mergeProps({
+      "class": [bem([props.position, {
+        [props.type]: !props.icon
+      }]), props.className],
+      "lockScroll": false,
+      "onClick": onClick,
+      "onClosed": clearTimer,
+      "onUpdate:show": updateShow
+    }, pick(props, popupInheritProps)), {
+      default: () => [renderIcon(), renderMessage()]
+    });
+  }
+});
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,10 @@
+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/es/toast/function-call.mjs

@@ -0,0 +1,142 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { ref, watch, getCurrentInstance } from "vue";
+import { extend, isObject, inBrowser } from "../utils/index.mjs";
+import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
+import ZtToast from "./Toast.mjs";
+const defaultOptions = {
+  icon: "",
+  type: "text",
+  message: "",
+  className: "",
+  overlay: false,
+  onClose: void 0,
+  onOpened: void 0,
+  duration: 2e3,
+  teleport: "body",
+  iconSize: void 0,
+  iconPrefix: void 0,
+  position: "middle",
+  transition: "zt-fade",
+  forbidClick: false,
+  loadingType: void 0,
+  overlayClass: "",
+  overlayStyle: void 0,
+  closeOnClick: false,
+  closeOnClickOverlay: false
+};
+let queue = [];
+let allowMultiple = false;
+let currentOptions = extend({}, defaultOptions);
+const defaultOptionsMap = /* @__PURE__ */ new Map();
+function parseOptions(message) {
+  if (isObject(message)) {
+    return message;
+  }
+  return {
+    message
+  };
+}
+function createInstance() {
+  const {
+    instance,
+    unmount
+  } = mountComponent({
+    setup() {
+      const message = ref("");
+      const {
+        open,
+        state,
+        close,
+        toggle
+      } = usePopupState();
+      const onClosed = () => {
+        if (allowMultiple) {
+          queue = queue.filter((item) => item !== instance);
+          unmount();
+        }
+      };
+      const render = () => {
+        const attrs = {
+          onClosed,
+          "onUpdate:show": toggle
+        };
+        return _createVNode(ZtToast, _mergeProps(state, attrs), null);
+      };
+      watch(message, (val) => {
+        state.message = val;
+      });
+      getCurrentInstance().render = render;
+      return {
+        open,
+        close,
+        message
+      };
+    }
+  });
+  return instance;
+}
+function getInstance() {
+  if (!queue.length || allowMultiple) {
+    const instance = createInstance();
+    queue.push(instance);
+  }
+  return queue[queue.length - 1];
+}
+function showToast(options = {}) {
+  if (!inBrowser) {
+    return {};
+  }
+  const toast = getInstance();
+  const parsedOptions = parseOptions(options);
+  toast.open(extend({}, currentOptions, defaultOptionsMap.get(parsedOptions.type || currentOptions.type), parsedOptions));
+  return toast;
+}
+const createMethod = (type) => (options) => showToast(extend({
+  type
+}, parseOptions(options)));
+const showLoadingToast = createMethod("loading");
+const showSuccessToast = createMethod("success");
+const showFailToast = createMethod("warning");
+const closeToast = (all) => {
+  var _a;
+  if (queue.length) {
+    if (all) {
+      queue.forEach((toast) => {
+        toast.close();
+      });
+      queue = [];
+    } else if (!allowMultiple) {
+      queue[0].close();
+    } else {
+      (_a = queue.shift()) == null ? void 0 : _a.close();
+    }
+  }
+};
+function setToastDefaultOptions(type, options) {
+  if (typeof type === "string") {
+    defaultOptionsMap.set(type, options);
+  } else {
+    extend(currentOptions, type);
+  }
+}
+const resetToastDefaultOptions = (type) => {
+  if (typeof type === "string") {
+    defaultOptionsMap.delete(type);
+  } else {
+    currentOptions = extend({}, defaultOptions);
+    defaultOptionsMap.clear();
+  }
+};
+const allowMultipleToast = (value = true) => {
+  allowMultiple = value;
+};
+export {
+  allowMultipleToast,
+  closeToast,
+  resetToastDefaultOptions,
+  setToastDefaultOptions,
+  showFailToast,
+  showLoadingToast,
+  showSuccessToast,
+  showToast
+};

package/es/toast/index.css

@@ -1 +1 @@
-.zt-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:84px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.8);border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.zt-toast--unclickable{overflow:hidden}.zt-toast--unclickable *{pointer-events:none}.zt-toast--html,.zt-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:0;padding:8px 12px}.zt-toast--html .zt-toast__text,.zt-toast--text .zt-toast__text{margin-top:0}.zt-toast--top{top:20%}.zt-toast--bottom{top:auto;bottom:20%}.zt-toast__icon{font-size:36px}.zt-toast__loading{padding:4px;color:#fff}.zt-toast__text{margin-top:4px}.zt-toast--fail svg,.zt-toast--success svg{width:36px;height:36px}
+body{--zt-toast-max-width: 70%;--zt-toast-font-size: var(--zt-font-size-md);--zt-toast-text-color: var(--zt-white);--zt-toast-loading-icon-color: var(--zt-white);--zt-toast-line-height: var(--zt-line-height-md);--zt-toast-radius: var(--zt-radius-lg);--zt-toast-background: rgba(45, 75, 115, .8);--zt-toast-icon-size: 36px;--zt-toast-text-min-width: 96px;--zt-toast-text-padding: var(--zt-padding-xs) var(--zt-padding-sm);--zt-toast-default-padding: var(--zt-padding-md);--zt-toast-default-width: 88px;--zt-toast-default-min-height: 84px;--zt-toast-position-top-distance: 20%;--zt-toast-position-bottom-distance: 20%}.zt-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--zt-duration-fast);width:var(--zt-toast-default-width);max-width:var(--zt-toast-max-width);min-height:var(--zt-toast-default-min-height);padding:var(--zt-toast-default-padding);color:var(--zt-toast-text-color);font-size:var(--zt-toast-font-size);line-height:var(--zt-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--zt-toast-background);border-radius:var(--zt-toast-radius)}.zt-toast--unclickable{overflow:hidden;cursor:not-allowed}.zt-toast--unclickable *{pointer-events:none}.zt-toast--text,.zt-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--zt-toast-text-min-width);min-height:0;padding:var(--zt-toast-text-padding)}.zt-toast--text .zt-toast__text,.zt-toast--html .zt-toast__text{margin-top:0}.zt-toast--top{top:var(--zt-toast-position-top-distance)}.zt-toast--bottom{top:auto;bottom:var(--zt-toast-position-bottom-distance)}.zt-toast__icon{font-size:var(--zt-toast-icon-size)}.zt-toast__loading{padding:var(--zt-padding-base);color:var(--zt-toast-loading-icon-color)}.zt-toast__text{margin-top:var(--zt-padding-xs)}

package/es/toast/index.d.ts

@@ -0,0 +1,79 @@
+export declare const Toast: import("../utils").WithInstall<import("vue").DefineComponent<{
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ToastType>;
+        default: import("./types").ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: import("vue").PropType<import("./types").ToastPosition>;
+        default: import("./types").ToastPosition;
+    };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    className: import("vue").PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: import("vue").PropType<unknown>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: 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<{
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ToastType>;
+        default: import("./types").ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: import("vue").PropType<import("./types").ToastPosition>;
+        default: import("./types").ToastPosition;
+    };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    className: import("vue").PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: import("vue").PropType<unknown>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").ToastType;
+    position: import("./types").ToastPosition;
+    overlay: boolean;
+    show: boolean;
+    duration: number;
+    closeOnClickOverlay: boolean;
+    transition: string;
+    forbidClick: boolean;
+    closeOnClick: boolean;
+}>>;
+export default Toast;
+export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
+export type { ToastProps } from './Toast';
+export type { ToastType, ToastOptions, ToastPosition } from './types';