@jvs-milkdown/components 1.2.2 → 1.2.4

package/lib/table-block/config.d.ts

@@ -0,0 +1,8 @@
+export type RenderType = 'add_row' | 'add_col' | 'delete_row' | 'delete_col' | 'align_col_left' | 'align_col_center' | 'align_col_right' | 'col_drag_handle' | 'row_drag_handle' | 'merge_cells' | 'split_cell';
+export interface TableBlockConfig {
+    renderButton: (renderType: RenderType) => string;
+}
+export declare const tableBlockConfig: import("@jvs-milkdown/utils").$Ctx<{
+    renderButton: (renderType: RenderType) => string;
+}, "tableBlockConfigCtx">;
+//# sourceMappingURL=config.d.ts.map

package/lib/table-block/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/table-block/config.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,YAAY,CAAA;AAEhB,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,MAAM,CAAA;CACjD;AA+BD,eAAO,MAAM,gBAAgB;kBAhCb,CAAC,UAAU,EAAE,UAAU,KAAK,MAAM;yBAmCjD,CAAA"}

package/lib/table-block/dnd/calc-drag-over.d.ts

@@ -0,0 +1,3 @@
+export declare function getDragOverColumn(table: Element, pointerX: number): [element: Element, index: number] | undefined;
+export declare function getDragOverRow(table: Element, pointerY: number): [element: Element, index: number] | undefined;
+//# sourceMappingURL=calc-drag-over.d.ts.map

package/lib/table-block/dnd/calc-drag-over.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calc-drag-over.d.ts","sourceRoot":"","sources":["../../../src/table-block/dnd/calc-drag-over.ts"],"names":[],"mappings":"AA6BA,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GACf,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,SAAS,CAK/C;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GACf,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,SAAS,CAG/C"}

package/lib/table-block/dnd/create-drag-handler.d.ts

@@ -0,0 +1,5 @@
+import type { Ctx } from '@jvs-milkdown/ctx';
+import type { Refs } from '../view/types';
+export declare function createDragRowHandler(refs: Refs, ctx?: Ctx): (event: DragEvent) => void;
+export declare function createDragColHandler(refs: Refs, ctx?: Ctx): (event: DragEvent) => void;
+//# sourceMappingURL=create-drag-handler.d.ts.map

package/lib/table-block/dnd/create-drag-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-drag-handler.d.ts","sourceRoot":"","sources":["../../../src/table-block/dnd/create-drag-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAI5C,OAAO,KAAK,EAAe,IAAI,EAAE,MAAM,eAAe,CAAA;AAKtD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,IAChD,OAAO,SAAS,UAazB;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,IAChD,OAAO,SAAS,UAczB"}

package/lib/table-block/dnd/drag-over-handler.d.ts

@@ -0,0 +1,3 @@
+import type { Refs } from '../view/types';
+export declare function createDragOverHandler(refs: Refs): (e: DragEvent) => void;
+//# sourceMappingURL=drag-over-handler.d.ts.map

package/lib/table-block/dnd/drag-over-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-over-handler.d.ts","sourceRoot":"","sources":["../../../src/table-block/dnd/drag-over-handler.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAMzC,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAmIxE"}

package/lib/table-block/dnd/prepare-dnd-context.d.ts

@@ -0,0 +1,3 @@
+import type { DragContext, Refs } from '../view/types';
+export declare function prepareDndContext(refs: Refs): DragContext | undefined;
+//# sourceMappingURL=prepare-dnd-context.d.ts.map

package/lib/table-block/dnd/prepare-dnd-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-dnd-context.d.ts","sourceRoot":"","sources":["../../../src/table-block/dnd/prepare-dnd-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,GAAG,SAAS,CAmCrE"}

package/lib/table-block/dnd/preview.d.ts

@@ -0,0 +1,3 @@
+export declare function clearPreview(previewRoot: HTMLElement): void;
+export declare function renderPreview(axis: 'x' | 'y', preview: HTMLElement, previewRoot: HTMLElement, tableContent: HTMLElement, index: number): void;
+//# sourceMappingURL=preview.d.ts.map

package/lib/table-block/dnd/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/table-block/dnd/preview.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,WAAW,EAAE,WAAW,QAEpD;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,GAAG,GAAG,GAAG,EACf,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,WAAW,EACzB,KAAK,EAAE,MAAM,QAgDd"}

package/lib/table-block/index.d.ts

@@ -0,0 +1,5 @@
+import type { MilkdownPlugin } from '@jvs-milkdown/ctx';
+export * from './view';
+export * from './config';
+export declare const tableBlock: MilkdownPlugin[];
+//# sourceMappingURL=index.d.ts.map

package/lib/table-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAKvD,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AAExB,eAAO,MAAM,UAAU,EAAE,cAAc,EAAuC,CAAA"}

package/lib/table-block/index.js

@@ -2,7 +2,7 @@ import { $ctx, $view } from '@jvs-milkdown/utils';
 import { selectColCommand, moveColCommand, selectRowCommand, moveRowCommand, mergeCellsCommand, setAlignCommand, deleteSelectedCellsCommand, addRowWithAlignment, tableSchema } from '@jvs-milkdown/preset-gfm';
 import { h, defineComponent, ref, onMounted, watch, onBeforeUnmount, shallowRef, createApp, triggerRef } from 'vue';
 import { computePosition, offset } from '@floating-ui/dom';
