@studio-west/component-sw 0.12.12 → 0.12.13

package/README.md

@@ -280,9 +280,9 @@ model - индекс активной кнопки.
 
 ### Свойства / Properties
 
-| Имя      | Тип       | По умолчанию | Значения/Описание                                                    |
-|----------|-----------|--------------|----------------------------------------------------------------------|
-| `visual` | `Boolean` | `true`       | Видимость                                                            |
+| Имя      | Тип       | По умолчанию | Значения/Описание |
+|----------|-----------|--------------|-------------------|
+| `visual` | `Boolean` | `true`       | Видимость         |
 
 ### Слоты / Slots
 
@@ -1052,28 +1052,71 @@ model - состояние чекбокса (checked ) булевое  знач
 
 ## SwTable
 
-Компонент `SwTable` представляет собой динамическую таблицу с поддержкой сложных заголовков, объединения ячеек и кастомизации содержимого через слоты.
+Компонент `SwTable` — динамическая таблица с вложенными заголовками, объединением ячеек (`rowspan` / `colspan`), кастомизацией через слоты, подсветкой строк и столбцов при наведении, изменением ширины колонок и фиксацией крайних колонок при горизонтальном скролле.
 
-### Свойства / Properties
+The `SwTable` component is a dynamic table with nested headers, cell merging (`rowspan` / `colspan`), slot-based customization, row and column hover highlighting, column resizing, and sticky edge columns during horizontal scroll.
+
+Колонки описываются дочерним компонентом `SwTableColumn`. / Columns are defined with the child `SwTableColumn` component.
+
+### Свойства SwTable / SwTable Properties
+
+| Имя / Name  | Тип / Type          | По умолчанию / Default | Значения/Описание / Values & Description                                                                 |
+|-------------|---------------------|------------------------|--------------------------------------------------------------------------------------------------------|
+| `data`      | `Array`             | `required`             | Данные таблицы — массив объектов. / Table data — an array of row objects.                              |
+| `resizable` | `Boolean`           | `true`                 | Разрешить изменение ширины колонок перетаскиванием края заголовка. / Allow resizing leaf columns by dragging the header edge. |
+| `maxWidth`  | `String` \| `Number`| —                      | Максимальная ширина контейнера таблицы. При переполнении — горизонтальный скролл и активация `fixed`-колонок. / Max table container width; enables horizontal scroll and `fixed` columns when content overflows. |
+
+### События SwTable / SwTable Events
+
+| Имя / Name      | Параметры / Payload   | Описание / Description                                                         |
+|-----------------|-----------------------|--------------------------------------------------------------------------------|
+| `column-resize` | `{ prop, width }`     | Срабатывает после изменения ширины колонки (в px). / Fired after a column width change (px). |
+
+### Свойства SwTableColumn / SwTableColumn Properties
+
+| Имя / Name  | Тип / Type          | По умолчанию / Default | Значения/Описание / Values & Description                                                                 |
+|-------------|---------------------|------------------------|----------------------------------------------------------------------------------------------------------|
+| `prop`      | `String`            | —                      | Ключ поля в объекте строки. Поддерживает вложенные пути: `speed.midl`. / Row field key; supports nested paths such as `speed.midl`. |
+| `label`     | `String`            | `''`                   | Заголовок колонки. / Column header label.                                                                |
+| `width`     | `String` \| `Number`| `'auto'`               | Ширина колонки, например `180` или `'180px'`. / Column width, e.g. `180` or `'180px'`.                   |
+| `height`    | `String` \| `Number`| `'auto'`               | Минимальная высота ячейки заголовка. / Minimum header cell height.                                       |
+| `resizable` | `Boolean`           | —                      | Разрешить ресайз конкретной колонки. По умолчанию наследует `resizable` таблицы. / Allow resizing this column; defaults to the table `resizable` value. |
+| `minWidth`  | `String` \| `Number`| `48`                   | Минимальная ширина при ресайзе (px). / Minimum width while resizing (px).                              |
+| `fixed`     | `String`            | —                      | `'left'` \| `'right'` — фиксация колонки при горизонтальном скролле. / `'left'` \| `'right'` — sticky column during horizontal scroll. |
+
+`SwTableColumn` без `prop` используется как групповой заголовок; внутри него задаются дочерние `SwTableColumn`. / A `SwTableColumn` without `prop` is a group header; place child `SwTableColumn` components inside it.
 
