@opentiny/fluent-editor 4.0.0-alpha.0 → 4.0.0-alpha.10

package/types/modules/emoji.d.ts

@@ -0,0 +1,39 @@
+import { EmojiMartData } from '@emoji-mart/data';
+import { computePosition } from '@floating-ui/dom';
+import { Picker } from 'emoji-mart';
+import { default as FluentEditor } from '../fluent-editor';
+export interface EmojiModuleOptions {
+    emojiData?: EmojiMartData;
+    EmojiPicker?: new (props: any) => Picker;
+    emojiPickerPosition?: typeof computePosition;
+    theme?: string;
+    locale?: string;
+    set?: string;
+    skinTonePosition?: string;
+    previewPosition?: string;
+    searchPosition?: string;
+    categories?: string[];
+    maxFrequentRows?: number;
+    perLine?: number;
+    navPosition?: string;
+    noCountryFlags?: boolean;
+    dynamicWidth?: boolean;
+}
+declare class EmojiModule {
+    private readonly quill;
+    private readonly options;
+    private picker;
+    private isPickerVisible;
+    private cleanupResizeObserver;
+    constructor(quill: FluentEditor, options?: EmojiModuleOptions);
+    private getEmojiButton;
+    private updatePickerPosition;
+    private setupContainerResizeObserver;
+    private createPicker;
+    openDialog(): void;
+    closeDialog(): void;
+    private handleEmojiSelect;
+    private handleClickOutside;
+    destroy(): void;
+}
+export { EmojiModule };

package/types/modules/file/formats/file.d.ts

@@ -1,15 +1,18 @@
-declare const Embed: unknown;
-declare class File extends Embed {
-    static blotName: string;
-    static tagName: string;
-    static className: string;
-    static PROTOCOL_WHITELIST: string[];
-    statics: any;
-    domNode: any;
-    static create(value: any): any;
-    static value(domNode: any): any;
-    static formats(domNode: any): any;
-    static getFormats(domNode: any): any;
-    static sanitize(url: any): any;
-}
-export default File;
+import { default as TypeEmbed } from 'quill/blots/embed';
+declare const Embed: typeof TypeEmbed;
+export interface FileValue {
+    size: number;
+    src: string;
+    title: string;
+}
+export declare class File extends Embed {
+    static blotName: string;
+    static tagName: string;
+    static className: string;
+    static PROTOCOL_WHITELIST: string[];
+    static create(value: FileValue): HTMLAnchorElement;
+    static value(domNode: HTMLAnchorElement): Record<string, string>;
+    static getFormats(domNode: HTMLAnchorElement): Record<string, string>;
+    static sanitize(url: string): string;
+}
+export {};

package/types/modules/file/index.d.ts

@@ -1,11 +1,3 @@
-import { default as FileBar } from './modules/file-bar';
-
-declare const Module: unknown;
-declare class FileModule extends Module {
-    quill: any;
-    fileBar: FileBar;
-    static register(): void;
-    constructor(quill: any, options: any);
-    clickEvent(event: any): void;
-}
-export default FileModule;
+export * from './formats/file';
+export * from './modules/file-bar';
+export * from './modules/file-module';

package/types/modules/file/modules/file-bar.d.ts

@@ -1,14 +1,14 @@
-export default class FileBar {
-    quill: any;
-    file: any;
-    domNode: HTMLElement;
-    fileRange: any;
-    template: string;
-    constructor(quill: any, target: any);
-    createFileBar(): void;
-    destroy(): void;
-    operateFile(event: any, operate: any): void;
-    setPosition(): void;
-    css(domNode: any, rules: any): void;
-    formatDate(timestamp: any): string;
-}
+export declare class FileBar {
+    quill: any;
+    file: any;
+    domNode: HTMLElement;
+    fileRange: any;
+    template: string;
+    constructor(quill: any, target: any);
+    createFileBar(): void;
+    destroy(): void;
+    operateFile(event: any, operate: any): void;
+    setPosition(): void;
+    css(domNode: any, rules: any): void;
+    formatDate(timestamp: any): string;
+}

package/types/modules/file/modules/file-module.d.ts

@@ -0,0 +1,9 @@
+import { default as FluentEditor } from '../../../core/fluent-editor';
+import { FileBar } from './file-bar';
+export declare class FileModule {
+    quill: FluentEditor;
+    fileBar: FileBar;
+    static register(): void;
+    constructor(quill: FluentEditor);
+    clickEvent(event: MouseEvent): void;
+}

package/types/modules/i18n.d.ts

@@ -1,16 +1,14 @@
 import { default as FluentEditor } from '../fluent-editor';
