@ones-editor/editor 2.3.1-beta.1 → 2.3.2

package/@ones-editor/ui/src/emoji-popup/emoji-popup.d.ts

@@ -0,0 +1,21 @@
+import { OnesEditor, OnesEditorCustom } from '../../../../@ones-editor/core';
+import { EmojiPalette } from '../../../../@ones-editor/ui-base';
+export interface EmojiPopupCallbacks {
+    onSelectEmoji: (emoji: string, closePopup: VoidFunction) => void;
+    onClose: VoidFunction;
+}
+export declare class EmojiPopup implements OnesEditorCustom {
+    private editor;
+    private popup;
+    private popupContent;
+    emojiPalette: EmojiPalette;
+    private latestPopupCallbacks;
+    constructor(editor: OnesEditor);
+    private closePopup;
+    private handleEmojiSelect;
+    private handlePopupClose;
+    private populateEmojiPopupContent;
+    setCallbacks(callbacks: EmojiPopupCallbacks): void;
+    show(rect: DOMRect): void;
+    destroy(): void;
+}

package/@ones-editor/ui/src/emoji-popup/index.d.ts

@@ -0,0 +1,8 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+import { EmojiPopupCallbacks } from './emoji-popup';
+export interface ShowEmojiPopupOptions extends EmojiPopupCallbacks {
+    currentEmoji?: string;
+    anchor: HTMLElement;
+}
+declare function showEmojiPopup(editor: OnesEditor, options: ShowEmojiPopupOptions): void;
+export { showEmojiPopup, };

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

@@ -36,6 +36,7 @@ import { ReadonlyToolbar } from './readonly-toolbar';
 import { ReadonlyToolbarCommandProvider, ReadonlyCommandOptions } from './readonly-toolbar/types';
 import { AddCommentToOldDocCommandProvider } from './readonly-toolbar/add-comment-to-old-doc';
 import ClipboardProvider from './providers/clipboard-provider';
+export { showEmojiPopup } from './emoji-popup';
 export * from './providers/utils/clipboard';
 export * from './providers/utils';
 export * from './box-helper/standard-box-commands';

