rappel-ui 1.0.14 → 1.0.16

package/es/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs

@@ -3,54 +3,73 @@ import "../../../utils/index.mjs";
 import { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
 import { useTheme as r } from "../../../composables/use-theme/index.mjs";
 import "../../../composables/index.mjs";
-import "../style/index.mjs";
-import { Fragment as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g } from "vue";
+import { require_browser as i } from "../../../node_modules/.pnpm/process@0.11.10/node_modules/process/browser.mjs";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
 //#region packages/components/colors/src/secondary-color.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ s({
+var y = i(), b = ["innerHTML"], x = l({
 	name: "ReSecondaryColor",
 	__name: "secondary-color",
-	setup(s) {
-		let { nm: _, ns: v } = n("colors"), { isDark: y } = r(), b = f([]), x = (n) => {
-			let r = Object.values(t("re-color-success-base"))[0], i = Object.values(t("re-color-warning-base"))[0], a = Object.values(t("re-color-danger-base"))[0], o = Object.values(t("re-color-info-base"))[0];
-			b.value = [
+	props: {
+		successCodeHtml: { default: "" },
+		warningCodeHtml: { default: "" },
+		dangerCodeHtml: { default: "" },
+		infoCodeHtml: { default: "" }
+	},
+	setup(i) {
+		let { nm: l, ns: x } = n("colors"), { isDark: S } = r(), C = m([]), w = (n) => {
+			let r = Object.values(t("re-color-success-base"))[0], a = Object.values(t("re-color-warning-base"))[0], s = Object.values(t("re-color-danger-base"))[0], c = Object.values(t("re-color-info-base"))[0];
+			C.value = [
 				{
 					base: r,
 					text: "Success",
-					shades: e(r, n)
+					shades: e(r, n),
+					codeHtml: o(() => i.successCodeHtml)
 				},
 				{
-					base: i,
-					text: "Danger/Error ",
-					shades: e(i, n)
+					base: a,
+					text: "Warning ",
+					shades: e(a, n),
+					codeHtml: o(() => i.warningCodeHtml)
 				},
 				{
-					base: a,
-					text: "Warning",
-					shades: e(a, n)
+					base: s,
+					text: "Danger/Error",
+					shades: e(s, n),
+					codeHtml: o(() => i.dangerCodeHtml)
 				},
 				{
-					base: o,
+					base: c,
 					text: "Info",
-					shades: e(o, n)
+					shades: e(c, n),
+					codeHtml: o(() => i.infoCodeHtml)
 				}
 			];
 		};
-		return g(y, (e) => {
-			x(e);
-		}), u(() => {
-			x(y.value);
-		}), (e, t) => (d(), a("div", { class: c([h(_)("secondary")]) }, [(d(!0), a(i, null, p(b.value, (e) => (d(), a("div", {
+		return v(S, (e) => {
+			(0, y.nextTick)(() => {
+				w(e);
+			});
+		}), f(() => {
+			w(S.value);
+		}), (e, t) => (p(), s("div", { class: u([_(l)("secondary")]) }, [(p(!0), s(a, null, h(C.value, (e) => (p(), s("div", {
 			key: e.base,
-			class: c([h(v)("panel")])
-		}, [o("div", {
-			class: c([h(v)("base")]),
-			style: l({ "background-color": e.base })
-		}, [o("div", null, m(e.text), 1), o("div", null, m(e.base.toUpperCase()), 1)], 6), o("div", { class: c([h(v)("shades")]) }, [(d(!0), a(i, null, p(e.shades, (e) => (d(), a("div", {
-			key: e,
-			class: c([h(v)("shade")]),
-			style: l({ "background-color": e })
-		}, null, 6))), 128))], 2)], 2))), 128))], 2));
+			class: u([_(x)("panel")])
+		}, [
+			c("div", {
+				class: u([_(x)("base")]),
+				style: d({ "background-color": e.base })
+			}, [c("div", null, g(e.text), 1), c("div", null, g(e.base.toUpperCase()), 1)], 6),
+			c("div", { class: u([_(x)("shades")]) }, [(p(!0), s(a, null, h(e.shades, (e) => (p(), s("div", {
+				key: e,
+				class: u([_(x)("shade")]),
+				style: d({ "background-color": e })
+			}, null, 6))), 128))], 2),
+			c("div", {
+				class: u([_(x)("code")]),
+				innerHTML: e.codeHtml
+			}, null, 10, b)
+		], 2))), 128))], 2));
 	}
 });
 //#endregion
-export { _ as default };
+export { x as default };

package/es/components/filter-panel/index.d.ts

@@ -8,9 +8,9 @@ export declare const ReFilterPanel: {
         toggle: () => void;
         update: () => void;
         isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        innerH: import('vue').ShallowRef<number, number>;
-        innerW: import('vue').ShallowRef<number, number>;
-        wrapperW: import('vue').ShallowRef<number, number>;
+        innerH: import('vue').ShallowRef<number>;
+        innerW: import('vue').ShallowRef<number>;
+        wrapperW: import('vue').ShallowRef<number>;
         maxH: import('vue').ComputedRef<number>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:isExpand": (value: boolean) => any;
@@ -29,9 +29,9 @@ export declare const ReFilterPanel: {
         toggle: () => void;
         update: () => void;
         isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        innerH: import('vue').ShallowRef<number, number>;
-        innerW: import('vue').ShallowRef<number, number>;
-        wrapperW: import('vue').ShallowRef<number, number>;
+        innerH: import('vue').ShallowRef<number>;
+        innerW: import('vue').ShallowRef<number>;
+        wrapperW: import('vue').ShallowRef<number>;
         maxH: import('vue').ComputedRef<number>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
@@ -45,9 +45,9 @@ export declare const ReFilterPanel: {
     toggle: () => void;
     update: () => void;
     isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-    innerH: import('vue').ShallowRef<number, number>;
-    innerW: import('vue').ShallowRef<number, number>;
-    wrapperW: import('vue').ShallowRef<number, number>;
+    innerH: import('vue').ShallowRef<number>;
+    innerW: import('vue').ShallowRef<number>;
+    wrapperW: import('vue').ShallowRef<number>;
     maxH: import('vue').ComputedRef<number>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:isExpand": (value: boolean) => any;

package/es/components/filter-panel/src/filter-panel.vue.d.ts

@@ -27,9 +27,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     toggle: () => void;
     update: () => void;
     isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-    innerH: import('vue').ShallowRef<number, number>;
-    innerW: import('vue').ShallowRef<number, number>;
-    wrapperW: import('vue').ShallowRef<number, number>;
+    innerH: import('vue').ShallowRef<number>;
+    innerW: import('vue').ShallowRef<number>;
+    wrapperW: import('vue').ShallowRef<number>;
     maxH: import('vue').ComputedRef<number>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:isExpand": (value: boolean) => any;

package/es/components/filter-panel/src/filter-panel.vue_vue_type_script_setup_true_lang.mjs

@@ -1,16 +1,14 @@
 import { ArrowDownward as e, ArrowUpward as t } from "../../../svg-icons/dist/es/index.mjs";
 import { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
-import { useElementSize as r, useMutationObserver as i } from "../../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
+import { useElementSize as r, useMutationObserver as i } from "../../../node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
 import "../../../composables/index.mjs";
 import { ReButton as a } from "../../button/index.mjs";
-import "../style/index.mjs";
-import "../../index.mjs";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, effectScope as m, mergeModels as h, normalizeClass as g, normalizeStyle as _, onMounted as v, onUnmounted as y, openBlock as b, renderSlot as x, unref as S, useModel as C, useTemplateRef as w, watch as T, watchEffect as E, withCtx as D, withModifiers as O } from "vue";
 //#region packages/components/filter-panel/src/filter-panel.vue?vue&type=script&setup=true&lang.ts
-var k = /*@__PURE__*/ p({
+var k = p({
 	name: "ReFilterPanel",
 	__name: "filter-panel",
-	props: /*@__PURE__*/ h({
+	props: h({
 		selector: { default: "> *" },
 		maxHeight: { default: 0 },
 		itemMinw: { default: 240 },
@@ -31,7 +29,7 @@ var k = /*@__PURE__*/ p({
 		},
 		isExpandModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h(["reset", "search"], ["update:isExpand"]),
+	emits: h(["reset", "search"], ["update:isExpand"]),
 	setup(p, { expose: h, emit: k }) {
 		let { n: A, ns: j } = n("filter-panel"), M = w("main"), { height: N } = r(M), P = o(() => p.maxHeight || N.value), F = k, I = w("wrapper"), L = w("inner"), R = C(p, "isExpand"), z = o(() => V.value > P.value), B = () => {
 			R.value = !R.value;

package/es/components/index.mjs

@@ -13,7 +13,7 @@ import { ReTooltip as h } from "./tooltip/index.mjs";
 import { RePopover as g } from "./popover/index.mjs";
 import { RePopconfirm as _ } from "./popconfirm/index.mjs";
 //#region packages/components/index.ts
-var v = /* @__PURE__ */ e({
+var v = e({
 	ReButton: () => a,
 	ReButtonGroup: () => o,
 	ReColors: () => f,

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

@@ -1,6 +1,6 @@
 import { createElementBlock as e, defineComponent as t, mergeProps as n, openBlock as r } from "vue";
 //#region packages/components/input/src/input.vue?vue&type=script&setup=true&lang.ts
-var i = /*@__PURE__*/ t({
+var i = t({
 	name: "ReInput",
 	__name: "input",
 	props: {

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

@@ -1,12 +1,18 @@
 export * from './src/types.ts';
 export declare const RePopconfirm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.ts').PopconfirmProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.ts').PopconfirmProps & {
+        visible?: boolean;
+    }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         onConfirm?: ((e: MouseEvent) => any) | undefined;
     }>, {
         tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+        cancel: (e: MouseEvent) => void;
+        confirm: (e: MouseEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         cancel: (e: MouseEvent) => any;
+        "update:visible": (value: boolean) => any;
         confirm: (e: MouseEvent) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -15,26 +21,40 @@ export declare const RePopconfirm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./index.ts').PopconfirmProps> & Readonly<{
+    }, Readonly<import('./index.ts').PopconfirmProps & {
+        visible?: boolean;
+    }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         onConfirm?: ((e: MouseEvent) => any) | undefined;
     }>, {
         tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+        cancel: (e: MouseEvent) => void;
+        confirm: (e: MouseEvent) => void;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./index.ts').PopconfirmProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./index.ts').PopconfirmProps & {
+    visible?: boolean;
+}> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {
     tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+    cancel: (e: MouseEvent) => void;
+    confirm: (e: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
     confirm: (e: MouseEvent) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        header?: (props: {}) => any;
+        header?: (props: {
+            icon: string | import('vue').Component | undefined;
+            title: string;
+        }) => any;
     } & {
         icon?: (props: {
             icon: string | import('vue').Component | undefined;
@@ -66,7 +86,10 @@ export declare const RePopconfirm: {
             cancelText: string;
         }) => any;
     } & {
-        extra?: (props: {}) => any;
+        extra?: (props: {
+            cancel: (e: MouseEvent) => void;
+            confirm: (e: MouseEvent) => void;
+        }) => any;
     } & {
         confirm?: (props: {
             confirm: (e: MouseEvent) => void;

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

@@ -1,5 +1,13 @@
 import { PopconfirmProps } from './types';
-declare var __VLS_15: {}, __VLS_17: {
+type __VLS_Props = PopconfirmProps;
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_15: {
+    icon: string | import('vue').Component | undefined;
+    title: string;
+}, __VLS_17: {
     icon: string | import('vue').Component | undefined;
 }, __VLS_24: {
     title: string;
@@ -19,7 +27,10 @@ declare var __VLS_15: {}, __VLS_17: {
     cancelSize: "" | "small" | "mini" | "large";
     cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
     cancelText: string;
-}, __VLS_40: {}, __VLS_42: {
+}, __VLS_40: {
+    cancel: (e: MouseEvent) => void;
+    confirm: (e: MouseEvent) => void;
+}, __VLS_42: {
     confirm: (e: MouseEvent) => void;
     confirmSize: "" | "small" | "mini" | "large";
     confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
@@ -42,13 +53,17 @@ type __VLS_Slots = {} & {
 } & {
     confirm?: (props: typeof __VLS_42) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<PopconfirmProps, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+    cancel: (e: MouseEvent) => void;
+    confirm: (e: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
     confirm: (e: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<PopconfirmProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -2,12 +2,12 @@ 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, normalizeClass as p, openBlock as m, renderSlot as h, resolveComponent as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useSlots as b, useTemplateRef as x, withCtx as S } from "vue";
+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";
 //#region packages/components/popconfirm/src/popconfirm.vue?vue&type=script&setup=true&lang.ts
-var C = ["innerHTML"], w = /*@__PURE__*/ d({
+var T = ["innerHTML"], E = d({
 	name: "RePopconfirm",
 	__name: "popconfirm",
-	props: {
+	props: p({
 		icon: { default: "help" },
 		showIcon: {
 			type: Boolean,
@@ -20,10 +20,7 @@ var C = ["innerHTML"], w = /*@__PURE__*/ d({
 		confirmText: { default: "Yes" },
 		confirmType: { default: "primary" },
 		confirmSize: { default: "mini" },
-		visible: {
-			type: Boolean,
-			default: () => void 0
-		},
+		visible: { type: Boolean },
 		content: { default: "" },
 		isHtml: {
 			type: Boolean,
@@ -111,36 +108,47 @@ var C = ["innerHTML"], w = /*@__PURE__*/ d({
 			default: () => void 0
 		},
 		virtualRef: { default: () => void 0 }
-	},
-	emits: ["confirm", "cancel"],
-	setup(d, { expose: w, emit: T }) {
-		let { n: E, ns: D } = t("popconfirm"), O = T, k = i(() => [E(), d.floatingClass]), A = b(), j = i(() => {
+	}, {
+		visible: {
+			type: Boolean,
+			default: void 0
+		},
+		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(() => {
 			var e, t;
-			let r = A == null || (e = A.default) == null || (e = e.call(A)) == null ? void 0 : e.filter((e) => e && !n.includes(e.type.toString()))[0];
+			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;
-		}), M = i(() => e(d.icon)), N = x("tooltipRef"), P = (e) => {
+		}), P = i(() => e(d.icon)), F = C("tooltipRef"), I = (e) => {
 			var t;
-			O("cancel", e), (t = N.value) == null || t.delayHide();
-		}, F = (e) => {
+			A("cancel", e), (t = F.value) == null || t.delayHide();
+		}, L = (e) => {
 			var t;
-			O("confirm", e), (t = N.value) == null || t.delayHide();
+			A("confirm", e), (t = F.value) == null || t.delayHide();
 		};
-		return w({ tooltipRef: N }), (e, t) => {
-			let n = g("re-button"), i = g("re-tooltip");
-			return m(), a(i, {
+		return p({
+			tooltipRef: F,
+			cancel: I,
+			confirm: L
+		}), (e, t) => {
+			let n = _("re-button"), i = _("re-tooltip");
+			return h(), a(i, {
 				ref_key: "tooltipRef",
-				ref: N,
+				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": k.value,
+				"floating-class": j.value,
 				"floating-style": d.floatingStyle,
 				disabled: d.disabled,
 				theme: d.theme,
 				placement: d.placement,
 				trigger: d.trigger,
-				visible: d.visible,
 				"reverse-theme": d.reverseTheme,
 				"show-delay": d.showDelay,
 				"hide-delay": d.hideDelay,
@@ -167,68 +175,74 @@ var C = ["innerHTML"], w = /*@__PURE__*/ d({
 				"is-virtual": d.isVirtual,
 				"virtual-ref": d.virtualRef
 			}, {
-				content: S(() => [
-					h(e.$slots, "header", {}, () => [c("div", { class: p([y(D)("header")]) }, [h(e.$slots, "icon", { icon: M.value }, () => [d.showIcon ? (m(), s(r, { key: 0 }, [typeof M.value == "string" ? (m(), s("i", {
+				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", {
 						key: 0,
-						class: p([y(D)("icon"), M.value]),
+						class: m([b(O)("icon"), P.value]),
 						"aria-hidden": "true"
-					}, null, 2)) : (m(), a(_(M.value), {
+					}, null, 2)) : (h(), a(v(P.value), {
 						key: 1,
-						class: p([y(D)("icon")]),
+						class: m([b(O)("icon")]),
 						"aria-hidden": "true"
-					}, null, 8, ["class"]))], 64)) : o("", !0)]), h(e.$slots, "title", { title: d.title }, () => [c("div", { class: p([y(D)("title")]) }, v(d.title), 3)])], 2)]),
-					h(e.$slots, "content", { content: d.content }, () => [d.isHtml ? (m(), s("div", {
+					}, 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", {
 						key: 0,
-						class: p([y(D)("content")]),
+						class: m([b(O)("content")]),
 						innerHTML: d.content
-					}, null, 10, C)) : (m(), s("div", {
+					}, null, 10, T)) : (h(), s("div", {
 						key: 1,
-						class: p([y(D)("content")])
-					}, v(d.content), 3))]),
-					h(e.$slots, "footer", {
-						cancel: P,
+						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: F,
+						confirm: L,
 						confirmSize: d.confirmSize,
 						confirmType: d.confirmType,
 						confirmText: d.confirmText
-					}, () => [c("div", { class: p([y(D)("footer")]) }, [
-						h(e.$slots, "cancel", {
-							cancel: P,
+					}, () => [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: P
+							onClick: I
 						}, {
-							default: S(() => [l(v(d.cancelText), 1)]),
+							default: w(() => [l(y(d.cancelText), 1)]),
 							_: 1
 						}, 8, ["size", "type"])]),
-						h(e.$slots, "extra"),
-						h(e.$slots, "confirm", {
-							confirm: F,
+						g(e.$slots, "extra", {
+							cancel: I,
+							confirm: L
+						}),
+						g(e.$slots, "confirm", {
+							confirm: L,
 							confirmSize: d.confirmSize,
 							confirmType: d.confirmType,
 							confirmText: d.confirmText
 						}, () => [u(n, {
 							size: d.confirmSize,
 							type: d.confirmType,
-							onClick: F
+							onClick: L
 						}, {
-							default: S(() => [l(v(d.confirmText), 1)]),
+							default: w(() => [l(y(d.confirmText), 1)]),
 							_: 1
 						}, 8, ["size", "type"])])
 					], 2)])
 				]),
-				default: S(() => [(m(), a(_(j.value)))]),
+				default: w(() => [(h(), a(v(N.value)))]),
 				_: 3
-			}, 8, /* @__PURE__ */ "width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.visible.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".split("."));
 		};
 	}
 });
 //#endregion
-export { w as default };
+export { E as default };

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

@@ -1,17 +1,33 @@
 export * from './src/types';
 export declare const RePopover: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').PopoverProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').PopoverProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('.').PopoverProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('.').PopoverProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('.').PopoverProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('.').PopoverProps & {
+    visible?: boolean;
+}> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "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: {
         title?: (props: {}) => any;
     } & {

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

@@ -1,11 +1,20 @@
 import { PopoverProps } from './types';
+type __VLS_Props = PopoverProps;
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_14: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_14) => any;
 } & {
     content?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;