-
-interface I18NOptions {
-    lang: string;
-    langText: Record<string, string>;
-}
-declare class I18N {
-    quill: FluentEditor;
-    isFullscreen: boolean;
-    options: I18NOptions;
-    constructor(quill: FluentEditor, options: Partial<I18NOptions>);
-    resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions;
-    changeLanguage(options: Partial<I18NOptions>, force?: boolean): void;
-}
-export { I18NOptions };
-export default I18N;
+export interface I18NOptions {
+    lang: string;
+}
+export declare class I18N {
+    quill: FluentEditor;
+    static register(inputLangs: Record<string, Record<string, string>>, isCover?: boolean): void;
+    static parserText(text: string, lang: string): string;
+    options: I18NOptions;
+    constructor(quill: FluentEditor, options: Partial<I18NOptions>);
+    resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions;
+    changeLanguage(options: Partial<I18NOptions>, force?: boolean): void;
+}
+export default I18N;

package/types/modules/index.d.ts

@@ -0,0 +1,16 @@
+export * from './collaborative-editing';
+export * from './counter';
+export * from './custom-clipboard';
+export * from './custom-image';
+export * from './custom-uploader';
+export * from './divider';
+export * from './emoji';
+export * from './file';
+export * from './i18n';
+export * from './link';
+export * from './mathlive';
+export * from './mention';
+export * from './shortcut-key';
+export * from './syntax';
+export * from './table-up';
+export * from './toolbar';

package/types/modules/link/formats/link.d.ts

@@ -1,16 +1,15 @@
 import { default as TypeInline } from 'quill/blots/inline';
-
-declare const Inline: typeof TypeInline;
-export default class Link extends Inline {
-    static blotName: string;
-    static tagName: string;
-    static SANITIZED_URL: string;
-    static PROTOCOL_WHITELIST: string[];
-    static className: string;
-    static autoProtocol: string;
-    static create(value: any): HTMLElement;
-    static formats(domNode: any): any;
-    static sanitize(url: any): any;
-    format(name: any, value: any): void;
-}
-export {};
+declare const Inline: typeof TypeInline;
+export declare class LinkBlot extends Inline {
+    static blotName: string;
+    static tagName: string;
+    static SANITIZED_URL: string;
+    static PROTOCOL_WHITELIST: string[];
+    static className: string;
+    static autoProtocol: string;
+    static create(value: string): HTMLElement;
+    static formats(domNode: HTMLElement): string | null;
+    static sanitize(url: string): string;
+    format(name: string, value: any): void;
+}
+export {};

package/types/modules/link/index.d.ts

@@ -1,6 +1,2 @@
-declare const Module: typeof import('quill/core/module').default;
-declare class Link extends Module {
-    static register(): void;
-    constructor(quill: any, options: any);
-}
-export default Link;
+export * from './formats/link';
+export * from './modules/tooltip';

package/types/modules/link/modules/tooltip.d.ts

@@ -1,33 +1,27 @@
+import { default as FluentEditor } from '../../../core/fluent-editor';
 import { BaseTooltip } from 'quill/themes/base';
-
-export default class Tooltip extends BaseTooltip {
-    static TEMPLATE: string;
-    isInputFocus: boolean;
-    isHover: boolean;
-    debouncedHideToolTip: any;
-    debouncedShowToolTip: any;
-    hide: any;
-    linkRange: any;
-    quill: any;
-    root: any;
-    restoreFocus: any;
-    textbox: any;
-    boundsContainer: any;
-    options: {
-        autoProtocol: string;
-    };
-    constructor(quill: any, bounds: any);
-    setTemplate(): void;
-    resolveOptions(): void;
-    shouldHide(): boolean;
-    hideToolTip(): void;
-    showToolTip(name: any, value: any, range: any): void;
-    handleMouseLeave(): void;
-    handleMouseEnter(event: any): void;
-    listen(): void;
-    save(): void;
-    position(reference: any): number;
-    edit(mode: string, preview: any, range: any): void;
-    show(): void;
-    addHttpProtocol(url: string): string;
-}
+export declare class LinkTooltip extends BaseTooltip {
+    quill: FluentEditor;
+    static TEMPLATE: string;
+    isInputFocus: boolean;
+    isHover: boolean;
+    debouncedHideToolTip: any;
+    debouncedShowToolTip: any;
+    options: {
+        autoProtocol: string;
+    };
+    constructor(quill: FluentEditor, bounds: any);
+    setTemplate(): void;
+    resolveOptions(): void;
+    shouldHide(): boolean;
+    hideToolTip(): void;
+    showToolTip(name: any, value: any, range: any): void;
+    handleMouseLeave(): void;
+    handleMouseEnter(event: MouseEvent): void;
+    listen(): void;
+    save(): void;
+    position(reference: any): number;
+    edit(mode: string, preview: any, range: any): void;
+    show(): void;
+    addHttpProtocol(url: string): string;
+}

package/types/modules/mathlive/formats.d.ts

