@ones-editor/editor 2.0.8-beta.3 → 2.1.0-beta.1

package/@ones-editor/layout-block/src/index.d.ts

@@ -0,0 +1,6 @@
+import './locale';
+import './layout-styles.scss';
+import { LayoutKindBlock } from './types';
+export declare const LayoutBlock: LayoutKindBlock;
+export { isLayoutBlock } from './utils';
+export * from './caption';

package/@ones-editor/layout-block/src/layout-creator/index.d.ts

@@ -0,0 +1,27 @@
+import { Closeable, CommandItem } from '../../../../@ones-editor/core';
+import { CreateLayoutData } from '../types';
+declare class LayoutCreatorItem implements CommandItem, CreateLayoutData {
+    id: string;
+    name: string;
+    colCount?: number | undefined;
+    classPrefix: {
+        container: string;
+        title: string;
+        column: string;
+    };
+    element: HTMLElement;
+    closeable: Closeable | null;
+    columnsArray: number[];
+    constructor();
+    setCloseable: (closeable: Closeable) => void;
+    destroy: () => void;
+    createLayoutCreatorElement(): HTMLDivElement;
+    handleCreatorClick: (event: MouseEvent) => void;
+    handleCreatorLeave: () => void;
+    handleLayoutCreatorColumnEnter: (event: MouseEvent) => void;
+    highlightLayoutCreatorColumn: (colIndex: number) => void;
+    setColumnClassByIndex: (column: HTMLElement | null, index: number, targetIndex: number) => void;
+    showCreateLayoutCount: (colIndex: number) => void;
+}
+export declare function getLayoutCreatorItem(): LayoutCreatorItem;
+export {};

package/@ones-editor/layout-block/src/layout-operations.d.ts

@@ -0,0 +1,11 @@
+import { BlockElement, OnesEditor, InsertEmptyBlockOptions, BlockPathComponent, DocBlock } from '../../../@ones-editor/core';
+export declare function handleInsertEmptyBlock(editor: OnesEditor, options: InsertEmptyBlockOptions): Promise<BlockElement>;
+export declare function createLayout(editor: OnesEditor, col: number | (BlockElement | DocBlock)[], path: BlockPathComponent, dataOverriding?: (DocBlock | undefined)[]): BlockElement;
+export declare function selectContainer(editor: OnesEditor, layoutBlockElement: BlockElement, startContainerID: string, endContainerID?: string): void;
+export declare function reorderColumns(editor: OnesEditor, layoutBlock: BlockElement, sourceContainerID: string, position: number): void;
+export declare function combineLayoutBlock(editor: OnesEditor, from: BlockElement, to: BlockElement, position?: number): void;
+export declare function addColumn(editor: OnesEditor, targetBlock: BlockElement, options?: {
+    sourceBlock?: BlockElement;
+    position?: number;
+}): import("@ones-editor/core").ContainerElement | undefined;
+export declare function deleteColumn(editor: OnesEditor, columnContainerID: string, layoutBlock: BlockElement): void;

package/@ones-editor/layout-block/src/locale/en-us.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    layout: {
+        title: string;
+        columnDrag: string;
+        insertColumn: string;
+        selectColumn: string;
+        currentCols: string;
+    };
+};
+export default _default;

package/@ones-editor/layout-block/src/locale/index.d.ts

@@ -0,0 +1 @@
+export {};

package/@ones-editor/layout-block/src/locale/ja-jp.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    layout: {
+        title: string;
+        columnDrag: string;
+        insertColumn: string;
+        selectColumn: string;
+        currentCols: string;
+    };
+};
+export default _default;

package/@ones-editor/layout-block/src/locale/zh-cn.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    layout: {
+        title: string;
+        columnDrag: string;
+        insertColumn: string;
+        selectColumn: string;
+        currentCols: string;
+    };
+};
+export default _default;

package/@ones-editor/layout-block/src/options.d.ts

@@ -0,0 +1,2 @@
+import { LayoutKindBlock } from './types';
+export declare const getLayoutOptions: Exclude<LayoutKindBlock['getOptions'], undefined>;

package/@ones-editor/layout-block/src/percent-bar.d.ts

@@ -0,0 +1,3 @@
+import { ContainerElement, OnesEditor } from '../../../@ones-editor/core';
+import { LayoutDocBlock } from './types';
+export declare function createPercentBar(editor: OnesEditor, container: ContainerElement, layoutData: LayoutDocBlock, index: number): void;

package/@ones-editor/layout-block/src/selection.d.ts

