@ones-editor/editor 2.0.5-beta.28 → 2.0.5-beta.30

package/@ones-editor/image-embed/src/drag-drop/handle-drop-over.d.ts

@@ -1,7 +1,4 @@
 import { BlockElement, DragObject, OnesEditor } from '../../../../@ones-editor/core';
 import { ImageDragInsertPos } from './types';
-export declare function getDragInsertPos(editor: OnesEditor, block: BlockElement, images: HTMLElement[], x: number, y?: number): {
-    rect: DOMRect;
-    data: number;
-};
+export declare function getDragInsertPos(editor: OnesEditor, block: BlockElement, images: HTMLElement[], x: number, y?: number): ImageDragInsertPos;
 export declare function handleDropOver(editor: OnesEditor, block: BlockElement, dragObject: DragObject | DataTransferItemList | null, x: number, y: number): ImageDragInsertPos | undefined;

package/@ones-editor/image-embed/src/drag-drop/handle-drop.d.ts

@@ -1,2 +1,3 @@
 import { BlockElement, DragObject, DropInsertPos, DropOptions, OnesEditor } from '../../../../@ones-editor/core';
+export declare function deleteImageFromBlock(editor: OnesEditor, block: BlockElement, index: number): void;
 export declare function handleDrop(editor: OnesEditor, block: BlockElement, dragData: DragObject | File[], insertPos: DropInsertPos, options: DropOptions): boolean | undefined;

package/@ones-editor/image-embed/src/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/image-embed/src/image-object.d.ts