@@ -1,23 +1,22 @@
 import { MathfieldElement } from 'mathlive';
 import { Root } from 'parchment';
-
-declare const Parchment: typeof import("parchment");
-type MathliveBlotMode = 'dialog' | 'only-read';
-export default class MathliveBlot extends Parchment.EmbedBlot {
-    domNode: MathfieldElement;
-    static blotName: string;
-    static tagName: string;
-    static className: string;
-    mode: MathliveBlotMode;
-    static create(obj: {
-        value: string;
-        mode: MathliveBlotMode;
-    }): MathfieldElement;
-    static value(domNode: MathfieldElement): {
-        value: string;
-        mode: string;
-    };
-    constructor(scroll: Root, domNode: MathfieldElement);
-    html(): string;
-}
-export {};
+declare const Parchment: typeof import("parchment");
+export type MathliveBlotMode = 'dialog' | 'only-read';
+export declare class MathliveBlot extends Parchment.EmbedBlot {
+    domNode: MathfieldElement;
+    static blotName: string;
+    static tagName: string;
+    static className: string;
+    mode: MathliveBlotMode;
+    static create(obj: {
+        value: string;
+        mode: MathliveBlotMode;
+    }): MathfieldElement;
+    static value(domNode: MathfieldElement): {
+        value: string;
+        mode: string;
+    };
+    constructor(scroll: Root, domNode: MathfieldElement);
+    html(): string;
+}
+export {};

package/types/modules/mathlive/index.d.ts

@@ -1,9 +1,3 @@
-import { default as Quill } from 'quill';
-import { default as MathliveTooltip } from './tooltip';
-
-export default class MathliveModule {
-    quill: Quill;
-    tooltip: MathliveTooltip;
-    constructor(quill: Quill);
-    createDialog(value?: string): void;
-}
+export * from './formats';
+export * from './module';
+export * from './tooltip';

package/types/modules/mathlive/module.d.ts

@@ -0,0 +1,9 @@
+import { default as Quill } from 'quill';
+import { MathliveTooltip } from './tooltip';
+export declare class MathliveModule {
+    quill: Quill;
+    tooltip: MathliveTooltip;
+    static register(): void;
+    constructor(quill: Quill);
+    createDialog(value?: string): void;
+}

package/types/modules/mathlive/tooltip.d.ts

@@ -2,18 +2,17 @@ import { MathfieldElement } from 'mathlive';
 import { Bounds } from 'quill/core/selection';
 import { default as TypeTooltip } from 'quill/ui/tooltip';
 import { default as Quill } from 'quill';
-
-declare const Tooltip: typeof TypeTooltip;
-export default class MathliveTooltip extends Tooltip {
-    static TEMPLATE: string;
-    mathliveDom: MathfieldElement;
-    editValue?: string;
-    constructor(quill: Quill, boundsContainer?: HTMLElement);
-    listen(): void;
-    cancel(): void;
-    edit(value?: string): void;
-    restoreFocus(): void;
-    save(): void;
-    position(reference: Bounds): number;
-}
-export {};
+declare const Tooltip: typeof TypeTooltip;
+export declare class MathliveTooltip extends Tooltip {
+    static TEMPLATE: string;
+    mathliveDom: MathfieldElement;
+    editValue?: string;
+    constructor(quill: Quill, boundsContainer?: HTMLElement);
+    listen(): void;
+    cancel(): void;
+    edit(value?: string): void;
+    restoreFocus(): void;
+    save(): void;
+    position(reference: Bounds): number;
+}
+export {};

package/types/modules/mention/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const ON_MENTION_LINK_REMOVE = "mention-link/remove";
-export declare const MENTION_CHAR = "mentionChar";
-export declare const DEFAULT_MENTION_CHAR = "@";
+export declare const ON_MENTION_LINK_REMOVE = "mention-link/remove";
+export declare const MENTION_CHAR = "mentionChar";
+export declare const DEFAULT_MENTION_CHAR = "@";

package/types/modules/mention/index.d.ts

@@ -0,0 +1,2 @@
+export * from './mention';
+export * from './mention-link';

package/types/modules/mention/{MentionLink.d.ts → mention-link.d.ts}

@@ -1,16 +1,16 @@
 import { default as TypeEmbed } from 'quill/blots/embed';
-
-declare const Embed: typeof TypeEmbed;
-declare class MentionLink extends Embed {
-    static blotName: string;
-    static tagName: string;
-    static className: string;
-    scroll: any;
-    mentionData: any;
-    static create(data: any): HTMLElement;
-    static value(domNode: HTMLElement): Record<string, any>;
-    constructor(scroll: any, domNode: any, data: any);
-    value(): any;
-    remove(): void;
-}
-export { MentionLink as default };
+import { default as TypeScroll } from 'quill/blots/scroll';
+declare const Embed: typeof TypeEmbed;
+export declare class MentionLink extends Embed {
+    scroll: TypeScroll;
+    static blotName: string;
+    static tagName: string;
+    static className: string;
+    mentionData: any;
+    static create(data: any): HTMLElement;
+    static value(domNode: HTMLElement): Record<string, any>;
+    constructor(scroll: TypeScroll, domNode: any, data: any);
+    value(): any;
+    remove(): void;
+}
+export {};