@@ -0,0 +1,5 @@
+import { LayoutKindBlock } from './types';
+export declare const updateSelection: LayoutKindBlock['updateSelection'];
+export declare const clearSelection: LayoutKindBlock['clearSelection'];
+export declare const getSelectedContainers: LayoutKindBlock['getSelectedContainers'];
+export declare const getTextToolbarReferenceClient: LayoutKindBlock['getTextToolbarReferenceClient'];

package/@ones-editor/layout-block/src/toolbar.d.ts

@@ -0,0 +1,33 @@
+import { OnesEditor, BlockElement, AutoScroll, OnesEditorCustom, ContainerElement } from '../../../@ones-editor/core';
+import { Instance } from 'tippy.js';
+export declare function createSeparatorContainer(editor: OnesEditor, blockElement: BlockElement, index: number): HTMLDivElement;
+export declare function createActionBar(editor: OnesEditor, containerID: string, _blockElement: BlockElement, columnRemovable?: boolean): {
+    actionBarContainer: HTMLDivElement;
+    tippyInstance?: undefined;
+} | {
+    actionBarContainer: HTMLDivElement;
+    tippyInstance: Instance<import("tippy.js").Props>;
+};
+export declare function elementToDataUrl(editor: OnesEditor, element: HTMLElement): Promise<string>;
+export declare class OnesEditorCustomLayoutDragHandler implements OnesEditorCustom {
+    private editor;
+    activeLayoutBlock?: BlockElement;
+    columnContainer?: ContainerElement;
+    draggingContainer?: HTMLElement;
+    autoScroll?: AutoScroll;
+    startPosition?: {
+        x: number;
+        y: number;
+    };
+    get separators(): HTMLElement[] | undefined;
+    get draggingContainerIndex(): number | undefined;
+    constructor(editor: OnesEditor);
+    destroy(): void;
+    private handleMouseDown;
+    private previewShouldScale;
+    private initContainerPreview;
+    private handleDragStart;
+    private handleDrag;
+    private handleDragEnd;
+    private getClosetSeparator;
+}

package/@ones-editor/layout-block/src/types.d.ts

@@ -0,0 +1,17 @@
+import { ComplexKindBlock, DocBlock, OnesEditor } from '../../../@ones-editor/core';
+export interface LayoutDocBlock extends DocBlock {
+    children: string[];
+    colsWidth: number[];
+}
+export type LayoutKindBlock = ComplexKindBlock;
+export type LayoutDropData = {
+    isValidColumnDragging: boolean;
+    position: number;
+};
+export interface CreateLayoutData {
+    colCount?: number;
+}
+export interface EditorConfigLayoutOptions {
+    onColumnCreated?: (editor: OnesEditor, count: number) => void;
+    onColumnWidthChange?: (editor: OnesEditor, count: number, index: number, colsWidth: number[]) => void;
+}

package/@ones-editor/layout-block/src/utils.d.ts

@@ -0,0 +1,6 @@
+import { BlockElement, ContainerElement, DocBlock, DocObject, OnesEditor } from '../../../@ones-editor/core';
+export declare function isBlockElement(item: unknown): item is BlockElement;
+export declare function isLayoutBlock(block: BlockElement): boolean;
+export declare function flattenLayoutBlockIfExists(_docObject: DocObject, containerID?: string): DocBlock[];
+export declare function currentCaptionInRootContainer(editor: OnesEditor): boolean;
+export declare function getClosetLayoutContainer(block: BlockElement | undefined): ContainerElement | undefined;

package/@ones-editor/media-embed/src/core/hovering-toolbar/index.d.ts

@@ -0,0 +1,22 @@
+import { BlockCommands, BlockElement, CommandItem, OnesEditor } from '../../../../../@ones-editor/core';
+import type { CommandItemType } from '../../../../../@ones-editor/core';
+export default class ImageHoveringToolbarCommands implements BlockCommands {
+    protected editor: OnesEditor;
+    protected block: BlockElement;
+    group: string;
+    constructor(editor: OnesEditor, block: BlockElement);
+    _commands: ({
+        id: string;
+        name: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        id: string;
+        name: string;
+        type: CommandItemType;
+        icon?: undefined;
+    })[];
+    private createIconItem;
+    get commands(): CommandItem[];
+    executeCommand(editor: OnesEditor, block: BlockElement, item: CommandItem): void;
+}

package/@ones-editor/misc/src/image.d.ts

@@ -1,2 +1,3 @@
-export declare function convertImageSrcToPng(src: string): Promise<Blob>;
+export declare function convertImageSrcToPng(src: string, backgroundColor?: string): Promise<Blob>;
 export declare function convertImageFileToPng(file: File): Promise<Blob>;