-| Имя    | Тип      | По умолчанию | Значения/Описание                                  |
-|--------|----------|--------------|----------------------------------------------------|
-| `data` | `Array`  | `required`   | Содержание таблицы - обязательный массив объектов. |
+### Подсветка при наведении / Hover highlight
+
+- **Строка** — при наведении на строку в `tbody` подсвечиваются все её ячейки (учитывается `rowspan`). / **Row** — hovering a `tbody` row highlights all of its cells (`rowspan` is respected).
+- **Столбец** — при наведении на ячейку заголовка подсвечивается весь столбец; для группового заголовка с `colspan` — все вложенные колонки. / **Column** — hovering a header cell highlights the whole column; for a grouped header with `colspan`, all nested columns are highlighted.
+
+Стили подсветки заданы в `component-sw.css` (классы `row-hover`, `col-hover`). / Hover styles are defined in `component-sw.css` (`row-hover`, `col-hover` classes).
+
+### Фиксированные колонки / Fixed columns
+
+Фиксация включается, когда одновременно: / Sticky columns activate when all of the following are true:
+
+1. задан `max-width` у `SwTable`; / `max-width` is set on `SwTable`;
+2. у колонок указан `fixed="left"` или `fixed="right"`; / columns have `fixed="left"` or `fixed="right"`;
+3. суммарная ширина таблицы превышает контейнер. / total table width exceeds the container.
+
+Групповой заголовок фиксируется, если все его дочерние колонки имеют одинаковое значение `fixed`. / A group header is sticky when all of its child columns share the same `fixed` value.
 
 ### Слоты / Slots
 
-#`<prop>` - именованный слот для конкретной колонки (приоритет выше default). Доступные параметры: `{ row, $index, value }`
+`#<prop>` — именованный слот для конкретной колонки (приоритет выше default). Параметры: `{ row, $index, value }` / Named slot for a specific column (higher priority than default). Parameters: `{ row, $index, value }`
 
-#default - универсальный слот для всех колонок. Доступные параметры: `{ row, $index, column, value }`
+`#default` — универсальный слот для всех колонок. Параметры: `{ row, $index, column, value }` / Default slot for all columns. Parameters: `{ row, $index, column, value }`
 
-- `row` - весь объект строки данных
-- `$index` - индекс строки (начиная с 0)
-- `column` - имя колонки (prop)
-- `value` - значение ячейки
+- `row` — весь объект строки данных / the full row data object
+- `$index` — индекс строки (начиная с 0) / row index (zero-based)
+- `column` — имя колонки (`prop`) / column name (`prop`)
+- `value` — значение ячейки / cell value
 
 ### Пример использования / Example Usage
 
-#### Базовый пример с вложенными колонками:
+#### Базовый пример с вложенными колонками / Nested column headers:
 
 ```html
 <script>
@@ -1091,7 +1134,39 @@ model - состояние чекбокса (checked ) булевое  знач
 </sw-table>
 ```
 
-#### Пример с v-for для динамических колонок:
+#### Ресайз колонок / Column resize:
+
+```html
+<sw-table :data="users" @column-resize="onColumnResize">
+  <sw-table-column prop="name" label="Имя" width="180px" />
+  <sw-table-column prop="age" label="Возраст" width="100px" />
+  <sw-table-column
+    prop="actions"
+    label="Действия"
+    width="150px"
+    :resizable="false"
+  />
+</sw-table>
+
+<script setup>
+function onColumnResize({ prop, width }) {
+  console.log(prop, width)
+}
+</script>
+```
+
+#### Фиксированные крайние колонки / Fixed edge columns:
+
+```html
+<sw-table :data="rows" max-width="520px">
+  <sw-table-column prop="id" label="ID" width="70px" fixed="left" />
+  <sw-table-column prop="name" label="Имя" width="160px" fixed="left" />
+  <sw-table-column prop="email" label="Email" width="200px" />
+  <sw-table-column prop="note" label="Примечание" width="180px" fixed="right" />
+</sw-table>
+```
+
+#### Пример с v-for для динамических колонок / Dynamic columns with v-for:
 
 ```html
 <script setup>
@@ -1121,7 +1196,7 @@ const tableData = ref([
 </sw-table>
 ```
 
