@ones-editor/editor 0.0.2 → 0.0.3-beta.10

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

@@ -1,9 +1,11 @@
 import { BlockCommandItem, BlockCommandItemWithSource, BlockElement, CommandParams, CommandResult, OnesEditor, OnesEditorCommandProvider, SelectionRange } from '../../../../@ones-editor/core';
 import { OnesEditorCommentsProvider } from '../types';
+import type { OnesEditorComments } from '../comments';
 export default class CommentsCommandProvider implements OnesEditorCommandProvider {
     private provider;
+    private editorComments;
     id: string;
-    constructor(provider: OnesEditorCommentsProvider);
+    constructor(provider: OnesEditorCommentsProvider, editorComments: OnesEditorComments);
     getAvailableCommands(editor: OnesEditor, block: BlockElement, range: SelectionRange): BlockCommandItem[];
     executeRangeCommand(editor: OnesEditor, range: SelectionRange, command: BlockCommandItemWithSource, params: CommandParams, result: CommandResult): boolean;
 }

package/@ones-editor/comments/src/types.d.ts

@@ -1,7 +1,5 @@
 import { DocObject, LocalDoc, OnesEditor, OnesEditorComment } from '../../../@ones-editor/core';
 import { AuthMessage } from '../../../@ones-editor/sharedb-doc';
-import type { CommentGroupItem } from './comments-list/group-item';
-import type { CommentItem } from './comment-item';
 export type CommentData = {
     [p in string]: unknown;
 };
@@ -10,23 +8,13 @@ export interface OnesEditorCommentOptions {
     disableReply?: boolean;
     disableEdit?: boolean;
     onUpdateLayout?: (editor: OnesEditor, data: CommentData) => void;
+    pullThreshold?: number;
 }
 export interface OnesEditorCommentsEvents {
     onCreateComment: (commentId: string, local: boolean) => void;
     onDeleteComment: (commentId: string, local: boolean) => void;
     onUpdateComment: (commentId: string, local: boolean) => void;
 }
