@ones-editor/editor 2.2.19-beta.2 → 2.2.19-beta.3

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

@@ -1,7 +1,4 @@
 import { DocObject, LocalDoc, OnesEditor, OnesEditorComment } from '../../../@ones-editor/core';
-type EditorEvents = {
-    onPreviewImage?: (editor: OnesEditor, img: HTMLImageElement) => void;
-};
 export type CommentData = {
     [p in string]: unknown;
 };
@@ -21,7 +18,6 @@ export interface OnesEditorCommentOptions {
     onUpdateLayout?: (editor: OnesEditor, data: CommentData) => void;
     onCommentCountChange?: (count: number) => void;
     onCommentEditorClick?: (editor: OnesEditor, event: MouseEvent) => void;
-    events?: EditorEvents;
     componentsOptions?: {
         [index: string]: unknown;
     };
@@ -63,4 +59,3 @@ export interface MiniCommentGroup {
     commentIds: CommentIds;
 }
 export type MiniCommentGroups = MiniCommentGroup[];
-export {};

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

@@ -93,6 +93,7 @@ export interface EmbedOptions {
 }
 export interface Embed {
     embedType: string;
+    adjustableMinHeight?: number;
     createEmbedContent: (editor: OnesEditor, content: BlockContentElement, block: DocEmbedBlock, path: BlockPath, container: ContainerElement, blockElement: BlockElement) => void;
     convertTo?: (editor: OnesEditor, blockData: DocEmbedBlock, doc: DocObject, type: 'text' | 'html' | 'markdown') => string;
     getBlockProperties?: (editor: OnesEditor, block: BlockElement) => BlockProperties;
@@ -728,7 +729,7 @@ export interface OnesEditorCommandProvider {
     id: string;
     groupIndex?: number;
     getAvailableCommands: (editor: OnesEditor, block: BlockElement, range: SelectionRange, params?: CommandParams) => CommandItem[];
-    getInsertCommands?: (editor: OnesEditor, containerId: string, params?: CommandParams) => CommandItem[];
+    getInsertCommands?: (editor: OnesEditor, containerId: string) => CommandItem[];
     executeInsertCommand?: (editor: OnesEditor, containerId: string, blockIndex: number, item: CommandItemWithSource, params: CommandParams, result?: CommandResult) => boolean;
     executeRangeCommand?: (editor: OnesEditor, range: SelectionRange, command: CommandItemWithSource, params: CommandParams, result?: CommandResult) => boolean;
     executeCommand?: (editor: OnesEditor, block: BlockElement, range: SelectionRange, item: CommandItemWithSource, params: CommandParams, result?: CommandResult) => boolean;
@@ -750,7 +751,7 @@ export interface OnesEditorCommandProviders {
     registerCommandProvider: (provider: OnesEditorCommandProvider) => void;
     getCommandProviders: () => OnesEditorCommandProvider[];
     getCommandProvider: (id: string) => OnesEditorCommandProvider;
-    getCommands: (range: SelectionRange, params?: CommandParams) => CommandItemWithSource[];
+    getCommands: (range: SelectionRange) => CommandItemWithSource[];
     executeCommand: (range: SelectionRange, item: CommandItemWithSource, params: CommandParams) => {
         [index: string]: CommandResult;
     };

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

@@ -26,6 +26,8 @@ export declare class AutoScroll {
     private options;
     private scrollDomInfo;
     private scrolling;
+    private get edge();
+    private get step();
     constructor(options: AutoScrollOptions);
     private getScrollDomInfo;
     private getScrollingDirection;

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, callback?: (event: Event) => void): () => void;
 export {};

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

@@ -1,9 +1,5 @@
 import { BlockElement, OnesEditor } from '../../../../@ones-editor/core';
 import { BlockResizer } from '../../../../@ones-editor/block-resizer';
-interface EmbedBlockResizerOptions {
-    maxHeight?: number;
-    minHeight?: number;
-}
 export declare class EmbedBlockResizer {
     private editor;
     private resizing;
@@ -17,6 +13,5 @@ export declare class EmbedBlockResizer {
     tryEnableResizer(block: BlockElement): void;
     disableResizer(): void;
     static get(editor: OnesEditor): EmbedBlockResizer;
-    static register(editor: OnesEditor, block: BlockElement, options?: EmbedBlockResizerOptions): EmbedBlockResizer;
+    static register(editor: OnesEditor, block: BlockElement): EmbedBlockResizer;
 }
-export {};

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

@@ -2,8 +2,6 @@ import { OnesEditorExclusiveBlock } from './exclusive-block';
 import BlockExclusiveHook from './exclusive-block-hook';
 import './exclusive-block-styles.scss';
 import './locale';
-import { ExclusiveBlockMessage } from './types';
-export type { ExclusiveBlockMessage };
 export { isExclusiveBlock } from './exclusive-dom';
 export { exclusiveBlock, unexclusiveBlock } from './exclusive-block';
 export { BlockExclusiveHook, OnesEditorExclusiveBlock };

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,35 +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 handleExclusiveBlock;
-    private handleReadonlyChanged;
-    destroy(): void;
-    private updateLayoutData;
-    private handleInputChange;
-    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;
-    private handleBlockFocus;
-    private handleClick;
-    private handleSelectionChanged;
-    private handleInputFocusChange;
-    createEmbedContent(blockContent: 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,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 MermaidInstance extends GraphBase {
-    static graphType: GraphType;
-    protected graphType: GraphType;
-    static get(editor: OnesEditor, id: string): MermaidInstance;
-    static destroyCustom(editor: OnesEditor, id: string): void;
+    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>>;

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[];