rappel-ui 1.0.28 → 1.0.30

package/{cjs/components/tooltip/src/content.vue.d.ts → es/components/message/src/message.vue.d.ts}

@@ -1,23 +1,23 @@
-import { FloatingProps } from './types';
-import { ModelRef, DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type __VLS_Props = FloatingProps;
-declare const model: ModelRef<boolean, string, boolean, boolean>;
+import { MessageOptions } from './types';
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = MessageOptions;
 type __VLS_ModelProps = {
-    modelValue?: typeof model['value'];
+    'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_20: {};
+declare var __VLS_15: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    icon?: (props: typeof __VLS_15) => any;
+} & {
+    close?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
-    floatingRef: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
-    arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+    show: () => void;
+    setOffset: (offset: number | string) => void;
+    close: () => void;
+    isHovered: ShallowRef<boolean>;
+    zIndex: number;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    beforeShow: (el: HTMLElement) => any;
-    show: (el: HTMLElement) => any;
-    beforeHide: (el: HTMLElement) => any;
-    hide: (el: HTMLElement) => any;
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
     enterCancelled: (el: HTMLElement) => any;
@@ -26,12 +26,9 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     leave: (el: HTMLElement, done: () => void) => any;
     leaveCancelled: (el: HTMLElement) => any;
     afterLeave: (el: HTMLElement) => any;
-    "update:modelValue": (value: boolean) => any;
+    "update:visible": (value: boolean) => any;
+    iconUpdated: (el: HTMLElement) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-    onShow?: ((el: HTMLElement) => any) | undefined;
-    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-    onHide?: ((el: HTMLElement) => any) | undefined;
     onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
     onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -40,7 +37,8 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
     onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onIconUpdated?: ((el: HTMLElement) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/message/src/message.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,271 @@
+import { toPx as e } from "../../../utils/util.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
+import { useZIndex as ee } from "../../../composables/use-z-index/index.mjs";
+import { useTheme as te } from "../../../composables/use-theme/index.mjs";
+import "../../../composables/index.mjs";
+import { ReTransition as ne } from "../../transition/index.mjs";
+import { verticalPlacement as n } from "./constants.mjs";
+import { useMessageEmits as re } from "./use-message-emit.mjs";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, isVNode as l, mergeModels as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeStyle as ie, onMounted as ae, onUnmounted as oe, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as se, unref as v, useModel as ce, useTemplateRef as y, watch as b, withCtx as le } from "vue";
+import { useElementHover as ue } from "@vueuse/core";
+import { CheckFill as x, CloseFill as S, CloseShort as C, ExclamFill as de, InfoFill as w } from "@rappel-ui/svg-icons";
+//#region packages/components/message/src/message.vue?vue&type=script&setup=true&lang.ts
+var fe = ["data-placement"], pe = ["innerHTML"], T = c({
+	name: "ReMessage",
+	__name: "message",
+	props: u({
+		content: {
+			type: [
+				String,
+				Object,
+				Function
+			],
+			default: ""
+		},
+		isHtml: {
+			type: Boolean,
+			default: !1
+		},
+		stayDuration: { default: 3e3 },
+		theme: { default: "light" },
+		reverseTheme: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "" },
+		plain: {
+			type: Boolean,
+			default: !1
+		},
+		offset: { default: 16 },
+		zIndex: { default: () => void 0 },
+		width: { default: () => void 0 },
+		height: { default: () => void 0 },
+		maxWidth: { default: () => void 0 },
+		maxHeight: { default: () => void 0 },
+		floatingClass: { default: "" },
+		placement: { default: "top" },
+		closeIcon: { default: () => C },
+		showClose: {
+			type: Boolean,
+			default: !1
+		},
+		autoClose: {
+			type: Boolean,
+			default: !0
+		},
+		icon: { default: () => void 0 },
+		showIcon: {
+			type: Boolean,
+			default: !0
+		},
+		onClose: { type: Function },
+		onClosed: { type: Function },
+		onShow: { type: Function },
+		onShown: { type: Function },
+		appendTo: { default: "body" },
+		teleported: {
+			type: Boolean,
+			default: !0
+		},
+		defer: { type: Boolean },
+		transition: { default: "" },
+		mode: {},
+		cssTransition: {
+			type: Boolean,
+			default: !0
+		},
+		cssDuration: { default: 300 },
+		appear: { type: Boolean }
+	}, {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		visibleModifiers: {}
+	}),
+	emits: u([
+		"iconUpdated",
+		"beforeEnter",
+		"enter",
+		"enterCancelled",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled",
+		"afterLeave"
+	], ["update:visible"]),
+	setup(c, { expose: u, emit: C }) {
+		let T = C, E = i(() => {
+			if (l(c.content)) return c.content;
+			if (typeof c.content == "function") {
+				let e = c.content();
+				return l(e) ? e : String(e);
+			}
+			return !1;
+		}), { beforeEnter: D, enter: O, afterEnter: k, beforeLeave: A, leave: j, afterLeave: M } = re(T), N = y("floatingRef"), { ns: P, n: F, nm: I, is: L } = t("message"), { currentTheme: R } = te(c.theme, c.reverseTheme), z = i(() => {
+			var e;
+			return (e = c.placement) == null || (e = e.split("-")) == null ? void 0 : e[0];
+		}), B = i(() => {
+			var e;
+			return (e = c.placement) == null || (e = e.split("-")) == null ? void 0 : e[1];
+		}), V = i(() => c.icon || {
+			success: x,
+			warning: de,
+			error: S,
+			info: w,
+			primary: w
+		}[c.type] || w), H = h(c.offset);
+		b(() => c.offset, (e) => {
+			H.value = e;
+		});
+		let me = (e) => {
+			H.value = e;
+		}, he = i(() => [{
+			width: e(c.width),
+			height: e(c.height),
+			maxWidth: e(c.maxWidth),
+			maxHeight: e(c.maxHeight),
+			zIndex: W.value,
+			[n.includes(c.placement) ? B.value : z.value]: e(H.value),
+			position: "fixed",
+			transition: `opacity ${c.cssDuration / 2}ms,
+       transform ${c.cssDuration}ms,
+        bottom ${c.cssDuration}ms,
+        top ${c.cssDuration}ms,
+        left ${c.cssDuration}ms,
+        right ${c.cssDuration}ms`
+		}]), U = ce(c, "visible"), W = h(0), { zIndex: ge } = ee(), { stop: _e } = b(U, (e) => {
+			e && (W.value = c.zIndex || ge.value);
+		}), G = [
+			"top",
+			"bottom",
+			"left",
+			"right"
+		].reduce((e, t) => (e[t] = {
+			pos: t,
+			enterFrom: `${t}-enter-from`,
+			enterActive: `${t}-enter-active`,
+			enterTo: `${t}-enter-to`,
+			leaveFrom: `${t}-leave-from`,
+			leaveActive: `${t}-leave-active`,
+			leaveTo: `${t}-leave-to`
+		}, e), {}), ve = () => {
+			Z();
+		}, K = ue(N), { stop: q } = b(K, (e) => e ? ye() : Q()), J, Y = 0, X = parseFloat(String(c.cssDuration)) + parseFloat(String(c.stayDuration)), Z = () => {
+			U.value = !1, clearTimeout(J), J = void 0;
+		}, Q = () => {
+			if (X <= 0) {
+				Z();
+				return;
+			}
+			Y = Date.now(), J = setTimeout(Z, X);
+		}, ye = () => {
+			J && (clearTimeout(J), J = void 0, X -= Date.now() - Y);
+		}, $ = () => {
+			U.value = !1, f(() => {
+				if (U.value = !0, !c.autoClose) return q();
+				Q();
+			});
+		};
+		return ae(() => {
+			$();
+		}), oe(() => {
+			_e(), q(), Z(), K.value = !1;
+		}), u({
+			show: $,
+			setOffset: me,
+			close: ve,
+			isHovered: K,
+			zIndex: W.value
+		}), (e, t) => (m(), a(v(ne), d({
+			teleported: c.teleported,
+			"append-to": c.appendTo,
+			transition: c.transition,
+			"css-duration": c.cssDuration,
+			"css-transition": c.cssTransition,
+			"enter-from-class": v(G)[z.value].enterFrom,
+			"enter-active-class": v(G)[z.value].enterActive,
+			"enter-to-class": v(G)[z.value].enterTo,
+			"leave-from-class": v(G)[z.value].leaveFrom,
+			"leave-active-class": v(G)[z.value].leaveActive,
+			"leave-to-class": v(G)[z.value].leaveTo
+		}, e.$attrs, {
+			onBeforeEnter: v(D),
+			onEnter: v(O),
+			onAfterEnter: v(k),
+			onBeforeLeave: v(A),
+			onLeave: v(j),
+			onAfterLeave: v(M)
+		}), {
+			default: le(() => [U.value ? (m(), s("div", {
+				key: 0,
+				ref_key: "floatingRef",
+				ref: N,
+				style: ie(he.value),
+				"data-placement": c.placement,
+				class: p([
+					v(F)(),
+					v(I)(c.type),
+					v(L)(v(R), !!v(R)),
+					v(L)("plain", !!c.plain),
+					c.floatingClass
+				])
+			}, [
+				g(e.$slots, "icon", {}, () => [c.showIcon ? (m(), s(r, { key: 0 }, [typeof V.value == "string" ? (m(), s("i", {
+					key: 0,
+					class: p([v(P)("icon"), V.value]),
+					"aria-hidden": "true"
+				}, null, 2)) : (m(), a(_(V.value), {
+					key: 1,
+					class: p([v(P)("icon")]),
+					"aria-hidden": "true"
+				}, null, 8, ["class"]))], 64)) : o("", !0)]),
+				c.isHtml && typeof c.content == "string" ? (m(), s("span", {
+					key: 0,
+					class: p([v(P)("content")]),
+					innerHTML: c.content
+				}, null, 10, pe)) : E.value ? (m(), a(_(E.value), {
+					key: 1,
+					class: p([v(P)("content")])
+				}, null, 8, ["class"])) : (m(), s("span", {
+					key: 2,
+					class: p([v(P)("content")])
+				}, se(c.content), 3)),
+				g(e.$slots, "close", {}, () => [c.showClose ? (m(), s(r, { key: 0 }, [typeof c.closeIcon == "string" ? (m(), s("i", {
+					key: 0,
+					class: p([v(P)("close"), c.closeIcon]),
+					"aria-hidden": "true",
+					onClick: t[0] || (t[0] = (e) => U.value = !1)
+				}, null, 2)) : (m(), a(_(c.closeIcon), {
+					key: 1,
+					class: p([v(P)("close")]),
+					"aria-hidden": "true",
+					onClick: t[1] || (t[1] = (e) => U.value = !1)
+				}, null, 8, ["class"]))], 64)) : o("", !0)])
+			], 14, fe)) : o("", !0)]),
+			_: 3
+		}, 16, [
+			"teleported",
+			"append-to",
+			"transition",
+			"css-duration",
+			"css-transition",
+			"enter-from-class",
+			"enter-active-class",
+			"enter-to-class",
+			"leave-from-class",
+			"leave-active-class",
+			"leave-to-class",
+			"onBeforeEnter",
+			"onEnter",
+			"onAfterEnter",
+			"onBeforeLeave",
+			"onLeave",
+			"onAfterLeave"
+		]));
+	}
+});
+//#endregion
+export { T as default };

package/es/components/message/src/types.d.ts

@@ -0,0 +1,58 @@
+import { createVNode, Component, VNode } from 'vue';
+import { TransitionEmits, TransitionProps } from '../../transition';
+import { Placement } from '../../tooltip';
+import { Theme, MaybeClass } from '../../../types';
+import { messageTypes, verticalPlacement } from './constants';
+export type MesageVerticalPlacement = (typeof verticalPlacement)[number];
+export type MessagePlacement = MesageVerticalPlacement | Placement;
+export type MessageShortType = (typeof messageTypes)[number];
+export type CreateMessageFn = (options: MessageOptionsOrString) => MessageInstance;
+export type MessageShortcuts = Record<MessageShortType, (options: MessageOptionsOrString) => MessageInstance>;
+export type CreateMessageType = CreateMessageFn & MessageShortcuts & {
+    closeAll: () => void;
+};
+export interface MessageOptions extends TransitionProps {
+    content?: string | HTMLElement | VNode | (() => VNode);
+    isHtml?: boolean;
+    stayDuration?: number;
+    theme?: Theme;
+    reverseTheme?: boolean;
+    type?: (typeof messageTypes)[number];
+    plain?: boolean;
+    offset?: number | string;
+    zIndex?: number;
+    width?: number | string;
+    height?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    floatingClass?: MaybeClass;
+    placement?: MessagePlacement;
+    closeIcon?: string | Component;
+    showClose?: boolean;
+    autoClose?: boolean;
+    icon?: string | Component;
+    showIcon?: boolean;
+    onClose?: (el: HTMLElement) => void;
+    onClosed?: (el: HTMLElement) => void;
+    onShow?: (el: HTMLElement) => void;
+    onShown?: (el: HTMLElement) => void;
+}
+export type MessageOptionsOrString = MessageOptions | string;
+export interface MessageInstance {
+    id: string;
+    container: HTMLElement;
+    vnode: ReturnType<typeof createVNode>;
+    props: MessageOptions;
+    placement?: MessagePlacement;
+    actualOffset: number;
+    close: () => void;
+    show: () => void;
+}
+export interface OffsetItem {
+    id: string;
+    offset: number;
+    vnode: ReturnType<typeof createVNode>;
+}
+export interface MessageEmits extends TransitionEmits {
+    iconUpdated: [el: HTMLElement];
+}

package/es/components/message/src/use-message-emit.d.ts

@@ -0,0 +1,12 @@
+import { EmitFn } from 'vue';
+import { MessageEmits } from './types';
+export declare function useMessageEmits(emits: EmitFn<MessageEmits>): {
+    beforeEnter: (el: any) => void;
+    enter: (el: any, done: any) => void;
+    enterCancelled: (el: any) => void;
+    afterEnter: (el: any) => void;
+    beforeLeave: (el: any) => void;
+    leave: (el: any, done: any) => void;
+    leaveCancelled: (el: any) => void;
+    afterLeave: (el: any) => void;
+};

package/es/components/message/src/use-message-emit.mjs

@@ -0,0 +1,7 @@
+import { useTransitionEmits as e } from "../../transition/src/use-transition-emit.mjs";
+//#region packages/components/message/src/use-message-emit.ts
+function t(t) {
+	return { ...e(t) };
+}
+//#endregion
+export { t as useMessageEmits };

package/es/components/message/src/use-message.d.ts

@@ -0,0 +1,2 @@
+import { CreateMessageType } from './types';
+export declare function useMessage(): CreateMessageType;

package/es/components/message/src/use-message.mjs

@@ -0,0 +1,7 @@
+import { createMessage as e } from "./create-message.mjs";
+//#region packages/components/message/src/use-message.ts
+function t() {
+	return e;
+}
+//#endregion
+export { t as useMessage };

package/es/components/message/style/css.mjs

@@ -0,0 +1,2 @@
+import '../../../../theme-chalk/base.css'
+import '../../../../theme-chalk/re-message.css'

package/es/components/message/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../../../theme-chalk/src/base.scss'
+import '../../../../theme-chalk/src/message.scss'

package/es/components/popconfirm/index.d.ts

@@ -6,10 +6,6 @@ export declare const RePopconfirm: {
         visible?: boolean;
     }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
-        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-        onShow?: ((el: HTMLElement) => any) | undefined;
-        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-        onHide?: ((el: HTMLElement) => any) | undefined;
         onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
         onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
         onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -26,10 +22,6 @@ export declare const RePopconfirm: {
         confirm: (e: MouseEvent) => void;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         cancel: (e: MouseEvent) => any;
-        beforeShow: (el: HTMLElement) => any;
-        show: (el: HTMLElement) => any;
-        beforeHide: (el: HTMLElement) => any;
-        hide: (el: HTMLElement) => any;
         beforeEnter: (el: HTMLElement) => any;
         enter: (el: HTMLElement, done: () => void) => any;
         enterCancelled: (el: HTMLElement) => any;
@@ -51,10 +43,6 @@ export declare const RePopconfirm: {
         visible?: boolean;
     }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
-        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-        onShow?: ((el: HTMLElement) => any) | undefined;
-        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-        onHide?: ((el: HTMLElement) => any) | undefined;
         onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
         onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
         onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -77,10 +65,6 @@ export declare const RePopconfirm: {
     visible?: boolean;
 }> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
-    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-    onShow?: ((el: HTMLElement) => any) | undefined;
-    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-    onHide?: ((el: HTMLElement) => any) | undefined;
     onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
     onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -97,10 +81,6 @@ export declare const RePopconfirm: {
     confirm: (e: MouseEvent) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
-    beforeShow: (el: HTMLElement) => any;
-    show: (el: HTMLElement) => any;
-    beforeHide: (el: HTMLElement) => any;
-    hide: (el: HTMLElement) => any;
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
     enterCancelled: (el: HTMLElement) => any;
@@ -114,12 +94,12 @@ export declare const RePopconfirm: {
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         header?: (props: {
-            icon: string | Component | undefined;
+            icon: string | Component | null | undefined;
             title: string;
         }) => any;
     } & {
         icon?: (props: {
-            icon: string | Component | undefined;
+            icon: string | Component | null | undefined;
         }) => any;
     } & {
         title?: (props: {
@@ -133,18 +113,18 @@ export declare const RePopconfirm: {
         footer?: (props: {
             cancel: (e: MouseEvent) => void;
             cancelSize: "" | "small" | "mini" | "large";
-            cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             cancelText: string;
             confirm: (e: MouseEvent) => void;
             confirmSize: "" | "small" | "mini" | "large";
-            confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             confirmText: string;
         }) => any;
     } & {
         cancel?: (props: {
             cancel: (e: MouseEvent) => void;
             cancelSize: "" | "small" | "mini" | "large";
-            cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             cancelText: string;
         }) => any;
     } & {
@@ -156,7 +136,7 @@ export declare const RePopconfirm: {
         confirm?: (props: {
             confirm: (e: MouseEvent) => void;
             confirmSize: "" | "small" | "mini" | "large";
-            confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             confirmText: string;
         }) => any;
     };

package/es/components/popconfirm/src/popconfirm.vue.d.ts

@@ -5,54 +5,54 @@ type __VLS_ModelProps = {
     'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_28: {
-    icon: string | Component | undefined;
+declare var __VLS_24: {
+    icon: string | Component | null | undefined;
     title: string;
-}, __VLS_30: {
-    icon: string | Component | undefined;
-}, __VLS_37: {
+}, __VLS_26: {
+    icon: string | Component | null | undefined;
+}, __VLS_33: {
     title: string;
-}, __VLS_39: {
+}, __VLS_35: {
     content: string;
-}, __VLS_41: {
+}, __VLS_37: {
     cancel: (e: MouseEvent) => void;
     cancelSize: "" | "small" | "mini" | "large";
-    cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     cancelText: string;
     confirm: (e: MouseEvent) => void;
     confirmSize: "" | "small" | "mini" | "large";
-    confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     confirmText: string;
-}, __VLS_43: {
+}, __VLS_39: {
     cancel: (e: MouseEvent) => void;
     cancelSize: "" | "small" | "mini" | "large";
-    cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     cancelText: string;
-}, __VLS_53: {
+}, __VLS_49: {
     cancel: (e: MouseEvent) => void;
     confirm: (e: MouseEvent) => void;
-}, __VLS_55: {
+}, __VLS_51: {
     confirm: (e: MouseEvent) => void;
     confirmSize: "" | "small" | "mini" | "large";
-    confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     confirmText: string;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_28) => any;
+    header?: (props: typeof __VLS_24) => any;
 } & {
-    icon?: (props: typeof __VLS_30) => any;
+    icon?: (props: typeof __VLS_26) => any;
 } & {
-    title?: (props: typeof __VLS_37) => any;
+    title?: (props: typeof __VLS_33) => any;
 } & {
-    content?: (props: typeof __VLS_39) => any;
+    content?: (props: typeof __VLS_35) => any;
 } & {
-    footer?: (props: typeof __VLS_41) => any;
+    footer?: (props: typeof __VLS_37) => any;
 } & {
-    cancel?: (props: typeof __VLS_43) => any;
+    cancel?: (props: typeof __VLS_39) => any;
 } & {
-    extra?: (props: typeof __VLS_53) => any;
+    extra?: (props: typeof __VLS_49) => any;
 } & {
-    confirm?: (props: typeof __VLS_55) => any;
+    confirm?: (props: typeof __VLS_51) => any;
 };
 declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     tooltipRef: Readonly< ShallowRef<any, any>>;
@@ -60,10 +60,6 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     confirm: (e: MouseEvent) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
-    beforeShow: (el: HTMLElement) => any;
-    show: (el: HTMLElement) => any;
-    beforeHide: (el: HTMLElement) => any;
-    hide: (el: HTMLElement) => any;
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
     enterCancelled: (el: HTMLElement) => any;
@@ -76,10 +72,6 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     confirm: (e: MouseEvent) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
-    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-    onShow?: ((el: HTMLElement) => any) | undefined;
-    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-    onHide?: ((el: HTMLElement) => any) | undefined;
     onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
     onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onEnterCancelled?: ((el: HTMLElement) => any) | undefined;