@opentiny/fluent-editor 4.0.0-alpha.13 → 4.0.0-alpha.15

package/types/modules/collaborative-editing/types.d.ts

@@ -6,48 +6,49 @@ import { WebrtcProvider } from 'y-webrtc';
 import { WebsocketProvider } from 'y-websocket';
 import { AwarenessOptions } from './awareness';
 import { WebRTCProviderOptions, WebsocketProviderOptions } from './provider';
-import type * as Y from 'yjs';
-export interface ProviderEventHandlers {
-    onConnect?: () => void;
-    onDisconnect?: () => void;
-    onError?: (error: Error) => void;
-    onSyncChange?: (isSynced: boolean) => void;
-}
-export interface BaseYjsProviderConfig extends ProviderEventHandlers {
-    options: Record<string, any>;
-    type: string;
-}
-export type WebRTCProviderConfig = BaseYjsProviderConfig & {
-    options: WebRTCProviderOptions;
-    type: 'webrtc';
-};
-export type WebsocketProviderConfig = BaseYjsProviderConfig & {
-    options: WebsocketProviderOptions;
-    type: 'websocket';
-};
-export type CustomProviderConfig = BaseYjsProviderConfig & {
-    options: Record<string, any>;
-    type: string;
-};
-export type CursorsConfig = boolean | object;
-export interface CollaborativeEditingDeps {
-    Y: typeof Y;
-    Awareness: typeof Awareness;
-    QuillBinding: typeof QuillBinding;
-    QuillCursors: typeof QuillCursors;
-    WebsocketProvider?: typeof WebsocketProvider;
-    WebrtcProvider?: typeof WebrtcProvider;
-    IndexeddbPersistence?: typeof IndexeddbPersistence;
-}
-export interface YjsOptions {
-    ydoc?: Y.Doc;
-    provider: (WebRTCProviderConfig | WebsocketProviderConfig | CustomProviderConfig);
-    awareness?: AwarenessOptions;
-    offline?: boolean;
-    cursors?: CursorsConfig;
-    deps?: CollaborativeEditingDeps;
-    onConnect?: () => void;
-    onDisconnect?: () => void;
-    onError?: (error: Error) => void;
-    onSyncChange?: (isSynced: boolean) => void;
-}
+
+import type * as Y from 'yjs';
+export interface ProviderEventHandlers {
+    onConnect?: () => void;
+    onDisconnect?: () => void;
+    onError?: (error: Error) => void;
+    onSyncChange?: (isSynced: boolean) => void;
+}
+export interface BaseYjsProviderConfig extends ProviderEventHandlers {
+    options: Record<string, any>;
+    type: string;
+}
+export type WebRTCProviderConfig = BaseYjsProviderConfig & {
+    options: WebRTCProviderOptions;
+    type: 'webrtc';
+};
+export type WebsocketProviderConfig = BaseYjsProviderConfig & {
+    options: WebsocketProviderOptions;
+    type: 'websocket';
+};
+export type CustomProviderConfig = BaseYjsProviderConfig & {
+    options: Record<string, any>;
+    type: string;
+};
+export type CursorsConfig = boolean | object;
+export interface CollaborativeEditingDeps {
+    Y: typeof Y;
+    Awareness: typeof Awareness;
+    QuillBinding: typeof QuillBinding;
+    QuillCursors: typeof QuillCursors;
+    WebsocketProvider?: typeof WebsocketProvider;
+    WebrtcProvider?: typeof WebrtcProvider;
+    IndexeddbPersistence?: typeof IndexeddbPersistence;
+}
+export interface YjsOptions {
+    ydoc?: Y.Doc;
+    provider: (WebRTCProviderConfig | WebsocketProviderConfig | CustomProviderConfig);
+    awareness?: AwarenessOptions;
+    offline?: boolean;
+    cursors?: CursorsConfig;
+    deps?: CollaborativeEditingDeps;
+    onConnect?: () => void;
+    onDisconnect?: () => void;
+    onError?: (error: Error) => void;
+    onSyncChange?: (isSynced: boolean) => void;
+}

