@ones-editor/editor 0.0.3-beta.1 → 0.0.3-beta.100

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

@@ -1,15 +1,2 @@
-import SplitCellIcon from './split-cell.svg?raw';
 import MergeCellsIcon from './merge-cells.svg?raw';
-import headingH1Icon from './heading-h1.svg?raw';
-import headingH2Icon from './heading-h2.svg?raw';
-import headingH3Icon from './heading-h3.svg?raw';
-import headingH4Icon from './heading-h4.svg?raw';
-import headingH5Icon from './heading-h5.svg?raw';
-import headingH6Icon from './heading-h6.svg?raw';
-import headingH7Icon from './heading-h7.svg?raw';
-import headingH8Icon from './heading-h8.svg?raw';
-import unorderedIcon from './unordered-list.svg?raw';
-import orderedIcon from './ordered-list.svg?raw';
-import checkboxIcon from './checkbox.svg?raw';
-import quoteIcon from './quote.svg?raw';
-export { SplitCellIcon, MergeCellsIcon, headingH1Icon, headingH2Icon, headingH3Icon, headingH4Icon, headingH5Icon, headingH6Icon, headingH7Icon, headingH8Icon, unorderedIcon, orderedIcon, checkboxIcon, quoteIcon, };
+export { MergeCellsIcon, };

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

@@ -1,10 +1,14 @@
 import './style.scss';
 import OnesEditorToolbar from './toolbar/toolbar-handler';
-import OnesEditorQuickMenu, { getAllQuickMenuItems } from './quick-menu';
+import OnesEditorQuickMenu, { getAllQuickMenuItems, getHeadingMenuOptions, QuickMenuCommandBetween, QuickMenuCommandInline, QuickMenuCommandProvider, BasicCommands } from './quick-menu';
 import OnesEditorTooltip from './tooltips';
 import TextStyleShortcuts from './shortcuts';
 import { editLink } from './link-popup';
+import { getToolbar } from './toolbar/helper';
+import { GroupOrder } from './quick-menu/order';
 import './locale';
 import type { QuickMenuItem } from './quick-menu';
-export { OnesEditorToolbar, OnesEditorQuickMenu, OnesEditorTooltip, getAllQuickMenuItems, QuickMenuItem, editLink, TextStyleShortcuts };
+export type { QuickMenuCommandProvider, QuickMenuCommandBetween, QuickMenuCommandInline };
+export { OnesEditorToolbar, OnesEditorQuickMenu, OnesEditorTooltip, getAllQuickMenuItems, QuickMenuItem, editLink, TextStyleShortcuts, getToolbar, getHeadingMenuOptions, BasicCommands, GroupOrder, };
 export { createTextButton } from './text-button';
+export { mergeCommands } from './toolbar/merge-commands';

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

