@czxingyu/xycomponents 0.1.1 → 0.1.3

package/dist/index.esm.js

@@ -12,7 +12,7 @@ var qe = Object.create, Je = Object.defineProperty, Ye = Object.getOwnPropertyDe
 }, tt = (e, t, n) => (n = e == null ? {} : qe(Ze(e)), et(t || !e || !e.__esModule ? Je(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), nt = "0.1.1";
+}) : n, e)), nt = "0.1.3";
 //#endregion
 //#region components/shared/install.ts
 function X(e) {
@@ -6300,13 +6300,10 @@ var Wr = [
 					t.className,
 					v.value.item
 				]]),
-				style: T([
-					t.style,
-					e.direction === "vertical" ? { paddingInlineStart: `${r * 16}px` } : void 0,
-					y.value.item
-				])
+				style: T([t.style, y.value.item])
 			}, [d("a", {
 				class: C(["xy-anchor__link", { "xy-anchor__link--disabled": t.disabled }]),
+				style: T(e.direction === "vertical" && r > 0 ? { paddingInlineStart: `calc(var(--xy-anchor-link-padding-inline) + ${r * 16}px)` } : void 0),
 				href: t.href,
 				target: t.target,
 				rel: t.target === "_blank" ? "noreferrer" : void 0,
@@ -6325,11 +6322,11 @@ var Wr = [
 				depth: r,
 				index: i,
 				item: t
-			}, () => [p(V(D(t)), 1)])], 6)], 10, Xr)], 6))), 128))], 6)) : l("", !0),
+			}, () => [p(V(D(t)), 1)])], 6)], 14, Xr)], 6))), 128))], 6)) : l("", !0),
 			I(n.$slots, "default")
 		], 14, Yr));
 	}