package/types/modules/counter.d.ts

@@ -1,23 +1,24 @@
 import { AnyFunction } from '../config';
 import { default as FluentEditor } from '../fluent-editor';
-export interface ICounterOption {
-    format?: 'text' | 'html';
-    unit?: 'word' | 'char';
-    count?: number;
-    template?: string | AnyFunction;
-    errorTemplate?: string | AnyFunction;
-}
-export default class Counter {
-    quill: FluentEditor;
-    container: HTMLDivElement;
-    options: ICounterOption;
-    constructor(quill: FluentEditor, options: ICounterOption);
-    resolveOptions(options: ICounterOption): {
-        format: string;
-        unit: string;
-        template: string;
-        count: number;
-    } & ICounterOption;
-    renderCount: () => void;
-    getContentLength(format: any): number;
-}
+
+export interface ICounterOption {
+    format?: 'text' | 'html';
+    unit?: 'word' | 'char';
+    count?: number;
+    template?: string | AnyFunction;
+    errorTemplate?: string | AnyFunction;
+}
+export default class Counter {
+    quill: FluentEditor;
+    container: HTMLDivElement;
+    options: ICounterOption;
+    constructor(quill: FluentEditor, options: ICounterOption);
+    resolveOptions(options: ICounterOption): {
+        format: string;
+        unit: string;
+        template: string;
+        count: number;
+    } & ICounterOption;
+    renderCount: () => void;
+    getContentLength(format: any): number;
+}

package/types/modules/custom-clipboard.d.ts

@@ -1,25 +1,26 @@
 import { default as TypeClipboard } from 'quill/modules/clipboard';
 import { default as FluentEditor } from '../fluent-editor';
-declare const Clipboard: typeof TypeClipboard;
-export declare class CustomClipboard extends Clipboard {
-    quill: FluentEditor;
-    prepareMatching(container: HTMLElement, nodeMatches: any): any[][];
-    onCaptureCopy(e: any, isCut?: boolean): void;
-    onCapturePaste(e: ClipboardEvent): void;
-    onPaste(range: any, { html, text, files: clipboardFiles, rtf }: {
-        html: any;
-        text: any;
-        files: any;
-        rtf: any;
-    }): void;
-    files2urls(files: File[], placeholders: any, originalUrls: any, pastedDelta: any, imageIndexs: any): Promise<unknown[]>;
-    flipFilesArray(filesArr: any): any[][];
-    convertHexToBase64(hexString: any): string;
-    extractImageDataFromRtf(rtfData: any): any[];
-    extractFilesFromDelta(delta: any, clipboardFiles: any, hexImages?: any): Promise<any[]>;
-    getImgSelection(delta: any, imageIndex: any): {
-        index: number;
-        length: number;
-    };
-}
-export {};
+
+declare const Clipboard: typeof TypeClipboard;
+export declare class CustomClipboard extends Clipboard {
+    quill: FluentEditor;
+    prepareMatching(container: HTMLElement, nodeMatches: any): any[][];
+    onCaptureCopy(e: any, isCut?: boolean): void;
+    onCapturePaste(e: ClipboardEvent): void;
+    onPaste(range: any, { html, text, files: clipboardFiles, rtf }: {
+        html: any;
+        text: any;
+        files: any;
+        rtf: any;
+    }): void;
+    files2urls(files: File[], placeholders: any, originalUrls: any, pastedDelta: any, imageIndexs: any): Promise<unknown[]>;
+    flipFilesArray(filesArr: any): any[][];
+    convertHexToBase64(hexString: any): string;
+    extractImageDataFromRtf(rtfData: any): any[];
+    extractFilesFromDelta(delta: any, clipboardFiles: any, hexImages?: any): Promise<any[]>;
+    getImgSelection(delta: any, imageIndex: any): {
+        index: number;
+        length: number;
+    };
+}
+export {};

package/types/modules/custom-image/BlotFormatter.d.ts

