@ones-editor/editor 2.2.11-beta.3 → 2.2.12-beta.1

package/@ones-editor/block-menu/src/block-menu-button/drag-drop/drag-handler.d.ts

@@ -6,7 +6,7 @@ export default class BlockMenuButtonDragHandler {
     private button;
     dragPreview: DragPreviewImage;
     autoScroll: AutoScroll | undefined;
-    oldPos: {
+    startPos: {
         x: number;
         y: number;
     };

package/@ones-editor/comments/src/comments-helper/get-comment-abstract.d.ts

@@ -1,3 +1,2 @@
-import { BlockElement, OnesEditor, SelectedBlock } from '../../../../@ones-editor/core';
-export declare function getCommentAbstract(editor: OnesEditor, blocks: BlockElement[]): string;
+import { OnesEditor, SelectedBlock } from '../../../../@ones-editor/core';
 export declare function getCommentAbstractFromSelectedBlocks(editor: OnesEditor, blocks: SelectedBlock[]): string;

package/@ones-editor/comments/src/comments-list/group-list.d.ts

@@ -15,7 +15,7 @@ export default class CommentGroupList extends ListBase<CommentWithChildren, Comm
     constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, parent: HTMLElement);
     destroy(): void;
     dispatchScroll: import("lodash").DebouncedFunc<() => void>;
-    updateItemsLayout(dispatchScroll?: boolean): void;
+    updateItemsLayout(): void;
     private bindEvents;
     private unbindEvents;
     protected createItem(data: CommentWithChildren, reason: 'init' | 'insert'): CommentGroupItem;

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

@@ -1,4 +1,3 @@
-import { IUserOptions } from '../../../utils/animate-scroll';
 import { OnesEditor, SimpleBlockPosition } from '../../types';
 export declare function editorGetClientHeight(editor: OnesEditor): number;
 export declare function editorGetClientTop(editor: OnesEditor): number;
@@ -7,5 +6,7 @@ export declare function editorGetVisibleRect(editor: OnesEditor): DOMRect;
 export declare function isBlockPositionVisible(editor: OnesEditor, pos: SimpleBlockPosition): boolean;
 export declare function scrollIntoView(editor: OnesEditor, target: HTMLElement, options?: {
     animation?: boolean;
-} & Pick<IUserOptions, 'elementToScroll' | 'verticalOffset' | 'speed'>): void;
+    verticalOffset?: number;
+    elementToScroll?: HTMLElement;
+}): void;
 export declare function editorScrollIntoView(editor: OnesEditor): void;

package/@ones-editor/core/src/core/selection/select-handler.d.ts

@@ -5,13 +5,11 @@ export declare class EditorSelectionHandler implements OnesEditorSelectionHandle
     startPos: BlockPosition | null;
     lastCaretRect: DOMRect;
     mouseDownEvent: TouchEvent | MouseEvent | null;
-    autoScroll: AutoScroll | null;
+    autoScroll: AutoScroll;
     constructor(editor: OnesEditor);
     isSelecting(): boolean;
     stopSelection(): void;
-    handleMouseDown: (event: MouseEvent | TouchEvent, options: {
-        autoScroll: boolean;
-    }) => void;
+    handleMouseDown: (event: MouseEvent | TouchEvent) => void;
     handleMouseMove: (event: MouseEvent) => void;
     handleMouseUp: (event: MouseEvent | TouchEvent) => void;
     handleDblClick(event: MouseEvent): void;

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

