@atscript/vue-table 0.1.137 → 0.1.138

package/dist/use-table-column-handlers-DGn4ZW9j.mjs

@@ -0,0 +1,85 @@
+import { D as ROW_ACTIONS_TYPE, E as ROW_ACTIONS_PATH } from "./use-table-state-CqU1N4Q9.mjs";
+import { computed, watch } from "vue";
+import { reorderColumnNames } from "@atscript/ui-table";
+//#region src/composables/use-row-actions-column.ts
+/**
+* The synthesised row-actions pseudo-column, shared by `<AsTable>` and
+* `<AsWindowTable>`. Returns the renderer's effective column list — the base
+* columns with a fixed `__actions` column prepended / appended per
+* `placement` — and opts the table into per-row `$actions` while the column
+* is shown.
+*/
+function useRowActionsColumn(state, opts) {
+	watch(() => {
+		const placement = opts.placement();
+		if (!placement) return false;
+		if (placement === "merge-select" && opts.select() !== "none") return false;
+		return state.actions.cellRow.length > 0;
+	}, (on) => {
+		state.includeActions.value = on;
+	}, { immediate: true });
+	const actionsCol = computed(() => {
+		const acts = state.actions.row;
+		return {
+			path: ROW_ACTIONS_PATH,
+			label: "",
+			type: ROW_ACTIONS_TYPE,
+			sortable: false,
+			filterable: false,
+			nullable: false,
+			order: 0,
+			fixed: true,
+			width: acts.length === 1 && !acts[0]?.icon ? "8em" : "4em"
+		};
+	});
+	return computed(() => {
+		const base = opts.columns();
+		const placement = opts.placement();
+		if (placement === false || placement === void 0) return base;
+		if (state.actions.row.length === 0) return base;
+		if (placement === "first") return [actionsCol.value, ...base];
+		if (placement === "last") return [...base, actionsCol.value];
+		if (opts.select() === "none") return [actionsCol.value, ...base];
+		return base;
+	});
+}
+//#endregion
+//#region src/composables/use-table-column-handlers.ts
+/**
+* Pure pass-through handlers shared between the pagination renderer
+* (`<AsTable>`) and the window renderer (`<AsWindowTableBase>`). Selection
+* and row-mouse handlers stay in their owning components because their
+* semantics diverge meaningfully (window has no "all" state; standalone
+* vs Reka renderModes need different gating).
+*/
+function useTableColumnHandlers(state) {
+	return {
+		onSort(column, direction) {
+			state.sorters.value = direction === null ? [] : [{
+				field: column.path,
+				direction
+			}];
+		},
+		onHide(column) {
+			state.columnNames.value = state.columnNames.value.filter((n) => n !== column.path);
+		},
+		onFilter(column) {
+			state.openFilterDialog(column);
+		},
+		onFiltersOff(column) {
+			state.removeFieldFilter(column.path);
+		},
+		onResetWidth(column) {
+			state.resetColumnWidth(column.path);
+		},
+		onReorder(fromPath, toPath, position) {
+			state.columnNames.value = reorderColumnNames(state.columnNames.value, fromPath, toPath, position);
+		},
+		onClearFilters() {
+			state.resetFilters();
+			if (state.searchTerm.value) state.searchTerm.value = "";
+		}
+	};
+}
+//#endregion
+export { useRowActionsColumn as n, useTableColumnHandlers as t };

package/dist/use-table-column-handlers-r47WDxEh.cjs