package/@ones-editor/ui/src/locale/en-us.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
         inlineBox: {
             math: string;
             link: string;
+            emoji: string;
         };
     };
     link: {

package/@ones-editor/ui/src/locale/ja-jp.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
         inlineBox: {
             math: string;
             link: string;
+            emoji: string;
         };
     };
     link: {

package/@ones-editor/ui/src/locale/zh-cn.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
         inlineBox: {
             math: string;
             link: string;
+            emoji: string;
         };
     };
     link: {

package/@ones-editor/ui/src/providers/emoji.d.ts

@@ -0,0 +1,12 @@
+import { BlockElement, CommandItem, CommandParams, OnesEditor, OnesEditorCommandProvider, SelectionRange } from '../../../../@ones-editor/core';
+export declare class EmojiProvider implements OnesEditorCommandProvider {
+    private editor;
+    id: string;
+    constructor(editor: OnesEditor);
+    create(): CommandItem[];
+    isDisabled: (editor: OnesEditor, block: BlockElement, range: SelectionRange) => boolean;
+    getAvailableCommands: (editor: OnesEditor, block: BlockElement, range: SelectionRange, params?: CommandParams) => CommandItem[];
+    getInsertCommands: () => CommandItem[];
+    executeCommand: (editor: OnesEditor, block: BlockElement, range: SelectionRange, item: CommandItem) => boolean;
+    executeInsertCommand(editor: OnesEditor, containerId: string, blockIndex: number, item: CommandItem): boolean;
+}

package/@ones-editor/ui/src/providers/insert-menu.d.ts

@@ -9,8 +9,8 @@ export default class InsertMenuProvider extends ProxyProvider {
     providers: OnesEditorCommandProvider[];
     quickProviders: QuickMenuCommandProvider[];
     constructor(editor: OnesEditor, options?: CommandParams | undefined);
-    getInsertCommands: (editor: OnesEditor, containerId: string) => CommandItem[];
-    getAvailableCommands: (editor: OnesEditor, block: BlockElement, range: SelectionRange) => CommandItem[];
+    getInsertCommands: (editor: OnesEditor, containerId: string, params?: CommandParams) => CommandItem[];
+    getAvailableCommands: (editor: OnesEditor, block: BlockElement, range: SelectionRange, params?: CommandParams) => CommandItem[];
     executeInsertCommand: (editor: OnesEditor, containerId: string, blockIndex: number, item: CommandItemWithSource, params: CommandParams) => boolean;
     executeCommand: (editor: OnesEditor, block: BlockElement, range: SelectionRange, item: CommandItemWithSource, params: CommandParams) => boolean;
 }

package/@ones-editor/ui/src/providers/utils/add-section.d.ts

@@ -1,2 +1,11 @@
 import { CommandItem } from '../../../../../@ones-editor/core';
+declare const GroupOrder: {
+    basics: number;
+    system: number;
+    common: number;
+    thirdParty: number;
+};
+type GroupType = keyof typeof GroupOrder;
 export declare const addSection: (items: CommandItem[]) => CommandItem[];
+export declare const createSectionByGroup: (item: CommandItem, before: GroupType) => CommandItem;
+export {};

package/@ones-editor/ui/src/providers/utils/index.d.ts

@@ -1,2 +1,4 @@
 import { OnesEditor } from '../../../../../@ones-editor/core';
+import { createSectionByGroup } from './add-section';
 export declare const isSelectedTitleBlock: (editor: OnesEditor) => boolean;
+export { createSectionByGroup };

package/@ones-editor/ui/src/quick-menu/index.d.ts

@@ -1,4 +1,4 @@
-import { OnesEditor, CommandItem, CommandFilterId, CommandFilter } from '../../../../@ones-editor/core';
+import { OnesEditor, CommandItem, CommandItemWithSource, CommandFilterId, CommandFilter } from '../../../../@ones-editor/core';
 import { OnesEditorAutoSuggest } from '../../../../@ones-editor/ui-base';
 import { QuickMenuOptions } from './types';
 export default class OnesEditorQuickMenu {
@@ -12,6 +12,7 @@ export default class OnesEditorQuickMenu {
     get menu(): import("@ones-editor/ui-base").ManualMenu | import("@ones-editor/ui-base/src/mobile-command-bar/mobile-bottom-menu").MobileBottomMenu;
     addFilter(id: CommandFilterId, filter: CommandFilter): void;
     destroy(): void;
+    filterItems: (items: CommandItemWithSource[], search: string) => CommandItemWithSource[];
     queryItems: (suggest: unknown, text: string) => Promise<CommandItem[]>;
     onClose: () => void;
     onShow: (suggest: OnesEditorAutoSuggest, containerId: string, blockIndex: number, offset: number) => boolean;

package/@ones-editor/ui/src/quick-menu/quick-command-providers.d.ts

@@ -1,8 +1,8 @@
-import { AbstractProvider, CommandItemWithSource, OnesEditor, OnesEditorCommandProviders, SelectionRange } from '../../../../@ones-editor/core';
+import { AbstractProvider, CommandItemWithSource, CommandParams, OnesEditor, OnesEditorCommandProviders, SelectionRange } from '../../../../@ones-editor/core';
 export declare class QuickCommandProviders extends AbstractProvider implements OnesEditorCommandProviders {
     protected editor: OnesEditor;
     id: string;
     constructor(editor: OnesEditor);
-    getCommands(range: SelectionRange): CommandItemWithSource[];
-    executeCommand: (range: SelectionRange, item: CommandItemWithSource) => {};
+    getCommands(range: SelectionRange, params?: CommandParams): CommandItemWithSource[];
+    executeCommand: (range: SelectionRange, item: CommandItemWithSource, params: CommandParams) => {};
 }

package/@ones-editor/ui/src/quick-menu/types.d.ts

@@ -1,11 +1,11 @@
-import { CommandItem, BlockOptions, OnesEditor, BlockElement, SelectionRange } from '../../../../@ones-editor/core';
+import { CommandItem, BlockOptions, OnesEditor, BlockElement, SelectionRange, CommandParams } from '../../../../@ones-editor/core';
 export interface QuickMenuItem extends CommandItem {
     itemType: 'insert-block';
     blockType?: string;
     blockOptions?: BlockOptions;
     commandProvider?: QuickMenuCommandProvider;
 }
-export interface QuickMenuCommandParams {
+export interface QuickMenuCommandParams extends CommandParams {
     from: 'block-menu' | 'quick-menu' | 'add-block-menu';
 }
 export interface QuickMenuCommandInline extends QuickMenuCommandParams {

package/@ones-editor/ui-base/src/auto-suggest/auto-suggest-menu.d.ts

@@ -17,6 +17,7 @@ export interface AutoSuggestMenuOptions {
     onClose?: () => void;
     onShow?: (menu: AutoSuggestMenu) => boolean | undefined;
     onShown?: (menu: AutoSuggestMenu) => void;
+    onSubBarShown?: (menu: AutoSuggestMenu) => void;
     onClickItem: (menu: AutoSuggestMenu, item: CommandItem) => void;
     queryItems: (menu: AutoSuggestMenu, text: string) => Promise<CommandItem[]>;
     renderMenuItem?: (menu: AutoSuggestMenu, item: CommandItem) => HTMLElement | undefined;
@@ -26,6 +27,7 @@ export default class AutoSuggestMenu {
     menu: ManualMenu | MobileBottomMenu;
     private currentText;
     handleSearchText: (text: string) => void;
+    get searchText(): string;
     constructor(options: AutoSuggestMenuOptions);
     private setItems;
     popup(anchor: HTMLElement, options?: {
@@ -45,4 +47,5 @@ export default class AutoSuggestMenu {
     handleClose: () => void;
     handleKeydown: (event: KeyboardEvent) => boolean;
     protected highlightText(search: string, items?: CommandItem[]): void;
+    handleSubBarShown: () => void;
 }

package/@ones-editor/ui-base/src/auto-suggest/auto-suggest.d.ts

@@ -27,6 +27,7 @@ export interface AutoSuggestOptions {
     queryItems: (menu: OnesEditorAutoSuggest, text: string) => Promise<CommandItem[]>;
     renderMenuItem?: (menu: OnesEditorAutoSuggest, item: CommandItem) => HTMLElement | undefined;
     onShown?: (menu: OnesEditorAutoSuggest) => void;
+    onSubBarShown?: (menu: OnesEditorAutoSuggest) => void;
 }
 declare class OnesEditorAutoSuggest implements OnesEditorInputHandler {
     private editor;
@@ -48,6 +49,7 @@ declare class OnesEditorAutoSuggest implements OnesEditorInputHandler {
     private onClose;
     private onShow;
     private onShown;
+    private onSubBarShown;
     private onClickItem;
     private queryItems;
     private renderMenuItem;

package/@ones-editor/ui-base/src/emoji-item/emoji-item.d.ts

@@ -11,9 +11,8 @@ export declare class EmojiItem implements CommandItem, OnesEditorCustom {
     childrenPlacement: "bottom-start";
     childrenMenuId: string;
     closeable: Closeable;
-    constructor();
+    constructor(editor: OnesEditor);
     beforePopup(): void;
     setCloseable(closeable: Closeable): void;
     destroy(): void;
-    static get(editor: OnesEditor): EmojiItem;
 }

package/@ones-editor/ui-base/src/emoji-palette/default-emoji-palette.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+import { EmojiPaletteOptions } from './types';
+export declare function defaultPaletteRenderer(parent: HTMLDivElement, options: EmojiPaletteOptions): () => void;

package/@ones-editor/ui-base/src/emoji-palette/index.d.ts

@@ -1,23 +1,20 @@
-import { CommandItem } from '../../../../@ones-editor/core';
+import { CommandItem, OnesEditor } from '../../../../@ones-editor/core';
 import { TypedEmitter } from 'tiny-typed-emitter';
 import './index.scss';
-export interface EmojiPaletteEvents {
+export type { OnesEditorEmojiPaletteOptions, EmojiSelectedHandler } from './types';
+interface EmojiPaletteEvents {
     onSelectEmoji: (emoji: string) => void;
 }
 export declare class EmojiPalette extends TypedEmitter<EmojiPaletteEvents> implements CommandItem {
+    private editor;
     id: string;
     name: string;
     element: HTMLDivElement;
-    private emojiData;
-    private emojiSearch;
-    private emojiContent;
-    private emojiNavigation;
-    constructor();
-    private initEmojiData;
-    private handleSearch;
-    private handleEmojiSelect;
-    private handleSelectCategory;
-    private handleCategoryReach;
-    updateComponents(): void;
+    private currentEmoji;
+    private unmountPalette;
+    constructor(editor: OnesEditor);
+    private renderPalette;
+    render(): Promise<void>;
+    setCurrentEmoji(emoji: string): void;
     destroy(): void;
 }

package/@ones-editor/ui-base/src/emoji-palette/types.d.ts

@@ -0,0 +1,10 @@
+export type EmojiSelectedHandler = (emoji: string) => void;
+export type EmojiPaletteOptions = {
+    emoji: string;
+    onSelectEmoji: EmojiSelectedHandler;
+};
+export type UnmountPalette = () => void;
+export type EmojiPaletteRenderer = (parent: HTMLDivElement, options: EmojiPaletteOptions) => UnmountPalette;
+export type OnesEditorEmojiPaletteOptions = {
+    emojiPaletteRenderer: EmojiPaletteRenderer;
+};

package/@ones-editor/ui-base/src/index.d.ts

@@ -18,4 +18,6 @@ export * from './emoji-item';
 export * from './mobile-command-bar/mobile-bottom-menu';
 export * from './text-button';
 export { scrollBarIntoView } from './mobile-command-bar/scroll-into-view';
+export { EmojiPalette } from './emoji-palette';
+export type { OnesEditorEmojiPaletteOptions, EmojiSelectedHandler } from './emoji-palette';
 export { tippy, };

package/dist/custom/image-preview-handler.d.ts

@@ -0,0 +1,11 @@
+import { OnesEditor, OnesEditorCustom } from '../../@ones-editor/core';
+export declare class ImagePreviewHandler implements OnesEditorCustom {
+    private editor;
+    private onPreview;
+    private lastClickPosition;
+    constructor(editor: OnesEditor, onPreview: (editor: OnesEditor, img: HTMLImageElement) => void);
+    handleImagePreview: (e: MouseEvent) => void;
+    handleMouseUp: (e: MouseEvent) => void;
+    handleMouseDown: (e: MouseEvent) => void;
+    destroy: () => void;
+}

package/dist/index.d.ts

@@ -60,6 +60,7 @@ export declare function getDefaultOnesEditorOptions(options: CreateOnesEditorOpt
         blockHooks: (import("@ones-editor/core").OnesEditorBlockHook | BlockExclusiveHook)[];
         textRenders: OnesEditorBlockRenderer[];
         options: {
+            quickMenu: import("@ones-editor/ui").QuickMenuOptions;
             drawIO?: import("@ones-editor/drawio-embed").DrawIoOptions | undefined;
             media?: import("@ones-editor/media-embed").MediaEmbedOptions | undefined;
             mermaid?: import("@ones-editor/graph-embed").MermaidEmbedOptions | undefined;
@@ -72,7 +73,6 @@ export declare function getDefaultOnesEditorOptions(options: CreateOnesEditorOpt
             mention?: import("@ones-editor/mention").MentionOptions | undefined;
             comment?: import("@ones-editor/comments").OnesEditorCommentOptions | undefined;
             list?: import("@ones-editor/list-block").ListOptions | undefined;
-            quickMenu?: import("@ones-editor/ui").QuickMenuOptions | undefined;
             templates?: import("@ones-editor/templates").TemplateOptions | undefined;
             custom?: Record<string, unknown> | undefined;
             popover?: import("@ones-editor/ui-base").PopoverOptions | undefined;
@@ -83,6 +83,7 @@ export declare function getDefaultOnesEditorOptions(options: CreateOnesEditorOpt
             link?: import("@ones-editor/ui/src/link-popup").LinkOptions | undefined;
             columns?: import("@ones-editor/layout-block/src/types").EditorConfigLayoutOptions | undefined;
             mobile?: import("@ones-editor/core").MobileClient | undefined;
+            emojiPalette?: import("@ones-editor/ui-base").OnesEditorEmojiPaletteOptions | undefined;
         };
     };
     shortcuts: import("@ones-editor/core").ShortcutRecords[];