@abraca/nuxt 1.9.1 → 2.0.0

package/dist/runtime/components/renderers/calendar/ACalendarWeekView.vue

@@ -1,18 +1,42 @@
 <script setup>
-import { ref, onMounted, nextTick } from "vue";
+import { ref, computed, onMounted, nextTick } from "vue";
+import { useEventListener } from "@vueuse/core";
 import ACalendarEventChip from "./ACalendarEventChip.vue";
-const _props = defineProps({
+const props = defineProps({
   columns: { type: Array, required: true },
   eventFocusers: { type: Function, required: true },
+  eventViewers: { type: Function, required: false },
+  eventMenuItems: { type: Function, required: false },
   dragId: { type: [String, null], required: false },
   dragOverContainer: { type: [String, null], required: false },
   dragPreviewTime: { type: [Object, null], required: false },
+  resizeId: { type: [String, null], required: false },
   renameId: { type: [String, null], required: false },
   renameValue: { type: String, required: false },
   editable: { type: Boolean, required: false }
 });
-const emit = defineEmits(["create-event", "open-event", "drag-start", "focus-event", "unfocus-event", "rename-input", "rename-commit", "rename-cancel"]);
+const emit = defineEmits(["create-event", "open-event", "drag-start", "resize-start", "focus-event", "unfocus-event", "rename-input", "rename-commit", "rename-cancel"]);
 const scrollRef = ref(null);
+const ctxEvent = ref(null);
+const ctxPos = ref({ x: 0, y: 0 });
+const showCtx = ref(false);
+function onEventContextMenu(e, id, label) {
+  if (!props.eventMenuItems) return;
+  e.preventDefault();
+  e.stopPropagation();
+  ctxEvent.value = { id, label };
+  ctxPos.value = { x: e.clientX, y: e.clientY };
+  showCtx.value = true;
+}
+if (import.meta.client) {
+  useEventListener(window, "pointerdown", () => {
+    showCtx.value = false;
+  });
+}
+const ctxItems = computed(() => {
+  if (!ctxEvent.value || !props.eventMenuItems) return [];
+  return props.eventMenuItems(ctxEvent.value.id, ctxEvent.value.label);
+});
 onMounted(() => {
   nextTick(() => {
     const now = (/* @__PURE__ */ new Date()).getHours();
@@ -25,10 +49,11 @@ function eventTopPx(evt) {
   return (d.getHours() + d.getMinutes() / 60) * 48;
 }
 function eventHeightPx(evt) {
+  const top = eventTopPx(evt);
   const s = new Date(evt.datetimeStart);
   const e = new Date(evt.datetimeEnd);
   const hours = Math.max(0.5, (e.getTime() - s.getTime()) / 36e5);
-  return hours * 48;
+  return Math.min(hours * 48, 24 * 48 - top);
 }
 </script>
 
@@ -73,22 +98,27 @@ function eventHeightPx(evt) {
         class="p-0.5 border-l border-(--ui-border)/30 space-y-0.5"
         :data-drop-container="col.dateStr"
       >
-        <ACalendarEventChip
+        <ANodeContextMenu
           v-for="evt in col.allDayEvents"
           :key="evt.id"
-          :event="evt"
-          :is-dragging="dragId === evt.id"
-          :focusers="eventFocusers(evt.id)"
-          :rename-id="renameId"
-          :rename-value="renameValue"
-          @click="emit('open-event', $event)"
-          @drag-start="emit('drag-start', $event)"
-          @pointer-enter="emit('focus-event', evt.id)"
-          @pointer-leave="emit('unfocus-event')"
-          @rename-input="emit('rename-input', $event)"
-          @rename-commit="emit('rename-commit')"
-          @rename-cancel="emit('rename-cancel')"
-        />
+          :items="eventMenuItems?.(evt.id, evt.label) ?? []"
+        >
+          <ACalendarEventChip
+            :event="evt"
+            :is-dragging="dragId === evt.id"
+            :focusers="eventFocusers(evt.id)"
+            :viewers="eventViewers ? eventViewers(evt.id) : void 0"
+            :rename-id="renameId"
+            :rename-value="renameValue"
+            @click="emit('open-event', $event)"
+            @drag-start="emit('drag-start', $event)"
+            @pointer-enter="emit('focus-event', evt.id)"
+            @pointer-leave="emit('unfocus-event')"
+            @rename-input="emit('rename-input', $event)"
+            @rename-commit="emit('rename-commit')"
+            @rename-cancel="emit('rename-cancel')"
+          />
+        </ANodeContextMenu>
       </div>
     </div>
 
@@ -96,6 +126,7 @@ function eventHeightPx(evt) {
     <div
       ref="scrollRef"
       class="flex-1 min-h-0 overflow-y-auto"
+      data-swipe-ignore
       data-hour-grid="48"
     >
       <div
@@ -131,9 +162,9 @@ function eventHeightPx(evt) {
             @click="editable !== false && emit('create-event', { date: col.date, hour: h - 1 })"
           />
 
-          <!-- Drag time indicator -->
+          <!-- Drag/resize time indicator -->
           <div
-            v-if="dragPreviewTime && dragId && dragOverContainer === col.dateStr"
+            v-if="dragPreviewTime && (dragId && dragOverContainer === col.dateStr || resizeId && col.hourSlots.some((s) => s.events.some((e) => e.id === resizeId)))"
             class="absolute left-0 right-0 z-20 pointer-events-none flex items-center"
             :style="{ top: (dragPreviewTime.hours + dragPreviewTime.minutes / 60) * 48 + 'px' }"
           >
@@ -159,7 +190,7 @@ function eventHeightPx(evt) {
   top: eventTopPx(evt) + 'px',
   height: eventHeightPx(evt) + 'px',
   background: evt.color,
-  ...eventFocusers(evt.id).length > 0 ? { outline: `2px solid ${eventFocusers(evt.id)[0].color}`, outlineOffset: '1px' } : {}
+  ...eventViewers && eventViewers(evt.id).length > 0 ? { outline: `4px solid ${eventViewers(evt.id)[0].color}`, outlineOffset: '1px' } : eventFocusers(evt.id).length > 0 ? { outline: `2px solid ${eventFocusers(evt.id)[0].color}`, outlineOffset: '1px' } : {}
 }"
               :data-drag-id="evt.id"
               style="touch-action: none"
@@ -167,6 +198,7 @@ function eventHeightPx(evt) {
               @click.stop="emit('open-event', evt)"
               @pointerenter="emit('focus-event', evt.id)"
               @pointerleave="emit('unfocus-event')"
+              @contextmenu="onEventContextMenu($event, evt.id, evt.label)"
             >
               <div class="font-medium truncate flex items-center gap-1">
                 <UIcon
@@ -179,10 +211,51 @@ function eventHeightPx(evt) {
               <div class="opacity-70">
                 {{ new Date(evt.datetimeStart).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }}
               </div>
+              <!-- Bottom resize handle -->
+              <div
+                v-if="editable !== false"
+                class="absolute bottom-0 left-0 right-0 h-1.5 cursor-row-resize hover:bg-white/30 rounded-b"
+                style="touch-action: none"
+                @pointerdown.stop="emit('resize-start', { event: $event, id: evt.id })"
+              />
             </div>
           </div>
         </div>
       </div>
     </div>
+
+    <!-- Context menu for timed events -->
+    <Teleport to="body">
+      <div
+        v-if="showCtx && ctxItems.length"
+        class="fixed z-50 min-w-40 bg-(--ui-bg) border border-(--ui-border) rounded-lg shadow-xl py-1 text-sm"
+        :style="{ left: ctxPos.x + 'px', top: ctxPos.y + 'px' }"
+      >
+        <template
+          v-for="(group, gi) in ctxItems"
+          :key="gi"
+        >
+          <div
+            v-if="gi > 0"
+            class="border-t border-(--ui-border) my-1"
+          />
+          <button
+            v-for="item in group"
+            :key="item.label"
+            class="w-full flex items-center gap-2 px-3 py-1.5 hover:bg-(--ui-bg-elevated) text-left cursor-default"
+            :class="item.color === 'error' ? 'text-(--ui-color-error-500)' : 'text-(--ui-text)'"
+            @pointerdown.stop
+            @click="item.onSelect?.();
+  showCtx = false"
+          >
+            <UIcon
+              :name="item.icon"
+              class="size-3.5 shrink-0 opacity-70"
+            />
+            {{ item.label }}
+          </button>
+        </template>
+      </div>
+    </Teleport>
   </div>
 </template>

package/dist/runtime/components/renderers/calendar/ACalendarWeekView.vue.d.ts

@@ -1,3 +1,4 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
 import type { DayColumn, CalendarEvent } from '../../../composables/useCalendarView.js';
 type __VLS_Props = {
     columns: DayColumn[];
@@ -5,17 +6,27 @@ type __VLS_Props = {
         name: string;
         color: string;
     }>;
+    eventViewers?: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    eventMenuItems?: (eventId: string, label: string) => DropdownMenuItem[][];
     dragId?: string | null;
     dragOverContainer?: string | null;
     dragPreviewTime?: {
         hours: number;
         minutes: number;
     } | null;
+    resizeId?: string | null;
     renameId?: string | null;
     renameValue?: string;
     editable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "resize-start": (payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any;
     "drag-start": (payload: {
         event: PointerEvent;
         id: string;
@@ -31,6 +42,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "focus-event": (id: string) => any;
     "unfocus-event": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onResize-start"?: ((payload: {
+        event: PointerEvent;
+        id: string;
+    }) => any) | undefined;
     "onDrag-start"?: ((payload: {
         event: PointerEvent;
         id: string;

package/dist/runtime/components/renderers/media/MediaTransportBar.d.vue.ts

@@ -8,13 +8,13 @@ type __VLS_Props = {
     isLoading: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    prev: () => any;
     next: () => any;
+    prev: () => any;
     togglePlay: () => any;
     seek: (position: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onPrev?: (() => any) | undefined;
     onNext?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
     onTogglePlay?: (() => any) | undefined;
     onSeek?: ((position: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/renderers/media/MediaTransportBar.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Props = {
     isLoading: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    prev: () => any;
     next: () => any;
+    prev: () => any;
     togglePlay: () => any;
     seek: (position: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onPrev?: (() => any) | undefined;
     onNext?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
     onTogglePlay?: (() => any) | undefined;
     onSeek?: ((position: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/renderers/sheets/ASheetsCell.d.vue.ts

@@ -0,0 +1,45 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    colIdx: number;
+    rowIdx: number;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    value: string;
+    entry: TreeEntry | undefined;
+    isActive: boolean | undefined;
+    isSelected: boolean;
+    isCut: boolean;
+    isEditing: boolean | undefined;
+    highlight: string | null;
+    remote: {
+        name: string;
+        color: string;
+    } | null;
+    remoteActive: {
+        name: string;
+        color: string;
+    } | null;
+    showGridlines: boolean;
+    editable: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    contextmenu: (e: MouseEvent) => any;
+    dblclick: () => any;
+    pointercancel: (e: PointerEvent) => any;
+    pointerdown: (e: PointerEvent) => any;
+    pointerenter: () => any;
+    pointermove: (e: PointerEvent) => any;
+    pointerup: (e: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onContextmenu?: ((e: MouseEvent) => any) | undefined;
+    onDblclick?: (() => any) | undefined;
+    onPointercancel?: ((e: PointerEvent) => any) | undefined;
+    onPointerdown?: ((e: PointerEvent) => any) | undefined;
+    onPointerenter?: (() => any) | undefined;
+    onPointermove?: ((e: PointerEvent) => any) | undefined;
+    onPointerup?: ((e: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/sheets/ASheetsCell.vue

@@ -0,0 +1,123 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  colIdx: { type: Number, required: true },
+  rowIdx: { type: Number, required: true },
+  top: { type: Number, required: true },
+  left: { type: Number, required: true },
+  width: { type: Number, required: true },
+  height: { type: Number, required: true },
+  value: { type: String, required: true },
+  entry: { type: null, required: true },
+  isActive: { type: Boolean, required: true, skipCheck: true },
+  isSelected: { type: Boolean, required: true },
+  isCut: { type: Boolean, required: true },
+  isEditing: { type: Boolean, required: true, skipCheck: true },
+  highlight: { type: [String, null], required: true },
+  remote: { type: [Object, null], required: true },
+  remoteActive: { type: [Object, null], required: true },
+  showGridlines: { type: Boolean, required: true },
+  editable: { type: Boolean, required: true }
+});
+defineEmits(["pointerdown", "pointermove", "pointerup", "pointercancel", "pointerenter", "contextmenu", "dblclick"]);
+const _currencyFmt = new Intl.NumberFormat(void 0, { style: "currency", currency: "USD" });
+const _percentFmtCache = /* @__PURE__ */ new Map();
+function _getPercentFmt(decimals) {
+  let fmt = _percentFmtCache.get(decimals);
+  if (!fmt) {
+    fmt = new Intl.NumberFormat(void 0, { style: "percent", minimumFractionDigits: decimals });
+    _percentFmtCache.set(decimals, fmt);
+  }
+  return fmt;
+}
+function formatCellDisplay(value, meta) {
+  if (!meta?.numberFormat || meta.numberFormat === "general") return value;
+  const num = Number(value);
+  if (value === "" || isNaN(num)) return value;
+  switch (meta.numberFormat) {
+    case "number":
+      return num.toFixed(meta.numberDecimals ?? 2);
+    case "currency":
+      return _currencyFmt.format(num);
+    case "percent":
+      return _getPercentFmt(meta.numberDecimals ?? 0).format(num);
+    case "date":
+      return new Date(num).toLocaleDateString();
+    default:
+      return value;
+  }
+}
+const cellStyle = computed(() => {
+  const base = {
+    top: `${props.top}px`,
+    left: `${props.left}px`,
+    width: `${props.width}px`,
+    height: `${props.height}px`
+  };
+  if (props.highlight) {
+    base.outline = `2px solid ${props.highlight}`;
+    base.outlineOffset = "-2px";
+    base.zIndex = 5;
+  } else if (props.remote) {
+    base.outline = `2px solid ${props.remote.color}`;
+    base.outlineOffset = "-2px";
+    base.zIndex = 5;
+  } else if (props.remoteActive) {
+    base.outline = `1.5px dashed ${props.remoteActive.color}`;
+    base.outlineOffset = "-1.5px";
+    base.zIndex = 4;
+  }
+  return base;
+});
+const contentStyle = computed(() => {
+  const meta = props.entry?.meta;
+  if (!meta) return void 0;
+  const s = {};
+  if (meta.bold) s.fontWeight = "bold";
+  if (meta.italic) s.fontStyle = "italic";
+  if (meta.textColor) s.color = meta.textColor;
+  if (meta.bgColor) s.backgroundColor = meta.bgColor;
+  if (meta.align) s.textAlign = meta.align;
+  return Object.keys(s).length ? s : void 0;
+});
+</script>
+
+<template>
+  <div
+    class="absolute overflow-hidden select-none"
+    :class="[
+  showGridlines ? 'border-r border-b border-(--ui-border)/40' : '',
+  isActive ? 'ring-2 ring-(--ui-primary) ring-inset z-10' : '',
+  isSelected && !isActive ? 'bg-(--ui-primary)/10' : '',
+  isCut ? 'border-dashed!' : ''
+]"
+    :style="cellStyle"
+    :data-cell-col="colIdx"
+    :data-cell-row="rowIdx"
+    @pointerdown="$emit('pointerdown', $event)"
+    @pointermove="$emit('pointermove', $event)"
+    @pointerup="$emit('pointerup', $event)"
+    @pointercancel="$emit('pointercancel', $event)"
+    @pointerenter="$emit('pointerenter')"
+    @contextmenu="$emit('contextmenu', $event)"
+    @dblclick.stop="$emit('dblclick')"
+  >
+    <!-- Remote editor badge -->
+    <span
+      v-if="remote"
+      class="absolute -top-4 right-0 text-[9px] px-1 rounded-sm text-white whitespace-nowrap pointer-events-none z-20"
+      :style="{ backgroundColor: remote.color }"
+    >
+      {{ remote.name }}
+    </span>
+
+    <!-- Display value -->
+    <div
+      v-if="!isEditing"
+      class="w-full h-full flex items-center px-1.5 text-sm text-(--ui-text) truncate"
+      :style="contentStyle"
+    >
+      {{ formatCellDisplay(value, entry?.meta) }}
+    </div>
+  </div>
+</template>

package/dist/runtime/components/renderers/sheets/ASheetsCell.vue.d.ts

@@ -0,0 +1,45 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    colIdx: number;
+    rowIdx: number;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    value: string;
+    entry: TreeEntry | undefined;
+    isActive: boolean | undefined;
+    isSelected: boolean;
+    isCut: boolean;
+    isEditing: boolean | undefined;
+    highlight: string | null;
+    remote: {
+        name: string;
+        color: string;
+    } | null;
+    remoteActive: {
+        name: string;
+        color: string;
+    } | null;
+    showGridlines: boolean;
+    editable: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    contextmenu: (e: MouseEvent) => any;
+    dblclick: () => any;
+    pointercancel: (e: PointerEvent) => any;
+    pointerdown: (e: PointerEvent) => any;
+    pointerenter: () => any;
+    pointermove: (e: PointerEvent) => any;
+    pointerup: (e: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onContextmenu?: ((e: MouseEvent) => any) | undefined;
+    onDblclick?: (() => any) | undefined;
+    onPointercancel?: ((e: PointerEvent) => any) | undefined;
+    onPointerdown?: ((e: PointerEvent) => any) | undefined;
+    onPointerenter?: (() => any) | undefined;
+    onPointermove?: ((e: PointerEvent) => any) | undefined;
+    onPointerup?: ((e: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/sheets/ASheetsGrid.d.vue.ts

@@ -0,0 +1,111 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+import type { CellAddress, SelectionRange } from '../../../composables/useSheetsSelection.js';
+type __VLS_Props = {
+    columnPositions: {
+        idx: number;
+        id: string;
+        label: string;
+        start: number;
+        size: number;
+        letter: string;
+    }[];
+    dataColumns: TreeEntry[];
+    rowCount: number;
+    displayRowCount: number;
+    getRowHeight: (rowIdx: number) => number;
+    defaultRowHeight: number;
+    getCellValue: (colIdx: number, rowIdx: number) => string;
+    getCellEntry: (colIdx: number, rowIdx: number) => TreeEntry | undefined;
+    activeCell: CellAddress | null;
+    editMode: boolean;
+    editValue: string;
+    selectionRange: SelectionRange | null;
+    cutRange: SelectionRange | null;
+    showGridlines: boolean;
+    editable: boolean;
+    remoteEditors: Map<string, {
+        name: string;
+        color: string;
+    }>;
+    remoteActiveCells?: Map<string, {
+        name: string;
+        color: string;
+    }>;
+    remoteSelections?: Array<{
+        name: string;
+        color: string;
+        minCol: number;
+        maxCol: number;
+        minRow: number;
+        maxRow: number;
+    }>;
+    cellContextItems: any[][];
+    colHeaderContextItems: (colIdx: number) => any[][];
+    rowHeaderContextItems: (rowIdx: number) => any[][];
+    formulaRefMode: boolean;
+    formulaRefHighlights: Map<string, string>;
+    fillPreview: {
+        startCol: number;
+        endCol: number;
+        fromRow: number;
+        toRow: number;
+    } | null;
+};
+declare function scrollToCell(colIdx: number, rowIdx: number): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    scrollToCell: typeof scrollToCell;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (e: ClipboardEvent) => any;
+    cut: (e: ClipboardEvent) => any;
+    keydown: (e: KeyboardEvent) => any;
+    paste: (e: ClipboardEvent) => any;
+    renameColumn: (colId: string, label: string) => any;
+    commitEdit: () => any;
+    "update:editValue": (value: string) => any;
+    selectCell: (colIdx: number, rowIdx: number, shiftKey: boolean) => any;
+    activateCell: (colIdx: number, rowIdx: number) => any;
+    cancelEdit: () => any;
+    resizeColumn: (colId: string, width: number) => any;
+    selectRow: (rowIdx: number) => any;
+    selectColumn: (colIdx: number) => any;
+    beginDrag: (colIdx: number, rowIdx: number) => any;
+    continueDrag: (colIdx: number, rowIdx: number) => any;
+    endDrag: () => any;
+    setRange: (startCol: number, startRow: number, endCol: number, endRow: number) => any;
+    formulaRefClick: (colIdx: number, rowIdx: number) => any;
+    formulaRefDragStart: (colIdx: number, rowIdx: number) => any;
+    formulaRefDragMove: (colIdx: number, rowIdx: number) => any;
+    formulaRefDragEnd: () => any;
+    fillDragStart: (rowIdx: number) => any;
+    fillDragMove: (rowIdx: number) => any;
+    fillDragEnd: () => any;
+    autoFitColumn: (colId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((e: ClipboardEvent) => any) | undefined;
+    onCut?: ((e: ClipboardEvent) => any) | undefined;
+    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
+    onPaste?: ((e: ClipboardEvent) => any) | undefined;
+    onRenameColumn?: ((colId: string, label: string) => any) | undefined;
+    onCommitEdit?: (() => any) | undefined;
+    "onUpdate:editValue"?: ((value: string) => any) | undefined;
+    onSelectCell?: ((colIdx: number, rowIdx: number, shiftKey: boolean) => any) | undefined;
+    onActivateCell?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onCancelEdit?: (() => any) | undefined;
+    onResizeColumn?: ((colId: string, width: number) => any) | undefined;
+    onSelectRow?: ((rowIdx: number) => any) | undefined;
+    onSelectColumn?: ((colIdx: number) => any) | undefined;
+    onBeginDrag?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onContinueDrag?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onEndDrag?: (() => any) | undefined;
+    onSetRange?: ((startCol: number, startRow: number, endCol: number, endRow: number) => any) | undefined;
+    onFormulaRefClick?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onFormulaRefDragStart?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onFormulaRefDragMove?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onFormulaRefDragEnd?: (() => any) | undefined;
+    onFillDragStart?: ((rowIdx: number) => any) | undefined;
+    onFillDragMove?: ((rowIdx: number) => any) | undefined;
+    onFillDragEnd?: (() => any) | undefined;
+    onAutoFitColumn?: ((colId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;