@@ -0,0 +1,29 @@
+import { default as Action } from './actions/Action';
+import { Options } from './Options';
+import { default as BlotSpec } from './specs/BlotSpec';
+import { default as ImageBar } from './image-bar';
+
+export default class BlotFormatter {
+    quill: any;
+    options: Options;
+    currentSpec: BlotSpec;
+    specs: BlotSpec[];
+    overlay: HTMLElement;
+    actions: Action[];
+    observer: any;
+    imageBar: ImageBar;
+    private debounceTimer;
+    static register(): void;
+    constructor(quill: any, options?: any);
+    show(spec: BlotSpec): void;
+    hide(): void;
+    update(): void;
+    createActions(spec: BlotSpec): void;
+    destroyActions(): void;
+    repositionOverlay(): void;
+    setUserSelect(value: string): void;
+    onClick: () => void;
+    onMouseOver: (event: any) => void;
+    hideImageBar: () => void;
+    hideImageOverlay: (event: any) => void;
+}

package/types/modules/custom-image/{options.d.ts → Options.d.ts}

@@ -1,47 +1,48 @@
 import { ImageToolbar, ImageToolbarButtons } from './actions';
 import { BlotSpec } from './specs';
-export interface OverlayOptions {
-    className: string;
-    style: Record<string, string>;
-}
-export interface ResizeOptions {
-    handleClassName: string;
-    handleStyle: Record<string, string>;
-}
-export interface ToolButtonOption {
-    name: string;
-    icon: string;
-    isActive?: (el: HTMLElement) => boolean;
-    apply: (this: ImageToolbar, el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
-}
-export interface ToolbarButtonOptions {
-    buttons: Record<string, ToolButtonOption | boolean>;
-}
-export interface ToolbarOptions extends ToolbarButtonOptions {
-    mainClassName: string;
-    mainStyle: Record<string, unknown>;
-    buttonClassName: string;
-    addButtonSelectStyle: boolean;
-    buttonStyle: Record<string, unknown>;
-    svgStyle: Record<string, unknown>;
-}
-export interface BlotFormatterOptionsInput {
-    specs: typeof BlotSpec[];
-    overlay: Partial<OverlayOptions>;
-    resize: Partial<ResizeOptions>;
-    toolbar: Partial<ToolbarOptions>;
-}
-export interface BlotFormatterOptions {
-    specs: typeof BlotSpec[];
-    overlay: OverlayOptions;
-    resize: ResizeOptions;
-    toolbar: ToolbarOptions;
-    allowInvalidUrl: boolean;
-}
-export declare const LEFT_ALIGN = "align-left";
-export declare const CENTER_ALIGN = "align-center";
-export declare const RIGHT_ALIGN = "align-right";
-export declare const COPY = "copy";
-export declare const DOWNLOAD = "download";
-declare const DefaultOptions: BlotFormatterOptions;
-export default DefaultOptions;
+
+export interface OverlayOptions {
+    className: string;
+    style: Record<string, string>;
+}
+export interface ResizeOptions {
+    handleClassName: string;
+    handleStyle: Record<string, string>;
+}
+export interface ToolButtonOption {
+    name: string;
+    icon: string;
+    isActive?: (el: HTMLElement) => boolean;
+    apply: (this: ImageToolbar, el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
+}
+export interface ToolbarButtonOptions {
+    buttons: Record<string, ToolButtonOption | boolean>;
+}
+export interface ToolbarOptions extends ToolbarButtonOptions {
+    mainClassName: string;
+    mainStyle: Record<string, unknown>;
+    buttonClassName: string;
+    addButtonSelectStyle: boolean;
+    buttonStyle: Record<string, unknown>;
+    svgStyle: Record<string, unknown>;
+}
+export interface BlotFormatterOptionsInput {
+    specs: typeof BlotSpec[];
+    overlay: Partial<OverlayOptions>;
+    resize: Partial<ResizeOptions>;
+    toolbar: Partial<ToolbarOptions>;
+}
+export interface BlotFormatterOptions {
+    specs: typeof BlotSpec[];
+    overlay: OverlayOptions;
+    resize: ResizeOptions;
+    toolbar: ToolbarOptions;
+    allowInvalidUrl: boolean;
+}
+export declare const LEFT_ALIGN = "align-left";
+export declare const CENTER_ALIGN = "align-center";
+export declare const RIGHT_ALIGN = "align-right";
+export declare const COPY = "copy";
+export declare const DOWNLOAD = "download";
+declare const DefaultOptions: BlotFormatterOptions;
+export default DefaultOptions;

package/types/modules/custom-image/actions/{action.d.ts → Action.d.ts}

@@ -1,8 +1,9 @@
 import { BlotFormatter } from '../blot-formatter';
-export declare class Action {
-    formatter: BlotFormatter;
-    constructor(formatter: BlotFormatter);
-    onCreate(): void;
-    onDestroy(): void;
-    onUpdate(): void;
-}
+
+export declare class Action {
+    formatter: BlotFormatter;
+    constructor(formatter: BlotFormatter);
+    onCreate(): void;
+    onDestroy(): void;
+    onUpdate(): void;
+}

package/types/modules/custom-image/actions/CustomResizeAction.d.ts

@@ -0,0 +1,24 @@
+import { default as Action } from './Action';
+
+export default class CustomResizeAction extends Action {
+    topLeftHandle: HTMLElement;
+    topRightHandle: HTMLElement;
+    bottomRightHandle: HTMLElement;
+    bottomLeftHandle: HTMLElement;
+    dragHandle: HTMLElement;
+    dragStartX: number;
+    preDragWidth: number;
+    targetRatio: number;
+    maxWidth: number;
+    minWidth: number;
+    constructor(formatter: any);
+    onCreate(): void;
+    onDestroy(): void;
+    createHandle(position: string, cursor: string): HTMLElement;
+    repositionHandles(handleStyle: any): void;
+    setCursor(value: string): void;
+    onMouseDown: (event: MouseEvent) => void;
+    findTd: (node: HTMLElement, level: number) => any;
+    onDrag: (event: MouseEvent) => void;
+    onMouseUp: () => void;
+}

package/types/modules/custom-image/actions/DeleteAction.d.ts

@@ -0,0 +1,7 @@
+import { default as Action } from './Action';
+
+export default class DeleteAction extends Action {
+    onCreate(): void;
+    onDestroy(): void;
+    onKeyUp: (event: any) => void;
+}

package/types/modules/custom-image/actions/custom-resize-action.d.ts

@@ -1,23 +1,24 @@
 import { Action } from './action';
-export declare class CustomResizeAction extends Action {
-    topLeftHandle: HTMLElement;
-    topRightHandle: HTMLElement;
-    bottomRightHandle: HTMLElement;
-    bottomLeftHandle: HTMLElement;
-    dragHandle: HTMLElement;
-    dragStartX: number;
-    preDragWidth: number;
-    targetRatio: number;
-    maxWidth: number;
-    minWidth: number;
-    constructor(formatter: any);
-    onCreate(): void;
-    onDestroy(): void;
-    createHandle(position: string, cursor: string): HTMLElement;
-    repositionHandles(handleStyle: any): void;
-    setCursor(value: string): void;
-    onMouseDown: (event: MouseEvent) => void;
-    findTd: (node: HTMLElement, level: number) => any;
-    onDrag: (event: MouseEvent) => void;
-    onMouseUp: () => void;
-}
+
+export declare class CustomResizeAction extends Action {
+    topLeftHandle: HTMLElement;
+    topRightHandle: HTMLElement;
+    bottomRightHandle: HTMLElement;
+    bottomLeftHandle: HTMLElement;
+    dragHandle: HTMLElement;
+    dragStartX: number;
+    preDragWidth: number;
+    targetRatio: number;
+    maxWidth: number;
+    minWidth: number;
+    constructor(formatter: any);
+    onCreate(): void;
+    onDestroy(): void;
+    createHandle(position: string, cursor: string): HTMLElement;
+    repositionHandles(handleStyle: any): void;
+    setCursor(value: string): void;
+    onMouseDown: (event: MouseEvent) => void;
+    findTd: (node: HTMLElement, level: number) => any;
+    onDrag: (event: MouseEvent) => void;
+    onMouseUp: () => void;
+}

package/types/modules/custom-image/actions/delete-action.d.ts

@@ -1,6 +1,7 @@
 import { Action } from './action';
-export declare class DeleteAction extends Action {
-    onCreate(): void;
-    onDestroy(): void;
-    onKeyUp: (event: any) => void;
-}
+
+export declare class DeleteAction extends Action {
+    onCreate(): void;
+    onDestroy(): void;
+    onKeyUp: (event: any) => void;
+}

package/types/modules/custom-image/actions/image-toolbar-buttons.d.ts

@@ -1,16 +1,17 @@
 import { ToolbarButtonOptions, ToolButtonOption } from '../options';
-export declare const ALIGN_ATTR = "data-align";
-export declare function setAlignStyle(el: HTMLElement, display: string | null, float: string | null, margin: string | null): void;
-export declare const alignmentHandler: {
-    left: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
-    center: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
-    right: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
-    download: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
-    copy: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => Promise<void>;
-};
-export declare class ImageToolbarButtons {
-    buttons: Record<string, ToolButtonOption>;
-    constructor(options: ToolbarButtonOptions);
-    getItems(): ToolButtonOption[];
-    clear(el: HTMLElement): void;
-}
+
+export declare const ALIGN_ATTR = "data-align";
+export declare function setAlignStyle(el: HTMLElement, display: string | null, float: string | null, margin: string | null): void;
+export declare const alignmentHandler: {
+    left: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
+    center: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
+    right: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
+    download: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
+    copy: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => Promise<void>;
+};
+export declare class ImageToolbarButtons {
+    buttons: Record<string, ToolButtonOption>;
+    constructor(options: ToolbarButtonOptions);
+    getItems(): ToolButtonOption[];
+    clear(el: HTMLElement): void;
+}

package/types/modules/custom-image/actions/index.d.ts

@@ -1,6 +1,6 @@
-export * from './action';
-export * from './custom-resize-action';
-export * from './delete-action';
-export * from './image-toolbar-buttons';
-export * from './toolbar';
-export * from './toolbar-action';
+export * from './action';
+export * from './custom-resize-action';
+export * from './delete-action';
+export * from './image-toolbar-buttons';
+export * from './toolbar';
+export * from './toolbar-action';

package/types/modules/custom-image/actions/toolbar-action.d.ts

@@ -2,10 +2,11 @@ import { BlotFormatter } from '../blot-formatter';
 import { Action } from './action';
 import { ImageToolbarButtons } from './image-toolbar-buttons';
 import { ImageToolbar } from './toolbar';
-export declare class ImageToolbarAction extends Action {
-    toolbar: ImageToolbar;
-    buttons: ImageToolbarButtons;
-    constructor(formatter: BlotFormatter);
-    onCreate(): void;
-    onDestroy(): void;
-}
+
+export declare class ImageToolbarAction extends Action {
+    toolbar: ImageToolbar;
+    buttons: ImageToolbarButtons;
+    constructor(formatter: BlotFormatter);
+    onCreate(): void;
+    onDestroy(): void;
+}

package/types/modules/custom-image/actions/toolbar.d.ts

@@ -1,19 +1,20 @@
 import { BlotFormatter } from '../blot-formatter';
 import { ToolButtonOption } from '../options';
 import { ImageToolbarButtons } from './image-toolbar-buttons';
-export declare class ImageToolbar {
-    toolbar?: HTMLElement;
-    buttons: HTMLElement[];
-    constructor();
-    create(formatter: BlotFormatter, toolButton: ImageToolbarButtons): HTMLElement;
-    destroy(): void;
-    getElement(): HTMLElement;
-    addToolbarStyle(formatter: BlotFormatter, toolbar: HTMLElement): void;
-    addButtonStyle(button: HTMLElement, index: number, formatter: BlotFormatter): void;
-    addButtons(formatter: BlotFormatter, toolbar: HTMLElement, toolButton: ImageToolbarButtons): void;
-    preselectButton(button: HTMLElement, toolButtonOption: ToolButtonOption, formatter: BlotFormatter, toolButton: ImageToolbarButtons): void;
-    onButtonClick(button: HTMLElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
-    clickButton(button: HTMLElement, target: HTMLImageElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
-    selectButton(formatter: BlotFormatter, button: HTMLElement): void;
-    deselectButton(formatter: BlotFormatter, button: HTMLElement): void;
-}
+
+export declare class ImageToolbar {
+    toolbar?: HTMLElement;
+    buttons: HTMLElement[];
+    constructor();
+    create(formatter: BlotFormatter, toolButton: ImageToolbarButtons): HTMLElement;
+    destroy(): void;
+    getElement(): HTMLElement;
+    addToolbarStyle(formatter: BlotFormatter, toolbar: HTMLElement): void;
+    addButtonStyle(button: HTMLElement, index: number, formatter: BlotFormatter): void;
+    addButtons(formatter: BlotFormatter, toolbar: HTMLElement, toolButton: ImageToolbarButtons): void;
+    preselectButton(button: HTMLElement, toolButtonOption: ToolButtonOption, formatter: BlotFormatter, toolButton: ImageToolbarButtons): void;
+    onButtonClick(button: HTMLElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
+    clickButton(button: HTMLElement, target: HTMLImageElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
+    selectButton(formatter: BlotFormatter, button: HTMLElement): void;
+    deselectButton(formatter: BlotFormatter, button: HTMLElement): void;
+}

package/types/modules/custom-image/blot-formatter.d.ts

@@ -2,22 +2,23 @@ import { default as FluentEditor } from '../../core/fluent-editor';
 import { Action } from './actions';
 import { BlotFormatterOptions } from './options';
 import { BlotSpec } from './specs';
-export declare class BlotFormatter {
-    quill: FluentEditor;
-    options: BlotFormatterOptions;
-    currentSpec: BlotSpec;
-    specs: BlotSpec[];
-    overlay: HTMLElement;
-    actions: Action[];
-    observer: MutationObserver;
-    static register(): void;
-    constructor(quill: FluentEditor, options?: Partial<BlotFormatterOptions>);
-    show(spec: BlotSpec): void;
-    hide(): void;
-    update(): void;
-    createActions(spec: BlotSpec): void;
-    destroyActions(): void;
-    repositionOverlay(): void;
-    setUserSelect(value: string): void;
-    onClick: () => void;
-}
+
+export declare class BlotFormatter {
+    quill: FluentEditor;
+    options: BlotFormatterOptions;
+    currentSpec: BlotSpec;
+    specs: BlotSpec[];
+    overlay: HTMLElement;
+    actions: Action[];
+    observer: MutationObserver;
+    static register(): void;
+    constructor(quill: FluentEditor, options?: Partial<BlotFormatterOptions>);
+    show(spec: BlotSpec): void;
+    hide(): void;
+    update(): void;
+    createActions(spec: BlotSpec): void;
+    destroyActions(): void;
+    repositionOverlay(): void;
+    setUserSelect(value: string): void;
+    onClick: () => void;
+}

package/types/modules/custom-image/image-bar.d.ts

@@ -0,0 +1,15 @@
+import { default as Quill } from 'quill';
+
+export default class ImageBar {
+    quill: Quill;
+    image: HTMLImageElement;
+    domNode: HTMLElement;
+    imageRange: any;
+    template: string;
+    constructor(quill: any, target: any);
+    createImageBar(): void;
+    destroy(): void;
+    operateImage(event: any, operate: any): Promise<void>;
+    setPosition(): void;
+    css(domNode: any, rules: any): void;
+}