@affino/datagrid-vue 0.1.0

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridHeaderFilters.js

@@ -0,0 +1,251 @@
+import { ref } from "vue";
+const DEFAULT_HEADER_FILTER_OPERATORS = {
+    text: [
+        { value: "contains", label: "Contains" },
+        { value: "equals", label: "Equals" },
+        { value: "startsWith", label: "Starts with" },
+        { value: "endsWith", label: "Ends with" },
+    ],
+    number: [
+        { value: "equals", label: "Equals" },
+        { value: "notEquals", label: "Not equals" },
+        { value: "gt", label: "Greater than" },
+        { value: "gte", label: "Greater than or equal" },
+        { value: "lt", label: "Less than" },
+        { value: "lte", label: "Less than or equal" },
+        { value: "between", label: "Between" },
+    ],
+    date: [
+        { value: "equals", label: "Equals" },
+        { value: "before", label: "Before" },
+        { value: "after", label: "After" },
+        { value: "between", label: "Between" },
+    ],
+    set: [
+        { value: "in", label: "In list" },
+        { value: "notIn", label: "Not in list" },
+    ],
+};
+function isRecordRow(value) {
+    return Boolean(value) && typeof value === "object";
+}
+export function useAffinoDataGridHeaderFilters(options) {
+    const headerFiltersEnabled = ref(options.enabled);
+    const headerFilterState = ref({
+        open: false,
+        columnKey: null,
+        query: "",
+        operator: "contains",
+        type: "text",
+    });
+    const resolveColumnByKey = (columnKey) => (options.columns.value.find(column => column.key === columnKey) ?? null);
+    const resolveHeaderFilterType = (columnKey) => {
+        const column = resolveColumnByKey(columnKey);
+        const meta = (column?.meta ?? {});
+        const explicitType = meta.filterType ?? meta.filterKind;
+        if (explicitType === "set" || explicitType === "enum") {
+            return "set";
+        }
+        if (explicitType === "number") {
+            return "number";
+        }
+        if (explicitType === "date") {
+            return "date";
+        }
+        if (Array.isArray(meta.options)) {
+            return "set";
+        }
+        for (const row of options.rows.value) {
+            if (!isRecordRow(row)) {
+                continue;
+            }
+            const value = row[columnKey];
+            if (typeof value === "number") {
+                return "number";
+            }
+            if (value instanceof Date) {
+                return "date";
+            }
+            if (typeof value === "string" && /^\d{4}-\d{2}-\d{2}/.test(value)) {
+                return "date";
+            }
+        }
+        return "text";
+    };
+    const resolveHeaderFilterOperators = (columnKey) => {
+        const type = resolveHeaderFilterType(columnKey);
+        return DEFAULT_HEADER_FILTER_OPERATORS[type];
+    };
+    const setHeaderFilterQuery = (query) => {
+        headerFilterState.value = {
+            ...headerFilterState.value,
+            query,
+        };
+    };
+    const setHeaderFilterOperator = (operator) => {
+        headerFilterState.value = {
+            ...headerFilterState.value,
+            operator,
+        };
+    };
+    const openHeaderFilter = (columnKey) => {
+        if (!headerFiltersEnabled.value || !columnKey) {
+            return false;
+        }
+        const type = resolveHeaderFilterType(columnKey);
+        const operators = resolveHeaderFilterOperators(columnKey);
+        headerFilterState.value = {
+            open: true,
+            columnKey,
+            query: "",
+            operator: operators[0]?.value ?? "contains",
+            type,
+        };
+        options.pushFeedback({
+            source: "header-filter",
+            action: "open",
+            message: `Filter menu: ${columnKey}`,
+            ok: true,
+        });
+        return true;
+    };
+    const closeHeaderFilter = () => {
+        if (!headerFilterState.value.open) {
+            return;
+        }
+        headerFilterState.value = {
+            ...headerFilterState.value,
+            open: false,
+        };
+    };
+    const toggleHeaderFilter = (columnKey) => {
+        if (headerFilterState.value.open
+            && headerFilterState.value.columnKey === columnKey) {
+            closeHeaderFilter();
+            return false;
+        }
+        return openHeaderFilter(columnKey);
+    };
+    const getHeaderFilterUniqueValues = (columnKey) => {
+        const counts = new Map();
+        for (const row of options.rows.value) {
+            if (!isRecordRow(row)) {
+                continue;
+            }
+            const value = row[columnKey];
+            const key = options.stableSerialize(value);
+            const existing = counts.get(key);
+            if (existing) {
+                existing.count += 1;
+            }
+            else {
+                counts.set(key, { value, count: 1 });
+            }
+        }
+        const selectedSet = new Set(options.findSetConditionValuesByKey(options.featureSuite.filterModel.value?.advancedExpression, columnKey).map(value => options.stableSerialize(value)));
+        const query = headerFilterState.value.query.trim().toLowerCase();
+        return Array.from(counts.entries())
+            .map(([key, entry]) => ({
+            key,
+            value: entry.value,
+            label: String(entry.value ?? ""),
+            count: entry.count,
+            selected: selectedSet.has(key),
+        }))
+            .filter(entry => {
+            if (!query) {
+                return true;
+            }
+            return entry.label.toLowerCase().includes(query);
+        })
+            .sort((a, b) => a.label.localeCompare(b.label))
+            .slice(0, options.maxUniqueValues);
+    };
+    const setHeaderFilterValueSelected = (columnKey, value, selected, valueOptions = {}) => {
+        const mode = selected ? (valueOptions.mode ?? "append") : "remove";
+        const next = options.filteringHelpers.setSet(columnKey, [value], {
+            valueMode: mode,
+            mergeMode: "merge-and",
+        });
+        options.pushFeedback({
+            source: "header-filter",
+            action: "set-value",
+            message: `${selected ? "Selected" : "Unselected"} ${String(value ?? "")}`,
+            ok: true,
+        });
+        return next;
+    };
+    const clearHeaderFilterValues = (columnKey) => {
+        const next = options.filteringHelpers.clearByKey(columnKey);
+        options.pushFeedback({
+            source: "header-filter",
+            action: "clear",
+            message: `Filter cleared: ${columnKey}`,
+            ok: true,
+        });
+        return next;
+    };
+    const selectAllHeaderFilterValues = (columnKey) => (clearHeaderFilterValues(columnKey));
+    const selectOnlyHeaderFilterValue = (columnKey, value) => {
+        const next = options.filteringHelpers.setSet(columnKey, [value], {
+            valueMode: "replace",
+            mergeMode: "merge-and",
+        });
+        options.pushFeedback({
+            source: "header-filter",
+            action: "select-only",
+            message: `Filter only: ${String(value ?? "")}`,
+            ok: true,
+        });
+        return next;
+    };
+    const applyHeaderTextFilter = (columnKey, filterOptions) => {
+        const next = options.filteringHelpers.setText(columnKey, filterOptions);
+        options.pushFeedback({
+            source: "header-filter",
+            action: "apply-text",
+            message: `Text filter applied: ${columnKey}`,
+            ok: true,
+        });
+        return next;
+    };
+    const applyHeaderNumberFilter = (columnKey, filterOptions) => {
+        const next = options.filteringHelpers.setNumber(columnKey, filterOptions);
+        options.pushFeedback({
+            source: "header-filter",
+            action: "apply-number",
+            message: `Number filter applied: ${columnKey}`,
+            ok: true,
+        });
+        return next;
+    };
+    const applyHeaderDateFilter = (columnKey, filterOptions) => {
+        const next = options.filteringHelpers.setDate(columnKey, filterOptions);
+        options.pushFeedback({
+            source: "header-filter",
+            action: "apply-date",
+            message: `Date filter applied: ${columnKey}`,
+            ok: true,
+        });
+        return next;
+    };
+    return {
+        enabled: headerFiltersEnabled,
+        state: headerFilterState,
+        open: openHeaderFilter,
+        close: closeHeaderFilter,
+        toggle: toggleHeaderFilter,
+        setQuery: setHeaderFilterQuery,
+        setOperator: setHeaderFilterOperator,
+        getOperators: resolveHeaderFilterOperators,
+        getUniqueValues: getHeaderFilterUniqueValues,
+        setValueSelected: setHeaderFilterValueSelected,
+        selectOnlyValue: selectOnlyHeaderFilterValue,
+        selectAllValues: selectAllHeaderFilterValues,
+        clearValues: clearHeaderFilterValues,
+        applyText: applyHeaderTextFilter,
+        applyNumber: applyHeaderNumberFilter,
+        applyDate: applyHeaderDateFilter,
+        clear: clearHeaderFilterValues,
+    };
+}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridIdentity.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from "vue";
+export type MaybeRef<T> = T | Ref<T>;
+export declare function toReadonlyRef<T>(source: MaybeRef<T>): Ref<T>;
+export declare function fallbackResolveRowKey<TRow>(row: TRow, index: number): string;
+//# sourceMappingURL=useAffinoDataGridIdentity.d.ts.map

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridIdentity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAffinoDataGridIdentity.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useAffinoDataGrid/useAffinoDataGridIdentity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE1C,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;AAEpC,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAK5D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAwB5E"}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridIdentity.js