-}), [["__scopeId", "data-v-93931713"]])), Qr = X($), $r = ["aria-busy", "role"], ei = ["aria-label"], ti = /*#__PURE__*/ Z(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-5b2bf520"]])), Qr = X($), $r = ["aria-busy", "role"], ei = ["aria-label"], ti = /*#__PURE__*/ Z(/* @__PURE__ */ g({
 	name: "XyMessage",
 	__name: "message",
 	props: {
@@ -15211,7 +15208,7 @@ var fs = ["aria-label"], ps = ["aria-label", "disabled"], ms = ["aria-label", "d
 		}
 	},
 	setup(e) {
-		let n = e, r = ne(), i = N(), { width: a } = dr(i), o = B([]), f = {
+		let n = e, r = ne(), i = N(Object.keys(r)), a = N(), { width: o } = dr(a), f = B([]), p = {
 			xs: 0,
 			sm: 576,
 			md: 768,
@@ -15219,28 +15216,28 @@ var fs = ["aria-label"], ps = ["aria-label", "disabled"], ms = ["aria-label", "d
 			xl: 1200,
 			xxl: 1600,
 			xxxl: 1920
-		}, p = Object.keys(f);
-		function h(e) {
+		}, h = Object.keys(p);
+		function g(e) {
 			let t = Number(e);
 			return Number.isFinite(t) ? Math.max(1, Math.floor(t)) : 1;
 		}
-		function g(e, t) {
-			return e === "filled" ? t : Math.min(h(e), t);
-		}
 		function _(e, t) {
-			if (typeof e == "number") return h(e);
-			let n = p.filter((t) => e[t] !== void 0);
+			return e === "filled" ? t : Math.min(g(e), t);
+		}
+		function v(e, t) {
+			if (typeof e == "number") return g(e);
+			let n = h.filter((t) => e[t] !== void 0);
 			if (n.length === 0) return 1;
 			let r = e[n[0]];
-			for (let i of n) t >= f[i] && (r = e[i]);
-			return h(r);
+			for (let i of n) t >= p[i] && (r = e[i]);
+			return g(r);
 		}
-		let v = s(() => n.bordered), y = s(() => n.colon), b = s(() => _(n.column, a.value)), x = s(() => n.layout), S = s(() => n.size), w = s(() => n.title !== void 0 || !!r.title), E = s(() => n.extra !== void 0 || !!r.extra), D = s(() => w.value || E.value), O = s(() => n.items !== void 0), k = s(() => {
+		let y = s(() => n.bordered), b = s(() => n.colon), x = s(() => v(n.column, o.value)), S = s(() => n.layout), w = s(() => n.size), E = s(() => n.title !== void 0 || i.value.includes("title")), O = s(() => n.extra !== void 0 || i.value.includes("extra")), k = s(() => E.value || O.value), M = s(() => n.items !== void 0), P = s(() => {
 			let e = /* @__PURE__ */ new Map(), t = 0, n = 0;
-			for (let r of o.value) {
-				let i = r.span.value, a = g(i, b.value);
-				i === "filled" ? a = Math.max(b.value - t, 1) : t + a > b.value && (t = 0, n += 1);
-				let o = t + a >= b.value;
+			for (let r of f.value) {
+				let i = r.span.value, a = _(i, x.value);
+				i === "filled" ? a = Math.max(x.value - t, 1) : t + a > x.value && (t = 0, n += 1);
+				let o = t + a >= x.value;
 				e.set(r.id, {
 					isLastColumn: o,
 					isLastRow: !1,
@@ -15251,78 +15248,82 @@ var fs = ["aria-label"], ps = ["aria-label", "disabled"], ms = ["aria-label", "d
 			let r = Math.max(...[...e.values()].map((e) => e.row), 0);
 			for (let t of e.values()) t.isLastRow = t.row === r;
 			return e;
-		}), M = s(() => ({ "--xy-descriptions-column": String(b.value) })), P = s(() => ({
+		}), L = s(() => ({ "--xy-descriptions-column": String(x.value) })), R = s(() => ({
 			bordered: n.bordered,
 			colon: n.colon,
-			column: b.value,
-			hasExtra: E.value,
-			hasTitle: w.value,
+			column: x.value,
+			hasExtra: O.value,
+			hasTitle: E.value,
 			layout: n.layout,
 			size: n.size
-		})), L = s(() => ut(n.classNames, P.value)), R = s(() => Q(n.styles, P.value)), z = s(() => [
+		})), z = s(() => ut(n.classNames, R.value)), V = s(() => Q(n.styles, R.value)), H = s(() => [
 			"xy-descriptions",
 			`xy-descriptions--${n.layout}`,
 			`xy-descriptions--${n.size}`,
 			{ "xy-descriptions--bordered": n.bordered },
-			L.value.root
-		]), V = s(() => L.value.item), H = s(() => R.value.item), U = s(() => L.value.label), W = s(() => ({
+			z.value.root
+		]), U = s(() => z.value.item), W = s(() => V.value.item), ee = s(() => z.value.label), te = s(() => ({
 			...n.labelStyle,
-			...R.value.label
-		})), ee = s(() => L.value.content), te = s(() => ({
+			...V.value.label
+		})), re = s(() => z.value.content), ie = s(() => ({
 			...n.contentStyle,
-			...R.value.content
+			...V.value.content
 		}));
-		function re(e) {
-			return o.value = [...o.value, e], () => {
-				o.value = o.value.filter((t) => t.id !== e.id);
+		D(() => {
+			let e = Object.keys(r);
+			e.length === i.value.length && e.every((e, t) => e === i.value[t]) || (i.value = e);
+		});
+		function ae(e) {
+			return f.value = [...f.value, e], () => {
+				f.value = f.value.filter((t) => t.id !== e.id);
 			};
 		}
-		function ie(e, t) {
-			return ae(e, t).span;
+		function K(e, t) {
+			return oe(e, t).span;
 		}
-		function ae(e, t) {
-			return k.value.get(e) ?? {
+		function oe(e, t) {
+			return P.value.get(e) ?? {
 				isLastColumn: !0,
 				isLastRow: !0,
-				span: g(t, b.value)
+				span: _(t, x.value)
 			};
 		}
 		return j(cc, {
-			bordered: v,
-			colon: y,
-			column: b,
-			contentClassName: ee,
-			contentStyle: te,
-			itemClassName: V,
-			itemStyle: H,
-			labelClassName: U,
-			labelStyle: W,
-			layout: x,
-			registerItem: re,
-			resolveItemLayout: ae,
-			resolveItemSpan: ie,
-			size: S
+			bordered: y,
+			colon: b,
+			column: x,
+			contentClassName: re,
+			contentStyle: ie,
+			itemClassName: U,
+			itemStyle: W,
+			labelClassName: ee,
+			labelStyle: te,
+			layout: S,
+			registerItem: ae,
+			resolveItemLayout: oe,
+			resolveItemSpan: K,
+			size: w
 		}), (n, r) => (A(), u("section", {
 			ref_key: "rootRef",
-			ref: i,
-			class: C(z.value),
-			style: T(R.value.root)
-		}, [D.value ? (A(), u("header", {
+			ref: a,
+			class: C(H.value),
+			style: T(V.value.root)
+		}, [k.value ? (A(), u("header", {
 			key: 0,
-			class: C(["xy-descriptions__header", L.value.header]),
-			style: T(R.value.header)
-		}, [w.value ? (A(), u("div", {
+			class: C(["xy-descriptions__header", z.value.header]),
+			style: T(V.value.header)
+		}, [E.value ? (A(), u("div", {
 			key: 0,
-			class: C(["xy-descriptions__title", L.value.title]),
-			style: T(R.value.title)
-		}, [I(n.$slots, "title", {}, () => [m(G(lc), { value: e.title }, null, 8, ["value"])], !0)], 6)) : l("", !0), E.value ? (A(), u("div", {
+			class: C(["xy-descriptions__title", z.value.title]),
+			style: T(V.value.title)
+		}, [I(n.$slots, "title", {}, () => [m(G(lc), { value: e.title }, null, 8, ["value"])], !0)], 6)) : l("", !0), O.value ? (A(), u("div", {
 			key: 1,
-			class: C(["xy-descriptions__extra", L.value.extra]),
-			style: T(R.value.extra)
+			class: C(["xy-descriptions__extra", z.value.extra]),
+			style: T(V.value.extra)
 		}, [I(n.$slots, "extra", {}, () => [m(G(lc), { value: e.extra }, null, 8, ["value"])], !0)], 6)) : l("", !0)], 6)) : l("", !0), d("dl", {
-			class: C(["xy-descriptions__view", L.value.view]),
-			style: T([M.value, R.value.view])
-		}, [O.value ? (A(!0), u(t, { key: 0 }, F(e.items, (e, t) => (A(), c(dc, {
+			class: C(["xy-descriptions__view", z.value.view]),
+			style: T([L.value, V.value.view])
+		}, [M.value ? (A(!0), u(t, { key: 0 }, F(e.items, (e, t) => (A(), c(dc, {
 			key: e.key ?? t,
 			"class-names": e.classNames,
 			"content-style": e.contentStyle,
@@ -15342,7 +15343,7 @@ var fs = ["aria-label"], ps = ["aria-label", "disabled"], ms = ["aria-label", "d
 			"styles"
 		]))), 128)) : I(n.$slots, "default", { key: 1 }, void 0, !0)], 6)], 6));
 	}
-}), [["__scopeId", "data-v-604e62a9"]]), pc = X(dc), mc = Object.assign(X(fc), { Item: pc }), hc = ["aria-orientation"], gc = X(/* @__PURE__ */ Z(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-103d68c3"]]), pc = X(dc), mc = Object.assign(X(fc), { Item: pc }), hc = ["aria-orientation"], gc = X(/* @__PURE__ */ Z(/* @__PURE__ */ g({
 	name: "XyDivider",
 	__name: "divider",
 	props: {
@@ -23988,11 +23989,7 @@ var af = ["aria-busy", "aria-label"], of = X(/* @__PURE__ */ Z(/* @__PURE__ */ g
 			style: T([O.value.item, t.style]),
 			"data-status": M(t, r),
 			"data-step-key": t.key
-		}, [d("span", {
-			class: C(["xy-steps__tail", D.value.tail]),
-			style: T(O.value.tail),
-			"aria-hidden": "true"
-		}, null, 6), (A(), c(R(y.value ? "button" : "div"), {
+		}, [(A(), c(R(y.value ? "button" : "div"), {
 			class: "xy-steps__main",
 			"aria-current": r === v.value ? "step" : void 0,
 			"aria-disabled": e.disabled || t.disabled || void 0,
@@ -24025,19 +24022,27 @@ var af = ["aria-busy", "aria-label"], of = X(/* @__PURE__ */ Z(/* @__PURE__ */ g
 			})) : (A(), u("span", uf, V(r + 1), 1)), L(t, r, M(t, r)) ? (A(), u("span", df, V(S.value) + "% ", 1)) : l("", !0)], !0)], 6), d("span", {
 				class: C(["xy-steps__content", D.value.content]),
 				style: T(O.value.content)
-			}, [d("span", ff, [d("span", {
-				class: C(["xy-steps__title", D.value.title]),
-				style: T(O.value.title)
-			}, [I(n.$slots, "title", {
-				current: r === v.value,
-				index: r,
-				item: t,
-				status: M(t, r)
-			}, () => [m(G(i), { content: t.title }, null, 8, ["content"])], !0)], 6), t.subTitle ? (A(), u("span", {
-				key: 0,
-				class: C(["xy-steps__subtitle", D.value.subTitle]),
-				style: T(O.value.subTitle)
-			}, [m(G(i), { content: t.subTitle }, null, 8, ["content"])], 6)) : l("", !0)]), t.description || G(f).description ? (A(), u("span", {
+			}, [d("span", ff, [
+				d("span", {
+					class: C(["xy-steps__title", D.value.title]),
+					style: T(O.value.title)
+				}, [I(n.$slots, "title", {
+					current: r === v.value,
+					index: r,
+					item: t,
+					status: M(t, r)
+				}, () => [m(G(i), { content: t.title }, null, 8, ["content"])], !0)], 6),
+				t.subTitle ? (A(), u("span", {
+					key: 0,
+					class: C(["xy-steps__subtitle", D.value.subTitle]),
+					style: T(O.value.subTitle)
+				}, [m(G(i), { content: t.subTitle }, null, 8, ["content"])], 6)) : l("", !0),
+				d("span", {
+					class: C(["xy-steps__tail", D.value.tail]),
+					style: T(O.value.tail),
+					"aria-hidden": "true"
+				}, null, 6)
+			]), t.description || G(f).description ? (A(), u("span", {
 				key: 0,
 				class: C(["xy-steps__description", D.value.description]),
 				style: T(O.value.description)
@@ -24058,7 +24063,7 @@ var af = ["aria-busy", "aria-label"], of = X(/* @__PURE__ */ Z(/* @__PURE__ */ g
 			"onClick"
 		]))], 14, cf))), 128))], 46, sf)], 6));
 	}
-}), [["__scopeId", "data-v-740b4545"]])), mf = [
+}), [["__scopeId", "data-v-0975956e"]])), mf = [
 	"id",
 	"aria-checked",
 	"aria-describedby",
@@ -25759,7 +25764,7 @@ var ip = ["aria-busy"], ap = { key: 0 }, op = { key: 0 }, sp = ["colspan"], cp =
 			title: h.value
 		}, null, 8, ["title"]))], 14, sp)])) : (A(!0), u(t, { key: 1 }, F(S.value, (e, i) => (A(), u("tr", {
 			key: e.key,
-			class: C(["xy-table__row", Me.value.row]),
+			class: C(["xy-table__row", [Me.value.row, { "xy-table__row--resize-active": tt(e.key) }]]),
 			"data-row-key": e.key,
 			style: T(Ue(e))
 		}, [d("th", {
@@ -25959,7 +25964,10 @@ var ip = ["aria-busy"], ap = { key: 0 }, op = { key: 0 }, sp = ["colspan"], cp =
 			})
 		}, [(A(!0), u(t, null, F(Fe.value, (e) => (A(), u("div", {
 			key: String(e.key),
-			class: C(["xy-table__virtual-row xy-table__row", [Me.value.row, { "xy-table__row--selected": xt(e) && be.value.has(xt(e).key) }]]),
+			class: C(["xy-table__virtual-row xy-table__row", [Me.value.row, {
+				"xy-table__row--selected": xt(e) && be.value.has(xt(e).key),
+				"xy-table__row--resize-active": xt(e) && tt(xt(e))
+			}]]),
 			"data-row-key": xt(e)?.key,
 			style: T([xt(e) ? He(xt(e)) : {}, {
 				gridTemplateColumns: De.value,
@@ -26177,7 +26185,10 @@ var ip = ["aria-busy"], ap = { key: 0 }, op = { key: 0 }, sp = ["colspan"], cp =
 				style: T(Ne.value.body)
 			}, [(A(!0), u(t, null, F(ve.value, (e) => (A(), u("tr", {
 				key: e.key,
-				class: C(["xy-table__row", [Me.value.row, { "xy-table__row--selected": be.value.has(e.key) }]]),
+				class: C(["xy-table__row", [Me.value.row, {
+					"xy-table__row--selected": be.value.has(e.key),
+					"xy-table__row--resize-active": tt(e)
+				}]]),
 				"data-row-key": e.key,
 				style: T(He(e)),
 				onClick: (t) => pt(e, t)
@@ -26336,7 +26347,7 @@ var ip = ["aria-busy"], ap = { key: 0 }, op = { key: 0 }, sp = ["colspan"], cp =
 			"total"
 		])) : l("", !0)], 14, ip));
 	}
-}), [["__scopeId", "data-v-ea4be9b9"]])), Jp = ["aria-label", "aria-orientation"], Yp = [
+}), [["__scopeId", "data-v-90886cf3"]])), Jp = ["aria-label", "aria-orientation"], Yp = [
 	"data-tab-key",
 	"id",
 	"aria-controls",

package/dist/index.lite.esm.js

@@ -9,7 +9,7 @@ import qe from "dayjs/plugin/quarterOfYear.js";
 import Je from "dayjs/plugin/weekOfYear.js";
 import Ye from "dayjs/plugin/weekYear.js";
 //#region package.json
-var Xe = "0.1.1";
+var Xe = "0.1.3";
 //#endregion
 //#region components/shared/install.ts
 function Z(e) {
@@ -6297,13 +6297,10 @@ var zr = [
 					t.className,
 					v.value.item
 				]]),
-				style: T([
-					t.style,
-					e.direction === "vertical" ? { paddingInlineStart: `${r * 16}px` } : void 0,
-					y.value.item
-				])
+				style: T([t.style, y.value.item])
 			}, [d("a", {
 				class: C(["xy-anchor__link", { "xy-anchor__link--disabled": t.disabled }]),
+				style: T(e.direction === "vertical" && r > 0 ? { paddingInlineStart: `calc(var(--xy-anchor-link-padding-inline) + ${r * 16}px)` } : void 0),
 				href: t.href,
 				target: t.target,
 				rel: t.target === "_blank" ? "noreferrer" : void 0,
@@ -6322,11 +6319,11 @@ var zr = [
 				depth: r,
 				index: i,
 				item: t
-			}, () => [p(B(D(t)), 1)])], 6)], 10, Gr)], 6))), 128))], 6)) : l("", !0),
+			}, () => [p(B(D(t)), 1)])], 6)], 14, Gr)], 6))), 128))], 6)) : l("", !0),
 			F(n.$slots, "default")
 		], 14, Wr));
 	}