-import { findTable, CellSelection, selectedRect, splitCellWithType, TableMap, addColumn, mergeCells, splitCell } from '@jvs-milkdown/prose/tables';
+import { findTable, CellSelection, selectedRect, splitCellWithType, TableMap, removeColumn, removeRow, addColumn, mergeCells, splitCell } from '@jvs-milkdown/prose/tables';
 import clsx from 'clsx';
 import DOMPurify from 'dompurify';
 import { editorViewCtx, commandsCtx } from '@jvs-milkdown/core';
@@ -577,6 +577,56 @@ function useOperation(refs, ctx, getPos) {
       ctx.get(editorViewCtx).focus();
     });
   };
+  const deleteRowByIndex = (index) => {
+    if (!ctx || !ctx.get(editorViewCtx).editable) return;
+    const view = ctx.get(editorViewCtx);
+    const tablePos = getPos == null ? void 0 : getPos();
+    if (tablePos == null) return;
+    const table = view.state.doc.nodeAt(tablePos);
+    if (!table) return;
+    const tableStart = tablePos + 1;
+    const map = TableMap.get(table);
+    const tr = view.state.tr;
+    const rect = {
+      map,
+      tableStart,
+      table,
+      left: 0,
+      right: map.width,
+      top: 0,
+      bottom: map.height
+    };
+    removeRow(tr, rect, index);
+    view.dispatch(tr);
+    requestAnimationFrame(() => {
+      ctx.get(editorViewCtx).focus();
+    });
+  };
+  const deleteColByIndex = (index) => {
+    if (!ctx || !ctx.get(editorViewCtx).editable) return;
+    const view = ctx.get(editorViewCtx);
+    const tablePos = getPos == null ? void 0 : getPos();
+    if (tablePos == null) return;
+    const table = view.state.doc.nodeAt(tablePos);
+    if (!table) return;
+    const tableStart = tablePos + 1;
+    const map = TableMap.get(table);
+    const tr = view.state.tr;
+    const rect = {
+      map,
+      tableStart,
+      table,
+      left: 0,
+      right: map.width,
+      top: 0,
+      bottom: map.height
+    };
+    removeColumn(tr, rect, index);
+    view.dispatch(tr);
+    requestAnimationFrame(() => {
+      ctx.get(editorViewCtx).focus();
+    });
+  };
   const onAlign = (direction) => (e) => {
     if (!ctx) return;
     if (!ctx.get(editorViewCtx).editable) return;
@@ -656,6 +706,8 @@ function useOperation(refs, ctx, getPos) {
     selectCol,
     selectRow,
     deleteSelected,
+    deleteRowByIndex,
+    deleteColByIndex,
     onAlign,
     onMergeCells,
     onSplitCell
@@ -830,7 +882,8 @@ const TableBlock = defineComponent({
       addColByIndex,
       selectCol,
       selectRow,
-      deleteSelected,
+      deleteRowByIndex,
+      deleteColByIndex,
       onAlign,
       onMergeCells,
       onSplitCell
@@ -980,14 +1033,19 @@ const TableBlock = defineComponent({
         const isCellSelection = (sel) => sel && typeof sel.isColSelection === "function" && typeof sel.forEachCell === "function";
         if (isCellSelection(selection)) {
           const selAny = selection;
+          const rect = selectedRect(view.state);
           if (selAny.isColSelection()) {
-            const $headCell = selAny.$headCell;
-            activeColIndex.value = $headCell ? $headCell.index($headCell.depth) : -1;
+            if (activeColIndex.value >= rect.left && activeColIndex.value < rect.right) ; else {
+              const $headCell = selAny.$headCell;
+              activeColIndex.value = $headCell ? $headCell.index($headCell.depth) : -1;
+            }
             activeRowIndex.value = -1;
           } else if (selAny.isRowSelection()) {
-            const $headCell = selAny.$headCell;
+            if (activeRowIndex.value >= rect.top && activeRowIndex.value < rect.bottom) ; else {
+              const $headCell = selAny.$headCell;
+              activeRowIndex.value = $headCell ? $headCell.index($headCell.depth - 1) : -1;
+            }
             activeColIndex.value = -1;
-            activeRowIndex.value = $headCell ? $headCell.index($headCell.depth - 1) : -1;
           } else {
             activeColIndex.value = -1;
             activeRowIndex.value = -1;
@@ -1168,9 +1226,9 @@ const TableBlock = defineComponent({
               "button",
               {
                 type: "button",
-                onPointerdown: (e) => {
+                onPointerdown: () => {
                   hoverIndex.value = [0, i];
-                  deleteSelected(e);
+                  deleteColByIndex(i);
                 }
               },
               /* @__PURE__ */ h(Icon, { icon: config.renderButton("delete_col") })
@@ -1235,9 +1293,9 @@ const TableBlock = defineComponent({
               "button",
               {
                 type: "button",
-                onPointerdown: (e) => {
+                onPointerdown: () => {
                   hoverIndex.value = [i, 0];
-                  deleteSelected(e);
+                  deleteRowByIndex(i);
                 }
               },
               /* @__PURE__ */ h(Icon, { icon: config.renderButton("delete_row") })