@@ -0,0 +1,30 @@
+import { isRef, ref } from "vue";
+export function toReadonlyRef(source) {
+    if (isRef(source)) {
+        return source;
+    }
+    return ref(source);
+}
+export function fallbackResolveRowKey(row, index) {
+    const candidate = row;
+    if (typeof candidate.rowId === "string" || typeof candidate.rowId === "number") {
+        const rowKey = String(candidate.rowId).trim();
+        if (rowKey.length > 0) {
+            return rowKey;
+        }
+    }
+    if (typeof candidate.id === "string" || typeof candidate.id === "number") {
+        const rowKey = String(candidate.id).trim();
+        if (rowKey.length > 0) {
+            return rowKey;
+        }
+    }
+    if (typeof candidate.key === "string" || typeof candidate.key === "number") {
+        const rowKey = String(candidate.key).trim();
+        if (rowKey.length > 0) {
+            return rowKey;
+        }
+    }
+    throw new Error(`[AffinoDataGrid] Missing stable row identity at index ${index}. ` +
+        "Provide features.selection.resolveRowKey(row, index) or include non-empty rowId/id/key.");
+}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridKeyboardDispatcher.d.ts

@@ -0,0 +1,22 @@
+import type { Ref } from "vue";
+import type { UseDataGridRuntimeResult } from "../../useDataGridRuntime";
+export interface UseAffinoDataGridKeyboardDispatcherOptions<TRow> {
+    enabled: Ref<boolean>;
+    runtime: UseDataGridRuntimeResult<TRow>;
+    onHistoryRefresh: () => void;
+    pushFeedback: (event: {
+        source: "history";
+        action: "undo" | "redo";
+        message: string;
+        ok?: boolean;
+    }) => void;
+    copySelection: () => Promise<boolean>;
+    pasteSelection: () => Promise<boolean>;
+    cutSelection: () => Promise<boolean>;
+    clearSelection: () => Promise<boolean>;
+}
+export interface UseAffinoDataGridKeyboardDispatcherResult {
+    dispatch: (event: KeyboardEvent) => boolean;
+}
+export declare function useAffinoDataGridKeyboardDispatcher<TRow>(options: UseAffinoDataGridKeyboardDispatcherOptions<TRow>): UseAffinoDataGridKeyboardDispatcherResult;
+//# sourceMappingURL=useAffinoDataGridKeyboardDispatcher.d.ts.map

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridKeyboardDispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAffinoDataGridKeyboardDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useAffinoDataGrid/useAffinoDataGridKeyboardDispatcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAExE,MAAM,WAAW,0CAA0C,CAAC,IAAI;IAC9D,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC,CAAA;IACvC,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,MAAM,EAAE,SAAS,CAAA;QACjB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;QACvB,OAAO,EAAE,MAAM,CAAA;QACf,EAAE,CAAC,EAAE,OAAO,CAAA;KACb,KAAK,IAAI,CAAA;IACV,aAAa,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IACrC,cAAc,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IACtC,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IACpC,cAAc,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,yCAAyC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAA;CAC5C;AAMD,wBAAgB,mCAAmC,CAAC,IAAI,EACtD,OAAO,EAAE,0CAA0C,CAAC,IAAI,CAAC,GACxD,yCAAyC,CA0E3C"}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridKeyboardDispatcher.js

