mce 0.19.2 → 0.21.0

package/dist/locale/en.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     painting: string;
     selecting: string;
     cropping: string;
+    tableEditing: string;
     selectObject: string;
     commitChanges: string;
     extend: string;

package/dist/locale/zh-Hans.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     painting: string;
     selecting: string;
     cropping: string;
+    tableEditing: string;
     selectObject: string;
     commitChanges: string;
     extend: string;

package/dist/plugins/flexLayout.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Drag-to-reorder for children of a flex/auto-layout container.
+ *
+ * `transform.ts` skips the absolute move for such a child; here we make it
+ * follow the cursor (a temporary left/top offset over its flow slot), swap
+ * order with its siblings as its centre crosses theirs, and on release drop
+ * the offset so it snaps back into its (new) slot.
+ *
+ * The sibling layout is derived analytically from sizes/gap captured once at
+ * drag start + the current children order (the order array updates
+ * synchronously on `moveChild`, but the rendered transforms only catch up on
+ * the next tick — so reading them back with `getObb` mid-drag is stale and
+ * makes the swap oscillate at the boundary). Structural changes run on the raw
+ * (non-reactive) nodes, else the canvas hands a Proxy to yoga's embind which
+ * throws a Proxy-invariant error and drops the child.
+ */
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/table.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../plugin").Plugin;
+export default _default;

package/dist/typed-global.d.ts

@@ -44,6 +44,7 @@ declare global {
         | 'moving'
         | 'transforming'
         | 'typing'
+        | 'tableEditing'
         | 'cropping'
         | 'pathEditing'
         | 'imageReplacing'

package/dist/typed-plugins.d.ts

@@ -29,6 +29,7 @@ import './plugins/autoNest'
 import './plugins/clipboard'
 import './plugins/doc'
 import './plugins/edit'
+import './plugins/flexLayout'
 import './plugins/formatPaint'
 import './plugins/frame'
 import './plugins/history'
@@ -53,6 +54,7 @@ import './plugins/smartGuides'
 import './plugins/smartSelection'
 import './plugins/state'
 import './plugins/statusbar'
+import './plugins/table'
 import './plugins/test'
 import './plugins/timeline'
 import './plugins/tool'

package/dist/utils/index.d.ts

@@ -8,3 +8,4 @@ export * from './helper';
 export * from './image';
 export * from './propsFactory';
 export * from './saveAs';
+export * from './table';

package/dist/utils/table.d.ts

@@ -0,0 +1,93 @@
+import type { NormalizedTable, Table } from 'modern-idoc';
+/**
+ * A mutable, editor-side mirror of an idoc table. It intentionally keeps the
+ * same shape as {@link NormalizedTable} (flat `cells[]` keyed by `row`/`col`
+ * with optional `rowSpan`/`colSpan`) so it can be written straight back via
+ * `Element2DTable.setProperties()`.
+ */
+export interface TableModelCell {
+    row: number;
+    col: number;
+    rowSpan?: number;
+    colSpan?: number;
+    children?: any[];
+    background?: any;
+    style?: any;
+}
+export interface TableModel {
+    columns: {
+        width: number;
+    }[];
+    rows: {
+        height: number;
+    }[];
+    cells: TableModelCell[];
+}
+export interface CellPos {
+    row: number;
+    col: number;
+}
+export interface CellRange {
+    minRow: number;
+    minCol: number;
+    maxRow: number;
+    maxCol: number;
+}
+export interface CellRect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+/** White cell fill so the canvas renders a solid table (not a transparent grid). */
+export declare const CELL_BACKGROUND = "#ffffff";
+/** 1px gridline drawn by the canvas on each cell. */
+export declare const CELL_BORDER_STYLE: {
+    readonly borderColor: "#e5e7eb";
+    readonly borderWidth: 1;
+    readonly borderStyle: "solid";
+    readonly boxSizing: "border-box";
+};
+export declare function defaultTextStyle(header?: boolean): any;
+/**
+ * Build a fresh cell child. The text element is given a `width`/`height` to fill
+ * its cell at render time (see {@link modelToTable}) so `verticalAlign` centers
+ * the text — the canvas has no flex/percent path that does this otherwise.
+ */
+export declare function createCellChild(text?: string, refStyle?: any): any;
+/** Deep-clone a live (normalized) table into an editable model. */
+export declare function cloneTableModel(table: Pick<NormalizedTable, 'columns' | 'rows' | 'cells'>): TableModel;
+/**
+ * Serialise the model into the shape `Element2DTable.setProperties` accepts,
+ * sizing each cell's text child to its (possibly merged) cell rect so the
+ * canvas vertically/horizontally centers the text.
+ */
+export declare function modelToTable(model: TableModel): Table;
+export declare function gridWidth(model: TableModel): number;
+export declare function gridHeight(model: TableModel): number;
+export declare function colLeft(model: TableModel, col: number): number;
+export declare function rowTop(model: TableModel, row: number): number;
+export declare function cellRowSpan(cell: TableModelCell): number;
+export declare function cellColSpan(cell: TableModelCell): number;
+/** Pixel rect (relative to the table's top-left) for an anchor cell. */
+export declare function getCellRect(model: TableModel, cell: TableModelCell): CellRect;
+export declare function cellRange(cell: TableModelCell): CellRange;
+/** Map every covered grid position `"row:col"` to its anchor cell. */
+export declare function buildCoverage(model: TableModel): Map<string, TableModelCell>;
+export declare function getCellAt(model: TableModel, row: number, col: number): TableModelCell | undefined;
+export declare function getCellText(cell: TableModelCell | undefined): string;
+export declare function setCellText(cell: TableModelCell, text: string): void;
+/**
+ * Expand a raw selection so it never cuts through a merged cell — any cell
+ * whose span overlaps the range pulls the range out to cover it fully.
+ */
+export declare function normalizeRange(model: TableModel, range: CellRange): CellRange;
+export declare function insertRow(model: TableModel, index: number): void;
+export declare function insertColumn(model: TableModel, index: number): void;
+export declare function removeRow(model: TableModel, index: number): void;
+export declare function removeColumn(model: TableModel, index: number): void;
+/** Merge a (normalized) range into its top-left cell, dropping the rest. */
+export declare function mergeRange(model: TableModel, range: CellRange): TableModelCell | undefined;
+/** Reset a merged cell back to 1×1, re-filling the freed positions. */
+export declare function splitCell(model: TableModel, cell: TableModelCell): void;
+export declare function isMergedCell(cell: TableModelCell): boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.19.2",
+  "version": "0.21.0",
   "description": "A headless infinite canvas editor framework built on WebGL rendering, supports exporting to image, video, and PPT. Only the ESM.",
   "author": "wxm",
   "license": "MIT",