@vaebe/ccui 2.0.0-beta.0 → 2.0.1-beta.1

package/popover/index.es.js

@@ -1,54 +1,54 @@
 import * as e from "vue";
-import { Teleport as t, Transition as n, computed as r, createVNode as i, defineComponent as a, getCurrentInstance as o, isVNode as s, mergeProps as c, nextTick as l, onMounted as u, onUnmounted as d, ref as f, watch as p } from "vue";
-import { arrow as m, autoUpdate as h, computePosition as g, flip as _, offset as ee, shift as v } from "@floating-ui/dom";
+import { Teleport as t, Transition as n, computed as r, createVNode as i, defineComponent as a, getCurrentInstance as o, isVNode as s, mergeProps as ee, nextTick as c, onMounted as l, onUnmounted as u, ref as d, watch as f } from "vue";
+import { arrow as p, autoUpdate as m, computePosition as h, flip as g, offset as te, shift as _ } from "@floating-ui/dom";
 //#region \0rolldown/runtime.js
-var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, x = Object.getOwnPropertyNames, S = Object.prototype.hasOwnProperty, C = (e, t) => {
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, b = Object.getOwnPropertyNames, x = Object.prototype.hasOwnProperty, S = (e, t) => {
 	let n = {};
-	for (var r in e) y(n, r, {
+	for (var r in e) v(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || y(n, Symbol.toStringTag, { value: "Module" }), n;
-}, w = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = x(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !S.call(e, s) && s !== n && y(e, s, {
+	return t || v(n, Symbol.toStringTag, { value: "Module" }), n;
+}, C = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = b(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !x.call(e, s) && s !== n && v(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = b(t, s)) || r.enumerable
+		enumerable: !(r = y(t, s)) || r.enumerable
 	});
 	return e;
-}, T = (e, t, n) => (w(e, t, "default"), n && w(n, t, "default"));
+}, w = (e, t, n) => (C(e, t, "default"), n && C(n, t, "default"));
 //#endregion
 //#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function E() {
+function T() {
 	return typeof window < "u";
 }
-function D(e) {
-	return k(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function E(e) {
+	return O(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function O(e) {
+function D(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function k(e) {
-	return E() ? e instanceof Node || e instanceof O(e).Node : !1;
+function O(e) {
+	return T() ? e instanceof Node || e instanceof D(e).Node : !1;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.33_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs
-var A = /* @__PURE__ */ C({
+var k = /* @__PURE__ */ S({
 	Vue: () => e,
 	Vue2: () => void 0,
-	del: () => P,
-	install: () => M,
+	del: () => N,
+	install: () => j,
 	isVue2: () => !1,
 	isVue3: () => !0,
-	set: () => N
+	set: () => M
 });
-import * as j from "vue";
-T(A, j);
-function M() {}
-function N(e, t, n) {
+import * as A from "vue";
+w(k, A);
+function j() {}
+function M(e, t, n) {
 	return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
 }
-function P(e, t) {
+function N(e, t) {
 	if (Array.isArray(e)) {
 		e.splice(t, 1);
 		return;
@@ -57,131 +57,137 @@ function P(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@floating-ui+vue@1.1.9_vue@3.5.33_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
-function F(e) {
+function P(e) {
 	return typeof e == "object" && !!e && "$el" in e;
 }
-function I(e) {
-	if (F(e)) {
+function F(e) {
+	if (P(e)) {
 		let t = e.$el;
-		return k(t) && D(t) === "#comment" ? null : t;
+		return O(t) && E(t) === "#comment" ? null : t;
 	}
 	return e;
 }
-function L(e) {
-	return typeof e == "function" ? e() : (0, A.unref)(e);
+function I(e) {
+	return typeof e == "function" ? e() : (0, k.unref)(e);
 }
-function te(e) {
+function ne(e) {
 	return {
 		name: "arrow",
 		options: e,
 		fn(t) {
-			let n = I(L(e.element));
-			return n == null ? {} : m({
+			let n = F(I(e.element));
+			return n == null ? {} : p({
 				element: n,
 				padding: e.padding
 			}).fn(t);
 		}
 	};
 }
-function R(e) {
+function L(e) {
 	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function z(e, t) {
-	let n = R(e);
+function R(e, t) {
+	let n = L(e);
 	return Math.round(t * n) / n;
 }
-function ne(e, t, n) {
+function re(e, t, n) {
 	n === void 0 && (n = {});
-	let r = n.whileElementsMounted, i = (0, A.computed)(() => L(n.open) ?? !0), a = (0, A.computed)(() => L(n.middleware)), o = (0, A.computed)(() => L(n.placement) ?? "bottom"), s = (0, A.computed)(() => L(n.strategy) ?? "absolute"), c = (0, A.computed)(() => L(n.transform) ?? !0), l = (0, A.computed)(() => I(e.value)), u = (0, A.computed)(() => I(t.value)), d = (0, A.ref)(0), f = (0, A.ref)(0), p = (0, A.ref)(s.value), m = (0, A.ref)(o.value), h = (0, A.shallowRef)({}), _ = (0, A.ref)(!1), ee = (0, A.computed)(() => {
+	let r = n.whileElementsMounted, i = (0, k.computed)(() => I(n.open) ?? !0), a = (0, k.computed)(() => I(n.middleware)), o = (0, k.computed)(() => I(n.placement) ?? "bottom"), s = (0, k.computed)(() => I(n.strategy) ?? "absolute"), ee = (0, k.computed)(() => I(n.transform) ?? !0), c = (0, k.computed)(() => F(e.value)), l = (0, k.computed)(() => F(t.value)), u = (0, k.ref)(0), d = (0, k.ref)(0), f = (0, k.ref)(s.value), p = (0, k.ref)(o.value), m = (0, k.shallowRef)({}), g = (0, k.ref)(!1), te = (0, k.computed)(() => {
 		let e = {
-			position: p.value,
+			position: f.value,
 			left: "0",
 			top: "0"
 		};
-		if (!u.value) return e;
-		let t = z(u.value, d.value), n = z(u.value, f.value);
-		return c.value ? {
+		if (!l.value) return e;
+		let t = R(l.value, u.value), n = R(l.value, d.value);
+		return ee.value ? {
 			...e,
 			transform: "translate(" + t + "px, " + n + "px)",
-			...R(u.value) >= 1.5 && { willChange: "transform" }
+			...L(l.value) >= 1.5 && { willChange: "transform" }
 		} : {
-			position: p.value,
+			position: f.value,
 			left: t + "px",
 			top: n + "px"
 		};
-	}), v;
-	function y() {
-		if (l.value == null || u.value == null) return;
+	}), _;
+	function v() {
+		if (c.value == null || l.value == null) return;
 		let e = i.value;
-		g(l.value, u.value, {
+		h(c.value, l.value, {
 			middleware: a.value,
 			placement: o.value,
 			strategy: s.value
 		}).then((t) => {
-			d.value = t.x, f.value = t.y, p.value = t.strategy, m.value = t.placement, h.value = t.middlewareData, _.value = e !== !1;
+			u.value = t.x, d.value = t.y, f.value = t.strategy, p.value = t.placement, m.value = t.middlewareData, g.value = e !== !1;
 		});
 	}
-	function b() {
-		typeof v == "function" && (v(), v = void 0);
+	function y() {
+		typeof _ == "function" && (_(), _ = void 0);
 	}
-	function x() {
-		if (b(), r === void 0) {
-			y();
+	function b() {
+		if (y(), r === void 0) {
+			v();
 			return;
 		}
-		if (l.value != null && u.value != null) {
-			v = r(l.value, u.value, y);
+		if (c.value != null && l.value != null) {
+			_ = r(c.value, l.value, v);
 			return;
 		}
 	}
-	function S() {
-		i.value || (_.value = !1);
+	function x() {
+		i.value || (g.value = !1);
 	}
-	return (0, A.watch)([
+	return (0, k.watch)([
 		a,
 		o,
 		s,
 		i
-	], y, { flush: "sync" }), (0, A.watch)([l, u], x, { flush: "sync" }), (0, A.watch)(i, S, { flush: "sync" }), (0, A.getCurrentScope)() && (0, A.onScopeDispose)(b), {
-		x: (0, A.shallowReadonly)(d),
-		y: (0, A.shallowReadonly)(f),
-		strategy: (0, A.shallowReadonly)(p),
-		placement: (0, A.shallowReadonly)(m),
-		middlewareData: (0, A.shallowReadonly)(h),
-		isPositioned: (0, A.shallowReadonly)(_),
-		floatingStyles: ee,
-		update: y
+	], v, { flush: "sync" }), (0, k.watch)([c, l], b, { flush: "sync" }), (0, k.watch)(i, x, { flush: "sync" }), (0, k.getCurrentScope)() && (0, k.onScopeDispose)(y), {
+		x: (0, k.shallowReadonly)(u),
+		y: (0, k.shallowReadonly)(d),
+		strategy: (0, k.shallowReadonly)(f),
+		placement: (0, k.shallowReadonly)(p),
+		middlewareData: (0, k.shallowReadonly)(m),
+		isPositioned: (0, k.shallowReadonly)(g),
+		floatingStyles: te,
+		update: v
 	};
 }
 //#endregion
-//#region ../ccui/ui/shared/hooks/use-deprecation-warning.ts
-var B = /* @__PURE__ */ new Set();
-function V(e, t, n) {
-	let r = `${e}.${t}`;
-	B.has(r) || (B.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`));
+//#region ../ccui/ui/shared/utils/deprecated.ts
+var z = /* @__PURE__ */ new Set();
+function ie() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
 }
-function H(e, t, n) {
+function B(e, t, n) {
+	if (!ie()) return;
+	let r = n ? `${n}.${e}` : e;
+	if (z.has(r) || (z.add(r), typeof console > "u")) return;
+	let i = n ? `[ccui][${n}]` : "[ccui]", a = t ? `，请改用 ${t}` : "";
+	console.warn(`${i} ${e} 已 deprecated${a}。`);
+}
+function V(e, t, n) {
 	return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
 }
 //#endregion
 //#region ../ccui/ui/shared/hooks/use-namespace.ts
-function U(e, t, n) {
+function H(e, t, n) {
 	let r = e;
 	return t && (r += `__${t}`), n && (r += `--${n}`), r;
 }
-function re(e, t = !1) {
+function ae(e, t = !1) {
 	let n = t ? `.ccui-${e}` : `ccui-${e}`;
 	return {
-		b: () => U(n),
-		e: (e) => e ? U(n, e) : "",
-		m: (e) => e ? U(n, "", e) : "",
-		em: (e, t) => e && t ? U(n, e, t) : "",
+		b: () => H(n),
+		e: (e) => e ? H(n, e) : "",
+		m: (e) => e ? H(n, "", e) : "",
+		em: (e, t) => e && t ? H(n, e, t) : "",
 		is: (e) => `is-${e}`
 	};
 }
 //#endregion
 //#region ../ccui/ui/popover/src/popover-types.ts
-var W = {
+var U = {
 	title: {
 		type: String,
 		default: ""
@@ -202,10 +208,6 @@ var W = {
 		type: Boolean,
 		default: void 0
 	},
-	open: {
-		type: Boolean,
-		default: void 0
-	},
 	color: {
 		type: String,
 		default: ""
@@ -329,51 +331,58 @@ var W = {
 	triggerKeys: {
 		type: Array,
 		default: () => ["Enter", " "]
+	},
+	role: {
+		type: String,
+		default: "dialog"
+	},
+	ariaHasPopup: {
+		type: String,
+		default: "dialog"
 	}
 };
 //#endregion
 //#region ../ccui/ui/popover/src/popover.tsx
-function G(e) {
+function W(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
 }
-function ie(e) {
+function oe(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-var ae = 0, K = /* @__PURE__ */ a({
+var se = 0, G = /* @__PURE__ */ a({
 	name: "CPopover",
-	props: W,
+	props: U,
 	emits: [
 		"before-show",
 		"show",
 		"before-hide",
 		"hide",
 		"update:visible",
-		"update:open",
 		"before-enter",
 		"after-enter",
 		"before-leave",
 		"after-leave"
 	],
-	setup(e, { emit: a, slots: s, expose: m }) {
-		let g = re("popover"), y = `${g.e("popper")}-${++ae}`, b = o()?.vnode.props;
-		H(b, "visible", "visible") && V("Popover", "visible", "open（v-model:open）"), H(b, "showArrow", "show-arrow") && V("Popover", "showArrow", "arrow"), H(b, "showAfter", "show-after") && V("Popover", "showAfter", "mouseEnterDelay"), H(b, "hideAfter", "hide-after") && V("Popover", "hideAfter", "mouseLeaveDelay"), H(b, "popperClass", "popper-class") && V("Popover", "popperClass", "overlayClassName"), H(b, "teleported", "teleported") && V("Popover", "teleported", "getPopupContainer");
-		let x = f(!1), S = f(), C = f(), w = f(), T = f(), E = f(), D = f(), O = r(() => e.open === void 0 ? e.visible : e.open), k = r(() => O.value !== void 0), A = r(() => !!(k.value ? O.value : x.value)), j = r(() => e.mouseEnterDelay === void 0 ? e.showAfter : e.mouseEnterDelay), M = r(() => e.mouseLeaveDelay === void 0 ? e.hideAfter : e.mouseLeaveDelay), N = r(() => e.arrow === void 0 ? e.showArrow : typeof e.arrow == "boolean" ? e.arrow : !0), P = r(() => ie(e.arrow) ? !!e.arrow.pointAtCenter : !1), F = r(() => e.overlayClassName || e.popperClass), I = r(() => e.color ? { backgroundColor: e.color } : {}), L = r(() => e.virtualTriggering && e.virtualRef ? e.virtualRef : S.value), R = r(() => [
-			g.e("popper"),
-			g.em("popper", e.effect),
-			g.em("popper", e.placement.split("-")[0]),
-			P.value && g.em("popper", "arrow-center"),
-			F.value
-		].filter(Boolean).join(" ")), { floatingStyles: z, middlewareData: B, update: U } = ne(r(() => L.value), C, {
+	setup(e, { emit: a, slots: s, expose: p }) {
+		let h = ae("popover"), v = `${h.e("popper")}-${++se}`, y = `${v}-title`, b = r(() => !!s.title || !!e.title), x = o()?.vnode.props;
+		V(x, "showArrow", "show-arrow") && B("showArrow", "arrow", "Popover"), V(x, "showAfter", "show-after") && B("showAfter", "mouseEnterDelay", "Popover"), V(x, "hideAfter", "hide-after") && B("hideAfter", "mouseLeaveDelay", "Popover"), V(x, "popperClass", "popper-class") && B("popperClass", "overlayClassName", "Popover"), V(x, "teleported", "teleported") && B("teleported", "getPopupContainer", "Popover");
+		let S = d(!1), C = d(), w = d(), T = d(), E = d(), D = d(), O = d(), k = r(() => e.visible), A = r(() => k.value !== void 0), j = r(() => !!(A.value ? k.value : S.value)), M = r(() => e.mouseEnterDelay === void 0 ? e.showAfter : e.mouseEnterDelay), N = r(() => e.mouseLeaveDelay === void 0 ? e.hideAfter : e.mouseLeaveDelay), P = r(() => e.arrow === void 0 ? e.showArrow : typeof e.arrow == "boolean" ? e.arrow : !0), F = r(() => oe(e.arrow) ? !!e.arrow.pointAtCenter : !1), I = r(() => e.overlayClassName || e.popperClass), L = r(() => e.color ? { backgroundColor: e.color } : {}), R = r(() => e.virtualTriggering && e.virtualRef ? e.virtualRef : C.value), z = r(() => [
+			h.e("popper"),
+			h.em("popper", e.effect),
+			h.em("popper", e.placement.split("-")[0]),
+			F.value && h.em("popper", "arrow-center"),
+			I.value
+		].filter(Boolean).join(" ")), { floatingStyles: ie, middlewareData: H, update: U } = re(r(() => R.value), w, {
 			placement: e.placement,
 			middleware: [
-				ee(e.offset),
-				...e.autoAdjustOverflow ? [_()] : [],
-				v({ padding: 8 }),
-				...N.value ? [te({ element: w })] : []
+				te(e.offset),
+				...e.autoAdjustOverflow ? [g()] : [],
+				_({ padding: 8 }),
+				...P.value ? [ne({ element: T })] : []
 			]
-		}), W = r(() => {
-			if (!N.value || !B.value.arrow) return {};
-			let { x: t, y: n } = B.value.arrow, r = {
+		}), G = r(() => {
+			if (!P.value || !H.value.arrow) return {};
+			let { x: t, y: n } = H.value.arrow, r = {
 				top: "bottom",
 				right: "left",
 				bottom: "top",
@@ -387,117 +396,125 @@ var ae = 0, K = /* @__PURE__ */ a({
 				[r]: "-4px"
 			};
 		}), K = () => {
-			T.value &&= (clearTimeout(T.value), void 0), E.value &&= (clearTimeout(E.value), void 0), D.value &&= (clearTimeout(D.value), void 0);
+			E.value &&= (clearTimeout(E.value), void 0), D.value &&= (clearTimeout(D.value), void 0), O.value &&= (clearTimeout(O.value), void 0);
 		}, q = () => {
 			K();
 			let t = () => {
-				a("before-hide"), k.value || (x.value = !1), a("update:visible", !1), a("update:open", !1), a("hide");
+				a("before-hide"), A.value || (S.value = !1), a("update:visible", !1), a("hide");
 			};
-			M.value > 0 && e.trigger !== "click" ? E.value = window.setTimeout(t, M.value) : t();
+			N.value > 0 && e.trigger !== "click" ? D.value = window.setTimeout(t, N.value) : t();
 		}, J = () => {
 			if (e.disabled) return;
 			K();
 			let t = () => {
-				a("before-show"), k.value || (x.value = !0), a("update:visible", !0), a("update:open", !0), l(() => {
-					U(), a("show"), e.autoClose > 0 && (D.value = window.setTimeout(() => {
+				a("before-show"), A.value || (S.value = !0), a("update:visible", !0), c(() => {
+					U(), a("show"), e.autoClose > 0 && (O.value = window.setTimeout(() => {
 						q();
 					}, e.autoClose));
 				});
 			};
-			j.value > 0 ? T.value = window.setTimeout(t, j.value) : t();
+			M.value > 0 ? E.value = window.setTimeout(t, M.value) : t();
 		}, Y = () => {
 			e.trigger === "hover" && J();
 		}, X = () => {
 			e.trigger === "hover" && q();
-		}, oe = () => {
-			e.trigger === "click" && (A.value ? q() : J());
-		}, se = (t) => {
-			e.trigger === "contextmenu" && (t.preventDefault(), A.value ? q() : J());
 		}, ce = () => {
+			e.trigger === "click" && (j.value ? q() : J());
+		}, le = (t) => {
+			e.trigger === "contextmenu" && (t.preventDefault(), j.value ? q() : J());
+		}, ue = () => {
 			e.trigger === "focus" && J();
-		}, le = () => {
+		}, de = () => {
 			e.trigger === "focus" && q();
-		}, ue = (e) => {
+		}, fe = (e) => {
 			if (!e) return e;
 			let t = e.toLowerCase();
 			return e === " " || t === "space" || t === "spacebar" ? "Space" : e;
-		}, de = (t) => {
+		}, pe = (t) => {
 			if (e.trigger !== "focus") return;
-			let n = ue(t.key);
-			e.triggerKeys.map(ue).includes(n) && (t.preventDefault(), A.value ? q() : J());
-		}, fe = () => {
+			let n = fe(t.key);
+			e.triggerKeys.map(fe).includes(n) && (t.preventDefault(), j.value ? q() : J());
+		}, me = () => {
 			e.trigger === "hover" && e.enterable && K();
-		}, pe = () => {
+		}, he = () => {
 			e.trigger === "hover" && e.enterable && q();
-		}, me = r(() => [g.b(), e.disabled ? g.m("disabled") : ""].filter(Boolean).join(" ")), Z = (t) => {
-			if (!A.value || e.trigger === "manual" || !e.hideOnClickOutside) return;
-			let n = t.target, r = n instanceof Node ? n : null, i = e.virtualTriggering && e.virtualRef ? e.virtualRef : S.value, a = !!(r && i && i.contains(r)), o = !!(r && C.value && C.value.contains(r));
+		}, ge = r(() => [h.b(), e.disabled ? h.m("disabled") : ""].filter(Boolean).join(" ")), Z = (t) => {
+			if (!j.value || e.trigger === "manual" || !e.hideOnClickOutside) return;
+			let n = t.target, r = n instanceof Node ? n : null, i = e.virtualTriggering && e.virtualRef ? e.virtualRef : C.value, a = !!(r && i && i.contains(r)), o = !!(r && w.value && w.value.contains(r));
 			!a && !o && q();
 		}, Q = (t) => {
-			A.value && e.trigger !== "manual" && e.closeOnEsc && t.key === "Escape" && q();
+			j.value && e.trigger !== "manual" && e.closeOnEsc && t.key === "Escape" && q();
 		}, $;
-		u(() => {
-			e.visible && l(() => {
-				let e = L.value;
-				e && C.value && ($ = h(e, C.value, U)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
+		l(() => {
+			e.visible && c(() => {
+				let e = R.value;
+				e && w.value && ($ = m(e, w.value, U)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
 			});
-		}), d(() => {
+		}), u(() => {
 			if (K(), $?.(), window.removeEventListener("mousedown", Z, !0), window.removeEventListener("keydown", Q, !0), e.virtualTriggering && e.virtualRef) {
 				let t = e.virtualRef;
-				t.removeEventListener("mouseenter", Y), t.removeEventListener("mouseleave", X), t.removeEventListener("click", oe), t.removeEventListener("focus", ce), t.removeEventListener("blur", le), t.removeEventListener("keydown", de), t.removeEventListener("contextmenu", se);
+				t.removeEventListener("mouseenter", Y), t.removeEventListener("mouseleave", X), t.removeEventListener("click", ce), t.removeEventListener("focus", ue), t.removeEventListener("blur", de), t.removeEventListener("keydown", pe), t.removeEventListener("contextmenu", le);
 			}
-		}), p(O, (e) => {
-			if (k.value) {
+		}), f(k, (e) => {
+			if (A.value) {
 				let t = !!e;
-				t !== x.value && (x.value = t, t && l(() => U()));
+				t !== S.value && (S.value = t, t && c(() => U()));
 			}
-		}), p(A, (e) => {
+		}), f(j, (e) => {
 			if (e) {
-				let e = L.value;
-				e && C.value && ($?.(), $ = h(e, C.value, U)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
+				let e = R.value;
+				e && w.value && ($?.(), $ = m(e, w.value, U)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
 			} else $?.(), window.removeEventListener("mousedown", Z, !0), window.removeEventListener("keydown", Q, !0);
 		});
-		let he = () => N.value ? i("div", {
-			ref: w,
-			class: [g.e("arrow"), g.em("arrow", e.placement.split("-")[0])].join(" "),
-			style: W.value
-		}, null) : null, ge = () => {
+		let _e = () => P.value ? i("div", {
+			ref: T,
+			class: [h.e("arrow"), h.em("arrow", e.placement.split("-")[0])].join(" "),
+			style: G.value
+		}, null) : null, ve = () => {
 			let t = !!s.title, n = !!e.title;
-			return !t && !n ? null : i("div", { class: g.e("header") }, [s.title ? s.title() : e.title]);
-		}, _e = () => e.rawContent ? i("div", { innerHTML: e.content }, null) : s.content ? s.content() : e.content;
-		return m({ hide: q }), () => {
+			return !t && !n ? null : i("div", {
+				class: h.e("header"),
+				id: y
+			}, [s.title ? s.title() : e.title]);
+		}, ye = () => e.rawContent ? i("div", { innerHTML: e.content }, null) : s.content ? s.content() : e.content;
+		return p({ hide: q }), () => {
 			let r = {};
-			e.virtualTriggering || (e.trigger === "hover" ? (r.onMouseenter = Y, r.onMouseleave = X) : e.trigger === "click" ? r.onClick = oe : e.trigger === "focus" ? (r.onFocus = ce, r.onBlur = le, r.onKeydown = de) : e.trigger === "contextmenu" && (r.onContextmenu = se));
+			e.virtualTriggering || (e.trigger === "hover" ? (r.onMouseenter = Y, r.onMouseleave = X) : e.trigger === "click" ? r.onClick = ce : e.trigger === "focus" ? (r.onFocus = ue, r.onBlur = de, r.onKeydown = pe) : e.trigger === "contextmenu" && (r.onContextmenu = le));
 			let o = i("div", {
-				ref: C,
-				class: R.value,
-				role: "dialog",
-				id: y,
+				ref: w,
+				class: z.value,
+				role: e.role,
+				id: v,
+				"aria-labelledby": b.value ? y : void 0,
+				"aria-label": !b.value && e.ariaLabel ? e.ariaLabel : void 0,
 				style: {
-					...z.value,
-					...I.value,
+					...ie.value,
+					...L.value,
 					zIndex: 2e3,
 					pointerEvents: e.enterable ? "auto" : "none",
 					width: e.width || void 0
 				},
-				onMouseenter: fe,
-				onMouseleave: pe
+				onMouseenter: me,
+				onMouseleave: he
 			}, [
-				he(),
-				ge(),
-				i("div", { class: g.e("content") }, [_e()])
-			]), l = () => {
+				_e(),
+				ve(),
+				i("div", { class: h.e("content") }, [ye()])
+			]), c = () => {
 				if (e.getPopupContainer) {
-					let n = e.getPopupContainer(S.value ?? null);
-					return n ? i(t, { to: n }, G(o) ? o : { default: () => [o] }) : o;
+					let n = e.getPopupContainer(C.value ?? null);
+					return n ? i(t, { to: n }, W(o) ? o : { default: () => [o] }) : o;
 				}
-				return e.teleported ? i(t, { to: "body" }, G(o) ? o : { default: () => [o] }) : o;
+				return e.teleported ? i(t, { to: "body" }, W(o) ? o : { default: () => [o] }) : o;
 			};
-			return i("div", { class: me.value }, [
-				!e.virtualTriggering && i("div", c({
-					ref: S,
-					class: g.e("trigger"),
-					"aria-describedby": A.value ? y : void 0,
+			return i("div", { class: ge.value }, [
+				!e.virtualTriggering && i("div", ee({
+					ref: C,
+					class: h.e("trigger"),
+					"aria-describedby": j.value ? v : void 0,
+					"aria-haspopup": e.ariaHasPopup,
+					"aria-expanded": j.value ? "true" : "false",
+					"aria-controls": j.value ? v : void 0,
 					"aria-label": e.ariaLabel,
 					tabindex: e.trigger === "focus" ? e.tabindex : void 0
 				}, r), [s.default?.()]),
@@ -508,23 +525,23 @@ var ae = 0, K = /* @__PURE__ */ a({
 					onAfterEnter: () => a("after-enter"),
 					onBeforeLeave: () => a("before-leave"),
 					onAfterLeave: () => a("after-leave")
-				}, { default: () => [A.value && l()] })
+				}, { default: () => [j.value && c()] })
 			]);
 		};
 	}
 });
 //#endregion
 //#region ../ccui/ui/popover/index.ts
-K.install = function(e) {
-	e.component(K.name, K);
+G.install = function(e) {
+	e.component(G.name, G);
 };
-var q = {
+var K = {
 	title: "Popover 弹出框",
 	category: "反馈",
 	status: "100%",
 	install(e) {
-		e.component(K.name, K);
+		e.component(G.name, G);
 	}
 };
 //#endregion
-export { K as Popover, q as default };
+export { G as Popover, K as default };