@czxingyu/xycomponents 0.1.0 → 0.1.2

package/README.md

@@ -4,6 +4,8 @@
 
 `xycomponents` combines component-library packaging, a live documentation site, and a Markdown demo pipeline in one codebase, so components and documentation can evolve together.
 
+Chinese docs: [README.zh-CN.md](./README.zh-CN.md) | [组件库中文介绍](./docs/INTRODUCTION.zh-CN.md)
+
 ## Before you start
 
 The npm package name is `@czxingyu/xycomponents`; the library brand remains `xycomponents`.

package/README.zh-CN.md

@@ -4,6 +4,8 @@
 
 `xycomponents` 把组件库打包、文档站点、Markdown Demo 展示能力放在同一个项目里，适合逐步沉淀自研基础组件、业务组件和组件官网。
 
+更适合 GitHub 访客快速了解项目的中文介绍见 [组件库中文介绍](./docs/INTRODUCTION.zh-CN.md)。
+
 ## 开始前先做这一步
 
 npm 包名为 `@czxingyu/xycomponents`，组件库品牌名仍为 `xycomponents`。

package/dist/anchor/anchor.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./anchor.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                       */
 //#region components/anchor/anchor.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-93931713"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-5b2bf520"]]);
 //#endregion
 export { n as default };

package/dist/anchor/anchor.vue_vue_type_script_setup_true_lang.js

@@ -217,13 +217,10 @@ var x = ["aria-label"], S = [
 					t.className,
 					P.value.item
 				]]),
-				style: f([
-					t.style,
-					l.direction === "vertical" ? { paddingInlineStart: `${n * 16}px` } : void 0,
-					F.value.item
-				])
+				style: f([t.style, F.value.item])
 			}, [s("a", {
 				class: d(["xy-anchor__link", { "xy-anchor__link--disabled": t.disabled }]),
+				style: f(l.direction === "vertical" && n > 0 ? { paddingInlineStart: `calc(var(--xy-anchor-link-padding-inline) + ${n * 16}px)` } : void 0),
 				href: t.href,
 				target: t.target,
 				rel: t.target === "_blank" ? "noreferrer" : void 0,
@@ -242,7 +239,7 @@ var x = ["aria-label"], S = [
 				depth: n,
 				index: r,
 				item: t
-			}, () => [c(y(z(t)), 1)])], 6)], 10, S)], 6))), 128))], 6)) : a("", !0),
+			}, () => [c(y(z(t)), 1)])], 6)], 14, S)], 6))), 128))], 6)) : a("", !0),
 			v(e.$slots, "default")
 		], 14, x));
 	}

package/dist/collapse/collapse-panel.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./collapse-panel.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                               */
 //#region components/collapse/collapse-panel.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-438f5930"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-3ba91eb0"]]);
 //#endregion
 export { n as default };

package/dist/descriptions/descriptions.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./descriptions.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                             */
 //#region components/descriptions/descriptions.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-604e62a9"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-103d68c3"]]);
 //#endregion
 export { n as default };

package/dist/descriptions/descriptions.vue_vue_type_script_setup_true_lang.js

@@ -3,9 +3,9 @@ import { useElementSize as n } from "../core/resize/index.js";
 import { xyDescriptionsContextKey as r } from "./context.js";
 import i from "./descriptions-value.js";
 import a from "./descriptions-item.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as _, ref as v, renderList as y, renderSlot as b, shallowRef as x, unref as S, useSlots as C, withCtx as w } from "vue";
+import { Fragment as o, computed as s, createBlock as ee, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, onBeforeUpdate as h, openBlock as g, provide as _, ref as v, renderList as y, renderSlot as b, shallowRef as x, unref as S, useSlots as C, withCtx as w } from "vue";
 //#region components/descriptions/descriptions.vue?vue&type=script&setup=true&lang.ts