@@ -21,6 +21,8 @@ declare const _default: {
             urlPlaceholder: string;
             submitText: string;
             cancelText: string;
+            edit: string;
+            remove: string;
         };
     };
     commands: {
@@ -32,7 +34,9 @@ declare const _default: {
         alignLeft: string;
         alignRight: string;
         alignCenter: string;
+        alignGroup: string;
         heading: string;
+        headingGroup: string;
         text: string;
     };
     commandDesc: {

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

@@ -22,6 +22,8 @@ declare const _default: {
         urlPlaceholder: string;
         submitText: string;
         cancelText: string;
+        edit: string;
+        remove: string;
     };
     commands: {
         unordered: string;
@@ -32,7 +34,9 @@ declare const _default: {
         alignLeft: string;
         alignRight: string;
         alignCenter: string;
+        alignGroup: string;
         heading: string;
+        headingGroup: string;
         text: string;
     };
     commandDesc: {

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

@@ -0,0 +1,5 @@
+import { BlockElement, OnesEditor } from '../../../../@ones-editor/core';
+export declare function applyHeadingStyle(editor: OnesEditor, block: BlockElement, heading: number | null): void;
+export declare function applyAlignStyle(editor: OnesEditor, block: BlockElement, align: string): void;
+export declare function applyQuoteStyle(editor: OnesEditor, block: BlockElement): void;
+export declare function applyList(editor: OnesEditor, block: BlockElement, id: 'unordered-list' | 'ordered-list' | 'check-list'): void;

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

@@ -1,15 +1,13 @@
+import { BlockElement } from '../../../../@ones-editor/core';
 import type { BlockOptions, CommandItem, OnesEditor, InsertEmptyBlockOptions } from '../../../../@ones-editor/core';
+import type { QuickMenuCommandBetween, QuickMenuCommandInline, QuickMenuCommandProvider } from './types';
 export declare function addQuickMenuItemFields(item: CommandItem, options: BlockOptions): void;
-declare function handleInsertEmptyBlock(editor: OnesEditor, options: InsertEmptyBlockOptions): Promise<null>;
 export declare function getHeadingMenuOptions(start?: number): BlockOptions;
-export declare function getCompleteHeadingMenuOptions(): {
-    name: string;
-    insertBlockCommandItems: CommandItem[];
-    handleInsertEmptyBlock: typeof handleInsertEmptyBlock;
-};
-export declare function getBasicMenuItems(): {
-    name: string;
-    insertBlockCommandItems: CommandItem[];
-    handleInsertEmptyBlock: typeof handleInsertEmptyBlock;
-};
-export {};
+export declare function getCompleteHeadingMenuOptions(): CommandItem[];
+export declare class BasicCommandProvider implements QuickMenuCommandProvider {
+    getCommands(): CommandItem[];
+    updateBlock(editor: OnesEditor, containerId: string, block: BlockElement, item: CommandItem): null;
+    handleUpdateBlockCore(editor: OnesEditor, options: InsertEmptyBlockOptions): Promise<null>;
+    handleInsertEmptyBlockCore(editor: OnesEditor, options: InsertEmptyBlockOptions): Promise<null>;
+    executeCommand(editor: OnesEditor, item: CommandItem, params: QuickMenuCommandInline | QuickMenuCommandBetween): Promise<BlockElement | null>;
+}

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

@@ -1,25 +1,26 @@
 import { OnesEditor, CommandItem } from '../../../../@ones-editor/core';
 import { OnesEditorAutoSuggest } from '../../../../@ones-editor/ui-base';
-import { QuickMenuItem } from './types';
+import { QuickMenuItem, QuickMenuOptions } from './types';
+import { getHeadingMenuOptions } from './basic-menu-items';
+import * as BasicCommands from './basic-commands';
 export * from './types';
 export * from './quick-menu-items';
-export interface QuickMenuOptions {
-    id?: string;
-    trigger: string[];
-}
+export { getHeadingMenuOptions, BasicCommands };
 export default class OnesEditorQuickMenu {
     protected editor: OnesEditor;
     private options;
     protected suggest: OnesEditorAutoSuggest;
     private items;
     private maxHeading;
+    private firstEmptyOffset;
     constructor(editor: OnesEditor, options?: QuickMenuOptions);
     get menu(): import("@ones-editor/ui-base").ManualMenu;
     destroy(): void;
     queryItems: (suggest: unknown, text: string) => Promise<QuickMenuItem[]>;
+    onClose: () => void;
     onShow: (suggest: OnesEditorAutoSuggest, containerId: string, blockIndex: number, offset: number) => boolean;
     onClickItem: (suggest: unknown, item: CommandItem) => void;
-    private renderMenuItem;
     private initMenuItems;
     private refreshMenuItems;
+    private handleEmptySearch;
 }

package/@ones-editor/ui/src/quick-menu/inline-box-items.d.ts

@@ -1,14 +1,8 @@
-import { InsertEmptyBlockOptions, OnesEditor, BlockElement } from '../../../../@ones-editor/core';
-declare function handleInsertEmptyBlock(editor: OnesEditor, options: InsertEmptyBlockOptions): Promise<BlockElement | null>;
-export declare function getInlineBoxItems(): {
-    name: string;
-    insertBlockCommandItems: {
-        id: string;
-        name: string;
-        icon: string;
-        order: number;
-        group: string;
-    }[];
-    handleInsertEmptyBlock: typeof handleInsertEmptyBlock;
-};
-export {};
+import { InsertEmptyBlockOptions, OnesEditor, BlockElement, CommandItem } from '../../../../@ones-editor/core';
+import { QuickMenuCommandBetween, QuickMenuCommandInline, QuickMenuCommandProvider } from './types';
+export declare class InlineBoxCommandProvider implements QuickMenuCommandProvider {
+    getCommands(): CommandItem[];
+    handleUpdateBlockCore(editor: OnesEditor, options: InsertEmptyBlockOptions): Promise<void | BlockElement | null>;
+    handleInsertEmptyBlockCore(editor: OnesEditor, options: InsertEmptyBlockOptions): Promise<BlockElement | null>;
+    executeCommand(editor: OnesEditor, item: CommandItem, params: QuickMenuCommandInline | QuickMenuCommandBetween): Promise<BlockElement | null>;
+}

package/@ones-editor/ui/src/quick-menu/insert-empty-block.d.ts

@@ -1,2 +1,4 @@
-import { OnesEditor, BlockOptions, CommandItem } from '../../../../@ones-editor/core';
-export declare function insertEmptyBlock(editor: OnesEditor, options: BlockOptions, item: CommandItem): void;
+import { OnesEditor } from '../../../../@ones-editor/core';
+import { AutoSuggestAnchor } from '../../../../@ones-editor/ui-base';
+import { QuickMenuItem } from './types';
+export declare function insertEmptyBlock(editor: OnesEditor, quickItem: QuickMenuItem, anchor: AutoSuggestAnchor): void;

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

@@ -1,5 +1,28 @@
-import { CommandItem, BlockOptions } from '../../../../@ones-editor/core';
+import { CommandItem, BlockOptions, OnesEditor, BlockElement } from '../../../../@ones-editor/core';
 export interface QuickMenuItem extends CommandItem {
     itemType: 'insert-block';
     blockOptions?: BlockOptions;
+    commandProvider?: QuickMenuCommandProvider;
+}
+export interface QuickMenuCommandParams {
+    from: 'block-menu' | 'quick-menu';
+}
+export interface QuickMenuCommandInline extends QuickMenuCommandParams {
+    from: 'quick-menu';
+    blockId: string;
+    offset: number;
+}
+export interface QuickMenuCommandBetween extends QuickMenuCommandParams {
+    from: 'block-menu';
+    containerId: string;
+    blockIndex: number;
+}
+export interface QuickMenuCommandProvider {
+    getCommands: (editor: OnesEditor) => CommandItem[];
+    executeCommand: (editor: OnesEditor, item: CommandItem, params: QuickMenuCommandInline | QuickMenuCommandBetween) => Promise<BlockElement | null>;
+}
+export interface QuickMenuOptions {
+    id?: string;
+    trigger: string[];
+    commandProviders?: QuickMenuCommandProvider[];
 }

package/@ones-editor/ui/src/toolbar/box-only.d.ts

@@ -0,0 +1,2 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+export declare function isSelectBoxOnly(editor: OnesEditor): boolean;

package/@ones-editor/ui/src/toolbar/commands/paragraph.d.ts

@@ -6,5 +6,6 @@ export default class ParagraphProvider implements OnesEditorCommandProvider {
     isChecked(blockData: DocBlock, id: string): boolean;
     getAvailableCommands(editor: OnesEditor, block: BlockElement): BlockCommandItem[];
     convertLink(editor: OnesEditor, range: SelectionRange, block: BlockElement): void;
+    convertToList(editor: OnesEditor, block: BlockElement, listType: 'unordered' | 'ordered' | 'unchecked'): void;
     executeCommand(editor: OnesEditor, block: BlockElement, range: SelectionRange, command: BlockCommandItem): boolean;
 }

package/@ones-editor/ui/src/toolbar/object-commands.d.ts

@@ -1,3 +1,7 @@
 import { BlockElement, CommandItem, OnesEditor, TextBlockContentChild } from '../../../../@ones-editor/core';
-export declare function getObjectCommands(editor: OnesEditor, block: BlockElement, child: TextBlockContentChild | null): CommandItem[];
+export interface ObjectCommandsResult {
+    element: Element | null;
+    commands: CommandItem[];
+}
+export declare function getObjectCommands(editor: OnesEditor, block: BlockElement, child: TextBlockContentChild | null): ObjectCommandsResult;
 export declare function executeObjectCommand(editor: OnesEditor, block: BlockElement, child: TextBlockContentChild | null, item: CommandItem): void;

package/@ones-editor/ui/src/toolbar/toolbar-handler.d.ts

@@ -2,6 +2,7 @@
 import { BlockElement, CommandItem, OnesEditor, OnesEditorHoveringBlockFilter } from '../../../../@ones-editor/core';
 import { AbstractCommandBar } from '../../../../@ones-editor/ui-base';
 import { OnesEditorToolbarBase } from './types';
+export type ShowToolbarReason = 'click' | 'selectionChange';
 export default class OnesEditorToolbar implements OnesEditorHoveringBlockFilter, OnesEditorToolbarBase {
     private editor;
     private toolbar;
@@ -19,13 +20,14 @@ export default class OnesEditorToolbar implements OnesEditorHoveringBlockFilter,
     isInBlock(block: BlockElement, event: MouseEvent): boolean;
     handleButtonClick: (toolbar: AbstractCommandBar, item: CommandItem) => void;
     handleClose: () => void;
+    handleClosing: (bar: unknown, event: MouseEvent) => boolean;
     bindEvents(): void;
     unbindEvents(): void;
     handleDocumentMouseDown: (event: MouseEvent) => void;
     handleDocumentMouseUp: () => void;
     private handleHoveringBlockChildChange;
     handleSelectionChange: import("lodash").DebouncedFunc<(editor: OnesEditor) => void>;
-    update(): void;
+    update(reason: ShowToolbarReason): void;
     private showTextToolbar;
     private showObjectToolbar;
     static register(editor: OnesEditor): OnesEditorToolbar;

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

@@ -5,13 +5,17 @@ export default class OnesEditorTooltip {
     instance: Instance;
     mousedown: boolean;
     currentInstance: Instance | null;
-    attributeName: string;
+    attributeName: string[];
     attributeDesc: string;
+    private observer;
+    private observerCallback;
     constructor(editor: OnesEditor);
     createContent: (reference: Element) => string | HTMLDivElement;
     visible(): boolean | undefined;
     hide(): void;
     destroy(): void;
+    private createObserver;
+    private destroyObserver;
     handleDocumentMouseDown: () => void;
     handleDocumentMouseUp: () => void;
     handleShown: (a: Instance) => void;

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

@@ -1,33 +1,38 @@
-import { CommandItem, OnesEditor } from '../../../../@ones-editor/core';
+import { CommandItem } from '../../../../@ones-editor/core';
 import { AbstractCommandBar, ManualMenu } from '../command-bar';
 export interface AutoSuggestMenuOptions {
     id: string;
     showLoading?: boolean;
     loadingElement?: HTMLElement;
     placeholder?: HTMLElement | string;
-    noResultMessage?: HTMLElement | string;
+    noResultMessage?: HTMLElement | string | ((item: CommandItem) => HTMLElement);
     highlight?: boolean;
-    onShow?: (menu: AutoSuggestMenu, containerId: string, blockIndex: number, offset: number) => boolean | undefined;
+    header?: HTMLElement;
+    onClose?: () => void;
+    onShow?: (menu: AutoSuggestMenu) => boolean | undefined;
     onClickItem: (menu: AutoSuggestMenu, item: CommandItem) => void;
     queryItems: (menu: AutoSuggestMenu, text: string) => Promise<CommandItem[]>;
     renderMenuItem?: (menu: AutoSuggestMenu, item: CommandItem) => HTMLElement | undefined;
 }
 export default class AutoSuggestMenu {
-    private editor;
-    private options;
+    protected options: AutoSuggestMenuOptions;
     menu: ManualMenu;
     private currentText;
-    constructor(editor: OnesEditor, options: AutoSuggestMenuOptions);
+    constructor(options: AutoSuggestMenuOptions);
     private setItems;
-    popup(containerId: string, blockIndex: number, offset: number): Promise<void>;
-    private showLoading;
-    private showPlaceholder;
-    private showNoResultMessage;
+    popup(anchor: HTMLElement, options?: {
+        noEvent: boolean;
+    }): Promise<void>;
+    protected showLoading(): void;
+    protected showPlaceholder(): void;
+    protected showNoResultMessage(text: string): void;
     close(): void;
     get isVisible(): boolean;
     destroy(): void;
     handleSearchText(text: string): Promise<void>;
     handleClick: (menu: AbstractCommandBar, item: CommandItem) => void;
+    handleShow: (menu: AbstractCommandBar) => void;
+    handleClose: () => void;
     handleKeydown: (event: KeyboardEvent) => void;
-    private highlightText;
+    protected highlightText(search: string): void;
 }

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

@@ -1,5 +1,6 @@
 import { OnesEditor, OnesEditorInputHandler, CommandItem, BlockElement } from '../../../../@ones-editor/core';
 import AutoSuggestMenu from './auto-suggest-menu';
+import EditorAutoSuggestMenu from './editor-auto-suggest-menu';
 export { AutoSuggestMenu };
 export interface AutoSuggestAnchor {
     blockId: string;
@@ -15,8 +16,10 @@ export interface AutoSuggestOptions {
     showLoading?: boolean;
     loadingElement?: HTMLElement;
     placeholder?: HTMLElement | string;
-    noResultMessage?: HTMLElement | string;
+    noResultMessage?: HTMLElement | string | ((item: CommandItem) => HTMLElement);
     highlight?: boolean;
+    enableFirstBlock?: boolean;
+    onClose?: () => void;
     onShow?: (menu: OnesEditorAutoSuggest, containerId: string, blockIndex: number, offset: number) => boolean | undefined;
     onClickItem: (menu: OnesEditorAutoSuggest, item: CommandItem, anchor: AutoSuggestAnchor) => void;
     queryItems: (menu: OnesEditorAutoSuggest, text: string) => Promise<CommandItem[]>;
@@ -25,16 +28,18 @@ export interface AutoSuggestOptions {
 declare class OnesEditorAutoSuggest implements OnesEditorInputHandler {
     private editor;
     private options;
-    menu: AutoSuggestMenu;
+    menu: EditorAutoSuggestMenu;
     anchor: AutoSuggestAnchor | null;
     constructor(editor: OnesEditor, options: AutoSuggestOptions);
     handleBeforeKeyDown(editor: OnesEditor, event: KeyboardEvent): boolean;
     popup(block: BlockElement, offset: number, leftText: string, trigger: string): void;
+    close: () => void;
     handleAfterInsertText(editor: OnesEditor, containerId: string, blockIndex: number, insertOffset: number, text: string): boolean;
     handleUpdateCompositionText(editor: OnesEditor, containerId: string, blockIndex: number, offset: number, end: boolean): boolean;
     handleSelectionChanged: (editor: OnesEditor) => void;
     private resetItems;
     private deleteTrigger;
+    private onClose;
     private onShow;
     private onClickItem;
     private queryItems;

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

@@ -0,0 +1,12 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+import AutoSuggestMenu, { AutoSuggestMenuOptions } from './auto-suggest-menu';
+export type EditorAutoSuggestMenuOptions = AutoSuggestMenuOptions & {
+    onShow?: (menu: EditorAutoSuggestMenu, containerId: string, blockIndex: number, offset: number) => boolean | undefined;
+};
+export default class EditorAutoSuggestMenu extends AutoSuggestMenu {
+    private editor;
+    private editorOptions;
+    constructor(editor: OnesEditor, editorOptions: EditorAutoSuggestMenuOptions);
+    popupInEditor(containerId: string, blockIndex: number, offset: number): Promise<void>;
+    handleClose: () => void;
+}

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

@@ -1,3 +1,4 @@
 import OnesEditorAutoSuggest from './auto-suggest';
 import type { AutoSuggestAnchor, AutoSuggestOptions } from './auto-suggest';
-export { OnesEditorAutoSuggest, AutoSuggestAnchor, AutoSuggestOptions };
+import { shouldFocusToEditor } from './should-focus-to-editor';
+export { OnesEditorAutoSuggest, AutoSuggestAnchor, AutoSuggestOptions, shouldFocusToEditor };

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

@@ -0,0 +1,2 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+export declare function shouldFocusToEditor(editor: OnesEditor): boolean;

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

@@ -13,6 +13,7 @@ export default abstract class CommandBar extends TypedEmitter<CommandBarEvents>
     constructor(items: CommandItem[], closeable?: Closeable, options?: CommandBarOptions);
     close(): void;
     click(item: CommandItem, target: HTMLElement): void;
+    createPopperOptions(): Partial<import("@popperjs/core").Options>;
     destroy(): void;
     abstract readonly isVisible: boolean;
     get isSubCommandBar(): boolean;
@@ -26,7 +27,9 @@ export default abstract class CommandBar extends TypedEmitter<CommandBarEvents>
     private getPrevItemIndex;
     private getNextItemIndex;
     protected clearSelectedItem(): void;
-    private selectItem;
+    selectItem(id: string): void;
+    private lastEnterPauseTime;
+    private startPauseMouseEnter;
     private handleItemMouseEnter;
     private handleItemMouseLeave;
     protected handleItemClick: (event: MouseEvent) => void;
@@ -46,6 +49,6 @@ export default abstract class CommandBar extends TypedEmitter<CommandBarEvents>
     protected abstract getCommandBarRoot(): HTMLElement | null;
     static commandBarCreators: Map<string, CreateManualCommandBarFunction>;
     static registerManualCommandBar(type: string, creator: CreateManualCommandBarFunction): void;
-    static createSubCommandBar(item: CommandItem, closeable: Closeable): AbstractManualCommandBar;
+    static createSubCommandBar(item: CommandItem, closeable: Closeable, options?: CommandBarOptions): AbstractManualCommandBar;
     static hasExistsCommandBar(): boolean;
 }

package/@ones-editor/ui-base/src/command-bar/fixed-toolbar.d.ts

@@ -0,0 +1,12 @@
+import { CommandItem } from '../../../../@ones-editor/core';
+import CommandBar from './command-bar';
+import { CommandBarOptions, CommandItemElement } from './types';
+export default class FixedToolbar extends CommandBar {
+    constructor(parent: HTMLElement, items: CommandItem[], options?: CommandBarOptions);
+    protected initCommandBarElement(elem: HTMLElement): void;
+    protected initItemElement(item: CommandItem, elem: CommandItemElement): void;
+    close(): void;
+    destroy(): void;
+    protected getCommandBarRoot(): HTMLElement | null;
+    get isVisible(): boolean;
+}

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

@@ -2,6 +2,7 @@ import ManualMenu from './manual-menu';
 import ManualToolbar from './manual-toolbar';
 import CommandBar from './command-bar';
 import HoveringMenu from './hovering-menu';
+import FixedToolbar from './fixed-toolbar';
 import './command-bar.scss';
 export * from './types';
-export { ManualMenu, ManualToolbar, HoveringMenu, CommandBar };
+export { ManualMenu, ManualToolbar, HoveringMenu, CommandBar, FixedToolbar };

package/@ones-editor/ui-base/src/command-bar/init-toolbar-item.d.ts

@@ -0,0 +1,6 @@
+import { CommandItem } from '../../../../@ones-editor/core';
+import { CommandItemElement } from './types';
+export type InitToolbarItemOptions = {
+    tooltipId?: string;
+};
+export declare function initToolbarItem(item: CommandItem, elem: CommandItemElement, options: InitToolbarItemOptions): void;

package/@ones-editor/ui-base/src/command-bar/types.d.ts

@@ -7,6 +7,7 @@ export interface CommandBarEvents {
     'click': (bar: AbstractCommandBar, item: CommandItem, elem: HTMLElement) => void;
     'close': (bar: AbstractCommandBar) => void;
     'selectionChange': (bar: AbstractCommandBar, id: string) => void;
+    'closing': (bar: AbstractCommandBar, event: MouseEvent) => boolean | undefined;
 }
 export interface ManualShowCommandBarOptions {
     placement?: Placement;
@@ -52,5 +53,12 @@ export interface CommandBarOptions {
     autoClose?: boolean;
     classes?: string[];
     disablePageScroll?: boolean;
+    refuseOverflow?: boolean;
+    overflowBoundary?: Element;
+    header?: HTMLElement;
+    padding?: number;
 }
 export type CreateManualCommandBarFunction = (parentItem: CommandItem, closeable: Closeable, options?: CommandBarOptions) => AbstractManualCommandBar;
+export type PopoverOptions = {
+    overflowBoundary?: Element;
+};

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

@@ -1,3 +1,4 @@
 import ManualCloseDialog from './manual-close-dialog';
 import type { ManualCloseDialogOptions } from './manual-close-dialog';
+export * from './types';
 export { ManualCloseDialog, ManualCloseDialogOptions };

package/@ones-editor/ui-base/src/dialog/manual-close-dialog.d.ts

@@ -5,6 +5,7 @@ import { CommandBarContentElement, CommandItemElement } from '../command-bar/typ
 import 'tippy.js/themes/light.css';
 export type ManualCloseDialogOptions = {
     id?: string;
+    disablePageScroll?: boolean;
 };
 export default class ManualCloseDialog extends ManualCommandBar {
     constructor(content: HTMLElement, options?: ManualCloseDialogOptions);
@@ -18,7 +19,7 @@ export default class ManualCloseDialog extends ManualCommandBar {
         };
         getReferenceClientRect?: GetReferenceClientRect | null | undefined;
     }): void;
-    get dialogContent(): HTMLElement;
+    get dialogContent(): HTMLElement | ((item: CommandItem) => HTMLElement);
     handleDocumentMouseDown: (event: MouseEvent) => void;
     static getCommandItems(content: HTMLElement, options?: ManualCloseDialogOptions): CommandItem[];
 }

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

@@ -0,0 +1,4 @@
+export interface FindDialogOptions {
+    popoverTarget?: HTMLElement;
+    getReferenceClientRect?: (popoverTarget: HTMLElement, dialog: HTMLElement) => DOMRect;
+}

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

@@ -0,0 +1,41 @@
+import { CommandItem } from '../../../../@ones-editor/core';
+import './dropdown.scss';
+export type DropdownOptions = {
+    header?: HTMLElement;
+    labels?: string[];
+    items?: CommandItem[];
+    popupId?: string;
+    placeholder?: string;
+    filter?: (item: CommandItem, keywords: string) => boolean;
+    onClose?: () => void;
+    onClickItem?: (item: CommandItem) => void;
+    onClear?: () => void;
+};
+export declare class Dropdown {
+    private options?;
+    private root;
+    input: HTMLInputElement;
+    private text;
+    private dropdownIcon;
+    private clearIcon;
+    private autoSuggest;
+    private labels;
+    private items;
+    constructor(parent: HTMLElement, options?: DropdownOptions | undefined);
+    close(): void;
+    destroy(): void;
+    updateItems(items: CommandItem[]): void;
+    setText(text: string): void;
+    clear(): void;
+    setLabels(labels: string[]): void;
+    private handleClick;
+    private handleClickItem;
+    private handleInput;
+    private handleClear;
+    private handleQueryItems;
+    private handleShow;
+    private handleClose;
+    private static createDropdown;
+    private updateLabels;
+    private updatePlaceholder;
+}

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

@@ -34,24 +34,13 @@ import WarningIcon from './warning.svg?raw';
 import PasteSpecialIcon from './paste-special.svg?raw';
 import ImageErrorIcon from './image-error.svg?raw';
 import ImageEmptyIcon from './image-empty.svg?raw';
-import LinkIcon from './link.svg?raw';
 import LinkOffIcon from './linkoff.svg?raw';
 import LaunchIcon from './launch.svg?raw';
-import CodeIcon from './code.svg?raw';
-import AudioIcon from './audio.svg?raw';
 import GraphIcon from './graph.svg?raw';
-import VideoIcon from './video.svg?raw';
 import FileIcon from './file.svg?raw';
-import MathIcon from './math.svg?raw';
 import MathMenuIcon from './math-menu.svg?raw';
-import TableIcon from './table.svg?raw';
 import TableMenuIcon from './table-menu.svg?raw';
 import LineIcon from './line.svg?raw';
-import QqvideoIcon from './qqvideo.svg?raw';
-import BilibiliIcon from './bilibili.svg?raw';
-import YoukuIcon from './youku.svg?raw';
-import ModaoIcon from './modao.svg?raw';
-import FigmaIcon from './figma.svg?raw';
 import WebIcon from './web.svg?raw';
 import EditIcon from './edit.svg?raw';
 import CommentIcon from './comment.svg?raw';
@@ -60,4 +49,40 @@ import HelpIcon from './help.svg?raw';
 import CheckMarkIcon from './check-mark.svg?raw';
 import TextIcon from './text.svg?raw';
 import RightArrowIcon from './right-arrow.svg?raw';
-export { CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, ArrowDownIcon, ArrowUpIcon, ArrowLeftIcon, ArrowRightIcon, DeleteRowIcon, DeleteColIcon, MergeCellIcon, SplitCellIcon, DeleteTableIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, Heading7Icon, Heading8Icon, HeadingNIcon, OrderedListIcon, UnorderedListIcon, CheckListIcon, BlockquoteIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ImageIcon, ImageMenuIcon, ImageErrorIcon, ImageEmptyIcon, LinkIcon, LinkOffIcon, WarningIcon, PasteSpecialIcon, LaunchIcon, CodeIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, LineIcon, QqvideoIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, WebIcon, EditIcon, CommentIcon, RefreshIcon, HelpIcon, CheckMarkIcon, TextIcon, RightArrowIcon, };
+import BilibiliIcon from './bilibili-icon.svg?raw';
+import YoukuIcon from './youku-icon.svg?raw';
+import FigmaIcon from './figma-icon.svg?raw';
+import ModaoIcon from './modao-icon.svg?raw';
+import TencentVideoIcon from './tencent-video-icon.svg?raw';
+import WebPageIcon from './webpage-icon.svg?raw';
+import MathIcon from './math-icon.svg?raw';
+import AudioIcon from './audio-icon.svg?raw';
+import VideoIcon from './video-icon.svg?raw';
+import UmlIcon from './uml.svg?raw';
+import DividingLineIcon from './dividing-line-icon.svg?raw';
+import LinkIcon from './link-icon.svg?raw';
+import CodeIcon from './code-icon.svg?raw';
+import TableIcon from './table-icon.svg?raw';
+import HeadingH1Icon from './heading-h1.svg?raw';
+import HeadingH2Icon from './heading-h2.svg?raw';
+import HeadingH3Icon from './heading-h3.svg?raw';
+import HeadingH4Icon from './heading-h4.svg?raw';
+import HeadingH5Icon from './heading-h5.svg?raw';
+import HeadingH6Icon from './heading-h6.svg?raw';
+import HeadingH7Icon from './heading-h7.svg?raw';
+import HeadingH8Icon from './heading-h8.svg?raw';
+import CheckboxIcon from './checkbox.svg?raw';
+import QuoteIcon from './quote.svg?raw';
+import LinkHrefIcon from './link.svg?raw';
+import UnorderedIcon from './unordered.svg?raw';
+import OrderedIcon from './ordered.svg?raw';
+import CopyIcon from './copy.svg?raw';
+import CutIcon from './cut.svg?raw';
+import DeleteIcon from './delete.svg?raw';
+import LockBlockIcon from './lock-block.svg?raw';
+import UnLockBlockIcon from './unlocked-block.svg?raw';
+import CollapseUpIcon from './collapse-up.svg?raw';
+import CollapseDownIcon from './collapse-down.svg?raw';
+import MentionIcon from './mention-icon.svg?raw';
+import ClearIcon from './clear.svg?raw';
+export { ClearIcon, CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, ArrowDownIcon, ArrowUpIcon, ArrowLeftIcon, ArrowRightIcon, DeleteRowIcon, DeleteColIcon, MergeCellIcon, SplitCellIcon, DeleteTableIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, Heading7Icon, Heading8Icon, HeadingNIcon, OrderedListIcon, UnorderedListIcon, CheckListIcon, BlockquoteIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ImageIcon, ImageMenuIcon, ImageErrorIcon, ImageEmptyIcon, LinkIcon, LinkOffIcon, WarningIcon, PasteSpecialIcon, LaunchIcon, CodeIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, LineIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, WebIcon, EditIcon, CommentIcon, RefreshIcon, HelpIcon, CheckMarkIcon, TextIcon, RightArrowIcon, TencentVideoIcon, WebPageIcon, UmlIcon, DividingLineIcon, HeadingH1Icon, HeadingH2Icon, HeadingH3Icon, HeadingH4Icon, HeadingH5Icon, HeadingH6Icon, HeadingH7Icon, HeadingH8Icon, CheckboxIcon, QuoteIcon, LinkHrefIcon, OrderedIcon, UnorderedIcon, CopyIcon, CutIcon, DeleteIcon, LockBlockIcon, UnLockBlockIcon, CollapseUpIcon, CollapseDownIcon, MentionIcon, };

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

@@ -6,8 +6,11 @@ export * from './toast';
 export * from './command-bar';
 export * from './popup';
 export * from './dialog';
+export * from './dropdown';
 export * from './icons';
 export * from './color-palette';
 export * from './color-button';
 export * from './input/create-input';
 export * from './auto-suggest';
+export * from './item-shortcuts';
+export * as tippy from 'tippy.js';

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

@@ -11,4 +11,5 @@ export declare function createInput(parent: HTMLElement, options: {
     getField: () => HTMLInputElement;
     getInputValue: () => string;
     setFieldError: (error: string) => void;
+    focus: () => void;
 };