@@ -10,6 +10,9 @@ export declare class ImageObject implements ImageObjectBase {
     private resizing;
     private parentContainerResizerObserver;
     private autoFix;
+    focusTimes: number;
+    mouseStartX: number;
+    mouseStartY: number;
     constructor(editor: OnesEditor, blockData: DocEmbedBlock);
     destroy(): void;
     setAutoFix(autoFix: boolean): void;

package/@ones-editor/image-embed/src/index.d.ts

@@ -1,12 +1,16 @@
 import { Embed } from '../../../@ones-editor/core';
+import { toImageEmbedData } from './image-data';
 import { ImageObject } from './image-object';
 import './image-embed-style.scss';
+import { deleteImageFromBlock } from './drag-drop/handle-drop';
 import './locale';
 import { getImageContainersByBlock } from './image-dom/helper';
 import EmptyImageConverterInputHandler from './empty-image-converter';
 import { ImagePasteHandler } from './paste-handler';
+import type { ImageDragObject } from './drag-drop/types';
+import { updateImageBlockSize } from './image-size';
 export * from './shortcuts';
 export * from './types';
-export { ImageObject, ImagePasteHandler, getImageContainersByBlock };
+export { ImageObject, ImagePasteHandler, getImageContainersByBlock, toImageEmbedData, deleteImageFromBlock, ImageDragObject, updateImageBlockSize };
 declare const ImageEmbed: Embed;
 export { ImageEmbed, EmptyImageConverterInputHandler };

package/@ones-editor/image-embed/src/types.d.ts

@@ -6,6 +6,7 @@ export interface ImageOptions {
     callbacks?: {
         onError?: (editor: OnesEditor, error: Error) => void;
     };
+    onPreview?: (editor: OnesEditor, event: MouseEvent) => void;
 }
 export interface ImageEmbedData extends DocEmbedData {
     src: string | string[];

package/@ones-editor/input-handlers/src/enforce-with-document-title/enforce-with-document-title-handler.d.ts

@@ -12,7 +12,6 @@ declare class EnforceWithDocumentTitleHandler implements OnesEditorInputHandler
     handleSelectionChange: (editor: OnesEditor) => void;
     private reload;
     private applyPlaceholder;
-    private removePlaceholder;
     private isDocumentTitleBlock;
 }
 export default EnforceWithDocumentTitleHandler;

package/@ones-editor/input-handlers/src/enforce-with-document-title/placeholder.d.ts

@@ -3,5 +3,4 @@ import { EnforceWithDocumentTitleHandlerOptions } from './types';
 export declare function isEmptyTextBlockWithoutCompositionText(editor: OnesEditor, block: BlockElement): boolean;
 export declare function removePlaceholderFromBlock(editor: OnesEditor, block: BlockElement): void;
 export declare function applyPlaceholderToBlock(editor: OnesEditor, block: BlockElement, placeholder: string | Element): void;
-export declare function removeAllPlaceholders(editor: OnesEditor): void;
 export declare function applyPlaceholder(editor: OnesEditor, options: EnforceWithDocumentTitleHandlerOptions): void;

package/@ones-editor/input-handlers/src/index.d.ts

@@ -1,4 +1,7 @@
 import { MarkdownInputHandler, converterIntercept } from './markdown-shortcuts';
+import { MarkdownConverterInterceptors } from './markdown-shortcuts/converter-interceptors';
+import type { ConverterInterceptor } from './markdown-shortcuts/converter-interceptors';
+import type { BlockConverter } from './markdown-shortcuts/match-block-convert';
 import './i18n';
 export * from './enforce-with-document-title';
-export { MarkdownInputHandler, converterIntercept };
+export { MarkdownInputHandler, converterIntercept, ConverterInterceptor, MarkdownConverterInterceptors, BlockConverter };

package/@ones-editor/input-handlers/src/markdown-shortcuts/converter-interceptors.d.ts

@@ -0,0 +1,12 @@
+import { BlockElement, OnesEditor, OnesEditorCustom } from '../../../../@ones-editor/core';
+import type { BlockConverter } from './match-block-convert';
+export interface ConverterInterceptor {
+    handler: (editor: OnesEditor, block: BlockElement, converter: BlockConverter) => boolean;
+}
+export declare class MarkdownConverterInterceptors implements OnesEditorCustom {
+    private interceptors;
+    addInterceptor(interceptor: ConverterInterceptor): void;
+    runInterceptors(editor: OnesEditor, block: BlockElement, converter: BlockConverter): boolean;
+    destroy(): void;
+    static get(editor: OnesEditor): MarkdownConverterInterceptors;
+}

package/@ones-editor/input-handlers/src/markdown-shortcuts/match-block-convert.d.ts

@@ -1,3 +1,11 @@
-import { OnesEditor } from '../../../../@ones-editor/core';
+import { DocBlockAttributes, OnesEditor } from '../../../../@ones-editor/core';
+export type BlockConverter = {
+    reg: RegExp;
+    blockType: string;
+    data?: DocBlockAttributes;
+};
+export type BlockConverters = {
+    [index: string]: BlockConverter;
+};
 export declare function converterIntercept(editor: OnesEditor, containerId: string, blockIndex: number, offset: number, type: 'enter' | 'space'): boolean;
 export declare function matchBlockConvert(editor: OnesEditor, containerId: string, blockIndex: number, offset: number, type: 'enter' | 'space'): boolean;

package/@ones-editor/{column-block → layout-block}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@ones-editor/columns-block",
+  "name": "@ones-editor/layout-block",
   "version": "1.0.0",
   "type": "module",
   "private": true,

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

@@ -0,0 +1,3 @@
+import { LayoutKindBlock } from './types';
+export declare const handleDrop: LayoutKindBlock['handleDrop'];
+export declare const handleDropOver: LayoutKindBlock['handleDropOver'];

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

@@ -0,0 +1,8 @@
+import { OnesEditorInputHandler, OnesEditorCustom, OnesEditor, OnesEditorDocs } from '../../../@ones-editor/core';
+export declare class LayoutBlockCaptionInputHandler implements OnesEditorInputHandler, OnesEditorCustom {
+    private editor;
+    private skipForRootContainer;
+    constructor(editor: OnesEditor, skipForRootContainer?: boolean);
+    destroy(): void;
+    handleBeforePaste(editor: OnesEditor, event: ClipboardEvent | null, docs: OnesEditorDocs): Promise<boolean>;
+}

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

@@ -0,0 +1,3 @@
+import { BlockElement, ContainerElement, OnesEditor } from '../../../@ones-editor/core';
+export declare function getChildContainers(editor: OnesEditor, block: BlockElement, from?: string, to?: string): ContainerElement[];
+export declare function getChildSeparators(block: BlockElement): HTMLElement[];

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

@@ -0,0 +1,2 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+export default function initLayoutColumnWidthDragger(editor: OnesEditor): void;

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

@@ -0,0 +1,32 @@
+/**
+ * 名称
+ */
+export declare const LAYOUT_NAME = "LayoutBlock";
+/**
+ * 快捷键
+ */
+export declare const LAYOUT_SHORTCUT_ID = "insert-layout";
+/**
+ * 快捷键提示
+ */
+export declare const LAYOUT_SHORTCUT_SUBTEXT = "/column";
+export declare const LAYOUT_BLOCK_TYPE = "layout";
+/**
+ * 最大分栏数
+ */
+export declare const MAX_LAYOUT_COLUMNS = 6;
+/**
+ * 最小分栏数
+ */
+export declare const MIN_LAYOUT_COLUMNS = 2;
+/**
+ * 分栏最小宽度，百分比
+ */
+export declare const MIN_LAYOUT_WIDTH_PERCENT = 0.08;
+export declare const DROP_BLOCK_TYPE_BLACK_LIST: string[];
+/**
+ * custom dom
+ */
+export declare const LAYOUT_SEPARATOR_CLASS_NAME = "layout-separator";
+export declare const LAYOUT_COLUMN_CONTAINER_CLASS_NAME = "layout-column-container";
+export declare const LAYOUT_SEPARATOR_INDEX_ATTRIBUTE_KEY = "layoutSeparatorIndex";

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/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/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/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/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;
 }