@@ -0,0 +1,96 @@
+const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+//#region src/composables/use-row-actions-column.ts
+/**
+* The synthesised row-actions pseudo-column, shared by `<AsTable>` and
+* `<AsWindowTable>`. Returns the renderer's effective column list — the base
+* columns with a fixed `__actions` column prepended / appended per
+* `placement` — and opts the table into per-row `$actions` while the column
+* is shown.
+*/
+function useRowActionsColumn(state, opts) {
+	(0, vue.watch)(() => {
+		const placement = opts.placement();
+		if (!placement) return false;
+		if (placement === "merge-select" && opts.select() !== "none") return false;
+		return state.actions.cellRow.length > 0;
+	}, (on) => {
+		state.includeActions.value = on;
+	}, { immediate: true });
+	const actionsCol = (0, vue.computed)(() => {
+		const acts = state.actions.row;
+		return {
+			path: require_use_table_state.ROW_ACTIONS_PATH,
+			label: "",
+			type: require_use_table_state.ROW_ACTIONS_TYPE,
+			sortable: false,
+			filterable: false,
+			nullable: false,
+			order: 0,
+			fixed: true,
+			width: acts.length === 1 && !acts[0]?.icon ? "8em" : "4em"
+		};
+	});
+	return (0, vue.computed)(() => {
+		const base = opts.columns();
+		const placement = opts.placement();
+		if (placement === false || placement === void 0) return base;
+		if (state.actions.row.length === 0) return base;
+		if (placement === "first") return [actionsCol.value, ...base];
+		if (placement === "last") return [...base, actionsCol.value];
+		if (opts.select() === "none") return [actionsCol.value, ...base];
+		return base;
+	});
+}
+//#endregion
+//#region src/composables/use-table-column-handlers.ts
+/**
+* Pure pass-through handlers shared between the pagination renderer
+* (`<AsTable>`) and the window renderer (`<AsWindowTableBase>`). Selection
+* and row-mouse handlers stay in their owning components because their
+* semantics diverge meaningfully (window has no "all" state; standalone
+* vs Reka renderModes need different gating).
+*/
+function useTableColumnHandlers(state) {
+	return {
+		onSort(column, direction) {
+			state.sorters.value = direction === null ? [] : [{
+				field: column.path,
+				direction
+			}];
+		},
+		onHide(column) {
+			state.columnNames.value = state.columnNames.value.filter((n) => n !== column.path);
+		},
+		onFilter(column) {
+			state.openFilterDialog(column);
+		},
+		onFiltersOff(column) {
+			state.removeFieldFilter(column.path);
+		},
+		onResetWidth(column) {
+			state.resetColumnWidth(column.path);
+		},
+		onReorder(fromPath, toPath, position) {
+			state.columnNames.value = (0, _atscript_ui_table.reorderColumnNames)(state.columnNames.value, fromPath, toPath, position);
+		},
+		onClearFilters() {
+			state.resetFilters();
+			if (state.searchTerm.value) state.searchTerm.value = "";
+		}
+	};
+}
+//#endregion
+Object.defineProperty(exports, "useRowActionsColumn", {
+	enumerable: true,
+	get: function() {
+		return useRowActionsColumn;
+	}
+});
+Object.defineProperty(exports, "useTableColumnHandlers", {
+	enumerable: true,
+	get: function() {
+		return useTableColumnHandlers;
+	}
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-table",
-  "version": "0.1.137",
+  "version": "0.1.138",
   "description": "Type-driven table components for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -162,9 +162,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.137",
-    "@atscript/ui-table": "^0.1.137",
-    "@atscript/vue-form": "^0.1.137"
+    "@atscript/ui": "^0.1.138",
+    "@atscript/ui-table": "^0.1.138",
+    "@atscript/vue-form": "^0.1.138"
   },
   "devDependencies": {
     "@atscript/db-client": "^0.1.131",

package/dist/use-table-column-handlers-BMrP0WY2.cjs

@@ -1,45 +0,0 @@
-let _atscript_ui_table = require("@atscript/ui-table");
-//#region src/composables/use-table-column-handlers.ts
-/**
-* Pure pass-through handlers shared between the pagination renderer
-* (`<AsTable>`) and the window renderer (`<AsWindowTableBase>`). Selection
-* and row-mouse handlers stay in their owning components because their
-* semantics diverge meaningfully (window has no "all" state; standalone
-* vs Reka renderModes need different gating).
-*/
-function useTableColumnHandlers(state) {
-	return {
-		onSort(column, direction) {
-			state.sorters.value = direction === null ? [] : [{
-				field: column.path,
-				direction
-			}];
-		},
-		onHide(column) {
-			state.columnNames.value = state.columnNames.value.filter((n) => n !== column.path);
-		},
-		onFilter(column) {
-			state.openFilterDialog(column);
-		},
-		onFiltersOff(column) {
-			state.removeFieldFilter(column.path);
-		},
-		onResetWidth(column) {
-			state.resetColumnWidth(column.path);
-		},
-		onReorder(fromPath, toPath, position) {
-			state.columnNames.value = (0, _atscript_ui_table.reorderColumnNames)(state.columnNames.value, fromPath, toPath, position);
-		},
-		onClearFilters() {
-			state.resetFilters();
-			if (state.searchTerm.value) state.searchTerm.value = "";
-		}
-	};
-}
-//#endregion
-Object.defineProperty(exports, "useTableColumnHandlers", {
-	enumerable: true,
-	get: function() {
-		return useTableColumnHandlers;
-	}
-});

package/dist/use-table-column-handlers-Bx3JERqs.mjs

@@ -1,40 +0,0 @@
-import { reorderColumnNames } from "@atscript/ui-table";
-//#region src/composables/use-table-column-handlers.ts
-/**
-* Pure pass-through handlers shared between the pagination renderer
-* (`<AsTable>`) and the window renderer (`<AsWindowTableBase>`). Selection
-* and row-mouse handlers stay in their owning components because their
-* semantics diverge meaningfully (window has no "all" state; standalone
-* vs Reka renderModes need different gating).
-*/
-function useTableColumnHandlers(state) {
-	return {
-		onSort(column, direction) {
-			state.sorters.value = direction === null ? [] : [{
-				field: column.path,
-				direction
-			}];
-		},
-		onHide(column) {
-			state.columnNames.value = state.columnNames.value.filter((n) => n !== column.path);
-		},
-		onFilter(column) {
-			state.openFilterDialog(column);
-		},
-		onFiltersOff(column) {
-			state.removeFieldFilter(column.path);
-		},
-		onResetWidth(column) {
-			state.resetColumnWidth(column.path);
-		},
-		onReorder(fromPath, toPath, position) {
-			state.columnNames.value = reorderColumnNames(state.columnNames.value, fromPath, toPath, position);
-		},
-		onClearFilters() {
-			state.resetFilters();
-			if (state.searchTerm.value) state.searchTerm.value = "";
-		}
-	};
-}
-//#endregion
-export { useTableColumnHandlers as t };