@@ -664,9 +664,7 @@ export interface OnesEditorInput {
 export interface OnesEditorSelectionHandler {
     isSelecting: () => boolean;
     stopSelection: () => void;
-    handleMouseDown: (event: MouseEvent | TouchEvent, options: {
-        autoScroll: boolean;
-    }) => void;
+    handleMouseDown: (event: MouseEvent | TouchEvent) => void;
     handleMouseMove: (event: MouseEvent) => void;
     handleMouseUp: (event: MouseEvent | TouchEvent) => void;
     handleDblClick: (event: MouseEvent) => void;

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

@@ -40,5 +40,4 @@ export declare function getElementFromPoint(x: number, y: number, options?: {
 export declare function createMouseEventFromTouchEvent(event: TouchEvent, type: 'mousedown' | 'mousemove' | 'mouseup' | 'click'): MouseEvent;
 export declare function ensureIsMobileEvent(events: MouseEvent | TouchEvent): events is TouchEvent;
 export declare function bindDbClick(editor: OnesEditor, elem: HTMLElement, handler: (event: MouseEvent) => void): () => void;
-export declare function bindPreventSelect(elem: HTMLElement): () => void;
 export {};

package/@ones-editor/graph-embed/assets/index.d.ts

@@ -0,0 +1,2 @@
+import GraphIcon from './graph-icon.svg?raw';
+export { GraphIcon, };

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

@@ -1,12 +1,4 @@
-import { GraphType } from '../types';
 export declare const MERMAID_SCRIPTS = "https://cdn.jsdelivr.net/npm/mermaid@9.0.1/dist/mermaid.min.js";
 export declare const FLOWCHART_SCRIPTS: string[];
 export declare const PLANTUML_PRE = "https://www.plantuml.com/plantuml/svg";
-export declare const GRAPH_MIN_HEIGHT = 150;
-export declare const GRAPH_MAX_HEIGHT = 1000;
-export declare const GRAPH_DEFAULT_HEIGHT = 300;
-export declare const DEFAULT_FLEX = 0.5;
-export declare const MIN_FLEX = 0.3;
-export declare const IMAGE_CLASS_NAME = "graph-embed-image";
-export declare const DRAG_RANGE = 10;
-export declare const GraphDocumentUrl: Record<GraphType, string>;
+export declare const GRAPH_MIN_HEIGHT = 200;

package/@ones-editor/graph-embed/src/flowchart/flowchart-embed.d.ts

@@ -1,4 +1,4 @@
-import { Embed } from '../../../../@ones-editor/core';
+import type { Embed } from '../../../../@ones-editor/core';
 import '../lang';
 declare const FlowChartEmbed: Embed;
 export default FlowChartEmbed;

package/@ones-editor/graph-embed/src/flowchart/flowchart-helper.d.ts

@@ -1,6 +1,5 @@
-import { OnesEditor } from '../../../../@ones-editor/core';
+import type { OnesEditor } from '../../../../@ones-editor/core';
 import '../../types/window.d';
-export declare const FLOWCHART_TYPE = "flowchart";
 export declare function flowchartCodeToSvgStr(editor: OnesEditor, flowDataCode: string): Promise<string>;
 export declare function flowchartCodeToObjectUrl(editor: OnesEditor, flowChartCode: string): Promise<string>;
 export declare function flowchartCodeToResourceId(editor: OnesEditor, flowChartCode: string): Promise<string>;

package/@ones-editor/graph-embed/src/flowchart/flowchart.d.ts

@@ -1,17 +1,9 @@
-import { OnesEditor, DocEmbedBlock, BlockElement } from '../../../../@ones-editor/core';
+import type { OnesEditor, DocEmbedBlock } from '../../../../@ones-editor/core';
 import GraphBase from '../helper/graph-base';
-import { StandardGraphData, GraphType } from '../types';
 export declare class FlowChartInstance extends GraphBase {
-    static graphType: GraphType;
-    protected graphType: GraphType;
-    static get(editor: OnesEditor, id: string): FlowChartInstance;
+    constructor(editor: OnesEditor);
+    static get(editor: OnesEditor, block: DocEmbedBlock): FlowChartInstance;
     protected code2ObjectUrl(code: string): Promise<string>;
     protected code2ResourceId(code: string): Promise<string>;
-    static createEmptyEmbedData: () => {
-        flowchartText: string;
-        src: string;
-    };
-    protected createGraphEmbedData: (block: BlockElement, data: Partial<StandardGraphData>) => import("@ones-editor/core").DocEmbedData;
-    protected getGraphData: (blockData: DocEmbedBlock) => StandardGraphData;
     destroy(): void;
 }

package/@ones-editor/graph-embed/src/helper/graph-base.d.ts

@@ -1,30 +1,29 @@
-import { OnesEditor, BlockContentElement, DocEmbedBlock, BlockElement, DocEmbedData, BlockProperties } from '../../../../@ones-editor/core';
-import { StandardGraphData, GraphType } from '../types';
+import { BlockProperties } from '../../../../@ones-editor/core';
+import type { OnesEditor, BlockContentElement, DocEmbedBlock, BlockElement, Logger } from '../../../../@ones-editor/core';
+import type { GraphType, GraphEmbedBlockProperties } from './graph-block-commands';
 export default abstract class GraphBase {
+    private graphType;
+    private codeEmbedDataKey;
     protected editor: OnesEditor;
-    protected abstract graphType: GraphType;
-    static graphType: GraphType;
-    static createEmptyEmbedData: () => Record<string, string>;
+    logger: Logger;
+    editing: boolean;
+    private graphEmbedContent;
+    private _status;
+    constructor(editor: OnesEditor, graphType: GraphType, codeEmbedDataKey: string);
     protected abstract code2ObjectUrl(code: string): Promise<string>;
     protected abstract code2ResourceId(code: string): Promise<string>;
-    protected abstract createGraphEmbedData(block: BlockElement, data: Partial<StandardGraphData>): DocEmbedData;
-    protected abstract getGraphData(blockData: DocEmbedBlock): StandardGraphData;
-    private layout?;
-    private viewSelect?;
-    private drawHandler?;
-    private get block();
-    constructor(editor: OnesEditor);
-    private handleReadonlyChanged;
-    destroy(): void;
-    private updateLayoutData;
-    private handleEditChange;
-    private handleFlexChange;
-    private getRealView;
+    protected i18nt(key: string, arg?: Record<string, string>): string;
+    protected getContent(embed: HTMLDivElement): BlockContentElement;
+    protected getEmbed(content: BlockContentElement): HTMLDivElement;
+    protected uploadResource(svg: string): Promise<string | null>;
+    createEmbedContent(content: BlockContentElement, block: DocEmbedBlock): void;
+    updateEmbedContent(content: BlockContentElement, block: DocEmbedBlock): void;
+    protected updateImage(embed: HTMLDivElement, code: string | undefined, url: string | undefined | null, err: Error | null): Promise<void>;
+    protected errorBoundary(embed: HTMLDivElement, code: string | undefined, url: string | undefined | null, reason: 'imageLoadError' | 'grammarError', error?: Error): void;
+    protected emptyContent(): void;
+    protected updateSpecialClasses(embed: HTMLDivElement, code: string | undefined, err: Error | null): void;
+    editGraph(content: BlockContentElement): void;
+    getBlockProperties(block: BlockElement, properties?: GraphEmbedBlockProperties): BlockProperties;
     private hasChanged;
-    createEmbedContent(content: BlockContentElement, blockData: DocEmbedBlock): void;
-    private updateHeight;
-    private updateLayout;
-    private updateDraw;
-    updateEmbedContent(content: BlockContentElement, block: DocEmbedBlock): Promise<void>;
-    getBlockProperties(block: BlockElement): BlockProperties;
+    private removeStatusContent;
 }

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

@@ -1,8 +1,9 @@
 import { BlockElement } from '../../../../@ones-editor/core';
 import type { OnesEditor } from '../../../../@ones-editor/core';
-import { CommandId } from '../../../../@ones-editor/embed-block-helper';
-import { GraphType, GraphEmbedBlockProperties } from '../types';
-export declare function getGraphEmbedBlockProperties(editor: OnesEditor, block: BlockElement, type: GraphType, properties?: GraphEmbedBlockProperties): {
+import { CommandId, type StandardEmbedBlockProperties } from '../../../../@ones-editor/embed-block-helper';
+export type GraphType = 'mermaid' | 'flowchart' | 'plantuml';
+export type GraphEmbedBlockProperties = StandardEmbedBlockProperties;
+export declare function getGraphEmbedBlockProperties(editor: OnesEditor, block: BlockElement, type: 'mermaid' | 'flowchart' | 'plantuml', properties?: GraphEmbedBlockProperties): {
     abstract: string;
     blockCommands: {
         'hovering-toolbar': import("@ones-editor/embed-block-helper").StandardEmbedBlockCommands<CommandId>;

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

@@ -1,7 +1,6 @@
 import MermaidEmbed from './mermaid/mermaid-embed';
 import FlowChartEmbed from './flowchart/flowchart-embed';
 import PlantumlEmbed from './plantuml/plantuml-embed';
-import { GraphCommandProvider } from './command';
 import './common.scss';
-export { MermaidEmbed, PlantumlEmbed, FlowChartEmbed, GraphCommandProvider, };
-export * from './types';
+export { MermaidEmbed, PlantumlEmbed, FlowChartEmbed, };
+export * from '../types';

package/@ones-editor/graph-embed/src/lang/en-us.d.ts

@@ -1,18 +1,13 @@
 declare const _default: {
     graph: {
+        invalid: string;
         empty: string;
-        readonlyEmpty: string;
-        errorTips: string;
+        edit: string;
+        comment: string;
         help: string;
-        plantuml: string;
-        mermaid: string;
-        flowchart: string;
-        command: {
-            name: string;
-            bothShow: string;
-            codeShow: string;
-            drawShow: string;
-        };
+        errorTips: string;
+        errorSubTips: string;
+        retry: string;
     };
 };
 export default _default;

package/@ones-editor/graph-embed/src/lang/ja-jp.d.ts

@@ -1,18 +1,13 @@
 declare const _default: {
     graph: {
+        invalid: string;
         empty: string;
-        readonlyEmpty: string;
-        errorTips: string;
+        edit: string;
+        comment: string;
         help: string;
-        plantuml: string;
-        mermaid: string;
-        flowchart: string;
-        command: {
-            name: string;
-            bothShow: string;
-            codeShow: string;
-            drawShow: string;
-        };
+        errorTips: string;
+        errorSubTips: string;
+        retry: string;
     };
 };
 export default _default;

package/@ones-editor/graph-embed/src/lang/zh-cn.d.ts

@@ -1,18 +1,13 @@
 declare const _default: {
     graph: {
+        invalid: string;
         empty: string;
-        readonlyEmpty: string;
-        errorTips: string;
+        edit: string;
+        comment: string;
         help: string;
-        plantuml: string;
-        mermaid: string;
-        flowchart: string;
-        command: {
-            name: string;
-            bothShow: string;
-            codeShow: string;
-            drawShow: string;
-        };
+        errorTips: string;
+        errorSubTips: string;
+        retry: string;
     };
 };
 export default _default;

package/@ones-editor/graph-embed/src/mermaid/mermaid-embed.d.ts

@@ -1,4 +1,4 @@
-import { Embed } from '../../../../@ones-editor/core';
+import type { Embed } from '../../../../@ones-editor/core';
 import '../lang';
 declare const MermaidEmbed: Embed;
 export default MermaidEmbed;

package/@ones-editor/graph-embed/src/mermaid/mermaid-helper.d.ts

@@ -1,5 +1,4 @@
 import { OnesEditor } from '../../../../@ones-editor/core';
-export declare const MERMAID_TYPE = "mermaid";
 export declare function mermaidCodeToSvg(editor: OnesEditor, code: string): Promise<string>;
 export declare function mermaidCodeToObjectUrl(editor: OnesEditor, code: string): Promise<string>;
 export declare function mermaidCodeToResourceId(editor: OnesEditor, code: string): Promise<string>;

package/@ones-editor/graph-embed/src/mermaid/mermaid.d.ts

@@ -1,16 +1,9 @@
-import { OnesEditor, DocEmbedBlock, BlockElement } from '../../../../@ones-editor/core';
+import type { OnesEditor, DocEmbedBlock } from '../../../../@ones-editor/core';
 import GraphBase from '../helper/graph-base';
-import { GraphType, StandardGraphData } from '../types';
 export declare class MermaidInstance extends GraphBase {
-    static graphType: GraphType;
-    protected graphType: GraphType;
-    static get(editor: OnesEditor, id: string): MermaidInstance;
+    constructor(editor: OnesEditor);
+    static get(editor: OnesEditor, block: DocEmbedBlock): MermaidInstance;
     code2ObjectUrl(code: string): Promise<string>;
     code2ResourceId(code: string): Promise<string>;
-    static createEmptyEmbedData: () => {
-        mermaidText: string;
-        src: string;
-    };
-    protected createGraphEmbedData: (block: BlockElement, data: Partial<StandardGraphData>) => import("@ones-editor/core").DocEmbedData;
-    protected getGraphData: (blockData: DocEmbedBlock) => StandardGraphData;
+    destroy(): void;
 }

package/@ones-editor/graph-embed/src/plantuml/plantuml-embed.d.ts

@@ -1,4 +1,4 @@
-import { Embed } from '../../../../@ones-editor/core';
+import type { Embed } from '../../../../@ones-editor/core';
 import '../lang';
 declare const PlantumlEmbed: Embed;
 export default PlantumlEmbed;

package/@ones-editor/graph-embed/src/plantuml/plantuml-helper.d.ts

@@ -1,4 +1,3 @@
-import { OnesEditor } from '../../../../@ones-editor/core';
-export declare const PLANTUML_TYPE = "plantuml";
+import type { OnesEditor } from '../../../../@ones-editor/core';
 export declare function plantumlCodeToUrl(editor: OnesEditor, plantumlText: string): string;
 export declare function plantumlUrlToResourceId(editor: OnesEditor, url: string): Promise<string>;

package/@ones-editor/graph-embed/src/plantuml/plantuml.d.ts

@@ -1,17 +1,9 @@
-import { OnesEditor, DocEmbedBlock, BlockElement } from '../../../../@ones-editor/core';
+import type { OnesEditor, DocEmbedBlock } from '../../../../@ones-editor/core';
 import GraphBase from '../helper/graph-base';
-import { GraphType, StandardGraphData } from '../types';
 export declare class PlantumlInstance extends GraphBase {
-    static graphType: GraphType;
-    protected graphType: GraphType;
-    static get(editor: OnesEditor, id: string): PlantumlInstance;
+    constructor(editor: OnesEditor);
+    static get(editor: OnesEditor, block: DocEmbedBlock): PlantumlInstance;
     protected code2ObjectUrl(code: string): Promise<string>;
     protected code2ResourceId(code: string): Promise<string>;
-    static createEmptyEmbedData: () => {
-        plantumlText: string;
-        src: string;
-    };
-    protected createGraphEmbedData: (block: BlockElement, data: Partial<StandardGraphData>) => import("@ones-editor/core").DocEmbedData;
-    protected getGraphData: (blockData: DocEmbedBlock) => StandardGraphData;
     destroy(): void;
 }

package/@ones-editor/graph-embed/types/index.d.ts

@@ -0,0 +1,16 @@
+export type MermaidEmbedOptions = {
+    cdn?: {
+        mermaid?: string;
+    };
+};
+export type FlowCharEmbedOptions = {
+    cdn?: {
+        flowchart?: string[];
+    };
+};
+export type PlantumlEmbedOptions = {
+    cdn?: {
+        plantuml?: string;
+    };
+};
+export type LANG = Record<string, string | Record<string, string>>;