-}), [["__scopeId", "data-v-93931713"]])), qr = Z($), Jr = ["aria-busy", "role"], Yr = ["aria-label"], Xr = /*#__PURE__*/ Q(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-5b2bf520"]])), qr = Z($), Jr = ["aria-busy", "role"], Yr = ["aria-label"], Xr = /*#__PURE__*/ Q(/* @__PURE__ */ g({
 	name: "XyMessage",
 	__name: "message",
 	props: {
@@ -14863,7 +14860,7 @@ var Jo = ["aria-label"], Yo = ["aria-label", "disabled"], Xo = ["aria-label", "d
 		}
 	},
 	setup(e) {
-		let n = e, r = G(), i = M(), { width: a } = or(i), o = z([]), f = {
+		let n = e, r = G(), i = M(Object.keys(r)), a = M(), { width: o } = or(a), f = z([]), p = {
 			xs: 0,
 			sm: 576,
 			md: 768,
@@ -14871,28 +14868,28 @@ var Jo = ["aria-label"], Yo = ["aria-label", "disabled"], Xo = ["aria-label", "d
 			xl: 1200,
 			xxl: 1600,
 			xxxl: 1920
-		}, p = Object.keys(f);
-		function h(e) {
+		}, h = Object.keys(p);
+		function g(e) {
 			let t = Number(e);
 			return Number.isFinite(t) ? Math.max(1, Math.floor(t)) : 1;
 		}
-		function g(e, t) {
-			return e === "filled" ? t : Math.min(h(e), t);
-		}
 		function _(e, t) {
-			if (typeof e == "number") return h(e);
-			let n = p.filter((t) => e[t] !== void 0);
+			return e === "filled" ? t : Math.min(g(e), t);
+		}
+		function v(e, t) {
+			if (typeof e == "number") return g(e);
+			let n = h.filter((t) => e[t] !== void 0);
 			if (n.length === 0) return 1;
 			let r = e[n[0]];
-			for (let i of n) t >= f[i] && (r = e[i]);
-			return h(r);
+			for (let i of n) t >= p[i] && (r = e[i]);
+			return g(r);
 		}
-		let v = s(() => n.bordered), y = s(() => n.colon), b = s(() => _(n.column, a.value)), x = s(() => n.layout), S = s(() => n.size), w = s(() => n.title !== void 0 || !!r.title), E = s(() => n.extra !== void 0 || !!r.extra), D = s(() => w.value || E.value), O = s(() => n.items !== void 0), j = s(() => {
+		let y = s(() => n.bordered), b = s(() => n.colon), x = s(() => v(n.column, o.value)), S = s(() => n.layout), w = s(() => n.size), E = s(() => n.title !== void 0 || i.value.includes("title")), O = s(() => n.extra !== void 0 || i.value.includes("extra")), j = s(() => E.value || O.value), N = s(() => n.items !== void 0), I = s(() => {
 			let e = /* @__PURE__ */ new Map(), t = 0, n = 0;
-			for (let r of o.value) {
-				let i = r.span.value, a = g(i, b.value);
-				i === "filled" ? a = Math.max(b.value - t, 1) : t + a > b.value && (t = 0, n += 1);
-				let o = t + a >= b.value;
+			for (let r of f.value) {
+				let i = r.span.value, a = _(i, x.value);
+				i === "filled" ? a = Math.max(x.value - t, 1) : t + a > x.value && (t = 0, n += 1);
+				let o = t + a >= x.value;
 				e.set(r.id, {
 					isLastColumn: o,
 					isLastRow: !1,
@@ -14903,78 +14900,82 @@ var Jo = ["aria-label"], Yo = ["aria-label", "disabled"], Xo = ["aria-label", "d
 			let r = Math.max(...[...e.values()].map((e) => e.row), 0);
 			for (let t of e.values()) t.isLastRow = t.row === r;
 			return e;
-		}), N = s(() => ({ "--xy-descriptions-column": String(b.value) })), I = s(() => ({
+		}), L = s(() => ({ "--xy-descriptions-column": String(x.value) })), R = s(() => ({
 			bordered: n.bordered,
 			colon: n.colon,
-			column: b.value,
-			hasExtra: E.value,
-			hasTitle: w.value,
+			column: x.value,
+			hasExtra: O.value,
+			hasTitle: E.value,
 			layout: n.layout,
 			size: n.size
-		})), L = s(() => it(n.classNames, I.value)), R = s(() => at(n.styles, I.value)), B = s(() => [
+		})), B = s(() => it(n.classNames, R.value)), V = s(() => at(n.styles, R.value)), H = s(() => [
 			"xy-descriptions",
 			`xy-descriptions--${n.layout}`,
 			`xy-descriptions--${n.size}`,
 			{ "xy-descriptions--bordered": n.bordered },
-			L.value.root
-		]), V = s(() => L.value.item), H = s(() => R.value.item), W = s(() => L.value.label), ee = s(() => ({
+			B.value.root
+		]), W = s(() => B.value.item), ee = s(() => V.value.item), K = s(() => B.value.label), te = s(() => ({
 			...n.labelStyle,
-			...R.value.label
-		})), K = s(() => L.value.content), te = s(() => ({
+			...V.value.label
+		})), ne = s(() => B.value.content), re = s(() => ({
 			...n.contentStyle,
-			...R.value.content
+			...V.value.content
 		}));
-		function ne(e) {
-			return o.value = [...o.value, e], () => {
-				o.value = o.value.filter((t) => t.id !== e.id);
+		D(() => {
+			let e = Object.keys(r);
+			e.length === i.value.length && e.every((e, t) => e === i.value[t]) || (i.value = e);
+		});
+		function ie(e) {
+			return f.value = [...f.value, e], () => {
+				f.value = f.value.filter((t) => t.id !== e.id);
 			};
 		}
-		function re(e, t) {
-			return ie(e, t).span;
+		function J(e, t) {
+			return ae(e, t).span;
 		}
-		function ie(e, t) {
-			return j.value.get(e) ?? {
+		function ae(e, t) {
+			return I.value.get(e) ?? {
 				isLastColumn: !0,
 				isLastRow: !0,
-				span: g(t, b.value)
+				span: _(t, x.value)
 			};
 		}
 		return A(Ws, {
-			bordered: v,
-			colon: y,
-			column: b,
-			contentClassName: K,
-			contentStyle: te,
-			itemClassName: V,
-			itemStyle: H,
-			labelClassName: W,
-			labelStyle: ee,
-			layout: x,
-			registerItem: ne,
-			resolveItemLayout: ie,
-			resolveItemSpan: re,
-			size: S
+			bordered: y,
+			colon: b,
+			column: x,
+			contentClassName: ne,
+			contentStyle: re,
+			itemClassName: W,
+			itemStyle: ee,
+			labelClassName: K,
+			labelStyle: te,
+			layout: S,
+			registerItem: ie,
+			resolveItemLayout: ae,
+			resolveItemSpan: J,
+			size: w
 		}), (n, r) => (k(), u("section", {
 			ref_key: "rootRef",
-			ref: i,
-			class: C(B.value),
-			style: T(R.value.root)
-		}, [D.value ? (k(), u("header", {
+			ref: a,
+			class: C(H.value),
+			style: T(V.value.root)
+		}, [j.value ? (k(), u("header", {
 			key: 0,
-			class: C(["xy-descriptions__header", L.value.header]),
-			style: T(R.value.header)
-		}, [w.value ? (k(), u("div", {
+			class: C(["xy-descriptions__header", B.value.header]),
+			style: T(V.value.header)
+		}, [E.value ? (k(), u("div", {
 			key: 0,
-			class: C(["xy-descriptions__title", L.value.title]),
-			style: T(R.value.title)
-		}, [F(n.$slots, "title", {}, () => [m(U(Gs), { value: e.title }, null, 8, ["value"])], !0)], 6)) : l("", !0), E.value ? (k(), u("div", {
+			class: C(["xy-descriptions__title", B.value.title]),
+			style: T(V.value.title)
+		}, [F(n.$slots, "title", {}, () => [m(U(Gs), { value: e.title }, null, 8, ["value"])], !0)], 6)) : l("", !0), O.value ? (k(), u("div", {
 			key: 1,
-			class: C(["xy-descriptions__extra", L.value.extra]),
-			style: T(R.value.extra)
+			class: C(["xy-descriptions__extra", B.value.extra]),
+			style: T(V.value.extra)
 		}, [F(n.$slots, "extra", {}, () => [m(U(Gs), { value: e.extra }, null, 8, ["value"])], !0)], 6)) : l("", !0)], 6)) : l("", !0), d("dl", {
-			class: C(["xy-descriptions__view", L.value.view]),
-			style: T([N.value, R.value.view])
-		}, [O.value ? (k(!0), u(t, { key: 0 }, P(e.items, (e, t) => (k(), c(qs, {
+			class: C(["xy-descriptions__view", B.value.view]),
+			style: T([L.value, V.value.view])
+		}, [N.value ? (k(!0), u(t, { key: 0 }, P(e.items, (e, t) => (k(), c(qs, {
 			key: e.key ?? t,
 			"class-names": e.classNames,
 			"content-style": e.contentStyle,
@@ -14994,7 +14995,7 @@ var Jo = ["aria-label"], Yo = ["aria-label", "disabled"], Xo = ["aria-label", "d
 			"styles"
 		]))), 128)) : F(n.$slots, "default", { key: 1 }, void 0, !0)], 6)], 6));
 	}
-}), [["__scopeId", "data-v-604e62a9"]]), Ys = Z(qs), Xs = Object.assign(Z(Js), { Item: Ys }), Zs = ["aria-orientation"], Qs = Z(/* @__PURE__ */ Q(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-103d68c3"]]), Ys = Z(qs), Xs = Object.assign(Z(Js), { Item: Ys }), Zs = ["aria-orientation"], Qs = Z(/* @__PURE__ */ Q(/* @__PURE__ */ g({
 	name: "XyDivider",
 	__name: "divider",
 	props: {
@@ -22859,11 +22860,7 @@ var od = ["aria-busy", "aria-label"], sd = Z(/* @__PURE__ */ Q(/* @__PURE__ */ g
 			style: T([O.value.item, t.style]),
 			"data-status": N(t, r),
 			"data-step-key": t.key
-		}, [d("span", {
-			class: C(["xy-steps__tail", D.value.tail]),
-			style: T(O.value.tail),
-			"aria-hidden": "true"
-		}, null, 6), (k(), c(L(y.value ? "button" : "div"), {
+		}, [(k(), c(L(y.value ? "button" : "div"), {
 			class: "xy-steps__main",
 			"aria-current": r === v.value ? "step" : void 0,
 			"aria-disabled": e.disabled || t.disabled || void 0,
@@ -22896,19 +22893,27 @@ var od = ["aria-busy", "aria-label"], sd = Z(/* @__PURE__ */ Q(/* @__PURE__ */ g
 			})) : (k(), u("span", dd, B(r + 1), 1)), R(t, r, N(t, r)) ? (k(), u("span", fd, B(S.value) + "% ", 1)) : l("", !0)], !0)], 6), d("span", {
 				class: C(["xy-steps__content", D.value.content]),
 				style: T(O.value.content)
-			}, [d("span", pd, [d("span", {
-				class: C(["xy-steps__title", D.value.title]),
-				style: T(O.value.title)
-			}, [F(n.$slots, "title", {
-				current: r === v.value,
-				index: r,
-				item: t,
-				status: N(t, r)
-			}, () => [m(U(i), { content: t.title }, null, 8, ["content"])], !0)], 6), t.subTitle ? (k(), u("span", {
-				key: 0,
-				class: C(["xy-steps__subtitle", D.value.subTitle]),
-				style: T(O.value.subTitle)
-			}, [m(U(i), { content: t.subTitle }, null, 8, ["content"])], 6)) : l("", !0)]), t.description || U(f).description ? (k(), u("span", {
+			}, [d("span", pd, [
+				d("span", {
+					class: C(["xy-steps__title", D.value.title]),
+					style: T(O.value.title)
+				}, [F(n.$slots, "title", {
+					current: r === v.value,
+					index: r,
+					item: t,
+					status: N(t, r)
+				}, () => [m(U(i), { content: t.title }, null, 8, ["content"])], !0)], 6),
+				t.subTitle ? (k(), u("span", {
+					key: 0,
+					class: C(["xy-steps__subtitle", D.value.subTitle]),
+					style: T(O.value.subTitle)
+				}, [m(U(i), { content: t.subTitle }, null, 8, ["content"])], 6)) : l("", !0),
+				d("span", {
+					class: C(["xy-steps__tail", D.value.tail]),
+					style: T(O.value.tail),
+					"aria-hidden": "true"
+				}, null, 6)
+			]), t.description || U(f).description ? (k(), u("span", {
 				key: 0,
 				class: C(["xy-steps__description", D.value.description]),
 				style: T(O.value.description)
@@ -22929,7 +22934,7 @@ var od = ["aria-busy", "aria-label"], sd = Z(/* @__PURE__ */ Q(/* @__PURE__ */ g
 			"onClick"
 		]))], 14, ld))), 128))], 46, cd)], 6));
 	}
-}), [["__scopeId", "data-v-740b4545"]])), hd = [
+}), [["__scopeId", "data-v-0975956e"]])), hd = [
 	"id",
 	"aria-checked",
 	"aria-describedby",