-#### Пример с кастомизацией через слоты:
+#### Пример с кастомизацией через слоты / Slot customization:
 
 ```html
 <script setup>
@@ -1167,7 +1242,7 @@ const deleteUser = (id) => {
 </sw-table>
 ```
 
-#### Пример с универсальным default слотом:
+#### Пример с универсальным default слотом / Default slot for all columns:
 
 ```html
 <script setup>
@@ -1198,7 +1273,7 @@ const products = ref([
 </sw-table>
 ```
 
-#### Пример с объединением ячеек (rowspan/colspan):
+#### Пример с объединением ячеек (rowspan/colspan) / Cell merging (rowspan/colspan):
 
 ```html
 <script setup>
@@ -1292,25 +1367,15 @@ Default - для вкладок
 
 ## Изменения / Changelog
 
-### 0.12.11
-
-**SSR-совместимость / SSR compatibility**
-
-- `Alert`: инициализация контейнера вынесена из верхнего уровня модуля в саму функцию и защищена проверкой `typeof document === 'undefined'` — больше не падает при импорте на сервере. / `Alert`: container initialization moved out of module top-level into the function and guarded with `typeof document === 'undefined'` — no longer crashes when imported on the server.
-- `SwDatePicker`: обращение к `navigator.language` обёрнуто в проверку окружения (раньше выполнялось в `setup` при SSR). / `SwDatePicker`: `navigator.language` access is now environment-guarded (previously executed in `setup` during SSR).
-- `SwSlider`: обращение к `document.querySelector` в рендер-функции `tooltipStyle` защищено проверкой окружения. / `SwSlider`: the `document.querySelector` call inside the `tooltipStyle` render function is now environment-guarded.
-- `dist` пересобран — `dist/index.js` и `dist/index.cjs` больше не содержат обращений к `document`/`window` на верхнем уровне и корректно импортируются в Node/SSR. / `dist` rebuilt — `dist/index.js` and `dist/index.cjs` no longer contain top-level `document`/`window` access and import correctly in Node/SSR.
-
-**Самодостаточные исходники / Self-contained source**
-
-- Все внутренние импорты переведены с алиаса `@/` на относительные пути, поэтому сырые `.vue`/`.ts` файлы корректно резолвятся при прямом импорте из `src` (в т.ч. при pre-bundle в Vite у проекта-потребителя). / All internal imports switched from the `@/` alias to relative paths, so the raw `.vue`/`.ts` files resolve correctly when imported directly from `src` (including Vite pre-bundle in the consumer project).
-- Добавлен shim `types/shims-vue.d.ts` для корректной типизации импортов `.vue`. / Added `types/shims-vue.d.ts` shim for correct typing of `.vue` imports.
-- Удалены «мёртвые» type-реэкспорты из несуществующего модуля `@/types`. / Removed dead type re-exports from the non-existent `@/types` module.
+### 0.12.13
 
-**Исправления / Fixes**
+**SwTable**
 
-- `SwSwitch`: модификатор `.sw-small` теперь действительно уменьшает переключатель (использует `--sw-component-size-small` вместо базового размера). / `SwSwitch`: the `.sw-small` modifier now actually shrinks the switch (uses `--sw-component-size-small` instead of the base size).
-- Устранены все ошибки `vue-tsc` (`SwMenu`, `SwSelect`, `index.ts`, `utils`) — проверка типов проходит чисто. / Fixed all `vue-tsc` errors (`SwMenu`, `SwSelect`, `index.ts`, `utils`) — type-check passes cleanly.
+- Подсветка строки при наведении на строку в `tbody` (с учётом `rowspan`). / Row highlight on `tbody` row hover (`rowspan` supported).
+- Подсветка столбца при наведении на ячейку заголовка; для группового заголовка с `colspan` — все вложенные колонки. / Column highlight on header cell hover; grouped headers with `colspan` highlight all nested columns.
+- Изменение ширины колонок перетаскиванием края заголовка; проп `resizable` у таблицы и колонки, событие `column-resize`. / Resize leaf columns by dragging the header edge; table/column `resizable` prop and `column-resize` event.
+- Фиксация крайних колонок (`fixed="left"` \| `fixed="right"` на `SwTableColumn`) при горизонтальном скролле; prop `maxWidth` у `SwTable`. / Sticky edge columns (`fixed="left"` \| `fixed="right"` on `SwTableColumn`) during horizontal scroll; `maxWidth` prop on `SwTable`.
+- Колонки снова регистрируются корректно: `SwTable` и `SwTableColumn` монтируют слот через скрытый контейнер (`provide` / `inject`). / Columns register correctly again: `SwTable` and `SwTableColumn` mount the slot via a hidden container (`provide` / `inject`).
 
 ---
 

package/dist/SwTable-BryA1Lud.js

@@ -0,0 +1,338 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, nextTick as o, normalizeClass as s, normalizeStyle as c, onMounted as l, onUnmounted as u, openBlock as d, provide as f, reactive as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as ee, useSlots as te, watch as ne, watchEffect as re, withModifiers as ie } from "vue";
+//#region src/components/SwTable.vue
+var v = {
+	style: { display: "none" },
+	"aria-hidden": "true"
+}, ae = [
+	"colspan",
+	"rowspan",
+	"onMouseenter"
+], oe = ["onMousedown"], se = ["onMouseenter"], ce = ["colspan", "rowspan"], y = {
+	__name: "SwTable",
+	props: {
+		data: {
+			type: Array,
+			required: !0
+		},
+		resizable: {
+			type: Boolean,
+			default: !0
+		},
+		maxWidth: {
+			type: [String, Number],
+			default: void 0
+		}
+	},
+	emits: ["column-resize"],
+	setup(y, { emit: b }) {
+		let x = y, S = b, le = te(), C = p([]), w = m({}), T = m(!1), E = m(null), D = m(null), O = m(null), k = m(null), A = m(!1), j = typeof window < "u" && typeof document < "u", ue = 0, M = null;
+		f("swTableColumns", C), f("swTableAllocColumnOrder", () => ue++);
+		function N(e) {
+			if (e == null || e === "auto") return null;
+			if (typeof e == "number") return e;
+			let t = parseInt(e, 10);
+			return Number.isNaN(t) ? null : t;
+		}
+		function P(e) {
+			return e == null ? void 0 : `${e}px`;
+		}
+		function F(e, t) {
+			return w.value[e] == null ? N(t) : w.value[e];
+		}
+		function I(e, t) {
+			let n = F(e, t);
+			if (n == null) return {};
+			let r = P(n);
+			return {
+				width: r,
+				minWidth: r
+			};
+		}
+		function L(e) {
+			return e?.prop ? F(e.prop, e.width) ?? N(e.minWidth) ?? 80 : N(e?.width) ?? N(e?.minWidth) ?? 80;
+		}
+		function R(e) {
+			let t = 0;
+			for (let n = 0; n < e; n++) t += L(X.value[n]);
+			return t;
+		}
+		function z(e) {
+			let t = 0, n = X.value;
+			for (let r = n.length - 1; r > e; r--) t += L(n[r]);
+			return t;
+		}
+		function B(e) {
+			if (e.fixed) return e.fixed;
+			if (e.prop) return X.value.find((t) => t.prop === e.prop)?.fixed;
+			if (!e.colIndices?.length) return null;
+			let t = e.colIndices.map((e) => X.value[e]?.fixed).filter(Boolean);
+			return t.length && t.every((e) => e === "left") ? "left" : t.length && t.every((e) => e === "right") ? "right" : null;
+		}
+		function V(e, t = !1) {
+			let n = B(e);
+			if (!n) return {};
+			let r = e.colIndex ?? e.colIndices[0], i = e.colIndex == null ? e.colIndices[e.colIndices.length - 1] : e.colIndex + (e.colspan || 1) - 1, a = t ? 100 : 0;
+			return n === "left" ? {
+				position: "sticky",
+				left: `${R(r)}px`,
+				zIndex: a + r + 1
+			} : {
+				position: "sticky",
+				right: `${z(i)}px`,
+				zIndex: a + X.value.length - i
+			};
+		}
+		function H(e) {
+			let t = { minHeight: e.height && e.height !== "auto" ? e.height : void 0 };
+			return e.prop ? Object.assign(t, I(e.prop, e.width)) : e.width && e.width !== "auto" && (t.minWidth = P(N(e.width)) || e.width), Q.value && Object.assign(t, V(e, !0)), t;
+		}
+		function U(e) {
+			let t = { ...e.style };
+			return Q.value && Object.assign(t, V(e)), t;
+		}
+		function W(e) {
+			return !x.resizable || !e.prop ? !1 : e.resizable !== !1;
+		}
+		function de(e) {
+			E.value = new Set(e.colIndices);
+		}
+		function fe() {
+			E.value = null;
+		}
+		function G(e) {
+			if (!E.value) return !1;
+			let t = e.colIndex, n = t + (e.colspan || 1) - 1;
+			for (let e = t; e <= n; e++) if (E.value.has(e)) return !0;
+			return !1;
+		}
+		function pe(e, t) {
+			let n = D.value;
+			return n === null ? !1 : t <= n && n < t + (e.rowspan || 1);
+		}
+		function K(e) {
+			let t = B(e);
+			return {
+				"fixed-left": Q.value && t === "left",
+				"fixed-right": Q.value && t === "right"
+			};
+		}
+		function me(e, t) {
+			let n = G(e), r = pe(e, t);
+			return {
+				...K(e),
+				"col-hover": n && !r,
+				"row-hover": r && !n
+			};
+		}
+		function he(e) {
+			return {
+				...K(e),
+				resizable: W(e),
+				"col-hover": G(e)
+			};
+		}
+		function ge(e) {
+			return N(e.minWidth) ?? 48;
+		}
+		function _e(e, t) {
+			if (!j) return;
+			let n = e.currentTarget.closest("th");
+			if (!n || !t.prop) return;
+			let r = t.prop, i = e.clientX, a = F(r, t.width) ?? n.offsetWidth, s = ge(t);
+			T.value = !0, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+			let c = (e) => {
+				let t = Math.max(s, a + (e.clientX - i));
+				w.value = {
+					...w.value,
+					[r]: t
+				};
+			}, l = () => {
+				document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l), document.body.style.cursor = "", document.body.style.userSelect = "", T.value = !1, S("column-resize", {
+					prop: r,
+					width: w.value[r]
+				}), o($);
+			};
+			document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+		}
+		function q(e) {
+			return [...e].sort((e, t) => e.order - t.order);
+		}
+		function J(e) {
+			if (!e || e.length === 0) return 1;
+			let t = 1;
+			for (let n of e) if (n.children && n.children.length > 0) {
+				let e = J(n.children);
+				t = Math.max(t, 1 + e);
+			}
+			return t;
+		}
+		function ve(e, t) {
+			let n = Array.from({ length: t }, () => []), r = 0;
+			function i(e, a, o = "") {
+				let s = q(e);
+				for (let e = 0; e < s.length; e++) {
+					let c = s[e], l = o ? `${o}-${c.prop || e}` : c.prop || e;
+					if (c.children && c.children.length > 0) {
+						let e = r, t = ye(c.children);
+						i(c.children, a + 1, l), n[a].push({
+							key: l,
+							label: c.label,
+							colspan: t,
+							rowspan: 1,
+							width: c.width,
+							height: c.height,
+							colIndices: Array.from({ length: t }, (t, n) => e + n)
+						});
+					} else {
+						let e = r++;
+						n[a].push({
+							key: c.prop,
+							label: c.label,
+							colspan: 1,
+							rowspan: t - a,
+							width: c.width,
+							height: c.height,
+							prop: c.prop,
+							resizable: c.resizable,
+							minWidth: c.minWidth,
+							colIndex: e,
+							colIndices: [e]
+						});
+					}
+				}
+			}
+			return i(e, 0), n;
+		}
+		function ye(e) {
+			let t = 0;
+			function n(e) {
+				for (let r of q(e)) r.children && r.children.length > 0 ? n(r.children) : t++;
+			}
+			return n(e), t;
+		}
+		function Y(e) {
+			let t = [];
+			function n(e) {
+				for (let r of q(e)) r.children && r.children.length > 0 ? n(r.children) : t.push(r);
+			}
+			return n(e), t;
+		}
+		function be(e, t) {
+			if (!e || !Array.isArray(e) || !t || !Array.isArray(t)) return [];
+			function n(e, t) {
+				if (!e || !t) return;
+				let n = t.split("."), r = e;
+				for (let e of n) {
+					if (r == null) return;
+					r = r[e];
+				}
+				return r;
+			}
+			let r = [], i = /* @__PURE__ */ new Map();
+			return e.forEach((e, a) => {
+				let o = [];
+				t.forEach((t, r) => {
+					let s = `${a}-${r}`;
+					if (i.has(s)) return;
+					let c = n(e, t.prop), l = c, u = 1, d = 1, f = {};
+					c && typeof c == "object" && c && (l = c.label || c.value || "", u = c.colspan || 1, d = c.rowspan || 1, f = c.style || {}), f = {
+						...f,
+						...I(t.prop, t.width)
+					};
+					let p = {
+						key: s,
+						label: l,
+						prop: t.prop,
+						fixed: t.fixed,
+						colIndex: r,
+						colspan: u,
+						rowspan: d,
+						style: f,
+						originalRow: e,
+						rowIndex: a
+					};
+					o.push(p);
+					for (let e = 0; e < d; e++) for (let t = 0; t < u; t++) {
+						if (e === 0 && t === 0) continue;
+						let n = `${a + e}-${r + t}`;
+						i.set(n, !0);
+					}
+				}), o.length > 0 && r.push(o);
+			}), r;
+		}
+		let xe = t(() => J(C)), Se = t(() => ve(C, xe.value)), X = t(() => Y(C)), Z = t(() => be(x.data, X.value)), Ce = t(() => X.value.some((e) => e.fixed)), we = t(() => {
+			if (x.maxWidth != null) return { maxWidth: typeof x.maxWidth == "number" ? `${x.maxWidth}px` : x.maxWidth };
+		}), Q = t(() => x.maxWidth != null && Ce.value && A.value);
+		function $() {
+			if (!j) {
+				A.value = !1;
+				return;
+			}
+			let e = O.value, t = k.value;
+			if (!e || !t) {
+				A.value = !1;
+				return;
+			}
+			A.value = t.scrollWidth > e.clientWidth + 1;
+		}
+		function Te() {
+			let e = {};
+			for (let t of X.value) {
+				let n = N(t.width);
+				t.prop && n != null && (e[t.prop] = n);
+			}
+			w.value = e;
+		}
+		return re(() => {
+			X.value, Te();
+		}), ne([
+			() => x.data,
+			() => x.maxWidth,
+			X,
+			w,
+			Z
+		], () => o($)), l(() => {
+			$(), !(!j || typeof ResizeObserver > "u") && (M = new ResizeObserver(() => $()), O.value && M.observe(O.value), k.value && M.observe(k.value));
+		}), u(() => {
+			M?.disconnect(), M = null;
+		}), (t, o) => (d(), r(e, null, [i("div", v, [g(t.$slots, "default")]), i("div", {
+			ref_key: "wrapperRef",
+			ref: O,
+			class: s(["sw-table-wrapper", { "fixed-active": Q.value }]),
+			style: c(we.value)
+		}, [i("table", {
+			ref_key: "tableRef",
+			ref: k,
+			class: s(["sw-table", { resizing: T.value }])
+		}, [i("thead", null, [(d(!0), r(e, null, h(Se.value, (t, i) => (d(), r("tr", { key: i }, [(d(!0), r(e, null, h(t, (e) => (d(), r("th", {
+			key: e.key,
+			colspan: e.colspan,
+			rowspan: e.rowspan,
+			class: s(he(e)),
+			style: c(H(e)),
+			onMouseenter: (t) => de(e),
+			onMouseleave: fe
+		}, [a(_(e.label) + " ", 1), W(e) ? (d(), r("span", {
+			key: 0,
+			class: "resize-handle",
+			onMousedown: ie((t) => _e(t, e), ["prevent"])
+		}, null, 40, oe)) : n("", !0)], 46, ae))), 128))]))), 128))]), i("tbody", null, [(d(!0), r(e, null, h(Z.value, (n, i) => (d(), r("tr", {
+			key: i,
+			onMouseenter: (e) => D.value = i,
+			onMouseleave: o[0] ||= (e) => D.value = null
+		}, [(d(!0), r(e, null, h(n, (n) => (d(), r("td", {
+			key: n.key,
+			colspan: n.colspan,
+			rowspan: n.rowspan,
+			class: s(me(n, i)),
+			style: c(U(n))
+		}, [n.prop && ee(le)[n.prop] ? g(t.$slots, n.prop, {
+			key: 0,
+			row: n.originalRow,
+			$index: n.rowIndex,
+			value: n.label
+		}) : (d(), r(e, { key: 1 }, [a(_(n.label), 1)], 64))], 14, ce))), 128))], 40, se))), 128))])], 2)], 6)], 64));
+	}
+};
+//#endregion
+export { y as default };

package/dist/SwTableColumn-DCxVGb9d.js

@@ -0,0 +1,66 @@
+import { createElementBlock as e, inject as t, onUnmounted as n, openBlock as r, provide as i, reactive as a, renderSlot as o, watch as s } from "vue";
+//#region src/components/SwTableColumn.vue
+var c = { style: { display: "none" } }, l = {
+	__name: "SwTableColumn",
+	props: {
+		prop: {
+			type: String,
+			default: void 0
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		width: {
+			type: [String, Number],
+			default: "auto"
+		},
+		height: {
+			type: [String, Number],
+			default: "auto"
+		},
+		resizable: {
+			type: Boolean,
+			default: void 0
+		},
+		minWidth: {
+			type: [String, Number],
+			default: 48
+		},
+		fixed: {
+			type: String,
+			default: void 0,
+			validator: (e) => e == null || e === "left" || e === "right"
+		}
+	},
+	setup(l) {
+		let u = l, d = t("swTableColumns", null), f = t("swTableParentColumn", null), p = a({
+			order: t("swTableAllocColumnOrder", null)?.() ?? 0,
+			prop: u.prop,
+			label: u.label,
+			width: u.width,
+			height: u.height,
+			resizable: u.resizable,
+			minWidth: u.minWidth,
+			fixed: u.fixed,
+			children: []
+		});
+		s(() => u, (e) => {
+			p.prop = e.prop, p.label = e.label, p.width = e.width, p.height = e.height, p.resizable = e.resizable, p.minWidth = e.minWidth, p.fixed = e.fixed;
+		}, { deep: !0 }), i("swTableParentColumn", p);
+		function m() {
+			f ? f.children.push(p) : d && d.push(p);
+		}
+		function h() {
+			let e = f ? f.children : d;
+			if (!e) return;
+			let t = e.indexOf(p);
+			t > -1 && e.splice(t, 1);
+		}
+		return m(), n(() => {
+			h();
+		}), (t, n) => (r(), e("div", c, [o(t.$slots, "default")]));
+	}
+};
+//#endregion
+export { l as default };