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

package/dropdown/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 v, shift as y } from "@floating-ui/dom";
+import { arrow as m, autoUpdate as h, computePosition as g, flip as _, offset as ee, shift as v } from "@floating-ui/dom";
 //#region \0rolldown/runtime.js
-var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, S = Object.getOwnPropertyNames, C = Object.prototype.hasOwnProperty, w = (e, t) => {
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, x = Object.getOwnPropertyNames, S = Object.prototype.hasOwnProperty, C = (e, t) => {
 	let n = {};
-	for (var r in e) b(n, r, {
+	for (var r in e) y(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || b(n, Symbol.toStringTag, { value: "Module" }), n;
-}, T = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = S(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !C.call(e, s) && s !== n && b(e, s, {
+	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, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = x(t, s)) || r.enumerable
+		enumerable: !(r = b(t, s)) || r.enumerable
 	});
 	return e;
-}, E = (e, t, n) => (T(e, t, "default"), n && T(n, t, "default"));
+}, T = (e, t, n) => (w(e, t, "default"), n && w(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 D() {
+function E() {
 	return typeof window < "u";
 }
-function O(e) {
-	return A(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function D(e) {
+	return k(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function k(e) {
+function O(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function A(e) {
-	return D() ? e instanceof Node || e instanceof k(e).Node : !1;
+function k(e) {
+	return E() ? e instanceof Node || e instanceof O(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 j = /* @__PURE__ */ w({
+var A = /* @__PURE__ */ C({
 	Vue: () => e,
 	Vue2: () => void 0,
-	del: () => ee,
-	install: () => N,
+	del: () => P,
+	install: () => M,
 	isVue2: () => !1,
 	isVue3: () => !0,
-	set: () => P
+	set: () => N
 });
-import * as M from "vue";
-E(j, M);
-function N() {}
-function P(e, t, n) {
+import * as j from "vue";
+T(A, j);
+function M() {}
+function N(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 ee(e, t) {
+function P(e, t) {
 	if (Array.isArray(e)) {
 		e.splice(t, 1);
 		return;
@@ -57,25 +57,25 @@ function ee(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 te(e) {
+function F(e) {
 	return typeof e == "object" && !!e && "$el" in e;
 }
-function F(e) {
-	if (te(e)) {
+function I(e) {
+	if (F(e)) {
 		let t = e.$el;
-		return A(t) && O(t) === "#comment" ? null : t;
+		return k(t) && D(t) === "#comment" ? null : t;
 	}
 	return e;
 }
-function I(e) {
-	return typeof e == "function" ? e() : (0, j.unref)(e);
+function L(e) {
+	return typeof e == "function" ? e() : (0, A.unref)(e);
 }
-function ne(e) {
+function te(e) {
 	return {
 		name: "arrow",
 		options: e,
 		fn(t) {
-			let n = F(I(e.element));
+			let n = I(L(e.element));
 			return n == null ? {} : m({
 				element: n,
 				padding: e.padding
@@ -83,34 +83,34 @@ function ne(e) {
 		}
 	};
 }
-function L(e) {
+function R(e) {
 	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function R(e, t) {
-	let n = L(e);
+function z(e, t) {
+	let n = R(e);
 	return Math.round(t * n) / n;
 }
-function re(e, t, n) {
+function ne(e, t, n) {
 	n === void 0 && (n = {});
-	let r = n.whileElementsMounted, i = (0, j.computed)(() => I(n.open) ?? !0), a = (0, j.computed)(() => I(n.middleware)), o = (0, j.computed)(() => I(n.placement) ?? "bottom"), s = (0, j.computed)(() => I(n.strategy) ?? "absolute"), c = (0, j.computed)(() => I(n.transform) ?? !0), l = (0, j.computed)(() => F(e.value)), u = (0, j.computed)(() => F(t.value)), d = (0, j.ref)(0), f = (0, j.ref)(0), p = (0, j.ref)(s.value), m = (0, j.ref)(o.value), h = (0, j.shallowRef)({}), _ = (0, j.ref)(!1), v = (0, j.computed)(() => {
+	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 e = {
 			position: p.value,
 			left: "0",
 			top: "0"
 		};
 		if (!u.value) return e;
-		let t = R(u.value, d.value), n = R(u.value, f.value);
+		let t = z(u.value, d.value), n = z(u.value, f.value);
 		return c.value ? {
 			...e,
 			transform: "translate(" + t + "px, " + n + "px)",
-			...L(u.value) >= 1.5 && { willChange: "transform" }
+			...R(u.value) >= 1.5 && { willChange: "transform" }
 		} : {
 			position: p.value,
 			left: t + "px",
 			top: n + "px"
 		};
-	}), y;
-	function b() {
+	}), v;
+	function y() {
 		if (l.value == null || u.value == null) return;
 		let e = i.value;
 		g(l.value, u.value, {
@@ -121,67 +121,73 @@ function re(e, t, n) {
 			d.value = t.x, f.value = t.y, p.value = t.strategy, m.value = t.placement, h.value = t.middlewareData, _.value = e !== !1;
 		});
 	}
-	function x() {
-		typeof y == "function" && (y(), y = void 0);
+	function b() {
+		typeof v == "function" && (v(), v = void 0);
 	}
-	function S() {
-		if (x(), r === void 0) {
-			b();
+	function x() {
+		if (b(), r === void 0) {
+			y();
 			return;
 		}
 		if (l.value != null && u.value != null) {
-			y = r(l.value, u.value, b);
+			v = r(l.value, u.value, y);
 			return;
 		}
 	}
-	function C() {
+	function S() {
 		i.value || (_.value = !1);
 	}
-	return (0, j.watch)([
+	return (0, A.watch)([
 		a,
 		o,
 		s,
 		i
-	], b, { flush: "sync" }), (0, j.watch)([l, u], S, { flush: "sync" }), (0, j.watch)(i, C, { flush: "sync" }), (0, j.getCurrentScope)() && (0, j.onScopeDispose)(x), {
-		x: (0, j.shallowReadonly)(d),
-		y: (0, j.shallowReadonly)(f),
-		strategy: (0, j.shallowReadonly)(p),
-		placement: (0, j.shallowReadonly)(m),
-		middlewareData: (0, j.shallowReadonly)(h),
-		isPositioned: (0, j.shallowReadonly)(_),
-		floatingStyles: v,
-		update: b
+	], 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
 	};
 }
 //#endregion
-//#region ../ccui/ui/shared/hooks/use-deprecation-warning.ts
-var z = /* @__PURE__ */ new Set();
-function B(e, t, n) {
-	let r = `${e}.${t}`;
-	z.has(r) || (z.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`));
+//#region ../ccui/ui/shared/utils/deprecated.ts
+var B = /* @__PURE__ */ new Set();
+function re() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
 }
 function V(e, t, n) {
+	if (!re()) return;
+	let r = n ? `${n}.${e}` : e;
+	if (B.has(r) || (B.add(r), typeof console > "u")) return;
+	let i = n ? `[ccui][${n}]` : "[ccui]", a = t ? `，请改用 ${t}` : "";
+	console.warn(`${i} ${e} 已 deprecated${a}。`);
+}
+function H(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 H(e, t, n) {
+function U(e, t, n) {
 	let r = e;
 	return t && (r += `__${t}`), n && (r += `--${n}`), r;
 }
-function U(e, t = !1) {
+function W(e, t = !1) {
 	let n = t ? `.ccui-${e}` : `ccui-${e}`;
 	return {
-		b: () => H(n),
-		e: (e) => e ? H(n, e) : "",
-		m: (e) => e ? H(n, "", e) : "",
-		em: (e, t) => e && t ? H(n, e, t) : "",
+		b: () => U(n),
+		e: (e) => e ? U(n, e) : "",
+		m: (e) => e ? U(n, "", e) : "",
+		em: (e, t) => e && t ? U(n, e, t) : "",
 		is: (e) => `is-${e}`
 	};
 }
 //#endregion
 //#region ../ccui/ui/popover/src/popover-types.ts
-var W = {
+var G = {
 	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 K(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
 }
 function ie(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-var ae = 0, K = /* @__PURE__ */ a({
+var ae = 0, q = /* @__PURE__ */ a({
 	name: "CPopover",
-	props: W,
+	props: G,
 	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 = U("popover"), b = `${g.e("popper")}-${++ae}`, x = o()?.vnode.props;
-		V(x, "visible", "visible") && B("Popover", "visible", "open（v-model:open）"), V(x, "showArrow", "show-arrow") && B("Popover", "showArrow", "arrow"), V(x, "showAfter", "show-after") && B("Popover", "showAfter", "mouseEnterDelay"), V(x, "hideAfter", "hide-after") && B("Popover", "hideAfter", "mouseLeaveDelay"), V(x, "popperClass", "popper-class") && B("Popover", "popperClass", "overlayClassName"), V(x, "teleported", "teleported") && B("Popover", "teleported", "getPopupContainer");
-		let S = f(!1), C = f(), w = f(), T = f(), E = f(), D = f(), O = f(), k = r(() => e.open === void 0 ? e.visible : e.open), 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), ee = r(() => ie(e.arrow) ? !!e.arrow.pointAtCenter : !1), te = r(() => e.overlayClassName || e.popperClass), F = r(() => e.color ? { backgroundColor: e.color } : {}), I = r(() => e.virtualTriggering && e.virtualRef ? e.virtualRef : C.value), L = r(() => [
+		let g = W("popover"), y = `${g.e("popper")}-${++ae}`, b = `${y}-title`, x = r(() => !!s.title || !!e.title), S = o()?.vnode.props;
+		H(S, "showArrow", "show-arrow") && V("showArrow", "arrow", "Popover"), H(S, "showAfter", "show-after") && V("showAfter", "mouseEnterDelay", "Popover"), H(S, "hideAfter", "hide-after") && V("hideAfter", "mouseLeaveDelay", "Popover"), H(S, "popperClass", "popper-class") && V("popperClass", "overlayClassName", "Popover"), H(S, "teleported", "teleported") && V("teleported", "getPopupContainer", "Popover");
+		let C = f(!1), w = f(), T = f(), E = f(), D = f(), O = f(), k = f(), A = r(() => e.visible), j = r(() => A.value !== void 0), M = r(() => !!(j.value ? A.value : C.value)), N = r(() => e.mouseEnterDelay === void 0 ? e.showAfter : e.mouseEnterDelay), P = r(() => e.mouseLeaveDelay === void 0 ? e.hideAfter : e.mouseLeaveDelay), F = r(() => e.arrow === void 0 ? e.showArrow : typeof e.arrow == "boolean" ? e.arrow : !0), I = r(() => ie(e.arrow) ? !!e.arrow.pointAtCenter : !1), L = r(() => e.overlayClassName || e.popperClass), R = r(() => e.color ? { backgroundColor: e.color } : {}), z = r(() => e.virtualTriggering && e.virtualRef ? e.virtualRef : w.value), B = r(() => [
 			g.e("popper"),
 			g.em("popper", e.effect),
 			g.em("popper", e.placement.split("-")[0]),
-			ee.value && g.em("popper", "arrow-center"),
-			te.value
-		].filter(Boolean).join(" ")), { floatingStyles: R, middlewareData: z, update: H } = re(r(() => I.value), w, {
+			I.value && g.em("popper", "arrow-center"),
+			L.value
+		].filter(Boolean).join(" ")), { floatingStyles: re, middlewareData: U, update: G } = ne(r(() => z.value), T, {
 			placement: e.placement,
 			middleware: [
-				v(e.offset),
+				ee(e.offset),
 				...e.autoAdjustOverflow ? [_()] : [],
-				y({ padding: 8 }),
-				...P.value ? [ne({ element: T })] : []
+				v({ padding: 8 }),
+				...F.value ? [te({ element: E })] : []
 			]
-		}), W = r(() => {
-			if (!P.value || !z.value.arrow) return {};
-			let { x: t, y: n } = z.value.arrow, r = {
+		}), q = r(() => {
+			if (!F.value || !U.value.arrow) return {};
+			let { x: t, y: n } = U.value.arrow, r = {
 				top: "bottom",
 				right: "left",
 				bottom: "top",
@@ -386,118 +395,126 @@ var ae = 0, K = /* @__PURE__ */ a({
 				bottom: "",
 				[r]: "-4px"
 			};
-		}), K = () => {
-			E.value &&= (clearTimeout(E.value), void 0), D.value &&= (clearTimeout(D.value), void 0), O.value &&= (clearTimeout(O.value), void 0);
-		}, q = () => {
-			K();
+		}), J = () => {
+			D.value &&= (clearTimeout(D.value), void 0), O.value &&= (clearTimeout(O.value), void 0), k.value &&= (clearTimeout(k.value), void 0);
+		}, Y = () => {
+			J();
 			let t = () => {
-				a("before-hide"), A.value || (S.value = !1), a("update:visible", !1), a("update:open", !1), a("hide");
+				a("before-hide"), j.value || (C.value = !1), a("update:visible", !1), a("hide");
 			};
-			N.value > 0 && e.trigger !== "click" ? D.value = window.setTimeout(t, N.value) : t();
-		}, J = () => {
+			P.value > 0 && e.trigger !== "click" ? O.value = window.setTimeout(t, P.value) : t();
+		}, X = () => {
 			if (e.disabled) return;
-			K();
+			J();
 			let t = () => {
-				a("before-show"), A.value || (S.value = !0), a("update:visible", !0), a("update:open", !0), l(() => {
-					H(), a("show"), e.autoClose > 0 && (O.value = window.setTimeout(() => {
-						q();
+				a("before-show"), j.value || (C.value = !0), a("update:visible", !0), l(() => {
+					G(), a("show"), e.autoClose > 0 && (k.value = window.setTimeout(() => {
+						Y();
 					}, e.autoClose));
 				});
 			};
-			M.value > 0 ? E.value = window.setTimeout(t, M.value) : t();
-		}, Y = () => {
-			e.trigger === "hover" && J();
-		}, X = () => {
-			e.trigger === "hover" && q();
+			N.value > 0 ? D.value = window.setTimeout(t, N.value) : t();
 		}, oe = () => {
-			e.trigger === "click" && (j.value ? q() : J());
-		}, se = (t) => {
-			e.trigger === "contextmenu" && (t.preventDefault(), j.value ? q() : J());
+			e.trigger === "hover" && X();
+		}, se = () => {
+			e.trigger === "hover" && Y();
 		}, ce = () => {
-			e.trigger === "focus" && J();
-		}, le = () => {
-			e.trigger === "focus" && q();
-		}, ue = (e) => {
+			e.trigger === "click" && (M.value ? Y() : X());
+		}, le = (t) => {
+			e.trigger === "contextmenu" && (t.preventDefault(), M.value ? Y() : X());
+		}, ue = () => {
+			e.trigger === "focus" && X();
+		}, de = () => {
+			e.trigger === "focus" && Y();
+		}, 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(), j.value ? q() : J());
-		}, fe = () => {
-			e.trigger === "hover" && e.enterable && K();
-		}, pe = () => {
-			e.trigger === "hover" && e.enterable && q();
-		}, me = r(() => [g.b(), e.disabled ? g.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();
+			let n = fe(t.key);
+			e.triggerKeys.map(fe).includes(n) && (t.preventDefault(), M.value ? Y() : X());
+		}, me = () => {
+			e.trigger === "hover" && e.enterable && J();
+		}, he = () => {
+			e.trigger === "hover" && e.enterable && Y();
+		}, ge = r(() => [g.b(), e.disabled ? g.m("disabled") : ""].filter(Boolean).join(" ")), Z = (t) => {
+			if (!M.value || e.trigger === "manual" || !e.hideOnClickOutside) return;
+			let n = t.target, r = n instanceof Node ? n : null, i = e.virtualTriggering && e.virtualRef ? e.virtualRef : w.value, a = !!(r && i && i.contains(r)), o = !!(r && T.value && T.value.contains(r));
+			!a && !o && Y();
 		}, Q = (t) => {
-			j.value && e.trigger !== "manual" && e.closeOnEsc && t.key === "Escape" && q();
+			M.value && e.trigger !== "manual" && e.closeOnEsc && t.key === "Escape" && Y();
 		}, $;
 		u(() => {
 			e.visible && l(() => {
-				let e = I.value;
-				e && w.value && ($ = h(e, w.value, H)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
+				let e = z.value;
+				e && T.value && ($ = h(e, T.value, G)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
 			});
 		}), d(() => {
-			if (K(), $?.(), window.removeEventListener("mousedown", Z, !0), window.removeEventListener("keydown", Q, !0), e.virtualTriggering && e.virtualRef) {
+			if (J(), $?.(), 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", oe), t.removeEventListener("mouseleave", se), t.removeEventListener("click", ce), t.removeEventListener("focus", ue), t.removeEventListener("blur", de), t.removeEventListener("keydown", pe), t.removeEventListener("contextmenu", le);
 			}
-		}), p(k, (e) => {
-			if (A.value) {
+		}), p(A, (e) => {
+			if (j.value) {
 				let t = !!e;
-				t !== S.value && (S.value = t, t && l(() => H()));
+				t !== C.value && (C.value = t, t && l(() => G()));
 			}
-		}), p(j, (e) => {
+		}), p(M, (e) => {
 			if (e) {
-				let e = I.value;
-				e && w.value && ($?.(), $ = h(e, w.value, H)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
+				let e = z.value;
+				e && T.value && ($?.(), $ = h(e, T.value, G)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
 			} else $?.(), window.removeEventListener("mousedown", Z, !0), window.removeEventListener("keydown", Q, !0);
 		});
-		let he = () => P.value ? i("div", {
-			ref: T,
+		let _e = () => F.value ? i("div", {
+			ref: E,
 			class: [g.e("arrow"), g.em("arrow", e.placement.split("-")[0])].join(" "),
-			style: W.value
-		}, null) : null, ge = () => {
+			style: q.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: g.e("header"),
+				id: b
+			}, [s.title ? s.title() : e.title]);
+		}, ye = () => e.rawContent ? i("div", { innerHTML: e.content }, null) : s.content ? s.content() : e.content;
+		return m({ hide: Y }), () => {
 			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 = oe, r.onMouseleave = se) : 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: w,
-				class: L.value,
-				role: "dialog",
-				id: b,
+				ref: T,
+				class: B.value,
+				role: e.role,
+				id: y,
+				"aria-labelledby": x.value ? b : void 0,
+				"aria-label": !x.value && e.ariaLabel ? e.ariaLabel : void 0,
 				style: {
+					...re.value,
 					...R.value,
-					...F.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()])
+				_e(),
+				ve(),
+				i("div", { class: g.e("content") }, [ye()])
 			]), l = () => {
 				if (e.getPopupContainer) {
-					let n = e.getPopupContainer(C.value ?? null);
-					return n ? i(t, { to: n }, G(o) ? o : { default: () => [o] }) : o;
+					let n = e.getPopupContainer(w.value ?? null);
+					return n ? i(t, { to: n }, K(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" }, K(o) ? o : { default: () => [o] }) : o;
 			};
-			return i("div", { class: me.value }, [
+			return i("div", { class: ge.value }, [
 				!e.virtualTriggering && i("div", c({
-					ref: C,
+					ref: w,
 					class: g.e("trigger"),
-					"aria-describedby": j.value ? b : void 0,
+					"aria-describedby": M.value ? y : void 0,
+					"aria-haspopup": e.ariaHasPopup,
+					"aria-expanded": M.value ? "true" : "false",
+					"aria-controls": M.value ? y : void 0,
 					"aria-label": e.ariaLabel,
 					tabindex: e.trigger === "focus" ? e.tabindex : void 0
 				}, r), [s.default?.()]),
@@ -508,11 +525,11 @@ var ae = 0, K = /* @__PURE__ */ a({
 					onAfterEnter: () => a("after-enter"),
 					onBeforeLeave: () => a("before-leave"),
 					onAfterLeave: () => a("after-leave")
-				}, { default: () => [j.value && l()] })
+				}, { default: () => [M.value && l()] })
 			]);
 		};
 	}
-}), q = /* @__PURE__ */ a({
+}), J = /* @__PURE__ */ a({
 	name: "CDropdown",
 	props: {
 		items: {
@@ -550,14 +567,14 @@ var ae = 0, K = /* @__PURE__ */ a({
 		"visible-change"
 	],
 	setup(e, { emit: t, slots: n }) {
-		let a = U("dropdown"), o = f(null), s = f(!1), c = r(() => e.visible !== void 0), l = r(() => c.value ? e.visible : s.value);
+		let a = W("dropdown"), o = f(null), s = f(!1), c = r(() => e.visible !== void 0), l = r(() => c.value ? e.visible : s.value);
 		p(() => e.visible, (e) => {
 			e !== void 0 && (s.value = !!e);
 		});
 		let u = (n) => {
 			n.disabled || (t("select", n), e.hideOnClick && (c.value || (s.value = !1), t("update:visible", !1), t("visible-change", !1), o.value?.hide?.()));
 		};
-		return () => i(K, {
+		return () => i(q, {
 			ref: o,
 			trigger: e.trigger,
 			placement: e.placement,
@@ -567,15 +584,14 @@ var ae = 0, K = /* @__PURE__ */ a({
 			offset: 4,
 			popperClass: a.b(),
 			width: e.width,
+			role: "menu",
+			ariaHasPopup: "menu",
 			"onUpdate:visible": (e) => {
 				c.value || (s.value = e), t("update:visible", e), t("visible-change", e);
 			}
 		}, {
 			default: () => n.default?.(),
-			content: () => i("ul", {
-				class: a.e("menu"),
-				role: "menu"
-			}, [n.menu ? n.menu({ select: u }) : e.items.map((e) => i("li", {
+			content: () => i("ul", { class: a.e("menu") }, [n.menu ? n.menu({ select: u }) : e.items.map((e) => i("li", {
 				key: e.key,
 				class: [
 					a.e("item"),
@@ -591,16 +607,16 @@ var ae = 0, K = /* @__PURE__ */ a({
 });
 //#endregion
 //#region ../ccui/ui/dropdown/index.ts
-q.install = function(e) {
-	e.component(q.name, q);
+J.install = function(e) {
+	e.component(J.name, J);
 };
-var J = {
+var Y = {
 	title: "Dropdown 下拉菜单",
 	category: "导航",
 	status: "100%",
 	install(e) {
-		e.component(q.name, q);
+		e.component(J.name, J);
 	}
 };
 //#endregion
-export { q as Dropdown, J as default };
+export { J as Dropdown, Y as default };