+export declare function downloadImageAsPng(downloadUrl: string, prefix?: string, backgroundColor?: string): Promise<void>;

package/@ones-editor/paste-special/src/paste-special-handler.d.ts

@@ -6,6 +6,7 @@ export default class PasteSpecialHandler implements OnesEditorInputHandler {
     lastUndoAction: OnesEditorUndoAction | null;
     lastPos: BlockPosition | null;
     event: ClipboardEvent | null;
+    order: number;
     constructor(editor: OnesEditor);
     destroy(): void;
     handleChanged(editor: OnesEditor, action: OnesEditorUndoAction): void;

package/@ones-editor/table-block/src/commands/table-block-commands.d.ts

@@ -1,9 +1,10 @@
-import { BlockCommandItem, BlockElement, CommandParams, CommandResult, OnesEditor, OnesEditorCommandProvider, SelectionRange } from '../../../../@ones-editor/core';
+import { CommandItem, BlockElement, CommandParams, CommandResult, OnesEditor, OnesEditorCommandProvider, SelectionRange } from '../../../../@ones-editor/core';
 declare const TableCommands: readonly ["table/merge-cells", "table/split-cell", "table/insert-column", "table/insert-row", "table/delete-rows", "table/delete-columns", "table/delete"];
 export type TableCommand = typeof TableCommands[number];
 export default class TableBlockCommandProvider implements OnesEditorCommandProvider {
     id: string;
-    getAvailableCommands(editor: OnesEditor, block: BlockElement, range: SelectionRange): BlockCommandItem[];
-    executeCommand(editor: OnesEditor, block: BlockElement, range: SelectionRange, command: BlockCommandItem, params: CommandParams, result: CommandResult): boolean;
+    groupIndex: number;
+    getAvailableCommands(editor: OnesEditor, block: BlockElement, range: SelectionRange): CommandItem[];
+    executeCommand(editor: OnesEditor, block: BlockElement, range: SelectionRange, command: CommandItem, params: CommandParams, result?: CommandResult): boolean;
 }
 export {};

package/@ones-editor/table-block/src/index.d.ts

@@ -5,3 +5,4 @@ import './table-style.scss';
 import TableShortcuts from './table-block/table-shortcuts';
 export * from './types';
 export { TableBlock, TableBlockCommandProvider, TableShortcuts, includeBigTable };
+export type { CreateTableData } from './table-block/table-creator';

package/@ones-editor/table-block/src/table-block/doc-table-grid.d.ts

@@ -5,6 +5,7 @@ export interface DocTableCellData {
     col: number;
     colSpan: number;
     rowSpan: number;
+    background?: string;
     virtual?: boolean;
 }
 export declare class DocTableRow {

package/@ones-editor/table-block/src/table-block/table-creator/index.d.ts

@@ -1,5 +1,5 @@
 import { Closeable, CommandItem, InsertEmptyBlockOptions, OnesEditor } from '../../../../../@ones-editor/core';
-interface CreateTableData {
+export interface CreateTableData {
     colCount?: number;
     rowCount?: number;
 }

package/@ones-editor/table-block/src/table-block/table-grid.d.ts

@@ -6,6 +6,7 @@ export declare class TableCell implements DocTableCellData {
     col: number;
     colSpan: number;
     rowSpan: number;
+    background?: string;
     virtual?: boolean;
     table: HTMLTableElement;
     constructor(table: HTMLTableElement, cellData: DocTableCellData);

package/@ones-editor/text-commands/src/text-command-provider.d.ts

@@ -1,14 +1,15 @@
-import { BlockCommandItem, BlockElement, CommandParams, CommandResult, DocBlockTextAttributes, OnesEditor, OnesEditorCommandProvider, SelectionRange } from '../../../@ones-editor/core';
+import { BlockElement, CommandItem, CommandParams, CommandResult, DocBlockTextAttributes, OnesEditor, OnesEditorCommandProvider, SelectionRange } from '../../../@ones-editor/core';
 export default class TextCommandProvider implements OnesEditorCommandProvider {
     private editor;
     id: string;
+    groupIndex: number;
     private emptyTextBlockAttributes;
     private colorItem;
     constructor(editor: OnesEditor);
     destroy(): void;
     private updateButtonColor;
-    getAvailableCommands(editor: OnesEditor, block: BlockElement, range: SelectionRange): BlockCommandItem[];
-    executeCommand(editor: OnesEditor, block: BlockElement, range: SelectionRange, item: BlockCommandItem, params: CommandParams, result: CommandResult): boolean;
+    getAvailableCommands(editor: OnesEditor, block: BlockElement, range: SelectionRange): CommandItem[];
+    executeCommand(editor: OnesEditor, block: BlockElement, range: SelectionRange, item: CommandItem, params: CommandParams, result?: CommandResult): boolean;
     private executeCommandOnEmptyText;
     private getCommandsOnEmptyText;
     private setCommandsStates;

package/@ones-editor/text-commands/src/text-commands.d.ts

@@ -1,4 +1,4 @@
-import { BlockCommandItem, BlockElement, CommandParams, CommandResult, OnesEditor, SelectionRange } from '../../../@ones-editor/core';
-export declare function getStandardEmptyStyleCommands(editor: OnesEditor, block: BlockElement): BlockCommandItem[];
-export declare function getAvailableStyleCommands(editor: OnesEditor, block: BlockElement, range: SelectionRange): BlockCommandItem[];
+import { CommandItem, BlockElement, CommandParams, CommandResult, OnesEditor, SelectionRange } from '../../../@ones-editor/core';
+export declare function getStandardEmptyStyleCommands(editor: OnesEditor, block: BlockElement): CommandItem[];
+export declare function getAvailableStyleCommands(editor: OnesEditor, block: BlockElement, range: SelectionRange): CommandItem[];
 export declare function executeStyleCommand(editor: OnesEditor, block: BlockElement, range: SelectionRange, command: string, params: CommandParams, result: CommandResult): boolean;

package/@ones-editor/to-docx/src/doc2other/colors.d.ts

@@ -6,10 +6,16 @@ export declare function styleColorToColor(color: string | undefined): "d83931" |
  * @param color
  * @returns
  */
-export declare function styleBackgroundColorToHighlight(color: string | undefined): "yellow" | "magenta" | "green" | "blue" | "lightGray" | "red" | "darkGreen" | "darkMagenta" | "darkGray" | undefined;
+export declare function styleBackgroundColorToHighlight(color: string | undefined): "green" | "red" | "blue" | "yellow" | "magenta" | "lightGray" | "darkGreen" | "darkMagenta" | "darkGray" | undefined;
 export declare function styleBackgroundColorToHex(color: string | undefined): "fbbab6" | "ffdcb0" | "fff7a0" | "ceefc5" | "d1ddfb" | "d9cbf8" | "eaeaea" | "fe837c" | "ffbd6a" | "ffe662" | "a8f393" | "98b5ff" | "b394f8" | "b1b1b1" | undefined;
 /**
  * 将rgb(rrr,ggg,bbb)格式的颜色转为RRGGBB格式
  * #RRGGBB 转为 RRGGBB
  */
 export declare function colorToHex(color: any): string | undefined;
+/**
+ * 判断是否是合法的 Hex 格式颜色值
+ * @param color
+ * @returns
+ */
+export declare function isValidHexColor(color: string): boolean;

package/@ones-editor/to-docx/src/doc2other/core.d.ts

@@ -1,5 +1,6 @@
 import { DocBlock, DocObject } from '../../../../@ones-editor/core';
 import { CalcCell } from './table';
+import { CalcCol } from './layout';
 import { BlockObject, CodeObject, ExportState, GetDocByBlockFunc, GetTextsByBoxFunc, MD5Func } from './types';
 /**
  * 生成docx/html blocks的接口
@@ -20,6 +21,7 @@ export interface BlocksGenerator {
     addTableMatrix(colsWidth: number[], matrix: CalcCell[][], data: DocObject): Promise<void>;
     addVirtualBlock(blockId: string, data: DocObject, maxWidth: number): Promise<void>;
     addEmptyParagraph(): void;
+    addLayoutMatrix(colsWidth: number[], matrix: CalcCol[], data: DocObject): Promise<void>;
 }
 export declare function convertBlocksOfDoc(parent: string, // 父节点，暂时只有list block需要这个
 blocks: DocBlock[], data: DocObject, // 协作笔记里的block数组

package/@ones-editor/to-docx/src/doc2other/layout.d.ts

@@ -0,0 +1,10 @@
+import { DocBlock } from '../../../../@ones-editor/core';
+export interface CalcCol {
+    cellId: string | undefined;
+    originalWidth: number;
+    width: number;
+}
+/**
+ * 处理分栏数据结构：实际就是一行多列的表格数据
+ */
+export declare function buildLayoutMatrix(block: DocBlock, maxWidth: number): CalcCol[];

package/@ones-editor/toc/src/build-toc.d.ts

@@ -13,4 +13,5 @@ export declare class OnesEditorToc {
     private appendBlock;
     private findParent;
     static buildToc(editor: OnesEditor, doc: DocObject): OnesEditorToc;
+    static isTocContainer(editor: OnesEditor, containerID: string): boolean;
 }