-export type CreateQuickReplyEditorOption = {
-    type: 'quick-reply';
-    groupItem: CommentGroupItem;
-};
-export type CreateCommentItemEditorOption = {
-    type: 'comment-item';
-    commentItem: CommentItem;
-    groupItem: CommentGroupItem;
-    comment: OnesEditorComment;
-};
-export type CreateCommentEditorOption = CreateQuickReplyEditorOption | CreateCommentItemEditorOption;
 export interface OnesEditorCommentsProvider {
     getAuth: () => AuthMessage;
     getComments: () => OnesEditorComment[];
@@ -37,7 +25,7 @@ export interface OnesEditorCommentsProvider {
     localUpdateComment: (comment: OnesEditorComment, doc: DocObject) => void;
     addListener: (callback: OnesEditorCommentsEvents) => void;
     removeListener: (callback: OnesEditorCommentsEvents) => void;
-    createCommentEditor: (parent: HTMLElement, doc: LocalDoc, op: CreateCommentEditorOption) => OnesEditor;
+    createCommentEditor: (parent: HTMLElement, doc: LocalDoc) => OnesEditor;
 }
 export interface CommentWithChildren extends OnesEditorComment {
     children: OnesEditorComment[];
@@ -47,3 +35,15 @@ export interface ItemBase {
     comment: OnesEditorComment;
     destroy: () => void;
 }
+export type BlockId = string;
+export type CommentIds = Set<string>;
+export type MiniCommentGroupsMap = Map<BlockId, {
+    firstComment: OnesEditorComment;
+    commentIds: CommentIds;
+}>;
+export interface MiniCommentGroup {
+    blockId: BlockId;
+    firstComment: OnesEditorComment;
+    commentIds: CommentIds;
+}
+export type MiniCommentGroups = MiniCommentGroup[];

package/@ones-editor/core/src/common/index.d.ts

@@ -1,6 +1,6 @@
 import genId from '../utils/gen-id';
 import SimpleCache from '../utils/simple-cache';
-import { getLogger, chalk } from '../utils/logger';
+import { getLogger } from '../utils/logger';
 export { genId };
 export { SimpleCache };
-export { getLogger, chalk };
+export { getLogger };

package/@ones-editor/core/src/core/doc/rich-text/insert-text.d.ts

@@ -1,3 +1,4 @@
-import { DocBlockText, DocBlockTextActions, DocBlockTextAttributes } from '../doc';
+import { DocBlockText, DocBlockTextActions, DocBlockTextAttributes, DocBox, DocBlockTextOp } from '../doc';
 export declare function insertText(richText: DocBlockText, offset: number, text: string | DocBlockText, attributes: DocBlockTextAttributes | null): DocBlockText;
+export declare function createBoxOp(boxData: DocBox): DocBlockTextOp;
 export declare function createInsertOps(offset: number, text: string | DocBlockText, attributes: DocBlockTextAttributes | null): DocBlockTextActions;

package/@ones-editor/core/src/core/editor/editor-dom/dom-events.d.ts

@@ -1,5 +1,5 @@
 import { OnesEditor } from '../../types';
-export type DomEventCallback = (editor: OnesEditor, event: Event, data: unknown) => void;
+export type DomEventCallback<T = Event> = (editor: OnesEditor, event: T, data: unknown) => void;
 declare class DomEventHandler {
     editor: OnesEditor;
     dom: Element | Document | Window;
@@ -12,10 +12,10 @@ declare class DomEventHandler {
 }
 export declare class EditorDomEvents {
     private editor;
-    handlers: Map<Window | Element | Document, DomEventHandler[]>;
+    handlers: Map<Element | Document | Window, DomEventHandler[]>;
     constructor(editor: OnesEditor);
     destroy(): void;
-    addEventListener(element: Element | Document | Window, eventName: string, eventHandler: DomEventCallback, data?: unknown): void;
+    addEventListener<T = Event>(element: Element | Document | Window, eventName: string, eventHandler: DomEventCallback<T>, data?: unknown): void;
     removeEventListener(element: Element | Document | Window | null, eventName: string | null, eventHandler: DomEventCallback): void;
     removeAllListeners(element: Element | Document | Window, eventName?: string): void;
 }

package/@ones-editor/core/src/core/types.d.ts

@@ -49,12 +49,21 @@ export interface ComplexBlockPosition {
     isSimple: () => false;
 }
 export type BlockPosition = SimpleBlockPosition | ComplexBlockPosition;
+export interface BoxCommands {
+    group: string;
+    commands: CommandItem[];
+    executeCommand: (editor: OnesEditor, block: BlockElement, box: BoxElement, item: CommandItem) => unknown;
+}
+export interface BoxProperties {
+    boxCommands?: Record<string, BoxCommands>;
+}
 export interface Box {
     boxType: string;
     updateBoxContent: (editor: OnesEditor, boxElement: BoxElement, boxContent: BoxContentElement, boxData: DocBox) => void;
     convertFrom?: (editor: OnesEditor, text: string) => DocBox | null;
     handleClickBox?: (editor: OnesEditor, box: BoxElement, event: MouseEvent) => void;
     toStandardText?: (editor: OnesEditor, box: DocBox) => Promise<DocBlockText | undefined>;
+    getBoxProperties?: (editor: OnesEditor, boxElement: BoxElement) => BoxProperties;
 }
 export interface Insertion {
     insertionType: string;
@@ -79,8 +88,8 @@ export interface Embed {
     getOptions?: (editor: OnesEditor) => EmbedOptions;
     handleDeleteBlock?: (editor: OnesEditor, block: BlockElement, local: boolean, options: DeleteBlockEventOptions) => void;
     handleUpdateBlock?: (editor: OnesEditor, block: BlockElement, blockData: DocEmbedBlock) => boolean;
-    handleDropOver?: (editor: OnesEditor, block: BlockElement, dragObject: DragObject, x: number, y: number) => DropInsertPos | undefined;
-    handleDrop?: (editor: OnesEditor, block: BlockElement, dragObject: DragObject, insertPos: DropInsertPos, options: DropOptions) => boolean | undefined;
+    handleDropOver?: (editor: OnesEditor, block: BlockElement, dragData: DragObject | null, x: number, y: number) => DropInsertPos | undefined;
+    handleDrop?: (editor: OnesEditor, block: BlockElement, dragData: DragObject | File[], insertPos: DropInsertPos, options: DropOptions) => boolean | undefined;
     convertFrom?: (editor: OnesEditor, srcBlock: BlockElement, options: {
         offset: number;
         data?: DocBlockAttributes;
@@ -113,6 +122,7 @@ export interface CommandItem {
     icon?: string;
     childrenType?: 'menu' | 'toolbar';
     children?: CommandItem[];
+    childrenMenuId?: string;
     data?: unknown;
     group?: string;
     groupOrder?: number;
@@ -120,6 +130,7 @@ export interface CommandItem {
     manualShowChildren?: boolean;
     childrenPlacement?: CommandItemChildrenPlacement;
     childrenOffset?: [number, number];
+    shortcut?: string;
     setCloseable?: (closeable: Closeable) => void;
     beforePopup?: (parent: unknown) => void;
 }
@@ -188,12 +199,13 @@ export interface Block {
     clearSelection: (editor: OnesEditor) => void;
     getBlockProperties?: (editor: OnesEditor, block: BlockElement) => BlockProperties;
     getOptions?: (editor: OnesEditor) => BlockOptions;
+    notify?: (editor: OnesEditor, command: string, params?: unknown) => void;
     handleBlockElementUpdated?: (editor: OnesEditor, block: BlockElement, blockData: DocBlock) => void;
     handleContainerResized?: (editor: OnesEditor, block: BlockElement) => void;
     handleDeleteBlock?: (editor: OnesEditor, block: BlockElement, local: boolean, options: DeleteBlockEventOptions) => void;
     handleUpdateBlock?: (editor: OnesEditor, block: BlockElement, blockData: DocBlock) => boolean;
-    handleDropOver?: (editor: OnesEditor, block: BlockElement, dragObject: DragObject, x: number, y: number) => DropInsertPos | undefined;
-    handleDrop?: (editor: OnesEditor, block: BlockElement, dragObject: DragObject, insertPos: DropInsertPos, options: DropOptions) => boolean | undefined;
+    handleDropOver?: (editor: OnesEditor, block: BlockElement, dragData: DragObject | null, x: number, y: number) => DropInsertPos | undefined;
+    handleDrop?: (editor: OnesEditor, block: BlockElement, dragData: DragObject | File[], insertPos: DropInsertPos, options: DropOptions) => boolean | undefined;
     getClientRects?: (editor: OnesEditor, block: BlockElement, range: SelectionRange) => DOMRect[];
     getMinWidth?: (editor: OnesEditor, block: BlockElement) => number | undefined;
     convertFrom?: (editor: OnesEditor, srcBlock: BlockElement, options: {
@@ -409,7 +421,7 @@ export interface CloneBlockResultInfo {
     blockIdMap: Map<string, string>;
 }
 export interface OnesEditorDomEvents extends OnesEditorCustom {
-    addEventListener: (element: Element | Document | Window, eventName: string, eventHandler: (editor: OnesEditor, event: Event) => void) => void;
+    addEventListener: <T = Event>(element: Element | Document | Window, eventName: string, eventHandler: (editor: OnesEditor, event: T) => void) => void;
     removeEventListener: (element: Element | Document | Window | null, eventName: string | null, eventHandler: (editor: OnesEditor, event: Event) => void) => void;
     removeAllListeners: (element: Element | Document | Window, eventName?: string) => void;
 }
@@ -445,6 +457,7 @@ export interface OnesEditor extends TypedEmitter<OnesEditorEvents> {
     getCustom: <T extends OnesEditorCustom>(name: string) => T;
     replaceCustom: <T extends OnesEditorCustom>(name: string, newCustom: T) => T;
     findCustom: <T extends OnesEditorCustom>(name: string) => T | null;
+    findCustomByType: <T extends OnesEditorCustom>(className: new (editor: OnesEditor) => T) => T | null;
     destroyCustom: (name: string) => void;
     getComponentOptions: <T>(name: string) => T | null;
     registerLocalEvents: (events: EditorDocLocalActionCallbacks) => void;

package/@ones-editor/core/src/utils/file.d.ts

@@ -4,4 +4,7 @@ interface SelectFileOptions {
 export declare function selectFile<T extends SelectFileOptions = SelectFileOptions>(accept: string, options?: T): Promise<T extends {
     multiple: true;
 } ? File[] : File>;
+export declare function isDraggingFiles(v: unknown): v is File[];
+export declare function getFileExt(file: string): string;
+export declare function requestDownload(downloadUrl: string, fileName?: string): void;
 export {};

package/@ones-editor/core/src/utils/logger/index.d.ts

@@ -1,5 +1,3 @@
-import './fake-process';
-declare const customChalk: import("chalk").Chalk;
 export declare class Logger {
     private category;
     private times;
@@ -17,4 +15,3 @@ export declare class Logger {
     static setExtParams(params: string): void;
 }
 export declare function getLogger(category: string): Logger;
-export { customChalk as chalk };

package/@ones-editor/drawio-embed/src/helper/default-style.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_STYLES = "\n<mxStylesheet>\n<add as=\"defaultVertex\">\n<add as=\"shape\" value=\"label\"/>\n<add as=\"perimeter\" value=\"rectanglePerimeter\"/>\n<add as=\"fontSize\" value=\"12\"/>\n<add as=\"fontFamily\" value=\"Helvetica\"/>\n<add as=\"align\" value=\"center\"/>\n<add as=\"verticalAlign\" value=\"middle\"/>\n<add as=\"fillColor\" value=\"#ffffff\"/>\n<add as=\"strokeColor\" value=\"#000000\"/>\n<add as=\"fontColor\" value=\"#000000\"/>\n</add>\n<add as=\"defaultEdge\">\n<add as=\"shape\" value=\"connector\"/>\n<add as=\"labelBackgroundColor\" value=\"#ffffff\"/>\n<add as=\"endArrow\" value=\"classic\"/>\n<add as=\"fontSize\" value=\"11\"/>\n<add as=\"fontFamily\" value=\"Helvetica\"/>\n<add as=\"align\" value=\"center\"/>\n<add as=\"verticalAlign\" value=\"middle\"/>\n<add as=\"rounded\" value=\"1\"/>\n<add as=\"strokeColor\" value=\"#000000\"/>\n<add as=\"fontColor\" value=\"#000000\"/>\n</add>\n<add as=\"text\">\n<add as=\"fillColor\" value=\"none\"/>\n<add as=\"gradientColor\" value=\"none\"/>\n<add as=\"strokeColor\" value=\"none\"/>\n<add as=\"align\" value=\"left\"/>\n<add as=\"verticalAlign\" value=\"top\"/>\n</add>\n<add as=\"edgeLabel\" extend=\"text\">\n<add as=\"labelBackgroundColor\" value=\"#ffffff\"/>\n<add as=\"fontSize\" value=\"11\"/>\n</add>\n<add as=\"label\">\n<add as=\"fontStyle\" value=\"1\"/>\n<add as=\"align\" value=\"left\"/>\n<add as=\"verticalAlign\" value=\"middle\"/>\n<add as=\"spacing\" value=\"2\"/>\n<add as=\"spacingLeft\" value=\"52\"/>\n<add as=\"imageWidth\" value=\"42\"/>\n<add as=\"imageHeight\" value=\"42\"/>\n<add as=\"rounded\" value=\"1\"/>\n</add>\n<add as=\"icon\" extend=\"label\">\n<add as=\"align\" value=\"center\"/>\n<add as=\"imageAlign\" value=\"center\"/>\n<add as=\"verticalLabelPosition\" value=\"bottom\"/>\n<add as=\"verticalAlign\" value=\"top\"/>\n<add as=\"spacingTop\" value=\"4\"/>\n<add as=\"labelBackgroundColor\" value=\"#ffffff\"/>\n<add as=\"spacing\" value=\"0\"/>\n<add as=\"spacingLeft\" value=\"0\"/>\n<add as=\"spacingTop\" value=\"6\"/>\n<add as=\"fontStyle\" value=\"0\"/>\n<add as=\"imageWidth\" value=\"48\"/>\n<add as=\"imageHeight\" value=\"48\"/>\n</add>\n<add as=\"swimlane\">\n<add as=\"shape\" value=\"swimlane\"/>\n<add as=\"fontSize\" value=\"12\"/>\n<add as=\"fontStyle\" value=\"1\"/>\n<add as=\"startSize\" value=\"23\"/>\n</add>\n<add as=\"group\">\n<add as=\"verticalAlign\" value=\"top\"/>\n<add as=\"fillColor\" value=\"none\"/>\n<add as=\"strokeColor\" value=\"none\"/>\n<add as=\"gradientColor\" value=\"none\"/>\n<add as=\"pointerEvents\" value=\"0\"/>\n</add>\n<add as=\"ellipse\">\n<add as=\"shape\" value=\"ellipse\"/>\n<add as=\"perimeter\" value=\"ellipsePerimeter\"/>\n</add>\n<add as=\"rhombus\">\n<add as=\"shape\" value=\"rhombus\"/>\n<add as=\"perimeter\" value=\"rhombusPerimeter\"/>\n</add>\n<add as=\"triangle\">\n<add as=\"shape\" value=\"triangle\"/>\n<add as=\"perimeter\" value=\"trianglePerimeter\"/>\n</add>\n<add as=\"line\">\n<add as=\"shape\" value=\"line\"/>\n<add as=\"strokeWidth\" value=\"4\"/>\n<add as=\"labelBackgroundColor\" value=\"#ffffff\"/>\n<add as=\"verticalAlign\" value=\"top\"/>\n<add as=\"spacingTop\" value=\"8\"/>\n</add>\n<add as=\"image\">\n<add as=\"shape\" value=\"image\"/>\n<add as=\"labelBackgroundColor\" value=\"white\"/>\n<add as=\"verticalAlign\" value=\"top\"/>\n<add as=\"verticalLabelPosition\" value=\"bottom\"/>\n</add>\n<add as=\"roundImage\" extend=\"image\">\n<add as=\"perimeter\" value=\"ellipsePerimeter\"/>\n</add>\n<add as=\"rhombusImage\" extend=\"image\">\n<add as=\"perimeter\" value=\"rhombusPerimeter\"/>\n</add>\n<add as=\"arrow\">\n<add as=\"shape\" value=\"arrow\"/>\n<add as=\"edgeStyle\" value=\"none\"/>\n<add as=\"fillColor\" value=\"#ffffff\"/>\n</add>\n</mxStylesheet>\n";

package/@ones-editor/drop-target/src/drop-indicator.d.ts

@@ -1,4 +1,5 @@
 import { BlockElement, DropInsertPos, OnesEditor } from '../../../@ones-editor/core';
+export declare const INDICATOR_SIZE = 2;
 interface DropTarget {
     block: BlockElement;
     insertPos: DropInsertPos;

package/@ones-editor/drop-target/src/drop-target.d.ts

@@ -1,7 +1,7 @@
 import { BlockElement, ContainerElement, OnesEditor } from '../../../@ones-editor/core';
 import DropIndicator from './drop-indicator';
 export interface DropHandler {
-    handleDrop: (editor: OnesEditor, draggedBlock: BlockElement, targetContainer: ContainerElement, blockIndex: number) => boolean | undefined;
+    handleDrop: (editor: OnesEditor, dragData: BlockElement | File[], targetContainer: ContainerElement, blockIndex: number) => boolean | undefined;
 }
 export default class OnesEditorDropTarget {
     private editor;

package/@ones-editor/drop-target/src/handlers/drag-file.d.ts

@@ -0,0 +1,8 @@
+import { OnesEditor, ContainerElement, BlockElement } from '../../../../@ones-editor/core';
+import type { DropHandler } from '../drop-target';
+export declare class DropFileHandler implements DropHandler {
+    private editor;
+    constructor(editor: OnesEditor);
+    private getEmbedClassByFile;
+    handleDrop: (editor: OnesEditor, dragData: BlockElement | File[], targetContainer: ContainerElement, blockIndex: number) => boolean;
+}

package/@ones-editor/e2e/cypress/support/commands.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        getBlocksByType: (blockType: string) => Chainable<Element>;
+        clearAllNoteByKeyboard: () => void;
+        getBlockContent: () => Chainable<Element>;
+        getBlockContentByBlockId: (blockId: string) => Chainable<Element>;
+        cacheBlock: (blockType: string, block: BlockCache) => Chainable<JQuery>;
+        createHeadingByShortcut: (blockId: string, level: number, title: string) => Chainable<Element>;
+    }
+}
+interface BlockCache {
+    TitleBlockId: string;
+    BlockCacheMap: Map<string, string[]>;
+    setBlock(blockType: string, blockId: string): void;
+    getLastBlockId(blockType: string): string;
+    setTitleBlockId(blockId: string): void;
+}

package/@ones-editor/e2e/cypress/support/e2e.d.ts

@@ -0,0 +1 @@
+import './commands';

package/@ones-editor/e2e/cypress.config.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="cypress" />
+declare const _default: Cypress.ConfigOptions<any>;
+export default _default;

package/@ones-editor/e2e/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@ones-editor/e2e",
+  "private": "true",
+  "version": "1.0.0",
+  "main": "index.ts",
+  "license": "MIT",
+  "scripts": {
+    "test": "cypress open",
+    "e2e-headless": "node ./scripts/e2e-run-tests.js",
+    "test-mobile": "cypress open --config viewportWidth=390,viewportHeight=844"
+  },
+  "types": "src/index.d.ts"
+}

package/@ones-editor/e2e/src/data.d.ts

@@ -0,0 +1,106 @@
+export declare class BlockCache {
+    TitleBlockId: string;
+    BlockCacheMap: Map<string, string[]>;
+    constructor();
+    setBlock(blockType: string, blockId: string): Map<string, string[]>;
+    getLastBlockId(blockType: string): string;
+    setTitleBlockId(blockId: string): void;
+}
+export declare class TestTextStyleData {
+    inputStr: string;
+    checkSpanIndex: number;
+    expectedClassValue: string;
+    expectedTextValue: string;
+    constructor(inputStr: string, checkSpanIndex: number, expectedClassValue: string, expectedTextValue: string);
+}
+export declare class TestHeadingStyleData {
+    key: string;
+    inputStr: string;
+    expected: string;
+    expectedPlaceholder: string;
+    constructor(key: string, inputStr: string, expected: string, expectedPlaceholder: string);
+}
+export declare const docTestBlockStyle = "block-style";
+export declare const blockCache: BlockCache;
+export declare const TEXT_BLOCK_ATTRIBUTE: {
+    PLACE_HOLDER: {
+        KEY: string;
+        DEFAULT: string;
+        HEADING1: string;
+        HEADING2: string;
+        HEADING3: string;
+        HEADING4: string;
+        HEADING5: string;
+        HEADING6: string;
+        HEADING7: string;
+        HEADING8: string;
+    };
+    STYLE_HEADING: {
+        KEY: string;
+    };
+    STYLE_QUOTE: {
+        QUOTECLASSNAME: string;
+    };
+    STYLE_TEXT: {
+        BoldStyleClass: string;
+        ItalicStyleClass: string;
+        CodeStyleClass: string;
+        StrikeThrough: string;
+    };
+};
+export declare const LIST_BLOCK_ATTRIBUTE: {
+    PLACE_HOLDER: {
+        KEY: string;
+        LIST: string;
+    };
+    LEVEL: string;
+    START: string;
+    GROUP_ID: string;
+    LISTTYPE: string;
+    VALUE: {
+        LISTTYPE_ORDERED: string;
+        LISTTYPE_UNORDERED: string;
+        LISTTYPE_CHECKED: string;
+        LISTTYPE_UNCHECKED: string;
+    };
+};
+export declare const CODE_BLOCK_ATTRIBUTE: {
+    DATA_LANGUAGE: string;
+    LANGUAGE_PLAIN: string;
+    LANGUAGE_GOLANG: string;
+    LANGUAGE_JAVA: string;
+    LANGUAGE_JAVASCRIPT: string;
+    LANGUAGE_HTML_XML: string;
+};
+export declare const EMBED_BLOCK_ATTRIBUTE: {
+    HR: {
+        TYPE: string;
+        CLASS: string;
+    };
+    MERMAID: {
+        TYPE: string;
+        EMPTY_TIPS: string;
+        EMPTY_REPLACE: string;
+        ARIA_EXPANDED: string;
+        IMAGE_CLASS: string;
+    };
+    PLANTUML: {
+        TYPE: string;
+        EMPTY_TIPS: string;
+        EMPTY_REPLACE: string;
+        ARIA_EXPANDED: string;
+        IMAGE_CLASS: string;
+    };
+    TOC: {
+        TYPE: string;
+        CONTAINER_CLASS: string;
+        EMPTY_REPLACE: string;
+        EMPTY_CLASS: string;
+    };
+};
+export declare class TocNode {
+    children: TocNode[];
+    title: string;
+    level: number;
+    block: string;
+}

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

@@ -0,0 +1,10 @@
+import { TestHeadingStyleData, TestTextStyleData } from '../data';
+export declare class ShortcutCase {
+    testHeadingStyleShortcut: (data: TestHeadingStyleData) => () => void;
+    testShortcutMethod: (data: TestTextStyleData) => () => void;
+    testQuoteBlockStyleShortcut: () => () => void;
+    testEmberStyleBrShortcut: () => () => void;
+    testEmberStyleMermaidPlantumlShortcut: (input: string, embedType: string, emptyReplace: string) => () => void;
+    testListBlockStyleShortcut: (input: string, expected: string, start: number, level: number) => () => void;
+    testCodeBlockShortcut: (input: string, expected: string) => () => void;
+}

package/@ones-editor/e2e/src/input-handlers/shortcut.cy.d.ts

@@ -0,0 +1 @@
+import 'cypress-real-events';

package/@ones-editor/e2e/src/list-block/case.d.ts

@@ -0,0 +1,8 @@
+import 'cypress-real-events';
+export declare class ListCase {
+    OrderListCreate: () => () => void;
+    OrderListAddLevel: () => () => void;
+    OrderListFirstNodeAddLevel: () => () => void;
+    OrderListSoluction4: () => () => void;
+    OrderListPalceholder: () => () => void;
+}

package/@ones-editor/e2e/src/list-block/list.cy.d.ts

@@ -0,0 +1 @@
+import 'cypress-real-events';

package/@ones-editor/e2e/src/toc/case.d.ts

@@ -0,0 +1,5 @@
+import { TocNode } from '../data';
+export declare class TocCase {
+    empty: (input: string) => () => void;
+    notempty: (input: string, tocNode: TocNode[]) => () => void;
+}

package/@ones-editor/e2e/src/toc/toc.cy.d.ts

@@ -0,0 +1 @@
+import 'cypress-real-events';

package/@ones-editor/embed-block-helper/src/block-properties/embed-block-properties.d.ts

@@ -5,6 +5,7 @@ export interface StandardEmbedBlockProperties<T = PresetCommandId> {
     extCommands?: CommandItem[];
     handleExecuteCommand?: (editor: OnesEditor, block: BlockElement, item: CommandItem) => boolean;
 }
+export declare function addCommentToBlock(editor: OnesEditor, block: BlockElement): boolean;
 export declare class StandardEmbedBlockCommands<T = PresetCommandId> implements BlockCommands {
     protected editor: OnesEditor;
     protected properties?: StandardEmbedBlockProperties<T> | undefined;

package/@ones-editor/file/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ones-editor/file",
+  "version": "1.0.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "src/index.d.ts"
+}

package/@ones-editor/file/src/file-box/index.d.ts

@@ -0,0 +1,4 @@
+import { Box } from '../../../../@ones-editor/core';
+import './file-box-style.scss';
+declare const FileBox: Box;
+export default FileBox;

package/@ones-editor/file/src/file-embed/card/file-icon.d.ts

@@ -0,0 +1 @@
+export declare function getFileIcon(fileName: string, fileType: string): string;

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

@@ -0,0 +1,6 @@
+import { BlockContentElement } from '../../../../../@ones-editor/core';
+import { FileEmbedData } from '../../types';
+export declare function renderFileCard(content: BlockContentElement, data: FileEmbedData): {
+    card: HTMLDivElement;
+    downloadButton: HTMLButtonElement;
+};

package/@ones-editor/file/src/file-embed/download-file.d.ts

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

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

@@ -0,0 +1,4 @@
+import type { Embed } from '../../../../@ones-editor/core';
+import './file-card-style.scss';
+declare const FileEmbed: Embed;
+export default FileEmbed;

package/@ones-editor/file/src/index.d.ts

@@ -0,0 +1,3 @@
+import FileBox from './file-box';
+import FileEmbed from './file-embed';
+export { FileBox, FileEmbed };

package/@ones-editor/file/src/types.d.ts

@@ -0,0 +1,22 @@
+import { BlockElement, BoxElement, DocBox, DocEmbedData, OnesEditor } from '../../../@ones-editor/core';
+export interface FileData {
+    src: string;
+    fileName: string;
+    fileSize: number;
+    fileType: string;
+}
+export interface FileBoxData extends DocBox, FileData {
+}
+export declare enum FilePreviewType {
+    Card = "card",
+    Preview = "preview"
+}
+export interface FileEmbedData extends DocEmbedData, FileData {
+    width?: number;
+    height?: number;
+    previewType?: FilePreviewType;
+}
+export interface FileOptions {
+    onClick?: (editor: OnesEditor, elem: BlockElement | BoxElement, event: MouseEvent) => void;
+    onDownloadFile?: (editor: OnesEditor, data: FileData) => void;
+}

package/@ones-editor/find-dialog/src/find-dialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import { ManualCloseDialog } from '../../../@ones-editor/ui-base';
 import { OnesEditor } from '../../../@ones-editor/core';
 export default class FindDialog {

package/@ones-editor/heading-collapse/src/doc-event/index.d.ts

@@ -4,5 +4,5 @@ export declare class HeadingBlockDocEvents implements OnesEditorDocCallbacks {
     constructor(editor: OnesEditor);
     onInsertBlock(containerId: string, blockIndex: number, blockData: DocBlock, local: boolean): void;
     onUpdateBlockData(containerId: string, blockIndex: number, delta: DocBlockDelta, local: boolean): void;
-    updateBlockIfNeeded(blockId: string): void;
+    updateBlockIfNeeded(blockId: string, delta?: DocBlockDelta): void;
 }

package/@ones-editor/heading-collapse/src/heading-collapse-button/drop-handler.d.ts

@@ -1,5 +1,5 @@
 import { DropHandler } from '../../../../@ones-editor/drop-target';
 import { OnesEditor, BlockElement, ContainerElement } from '../../../../@ones-editor/core';
 export default class HeadingBlockDropHandler implements DropHandler {
-    handleDrop(editor: OnesEditor, draggedBlock: BlockElement, targetContainer: ContainerElement, blockIndex: number): boolean | undefined;
+    handleDrop(editor: OnesEditor, dragData: BlockElement | File[], targetContainer: ContainerElement, blockIndex: number): boolean | undefined;
 }

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

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

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

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

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

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

package/@ones-editor/list-block/src/lang/en-us.d.ts

@@ -6,6 +6,9 @@ declare const _default: {
         restartList: string;
         changeNumber: string;
         numberLabel: string;
+        mention: {
+            tooltip: string;
+        };
     };
     mindmap: {
         viewAsMindMap: string;

package/@ones-editor/list-block/src/lang/zh-cn.d.ts

@@ -6,6 +6,9 @@ declare const _default: {
         restartList: string;
         changeNumber: string;
         numberLabel: string;
+        mention: {
+            tooltip: string;
+        };
     };
     mindmap: {
         viewAsMindMap: string;

package/@ones-editor/list-block/src/list-notify.d.ts

@@ -0,0 +1,2 @@
+import { OnesEditor } from '../../../@ones-editor/core';
+export declare function notify(editor: OnesEditor, command: string, params?: unknown): void;

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

@@ -5,9 +5,11 @@ export default class OnesEditorListMindmap implements OnesEditorCustom {
     toMindmapButton: HTMLButtonElement;
     currentBlock: BlockElement | null;
     constructor(editor: OnesEditor);
+    static get(editor: OnesEditor): OnesEditorListMindmap | null;
     destroy(): void;
     handleHoveringBlock: (block: BlockElement | null) => void;
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;
     handleClick: () => void;
+    hide(): void;
 }

package/@ones-editor/mention/src/block-mention.d.ts

@@ -0,0 +1,10 @@
+import type { OnesEditorCustom, OnesEditor } from '../../../@ones-editor/core';
+export default class OnesEditorBlockMention implements OnesEditorCustom {
+    private editor;
+    mentionButton: HTMLButtonElement;
+    constructor(editor: OnesEditor);
+    private shouldBlockShowMention;
+    private handleHoveringBlock;
+    private handleMouseDown;
+    destroy: () => void;
+}

package/@ones-editor/mention/src/dom/mention-button.d.ts

@@ -0,0 +1,2 @@
+import type { OnesEditor } from '../../../../@ones-editor/core';
+export declare function createMentionButton(editor: OnesEditor): HTMLButtonElement;

package/@ones-editor/mention/src/index.d.ts

@@ -1,5 +1,6 @@
 import OnesEditorMention from './mention';
 import MentionBox from './mention-box';
+import OnesEditorBlockMention from './block-mention';
 import './mention-style.scss';
-export { OnesEditorMention, MentionBox };
+export { OnesEditorMention, MentionBox, OnesEditorBlockMention };
 export * from './types';