@@ -0,0 +1,74 @@
+const isPrimaryModifierPressed = (event) => (event.metaKey || event.ctrlKey);
+export function useAffinoDataGridKeyboardDispatcher(options) {
+    const runHistoryActionFromKeyboard = (direction) => {
+        if (!options.runtime.api.hasTransactionSupport()) {
+            return;
+        }
+        void (async () => {
+            if (direction === "undo") {
+                if (!options.runtime.api.canUndoTransaction()) {
+                    return;
+                }
+                await options.runtime.api.undoTransaction();
+                options.pushFeedback({
+                    source: "history",
+                    action: "undo",
+                    message: "Undo",
+                    ok: true,
+                });
+            }
+            else {
+                if (!options.runtime.api.canRedoTransaction()) {
+                    return;
+                }
+                await options.runtime.api.redoTransaction();
+                options.pushFeedback({
+                    source: "history",
+                    action: "redo",
+                    message: "Redo",
+                    ok: true,
+                });
+            }
+            options.onHistoryRefresh();
+        })();
+    };
+    const dispatch = (event) => {
+        if (!options.enabled.value) {
+            return false;
+        }
+        const key = event.key.toLowerCase();
+        const primary = isPrimaryModifierPressed(event);
+        if (primary && !event.altKey && key === "z") {
+            event.preventDefault();
+            runHistoryActionFromKeyboard(event.shiftKey ? "redo" : "undo");
+            return true;
+        }
+        if (primary && !event.altKey && !event.shiftKey && key === "y") {
+            event.preventDefault();
+            runHistoryActionFromKeyboard("redo");
+            return true;
+        }
+        if (primary && !event.altKey && key === "c") {
+            event.preventDefault();
+            void options.copySelection();
+            return true;
+        }
+        if (primary && !event.altKey && key === "v") {
+            event.preventDefault();
+            void options.pasteSelection();
+            return true;
+        }
+        if (primary && !event.altKey && key === "x") {
+            event.preventDefault();
+            void options.cutSelection();
+            return true;
+        }
+        if (!primary && !event.altKey && (event.key === "Delete" || event.key === "Backspace")) {
+            event.preventDefault();
+            void options.clearSelection();
+            return true;
+        }
+        return false;
+    };
+    return { dispatch };
+}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridLayoutProfiles.d.ts