package/types/modules/mention/{Mention.d.ts → mention.d.ts}

@@ -1,55 +1,53 @@
 import { default as Quill } from 'quill';
-
-interface MentionOption {
-    containerClass?: string;
-    defaultLink?: string;
-    itemActiveClass?: string;
-    itemKey: string;
-    itemClass?: string;
-    listClass?: string;
-    listHideClass?: string;
-    maxHeight?: number;
-    mentionChar?: string;
-    remove?: (data: any) => void;
-    renderMentionItem?: (data: any) => string | HTMLElement;
-    renderMentionText?: (data: any) => string | HTMLElement;
-    search?: (term: string) => Promise<any[]>;
-    searchKey: string;
-    select?: (data: any) => void;
-    target?: string;
-}
-declare class Mention {
-    private quill;
-    private readonly options;
-    private readonly mentionListEL;
-    private activeMentionIndex;
-    private latestMentionList;
-    private latestMentionCharPos;
-    private latestCaretPos;
-    private searchTerm;
-    private needInsertBr;
-    private readonly defaultOptions;
-    static register(): void;
-    constructor(quill: Quill, options: MentionOption);
-    on(eventName: any, callback: any): void;
-    getMentionItemIndex(itemEl: Element): unknown;
-    handleTextChange: (_delta: any, _oldDelta: any, source: any) => void;
-    handleMouseClick(_itemEl: HTMLLIElement, index: number): void;
-    handleMouseEnter(_itemEl: HTMLLIElement, index: number): void;
-    handleArrowUpKey: () => boolean;
-    handleArrowDownKey: () => boolean;
-    handleEnterKey: () => boolean;
-    handleEscapeKey: () => boolean;
-    getActiveMentionItem(): Element;
-    isOpen(): boolean;
-    searchMentionListByTerm(term: string): Promise<void>;
-    showMentionList(mentionList: any[]): void;
-    hideMentionList(): void;
-    setMentionListPos(): void;
-    render(mentionList: any[]): void;
-    highlightMentionItem(index: number): void;
-    scrollIntoView(node: Element): void;
-    selectMentionItem(index?: number, isClick?: boolean): void;
-    insertMentionBlot(activeMentionItem: any, isClick?: boolean): void;
-}
-export { Mention as default };
+export interface MentionOption {
+    containerClass?: string;
+    defaultLink?: string;
+    itemActiveClass?: string;
+    itemKey: string;
+    itemClass?: string;
+    listClass?: string;
+    listHideClass?: string;
+    maxHeight?: number;
+    mentionChar?: string;
+    remove?: (data: any) => void;
+    renderMentionItem?: (data: any) => string | HTMLElement;
+    renderMentionText?: (data: any) => string | HTMLElement;
+    search?: (term: string) => Promise<any[]> | any[];
+    searchKey: string;
+    select?: (data: any) => void;
+    target?: string;
+}
+export declare class Mention {
+    private quill;
+    private readonly options;
+    private readonly mentionListEL;
+    private activeMentionIndex;
+    private latestMentionList;
+    private latestMentionCharPos;
+    private latestCaretPos;
+    private searchTerm;
+    private needInsertBr;
+    private readonly defaultOptions;
+    static register(): void;
+    constructor(quill: Quill, options: MentionOption);
+    on(eventName: any, callback: any): void;
+    getMentionItemIndex(itemEl: Element): unknown;
+    handleTextChange: (_delta: any, _oldDelta: any, source: any) => void;
+    handleMouseClick(_itemEl: HTMLLIElement, index: number): void;
+    handleMouseEnter(_itemEl: HTMLLIElement, index: number): void;
+    handleArrowUpKey: () => boolean;
+    handleArrowDownKey: () => boolean;
+    handleEnterKey: () => boolean;
+    handleEscapeKey: () => boolean;
+    getActiveMentionItem(): Element;
+    isOpen(): boolean;
+    searchMentionListByTerm(term: string): Promise<void>;
+    showMentionList(mentionList: any[]): void;
+    hideMentionList(): void;
+    setMentionListPos(): void;
+    render(mentionList: any[]): void;
+    highlightMentionItem(index: number): void;
+    scrollIntoView(node: Element): void;
+    selectMentionItem(index?: number, isClick?: boolean): void;
+    insertMentionBlot(activeMentionItem: any, isClick?: boolean): void;
+}