-var T = /*@__PURE__*/ p({
+var T = /*@__PURE__*/ f({
 	name: "XyDescriptions",
 	__name: "descriptions",
 	props: {
@@ -68,8 +68,8 @@ var T = /*@__PURE__*/ p({
 			required: !1
 		}
 	},
-	setup(p) {
-		let T = p, E = C(), D = v(), { width: O } = n(D), k = x([]), A = {
+	setup(f) {
+		let T = f, E = C(), D = v(Object.keys(E)), O = v(), { width: k } = n(O), A = x([]), j = {
 			xs: 0,
 			sm: 576,
 			md: 768,
@@ -77,28 +77,28 @@ var T = /*@__PURE__*/ p({
 			xl: 1200,
 			xxl: 1600,
 			xxxl: 1920
-		}, ee = Object.keys(A);
-		function j(e) {
+		}, te = Object.keys(j);
+		function M(e) {
 			let t = Number(e);
 			return Number.isFinite(t) ? Math.max(1, Math.floor(t)) : 1;
 		}
-		function M(e, t) {
-			return e === "filled" ? t : Math.min(j(e), t);
-		}
 		function N(e, t) {
-			if (typeof e == "number") return j(e);
-			let n = ee.filter((t) => e[t] !== void 0);
+			return e === "filled" ? t : Math.min(M(e), t);
+		}
+		function P(e, t) {
+			if (typeof e == "number") return M(e);
+			let n = te.filter((t) => e[t] !== void 0);
 			if (n.length === 0) return 1;
 			let r = e[n[0]];
-			for (let i of n) t >= A[i] && (r = e[i]);
-			return j(r);
+			for (let i of n) t >= j[i] && (r = e[i]);
+			return M(r);
 		}
-		let P = s(() => T.bordered), F = s(() => T.colon), I = s(() => N(T.column, O.value)), L = s(() => T.layout), R = s(() => T.size), z = s(() => T.title !== void 0 || !!E.title), B = s(() => T.extra !== void 0 || !!E.extra), V = s(() => z.value || B.value), H = s(() => T.items !== void 0), U = s(() => {
+		let F = s(() => T.bordered), I = s(() => T.colon), L = s(() => P(T.column, k.value)), R = s(() => T.layout), z = s(() => T.size), B = s(() => T.title !== void 0 || D.value.includes("title")), V = s(() => T.extra !== void 0 || D.value.includes("extra")), H = s(() => B.value || V.value), U = s(() => T.items !== void 0), W = s(() => {
 			let e = /* @__PURE__ */ new Map(), t = 0, n = 0;
-			for (let r of k.value) {
-				let i = r.span.value, a = M(i, I.value);
-				i === "filled" ? a = Math.max(I.value - t, 1) : t + a > I.value && (t = 0, n += 1);
-				let o = t + a >= I.value;
+			for (let r of A.value) {
+				let i = r.span.value, a = N(i, L.value);
+				i === "filled" ? a = Math.max(L.value - t, 1) : t + a > L.value && (t = 0, n += 1);
+				let o = t + a >= L.value;
 				e.set(r.id, {
 					isLastColumn: o,
 					isLastRow: !1,
@@ -109,78 +109,82 @@ var T = /*@__PURE__*/ p({
 			let r = Math.max(...[...e.values()].map((e) => e.row), 0);
 			for (let t of e.values()) t.isLastRow = t.row === r;
 			return e;
-		}), W = s(() => ({ "--xy-descriptions-column": String(I.value) })), G = s(() => ({
+		}), G = s(() => ({ "--xy-descriptions-column": String(L.value) })), K = s(() => ({
 			bordered: T.bordered,
 			colon: T.colon,
-			column: I.value,
-			hasExtra: B.value,
-			hasTitle: z.value,
+			column: L.value,
+			hasExtra: V.value,
+			hasTitle: B.value,
 			layout: T.layout,
 			size: T.size
-		})), K = s(() => e(T.classNames, G.value)), q = s(() => t(T.styles, G.value)), J = s(() => [
+		})), q = s(() => e(T.classNames, K.value)), J = s(() => t(T.styles, K.value)), Y = s(() => [
 			"xy-descriptions",
 			`xy-descriptions--${T.layout}`,
 			`xy-descriptions--${T.size}`,
 			{ "xy-descriptions--bordered": T.bordered },
-			K.value.root
-		]), Y = s(() => K.value.item), X = s(() => q.value.item), Z = s(() => K.value.label), Q = s(() => ({
+			q.value.root
+		]), X = s(() => q.value.item), Z = s(() => J.value.item), Q = s(() => q.value.label), ne = s(() => ({
 			...T.labelStyle,
-			...q.value.label
-		})), te = s(() => K.value.content), ne = s(() => ({
+			...J.value.label
+		})), re = s(() => q.value.content), ie = s(() => ({
 			...T.contentStyle,
-			...q.value.content
+			...J.value.content
 		}));
-		function re(e) {
-			return k.value = [...k.value, e], () => {
-				k.value = k.value.filter((t) => t.id !== e.id);
+		h(() => {
+			let e = Object.keys(E);
+			e.length === D.value.length && e.every((e, t) => e === D.value[t]) || (D.value = e);
+		});
+		function ae(e) {
+			return A.value = [...A.value, e], () => {
+				A.value = A.value.filter((t) => t.id !== e.id);
 			};
 		}
-		function ie(e, t) {
+		function oe(e, t) {
 			return $(e, t).span;
 		}
 		function $(e, t) {
-			return U.value.get(e) ?? {
+			return W.value.get(e) ?? {
 				isLastColumn: !0,
 				isLastRow: !0,
-				span: M(t, I.value)
+				span: N(t, L.value)
 			};
 		}
 		return _(r, {
-			bordered: P,
-			colon: F,
-			column: I,
-			contentClassName: te,
-			contentStyle: ne,
-			itemClassName: Y,
-			itemStyle: X,
-			labelClassName: Z,
-			labelStyle: Q,
-			layout: L,
-			registerItem: re,
+			bordered: F,
+			colon: I,
+			column: L,
+			contentClassName: re,
+			contentStyle: ie,
+			itemClassName: X,
+			itemStyle: Z,
+			labelClassName: Q,
+			labelStyle: ne,
+			layout: R,
+			registerItem: ae,
 			resolveItemLayout: $,
-			resolveItemSpan: ie,
-			size: R
-		}), (e, t) => (g(), u("section", {
+			resolveItemSpan: oe,
+			size: z
+		}), (e, t) => (g(), l("section", {
 			ref_key: "rootRef",
-			ref: D,
-			class: m(J.value),
-			style: h(q.value.root)
-		}, [V.value ? (g(), u("header", {
+			ref: O,
+			class: p(Y.value),
+			style: m(J.value.root)
+		}, [H.value ? (g(), l("header", {
 			key: 0,
-			class: m(["xy-descriptions__header", K.value.header]),
-			style: h(q.value.header)
-		}, [z.value ? (g(), u("div", {
+			class: p(["xy-descriptions__header", q.value.header]),
+			style: m(J.value.header)
+		}, [B.value ? (g(), l("div", {
 			key: 0,
-			class: m(["xy-descriptions__title", K.value.title]),
-			style: h(q.value.title)
-		}, [b(e.$slots, "title", {}, () => [f(S(i), { value: p.title }, null, 8, ["value"])], !0)], 6)) : l("", !0), B.value ? (g(), u("div", {
+			class: p(["xy-descriptions__title", q.value.title]),
+			style: m(J.value.title)
+		}, [b(e.$slots, "title", {}, () => [d(S(i), { value: f.title }, null, 8, ["value"])], !0)], 6)) : c("", !0), V.value ? (g(), l("div", {
 			key: 1,
-			class: m(["xy-descriptions__extra", K.value.extra]),
-			style: h(q.value.extra)
-		}, [b(e.$slots, "extra", {}, () => [f(S(i), { value: p.extra }, null, 8, ["value"])], !0)], 6)) : l("", !0)], 6)) : l("", !0), d("dl", {
-			class: m(["xy-descriptions__view", K.value.view]),
-			style: h([W.value, q.value.view])
-		}, [H.value ? (g(!0), u(o, { key: 0 }, y(p.items, (e, t) => (g(), c(a, {
+			class: p(["xy-descriptions__extra", q.value.extra]),
+			style: m(J.value.extra)
+		}, [b(e.$slots, "extra", {}, () => [d(S(i), { value: f.extra }, null, 8, ["value"])], !0)], 6)) : c("", !0)], 6)) : c("", !0), u("dl", {
+			class: p(["xy-descriptions__view", q.value.view]),
+			style: m([G.value, J.value.view])
+		}, [U.value ? (g(!0), l(o, { key: 0 }, y(f.items, (e, t) => (g(), ee(a, {
 			key: e.key ?? t,
 			"class-names": e.classNames,
 			"content-style": e.contentStyle,
@@ -189,7 +193,7 @@ var T = /*@__PURE__*/ p({
 			span: e.span,
 			styles: e.styles
 		}, {
-			default: w(() => [f(S(i), { value: e.children ?? e.content }, null, 8, ["value"])]),
+			default: w(() => [d(S(i), { value: e.children ?? e.content }, null, 8, ["value"])]),
 			_: 2
 		}, 1032, [
 			"class-names",

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.0";
+}) : n, e)), nt = "0.1.2";
 //#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: {
@@ -11880,7 +11877,7 @@ var ya = ["aria-roledescription"], ba = ["aria-label", "disabled"], xa = ["aria-
 			style: T(O.value.content)
 		}, [d("div", mo, [I(n.$slots, "default", {}, void 0, !0)])], 6)), [[ie, m.value]])], 14, ao));
 	}
-}), [["__scopeId", "data-v-438f5930"]]), _o = /*#__PURE__*/ Z(/* @__PURE__ */ g({
+}), [["__scopeId", "data-v-3ba91eb0"]]), _o = /*#__PURE__*/ Z(/* @__PURE__ */ g({
 	name: "XyCollapse",
 	__name: "collapse",
 	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-455b2451"]])), Jp = ["aria-label", "aria-orientation"], Yp = [
+}), [["__scopeId", "data-v-90886cf3"]])), Jp = ["aria-label", "aria-orientation"], Yp = [
 	"data-tab-key",
 	"id",
 	"aria-controls",