@@ -0,0 +1,31 @@
+import { type Ref } from "vue";
+import type { DataGridColumnModelSnapshot, DataGridSortState } from "@affino/datagrid-core";
+import type { UseDataGridRuntimeResult } from "../../useDataGridRuntime";
+import type { AffinoDataGridLayoutProfile } from "../../useAffinoDataGrid.types";
+import type { UseAffinoDataGridFeatureSuiteResult } from "./useAffinoDataGridFeatureSuite";
+export interface UseAffinoDataGridLayoutProfilesOptions<TRow> {
+    runtime: UseDataGridRuntimeResult<TRow>;
+    sortState: Ref<readonly DataGridSortState[]>;
+    setSortState: (nextState: readonly DataGridSortState[]) => void;
+    featureSuite: UseAffinoDataGridFeatureSuiteResult<TRow>;
+    applyColumnStateSnapshot: (snapshot: DataGridColumnModelSnapshot) => void;
+    cloneColumnModelSnapshot: (snapshot: DataGridColumnModelSnapshot) => DataGridColumnModelSnapshot;
+    stableClone: <T>(value: T) => T;
+    pushFeedback: (event: {
+        source: "layout";
+        action: string;
+        message: string;
+        ok?: boolean;
+    }) => void;
+}
+export interface UseAffinoDataGridLayoutProfilesResult {
+    profiles: Ref<readonly AffinoDataGridLayoutProfile[]>;
+    capture: (name: string, options?: {
+        id?: string;
+    }) => AffinoDataGridLayoutProfile;
+    apply: (idOrProfile: string | AffinoDataGridLayoutProfile) => boolean;
+    remove: (id: string) => boolean;
+    clear: () => void;
+}
+export declare function useAffinoDataGridLayoutProfiles<TRow>(options: UseAffinoDataGridLayoutProfilesOptions<TRow>): UseAffinoDataGridLayoutProfilesResult;
+//# sourceMappingURL=useAffinoDataGridLayoutProfiles.d.ts.map

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridLayoutProfiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAffinoDataGridLayoutProfiles.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useAffinoDataGrid/useAffinoDataGridLayoutProfiles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAC3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,iCAAiC,CAAA;AAE1F,MAAM,WAAW,sCAAsC,CAAC,IAAI;IAC1D,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC,CAAA;IACvC,SAAS,EAAE,GAAG,CAAC,SAAS,iBAAiB,EAAE,CAAC,CAAA;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS,iBAAiB,EAAE,KAAK,IAAI,CAAA;IAC/D,YAAY,EAAE,mCAAmC,CAAC,IAAI,CAAC,CAAA;IACvD,wBAAwB,EAAE,CAAC,QAAQ,EAAE,2BAA2B,KAAK,IAAI,CAAA;IACzE,wBAAwB,EAAE,CAAC,QAAQ,EAAE,2BAA2B,KAAK,2BAA2B,CAAA;IAChG,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;IAC/B,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,MAAM,EAAE,QAAQ,CAAA;QAChB,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;QACf,EAAE,CAAC,EAAE,OAAO,CAAA;KACb,KAAK,IAAI,CAAA;CACX;AAED,MAAM,WAAW,qCAAqC;IACpD,QAAQ,EAAE,GAAG,CAAC,SAAS,2BAA2B,EAAE,CAAC,CAAA;IACrD,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,2BAA2B,CAAA;IACjF,KAAK,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,2BAA2B,KAAK,OAAO,CAAA;IACrE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,wBAAgB,+BAA+B,CAAC,IAAI,EAClD,OAAO,EAAE,sCAAsC,CAAC,IAAI,CAAC,GACpD,qCAAqC,CAsEvC"}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridLayoutProfiles.js

