easy-email-extensions 4.16.0 → 4.17.0

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function TableOperation(): JSX.Element;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableMenuConfig.d.ts

@@ -0,0 +1,38 @@
+declare const MENU_CONFIG: {
+    insertColumnRight: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    insertColumnLeft: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    insertRowUp: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    insertRowDown: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    mergeCells: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    deleteColumn: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    deleteRow: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+};
+export default MENU_CONFIG;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableOperationMenu.d.ts

@@ -0,0 +1,60 @@
+import { IBoundingPosition, IOperationData } from './type';
+export default class TableOperationMenu {
+    menuItems: {
+        insertColumnRight: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        insertColumnLeft: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        insertRowUp: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        insertRowDown: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        mergeCells: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        deleteColumn: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        deleteRow: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+    };
+    domNode: Element | undefined;
+    styleDom?: HTMLStyleElement;
+    visible: boolean;
+    changeTableData?: (e: IOperationData[][]) => void;
+    tableData: IOperationData[][];
+    tableIndexBoundary: IBoundingPosition;
+    maxTdCount: number;
+    constructor();
+    mount(): void;
+    destroy(): void;
+    hide(): void;
+    addRow(insertIndex: number, colCount: number): void;
+    setTableData(tableData: IOperationData[][]): void;
+    setTableIndexBoundary(tableIndexBoundary: IBoundingPosition): void;
+    showMenu({ x, y }: {
+        x: number;
+        y: number;
+    }): void;
+    menuInitial(): void;
+    menuItemCreator({ text, icon, handler }: any): HTMLDivElement;
+}

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableTool.d.ts

@@ -0,0 +1,45 @@
+import TableOperationMenu from './tableOperationMenu';
+import { AdvancedTableBlock } from 'easy-email-core';
+interface IBorderTool {
+    top: Element;
+    bottom: Element;
+    left: Element;
+    right: Element;
+}
+declare class TableColumnTool {
+    borderTool: IBorderTool;
+    dragging: boolean;
+    showBorderTool: boolean;
+    startRect: {
+        width: number;
+        height: number;
+    };
+    startTdTop: number;
+    startTdLeft: number;
+    endTdTop: number;
+    endTdLeft: number;
+    width: number;
+    height: number;
+    selectedLeftTopCell: Element | undefined;
+    selectedBottomRightCell: Element | undefined;
+    startDom: Element | undefined;
+    endDom: Element | undefined;
+    hoveringTable: ParentNode | null;
+    root: Element | undefined;
+    tableMenu?: TableOperationMenu;
+    changeTableData?: (e: AdvancedTableBlock['data']['value']['tableSource']) => void;
+    tableData: AdvancedTableBlock['data']['value']['tableSource'];
+    constructor(borderTool: IBorderTool, root: Element);
+    initTool(): void;
+    destroy(): void;
+    hideBorder: (e: any) => void;
+    hideBorderByKeyDown: () => void;
+    hideTableMenu: (e?: any) => void;
+    visibleBorder: (show?: boolean) => void;
+    renderBorder: () => void;
+    handleContextmenu: (event: any) => void;
+    handleMousedown(event: any): void;
+    handleDrag: (e: any) => void;
+    handleMouseup: (e: any) => void;
+}
+export default TableColumnTool;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/type.d.ts

@@ -0,0 +1,21 @@
+import { ITableData } from 'easy-email-core';
+export interface IOperationData extends ITableData {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface IBoundaryRect {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+}
+export interface IBoundingPosition {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/util.d.ts

@@ -0,0 +1,23 @@
+import { IBoundaryRect, IBoundingPosition, IOperationData } from './type';
+import { AdvancedTableBlock } from 'easy-email-core';
+export declare const getBoundaryRectAndElement: (el1: Element, el2: Element) => {
+    leftTopCell: Element;
+    bottomRightCell: Element;
+    boundary: IBoundaryRect;
+} | null;
+export declare function setStyle(domNode: any, rules: any): void;
+export declare const getCurrentTable: (target: Element) => ParentNode | null;
+export declare const getElementsBoundary: (el1: Element, el2: Element) => IBoundingPosition;
+export declare const checkEventInBoundingRect: (rect: IBoundingPosition, { x, y }: {
+    x: number;
+    y: number;
+}) => boolean;
+export declare const getCellAttr: (el: Element, attrName: string) => number;
+export declare const getTdBoundaryIndex: (leftTopCell: Element, bottomRightCell: Element) => {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+export declare const getCorrectTableIndexBoundary: (tableIndexBoundary: IBoundingPosition, tableData: IOperationData[][]) => IBoundingPosition;
+export declare const getMaxTdCount: (tableData: AdvancedTableBlock['data']['value']['tableSource']) => number;

package/lib/AttributePanel/components/blocks/AdvancedTable/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function AdvancedTable(): JSX.Element;

package/lib/AttributePanel/components/blocks/index.d.ts

@@ -18,6 +18,7 @@ import { Hero } from './Hero';
 import { Navbar } from './Navbar';
 import { Social } from './Social';
 import { Table } from './Table';
+import { AdvancedTable } from './AdvancedTable';
 export declare const blocks: {
     page: typeof Page;
     section: typeof Section;
@@ -48,6 +49,7 @@ export declare const blocks: {
     advanced_carousel: typeof Carousel;
     advanced_navbar: typeof Navbar;
     advanced_social: typeof Social;
+    advanced_table: typeof AdvancedTable;
     advanced_hero: typeof Hero;
     advanced_wrapper: typeof Wrapper;
     advanced_section: typeof Section;