rappel-ui 1.0.16 → 1.0.17

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

@@ -1,13 +1,14 @@
 import { getIcon as e } from "../../../svg-icons/dist/es/index.mjs";
 import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
-import { filterNodeTypes as n } from "../../tooltip/src/constants.mjs";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, h as f, mergeModels as p, normalizeClass as m, openBlock as h, renderSlot as g, resolveComponent as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useModel as x, useSlots as S, useTemplateRef as C, withCtx as w } from "vue";
+import { useEmits as n } from "../../tooltip/src/use-emit.mjs";
+import { filterNodeTypes as r } from "../../tooltip/src/constants.mjs";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, h as p, mergeModels as m, normalizeClass as h, openBlock as g, renderSlot as _, resolveComponent as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useModel as S, useSlots as C, useTemplateRef as w, withCtx as T } from "vue";
 //#region packages/components/popconfirm/src/popconfirm.vue?vue&type=script&setup=true&lang.ts
-var T = ["innerHTML"], E = d({
+var E = ["innerHTML"], D = f({
 	name: "RePopconfirm",
 	__name: "popconfirm",
-	props: p({
+	props: m({
 		icon: { default: "help" },
 		showIcon: {
 			type: Boolean,
@@ -115,134 +116,161 @@ var T = ["innerHTML"], E = d({
 		},
 		visibleModifiers: {}
 	}),
-	emits: p(["confirm", "cancel"], ["update:visible"]),
-	setup(d, { expose: p, emit: E }) {
-		let { n: D, ns: O } = t("popconfirm"), k = x(d, "visible"), A = E, j = i(() => [D(), d.floatingClass]), M = S(), N = i(() => {
+	emits: m([
+		"confirm",
+		"cancel",
+		"beforeShow",
+		"show",
+		"beforeHide",
+		"hide",
+		"beforeEnter",
+		"enter",
+		"enterCancelled",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled",
+		"afterLeave"
+	], ["update:visible"]),
+	setup(f, { expose: m, emit: D }) {
+		let { n: O, ns: k } = t("popconfirm"), A = D, { beforeShow: j, beforeHide: M, show: N, hide: P, beforeEnter: F, enter: I, afterEnter: L, beforeLeave: R, leave: z, afterLeave: B, enterCancelled: V, leaveCancelled: H } = n(A), U = S(f, "visible"), W = a(() => [O(), f.floatingClass]), G = C(), K = a(() => {
 			var e, t;
-			let r = M == null || (e = M.default) == null || (e = e.call(M)) == null ? void 0 : e.filter((e) => e && !n.includes(e.type.toString()))[0];
-			return (r == null || (t = r.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? f("span", {}, r) : r;
-		}), P = i(() => e(d.icon)), F = C("tooltipRef"), I = (e) => {
+			let n = G == null || (e = G.default) == null || (e = e.call(G)) == null ? void 0 : e.filter((e) => e && !r.includes(e.type.toString()))[0];
+			return (n == null || (t = n.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? p("span", {}, n) : n;
+		}), q = a(() => e(f.icon)), J = w("tooltipRef"), Y = (e) => {
 			var t;
-			A("cancel", e), (t = F.value) == null || t.delayHide();
-		}, L = (e) => {
+			A("cancel", e), (t = J.value) == null || t.delayHide();
+		}, X = (e) => {
 			var t;
-			A("confirm", e), (t = F.value) == null || t.delayHide();
+			A("confirm", e), (t = J.value) == null || t.delayHide();
 		};
-		return p({
-			tooltipRef: F,
-			cancel: I,
-			confirm: L
+		return m({
+			tooltipRef: J,
+			cancel: Y,
+			confirm: X
 		}), (e, t) => {
-			let n = _("re-button"), i = _("re-tooltip");
-			return h(), a(i, {
+			let n = v("re-button"), r = v("re-tooltip");
+			return g(), o(r, {
 				ref_key: "tooltipRef",
-				ref: F,
-				visible: k.value,
-				"onUpdate:visible": t[0] || (t[0] = (e) => k.value = e),
-				width: d.width,
-				height: d.height,
-				"max-width": d.maxWidth,
-				"max-height": d.maxHeight,
-				"floating-class": j.value,
-				"floating-style": d.floatingStyle,
-				disabled: d.disabled,
-				theme: d.theme,
-				placement: d.placement,
-				trigger: d.trigger,
-				"reverse-theme": d.reverseTheme,
-				"show-delay": d.showDelay,
-				"hide-delay": d.hideDelay,
-				transition: d.transition,
-				"css-duration": d.cssDuration,
-				"css-transition": d.cssTransition,
-				"show-arrow": d.showArrow,
-				offset: d.offset,
-				teleported: d.teleported,
-				"append-to": d.appendTo,
-				persistent: d.persistent,
-				boundary: d.boundary,
-				"element-context": d.elementContext,
-				"alt-boundary": d.altBoundary,
-				"root-boundary": d.rootBoundary,
-				"arrow-size": d.arrowSize,
-				"arrow-offset": d.arrowOffset,
-				"flip-offset": d.flipOffset,
-				"arrow-options": d.arrowOptions,
-				"flip-options": d.flipOptions,
-				"inline-options": d.inlineOptions,
-				"is-external": d.isExternal,
-				"external-ref": d.externalRef,
-				"is-virtual": d.isVirtual,
-				"virtual-ref": d.virtualRef
+				ref: J,
+				visible: U.value,
+				"onUpdate:visible": t[0] || (t[0] = (e) => U.value = e),
+				width: f.width,
+				height: f.height,
+				"max-width": f.maxWidth,
+				"max-height": f.maxHeight,
+				"floating-class": W.value,
+				"floating-style": f.floatingStyle,
+				disabled: f.disabled,
+				theme: f.theme,
+				placement: f.placement,
+				trigger: f.trigger,
+				"reverse-theme": f.reverseTheme,
+				"show-delay": f.showDelay,
+				"hide-delay": f.hideDelay,
+				transition: f.transition,
+				"css-duration": f.cssDuration,
+				"css-transition": f.cssTransition,
+				"show-arrow": f.showArrow,
+				offset: f.offset,
+				teleported: f.teleported,
+				"append-to": f.appendTo,
+				persistent: f.persistent,
+				boundary: f.boundary,
+				"element-context": f.elementContext,
+				"alt-boundary": f.altBoundary,
+				"root-boundary": f.rootBoundary,
+				"arrow-size": f.arrowSize,
+				"arrow-offset": f.arrowOffset,
+				"flip-offset": f.flipOffset,
+				"arrow-options": f.arrowOptions,
+				"flip-options": f.flipOptions,
+				"inline-options": f.inlineOptions,
+				"is-external": f.isExternal,
+				"external-ref": f.externalRef,
+				"is-virtual": f.isVirtual,
+				"virtual-ref": f.virtualRef,
+				onBeforeShow: x(j),
+				onShow: x(N),
+				onBeforeHide: x(M),
+				onHide: x(P),
+				onBeforeEnter: x(F),
+				onEnter: x(I),
+				onAfterEnter: x(L),
+				onBeforeLeave: x(R),
+				onLeave: x(z),
+				onAfterLeave: x(B),
+				onEnterCancelled: x(V),
+				onLeaveCancelled: x(H)
 			}, {
-				content: w(() => [
-					g(e.$slots, "header", {
-						icon: P.value,
-						title: d.title
-					}, () => [c("div", { class: m([b(O)("header")]) }, [g(e.$slots, "icon", { icon: P.value }, () => [d.showIcon ? (h(), s(r, { key: 0 }, [typeof P.value == "string" ? (h(), s("i", {
+				content: T(() => [
+					_(e.$slots, "header", {
+						icon: q.value,
+						title: f.title
+					}, () => [l("div", { class: h([x(k)("header")]) }, [_(e.$slots, "icon", { icon: q.value }, () => [f.showIcon ? (g(), c(i, { key: 0 }, [typeof q.value == "string" ? (g(), c("i", {
 						key: 0,
-						class: m([b(O)("icon"), P.value]),
+						class: h([x(k)("icon"), q.value]),
 						"aria-hidden": "true"
-					}, null, 2)) : (h(), a(v(P.value), {
+					}, null, 2)) : (g(), o(y(q.value), {
 						key: 1,
-						class: m([b(O)("icon")]),
+						class: h([x(k)("icon")]),
 						"aria-hidden": "true"
-					}, null, 8, ["class"]))], 64)) : o("", !0)]), g(e.$slots, "title", { title: d.title }, () => [c("div", { class: m([b(O)("title")]) }, y(d.title), 3)])], 2)]),
-					g(e.$slots, "content", { content: d.content }, () => [d.isHtml ? (h(), s("div", {
+					}, null, 8, ["class"]))], 64)) : s("", !0)]), _(e.$slots, "title", { title: f.title }, () => [l("div", { class: h([x(k)("title")]) }, b(f.title), 3)])], 2)]),
+					_(e.$slots, "content", { content: f.content }, () => [f.isHtml ? (g(), c("div", {
 						key: 0,
-						class: m([b(O)("content")]),
-						innerHTML: d.content
-					}, null, 10, T)) : (h(), s("div", {
+						class: h([x(k)("content")]),
+						innerHTML: f.content
+					}, null, 10, E)) : (g(), c("div", {
 						key: 1,
-						class: m([b(O)("content")])
-					}, y(d.content), 3))]),
-					g(e.$slots, "footer", {
-						cancel: I,
-						cancelSize: d.cancelSize,
-						cancelType: d.cancelType,
-						cancelText: d.cancelText,
-						confirm: L,
-						confirmSize: d.confirmSize,
-						confirmType: d.confirmType,
-						confirmText: d.confirmText
-					}, () => [c("div", { class: m([b(O)("footer")]) }, [
-						g(e.$slots, "cancel", {
-							cancel: I,
-							cancelSize: d.cancelSize,
-							cancelType: d.cancelType,
-							cancelText: d.cancelText
-						}, () => [u(n, {
-							size: d.cancelSize,
-							type: d.cancelType,
-							onClick: I
+						class: h([x(k)("content")])
+					}, b(f.content), 3))]),
+					_(e.$slots, "footer", {
+						cancel: Y,
+						cancelSize: f.cancelSize,
+						cancelType: f.cancelType,
+						cancelText: f.cancelText,
+						confirm: X,
+						confirmSize: f.confirmSize,
+						confirmType: f.confirmType,
+						confirmText: f.confirmText
+					}, () => [l("div", { class: h([x(k)("footer")]) }, [
+						_(e.$slots, "cancel", {
+							cancel: Y,
+							cancelSize: f.cancelSize,
+							cancelType: f.cancelType,
+							cancelText: f.cancelText
+						}, () => [d(n, {
+							size: f.cancelSize,
+							type: f.cancelType,
+							onClick: Y
 						}, {
-							default: w(() => [l(y(d.cancelText), 1)]),
+							default: T(() => [u(b(f.cancelText), 1)]),
 							_: 1
 						}, 8, ["size", "type"])]),
-						g(e.$slots, "extra", {
-							cancel: I,
-							confirm: L
+						_(e.$slots, "extra", {
+							cancel: Y,
+							confirm: X
 						}),
-						g(e.$slots, "confirm", {
-							confirm: L,
-							confirmSize: d.confirmSize,
-							confirmType: d.confirmType,
-							confirmText: d.confirmText
-						}, () => [u(n, {
-							size: d.confirmSize,
-							type: d.confirmType,
-							onClick: L
+						_(e.$slots, "confirm", {
+							confirm: X,
+							confirmSize: f.confirmSize,
+							confirmType: f.confirmType,
+							confirmText: f.confirmText
+						}, () => [d(n, {
+							size: f.confirmSize,
+							type: f.confirmType,
+							onClick: X
 						}, {
-							default: w(() => [l(y(d.confirmText), 1)]),
+							default: T(() => [u(b(f.confirmText), 1)]),
 							_: 1
 						}, 8, ["size", "type"])])
 					], 2)])
 				]),
-				default: w(() => [(h(), a(v(N.value)))]),
+				default: T(() => [(g(), o(y(K.value)))]),
 				_: 3
-			}, 8, "visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref".split("."));
+			}, 8, "visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled".split("."));
 		};
 	}
 });
 //#endregion
-export { E as default };
+export { D as default };

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

@@ -1,5 +1,5 @@
 import { Component } from 'vue';
-import { TooltipProps } from '@rappel-ui/components/tooltip';
+import { TooltipProps, FloatingEmits } from '@rappel-ui/components/tooltip';
 import { buttonTypes, buttonSizes } from '@rappel-ui/components/button';
 export interface PopconfirmProps extends TooltipProps {
     icon?: string | Component;
@@ -12,7 +12,7 @@ export interface PopconfirmProps extends TooltipProps {
     confirmType?: (typeof buttonTypes)[number];
     confirmSize?: (typeof buttonSizes)[number];
 }
-export interface PopconfirmEmits {
+export interface PopconfirmEmits extends FloatingEmits {
     confirm: [e: MouseEvent];
     cancel: [e: MouseEvent];
 }

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

@@ -3,8 +3,32 @@ export declare const RePopover: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').PopoverProps & {
         visible?: boolean;
     }> & 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;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').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;
+        afterEnter: (el: HTMLElement) => any;
+        beforeLeave: (el: HTMLElement) => any;
+        leave: (el: HTMLElement, done: () => void) => any;
+        leaveCancelled: (el: HTMLElement) => any;
+        afterLeave: (el: HTMLElement) => any;
         "update:visible": (value: boolean) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -16,6 +40,18 @@ export declare const RePopover: {
     }, Readonly<import('.').PopoverProps & {
         visible?: boolean;
     }> & 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;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
@@ -24,8 +60,32 @@ export declare const RePopover: {
 } & import('vue').ComponentOptionsBase<Readonly<import('.').PopoverProps & {
     visible?: boolean;
 }> & 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;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').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;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
     "update:visible": (value: boolean) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -4,15 +4,39 @@ type __VLS_ModelProps = {
     'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_14: {}, __VLS_16: {};
+declare var __VLS_27: {}, __VLS_29: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_14) => any;
+    title?: (props: typeof __VLS_27) => any;
 } & {
-    content?: (props: typeof __VLS_16) => any;
+    content?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').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;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
     "update:visible": (value: boolean) => any;
 }, string, import('vue').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;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,12 +1,13 @@
 import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
-import { filterNodeTypes as t } from "../../tooltip/src/constants.mjs";
-import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, h as s, mergeModels as c, normalizeClass as l, openBlock as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useModel as g, useSlots as _, withCtx as v } from "vue";
+import { useEmits as t } from "../../tooltip/src/use-emit.mjs";
+import { filterNodeTypes as n } from "../../tooltip/src/constants.mjs";
+import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, h as c, mergeModels as l, normalizeClass as u, openBlock as d, renderSlot as f, resolveComponent as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useModel as _, useSlots as v, withCtx as y } from "vue";
 //#region packages/components/popover/src/popover.vue?vue&type=script&setup=true&lang.ts
-var y = ["innerHTML"], b = o({
+var b = ["innerHTML"], x = s({
 	name: "RePopover",
 	__name: "popover",
-	props: c({
+	props: l({
 		title: { default: "" },
 		visible: { type: Boolean },
 		content: { default: "" },
@@ -103,67 +104,92 @@ var y = ["innerHTML"], b = o({
 		},
 		visibleModifiers: {}
 	}),
-	emits: ["update:visible"],
-	setup(o) {
-		let { n: c, ns: b } = e("popover"), x = g(o, "visible"), S = n(() => [c(), o.floatingClass]), C = _(), w = n(() => {
-			var e, n;
-			let r = C == null || (e = C.default) == null || (e = e.call(C)) == null ? void 0 : e.filter((e) => e && !t.includes(e.type.toString()))[0];
-			return (r == null || (n = r.type) == null ? void 0 : n.toString()) === "Symbol(v-txt)" ? s("span", {}, r) : r;
+	emits: l([
+		"beforeShow",
+		"show",
+		"beforeHide",
+		"hide",
+		"beforeEnter",
+		"enter",
+		"enterCancelled",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled",
+		"afterLeave"
+	], ["update:visible"]),
+	setup(s, { emit: l }) {
+		let { n: x, ns: S } = e("popover"), { beforeShow: C, beforeHide: w, show: T, hide: E, beforeEnter: D, enter: O, afterEnter: k, beforeLeave: A, leave: j, afterLeave: M, enterCancelled: N, leaveCancelled: P } = t(l), F = _(s, "visible"), I = r(() => [x(), s.floatingClass]), L = v(), R = r(() => {
+			var e, t;
+			let r = L == null || (e = L.default) == null || (e = e.call(L)) == null ? void 0 : e.filter((e) => e && !n.includes(e.type.toString()))[0];
+			return (r == null || (t = r.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? c("span", {}, r) : r;
 		});
 		return (e, t) => {
-			let n = f("re-tooltip");
-			return u(), r(n, {
-				visible: x.value,
-				"onUpdate:visible": t[0] || (t[0] = (e) => x.value = e),
-				width: o.width,
-				height: o.height,
-				"max-width": o.maxWidth,
-				"max-height": o.maxHeight,
-				"floating-class": S.value,
-				"floating-style": o.floatingStyle,
-				disabled: o.disabled,
-				theme: o.theme,
-				placement: o.placement,
-				trigger: o.trigger,
-				"reverse-theme": o.reverseTheme,
-				"show-delay": o.showDelay,
-				"hide-delay": o.hideDelay,
-				transition: o.transition,
-				"css-duration": o.cssDuration,
-				"css-transition": o.cssTransition,
-				"show-arrow": o.showArrow,
-				offset: o.offset,
-				teleported: o.teleported,
-				"append-to": o.appendTo,
-				persistent: o.persistent,
-				boundary: o.boundary,
-				"element-context": o.elementContext,
-				"alt-boundary": o.altBoundary,
-				"root-boundary": o.rootBoundary,
-				"arrow-size": o.arrowSize,
-				"arrow-offset": o.arrowOffset,
-				"flip-offset": o.flipOffset,
-				"arrow-options": o.arrowOptions,
-				"flip-options": o.flipOptions,
-				"inline-options": o.inlineOptions,
-				"is-external": o.isExternal,
-				"external-ref": o.externalRef,
-				"is-virtual": o.isVirtual,
-				"virtual-ref": o.virtualRef
+			let n = p("re-tooltip");
+			return d(), i(n, {
+				visible: F.value,
+				"onUpdate:visible": t[0] || (t[0] = (e) => F.value = e),
+				width: s.width,
+				height: s.height,
+				"max-width": s.maxWidth,
+				"max-height": s.maxHeight,
+				"floating-class": I.value,
+				"floating-style": s.floatingStyle,
+				disabled: s.disabled,
+				theme: s.theme,
+				placement: s.placement,
+				trigger: s.trigger,
+				"reverse-theme": s.reverseTheme,
+				"show-delay": s.showDelay,
+				"hide-delay": s.hideDelay,
+				transition: s.transition,
+				"css-duration": s.cssDuration,
+				"css-transition": s.cssTransition,
+				"show-arrow": s.showArrow,
+				offset: s.offset,
+				teleported: s.teleported,
+				"append-to": s.appendTo,
+				persistent: s.persistent,
+				boundary: s.boundary,
+				"element-context": s.elementContext,
+				"alt-boundary": s.altBoundary,
+				"root-boundary": s.rootBoundary,
+				"arrow-size": s.arrowSize,
+				"arrow-offset": s.arrowOffset,
+				"flip-offset": s.flipOffset,
+				"arrow-options": s.arrowOptions,
+				"flip-options": s.flipOptions,
+				"inline-options": s.inlineOptions,
+				"is-external": s.isExternal,
+				"external-ref": s.externalRef,
+				"is-virtual": s.isVirtual,
+				"virtual-ref": s.virtualRef,
+				onBeforeShow: g(C),
+				onShow: g(T),
+				onBeforeHide: g(w),
+				onHide: g(E),
+				onBeforeEnter: g(D),
+				onEnter: g(O),
+				onAfterEnter: g(k),
+				onBeforeLeave: g(A),
+				onLeave: g(j),
+				onAfterLeave: g(M),
+				onEnterCancelled: g(N),
+				onLeaveCancelled: g(P)
 			}, {
-				content: v(() => [d(e.$slots, "title", {}, () => [a("div", { class: l([h(b)("title")]) }, m(o.title), 3)]), d(e.$slots, "content", {}, () => [o.isHtml ? (u(), i("div", {
+				content: y(() => [f(e.$slots, "title", {}, () => [o("div", { class: u([g(S)("title")]) }, h(s.title), 3)]), f(e.$slots, "content", {}, () => [s.isHtml ? (d(), a("div", {
 					key: 0,
-					class: l([h(b)("content")]),
-					innerHTML: o.content
-				}, null, 10, y)) : (u(), i("div", {
+					class: u([g(S)("content")]),
+					innerHTML: s.content
+				}, null, 10, b)) : (d(), a("div", {
 					key: 1,
-					class: l([h(b)("content")])
-				}, m(o.content), 3))])]),
-				default: v(() => [(u(), r(p(w.value)))]),
+					class: u([g(S)("content")])
+				}, h(s.content), 3))])]),
+				default: y(() => [(d(), i(m(R.value)))]),
 				_: 3
-			}, 8, "visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref".split("."));
+			}, 8, "visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled".split("."));
 		};
 	}
 });
 //#endregion
-export { b as default };
+export { x as default };

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

@@ -1,4 +1,6 @@
-import { TooltipProps } from '@rappel-ui/components/tooltip';
+import { TooltipProps, FloatingEmits } from '@rappel-ui/components/tooltip';
 export interface PopoverProps extends TooltipProps {
     title?: string;
 }
+export interface PopoverEmits extends FloatingEmits {
+}