@@ -0,0 +1,64 @@
+import { ref } from "vue";
+export function useAffinoDataGridLayoutProfiles(options) {
+    const layoutProfiles = ref([]);
+    const captureLayoutProfile = (name, profileOptions = {}) => {
+        const snapshot = options.runtime.api.getRowModelSnapshot();
+        const profile = {
+            id: profileOptions.id?.trim() || `layout-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`,
+            name: name.trim() || "Layout",
+            createdAt: Date.now(),
+            sortState: [...options.sortState.value],
+            filterModel: options.stableClone(options.featureSuite.filterModel.value),
+            groupBy: options.stableClone(snapshot.groupBy),
+            groupExpansion: options.stableClone(snapshot.groupExpansion),
+            columnState: options.cloneColumnModelSnapshot(options.runtime.api.getColumnModelSnapshot()),
+        };
+        layoutProfiles.value = [...layoutProfiles.value, profile];
+        options.pushFeedback({
+            source: "layout",
+            action: "capture",
+            message: `Layout saved: ${profile.name}`,
+            ok: true,
+        });
+        return profile;
+    };
+    const applyLayoutProfile = (idOrProfile) => {
+        const profile = typeof idOrProfile === "string"
+            ? layoutProfiles.value.find(entry => entry.id === idOrProfile)
+            : idOrProfile;
+        if (!profile) {
+            return false;
+        }
+        options.setSortState([...profile.sortState]);
+        options.featureSuite.setFilterModel(options.stableClone(profile.filterModel));
+        options.featureSuite.setGroupBy(options.stableClone(profile.groupBy));
+        options.applyColumnStateSnapshot(options.stableClone(profile.columnState));
+        options.runtime.api.setGroupExpansion(options.stableClone(profile.groupExpansion));
+        options.pushFeedback({
+            source: "layout",
+            action: "apply",
+            message: `Layout applied: ${profile.name}`,
+            ok: true,
+        });
+        return true;
+    };
+    const removeLayoutProfile = (id) => {
+        const current = layoutProfiles.value;
+        const next = current.filter(entry => entry.id !== id);
+        if (next.length === current.length) {
+            return false;
+        }
+        layoutProfiles.value = next;
+        return true;
+    };
+    const clearLayoutProfiles = () => {
+        layoutProfiles.value = [];
+    };
+    return {
+        profiles: layoutProfiles,
+        capture: captureLayoutProfile,
+        apply: applyLayoutProfile,
+        remove: removeLayoutProfile,
+        clear: clearLayoutProfiles,
+    };
+}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridPointerLifecycle.d.ts

@@ -0,0 +1,9 @@
+export interface UseAffinoDataGridPointerLifecycleOptions {
+    onPointerUp: () => void;
+    onPointerCancel: () => void;
+}
+export interface UseAffinoDataGridPointerLifecycleResult {
+    dispose: () => void;
+}
+export declare function useAffinoDataGridPointerLifecycle(options: UseAffinoDataGridPointerLifecycleOptions): UseAffinoDataGridPointerLifecycleResult;
+//# sourceMappingURL=useAffinoDataGridPointerLifecycle.d.ts.map

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridPointerLifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAffinoDataGridPointerLifecycle.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useAffinoDataGrid/useAffinoDataGridPointerLifecycle.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wCAAwC;IACvD,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,MAAM,WAAW,uCAAuC;IACtD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,iCAAiC,CAC/C,OAAO,EAAE,wCAAwC,GAChD,uCAAuC,CAgBzC"}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridPointerLifecycle.js

@@ -0,0 +1,15 @@
+export function useAffinoDataGridPointerLifecycle(options) {
+    if (typeof window !== "undefined") {
+        window.addEventListener("mouseup", options.onPointerUp);
+        window.addEventListener("pointerup", options.onPointerUp);
+        window.addEventListener("pointercancel", options.onPointerCancel);
+    }
+    const dispose = () => {
+        if (typeof window !== "undefined") {
+            window.removeEventListener("mouseup", options.onPointerUp);
+            window.removeEventListener("pointerup", options.onPointerUp);
+            window.removeEventListener("pointercancel", options.onPointerCancel);
+        }
+    };
+    return { dispose };
+}

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridRangeClipboard.d.ts

@@ -0,0 +1,61 @@
+import { type Ref } from "vue";
+import type { UseDataGridRuntimeResult } from "../../useDataGridRuntime";
+import type { AffinoDataGridCellRange } from "../../useAffinoDataGrid.types";
+import type { UseAffinoDataGridFeatureSuiteResult } from "./useAffinoDataGridFeatureSuite";
+import type { AffinoDataGridCellSelectionCoord, InternalCellRange } from "./useAffinoDataGridSelectionEngine";
+export interface UseAffinoDataGridRangeClipboardOptions<TRow> {
+    rows: Ref<readonly TRow[]>;
+    runtime: UseDataGridRuntimeResult<TRow>;
+    featureSuite: UseAffinoDataGridFeatureSuiteResult<TRow>;
+    resolveRowKey: (row: TRow, index: number) => string;
+    resolveVisibleColumnIndex: (columnKey: string) => number;
+    resolveCellCoordByIndex: (rowIndex: number, columnIndex: number) => AffinoDataGridCellSelectionCoord | null;
+    cellSelectionRange: Ref<InternalCellRange | null>;
+    activeCellSelection: Ref<AffinoDataGridCellSelectionCoord | null>;
+    clearCellSelection: () => void;
+    applySelectionFromRange: (range: InternalCellRange, activePosition?: "start" | "end") => void;
+    closeContextMenu: () => void;
+    interactions: {
+        enabled: boolean;
+        rangeEnabled: boolean;
+        fillEnabled: boolean;
+        moveEnabled: boolean;
+    };
+    pushFeedback: (event: {
+        source: "range";
+        action: string;
+        message: string;
+        affected?: number;
+        ok?: boolean;
+    }) => void;
+}
+export interface UseAffinoDataGridRangeClipboardResult {
+    copiedRange: Ref<InternalCellRange | null>;
+    fillPreviewRange: Ref<InternalCellRange | null>;
+    rangeMovePreviewRange: Ref<InternalCellRange | null>;
+    lastAction: Ref<string>;
+    interactionsEnabled: Ref<boolean>;
+    rangeInteractionsEnabled: Ref<boolean>;
+    rangeFillEnabled: Ref<boolean>;
+    rangeMoveEnabled: Ref<boolean>;
+    rangePointerMode: Ref<"idle" | "fill" | "move">;
+    stopRangePointerInteraction: (apply?: boolean) => void;
+    startRangePointerInteraction: (mode: "fill" | "move", params: {
+        rowIndex: number;
+        columnKey: string;
+    }) => boolean;
+    updateRangePointerPreview: (rowIndex: number, columnKey: string) => void;
+    hasCellRangeContext: () => boolean;
+    resolveActiveRangeCellCount: () => number;
+    copySelection: (trigger?: "keyboard" | "context-menu") => Promise<boolean>;
+    pasteSelection: (trigger?: "keyboard" | "context-menu") => Promise<boolean>;
+    cutSelection: (trigger?: "keyboard" | "context-menu") => Promise<boolean>;
+    clearSelection: (trigger?: "keyboard" | "context-menu") => Promise<boolean>;
+    setFillPreviewRange: (range: AffinoDataGridCellRange | null) => void;
+    setRangeMovePreviewRange: (range: AffinoDataGridCellRange | null) => void;
+    applyFillPreview: () => void;
+    applyRangeMove: () => boolean;
+    dispose: () => void;
+}
+export declare function useAffinoDataGridRangeClipboard<TRow>(options: UseAffinoDataGridRangeClipboardOptions<TRow>): UseAffinoDataGridRangeClipboardResult;
+//# sourceMappingURL=useAffinoDataGridRangeClipboard.d.ts.map

package/dist/composables/internal/useAffinoDataGrid/useAffinoDataGridRangeClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAffinoDataGridRangeClipboard.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useAffinoDataGrid/useAffinoDataGridRangeClipboard.ts"],"names":[],"mappings":"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"}