@ones-editor/editor 0.0.3 → 0.0.4-beta.2

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

@@ -1,12 +1,16 @@
 import './style.scss';
 import OnesEditorToolbar from './toolbar/toolbar-handler';
-import OnesEditorQuickMenu, { getAllQuickMenuItems } from './quick-menu';
-import { getHeadingMenuOptions } from './quick-menu/basic-menu-items';
+import OnesEditorQuickMenu, { getAllQuickMenuItems, getHeadingMenuOptions, QuickMenuCommandBetween, QuickMenuCommandInline, QuickMenuCommandProvider, BasicCommands, GetAllQuickMenuItemsOptions } 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 { InlineBoxCommandProvider } from './quick-menu/inline-box-items';
 import './locale';
+import type { OnesEditorToolbarBase } from './toolbar/types';
 import type { QuickMenuItem } from './quick-menu';
-export { OnesEditorToolbar, OnesEditorQuickMenu, OnesEditorTooltip, getAllQuickMenuItems, QuickMenuItem, editLink, TextStyleShortcuts, getToolbar, getHeadingMenuOptions };
+export type { QuickMenuCommandProvider, QuickMenuCommandBetween, QuickMenuCommandInline, GetAllQuickMenuItemsOptions, OnesEditorToolbarBase };
+export { OnesEditorToolbar, OnesEditorQuickMenu, OnesEditorTooltip, getAllQuickMenuItems, QuickMenuItem, editLink, TextStyleShortcuts, getToolbar, getHeadingMenuOptions, BasicCommands, GroupOrder, InlineBoxCommandProvider, };
 export { createTextButton } from './text-button';
+export { mergeCommands } from './toolbar/merge-commands';

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

@@ -14,14 +14,16 @@ declare const _default: {
             math: string;
             link: string;
         };
-        link: {
-            textLabel: string;
-            urlLabel: string;
-            textPlaceholder: string;
-            urlPlaceholder: string;
-            submitText: string;
-            cancelText: string;
-        };
+    };
+    link: {
+        textLabel: string;
+        urlLabel: string;
+        textPlaceholder: string;
+        urlPlaceholder: string;
+        submitText: string;
+        cancelText: string;
+        edit: string;
+        remove: string;
     };
     commands: {
         unordered: string;
@@ -32,20 +34,10 @@ declare const _default: {
         alignLeft: string;
         alignRight: string;
         alignCenter: string;
+        alignGroup: string;
         heading: string;
+        headingGroup: string;
         text: string;
     };
-    commandDesc: {
-        mac: {
-            unordered: string;
-            ordered: string;
-            link: string;
-        };
-        window: {
-            unordered: string;
-            ordered: string;
-            link: string;
-        };
-    };
 };
 export default _default;

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

@@ -0,0 +1,43 @@
+declare const _default: {
+    quickMenu: {
+        basic: {
+            heading: {
+                title: string;
+                space: string;
+            };
+            unordered: string;
+            ordered: string;
+            checkbox: string;
+            quote: string;
+        };
+        inlineBox: {
+            math: string;
+            link: string;
+        };
+    };
+    link: {
+        textLabel: string;
+        urlLabel: string;
+        textPlaceholder: string;
+        urlPlaceholder: string;
+        submitText: string;
+        cancelText: string;
+        edit: string;
+        remove: string;
+    };
+    commands: {
+        unordered: string;
+        ordered: string;
+        check: string;
+        link: string;
+        quote: string;
+        alignLeft: string;
+        alignRight: string;
+        alignCenter: string;
+        alignGroup: string;
+        heading: string;
+        headingGroup: string;
+        text: string;
+    };
+};
+export default _default;

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,20 +34,10 @@ declare const _default: {
         alignLeft: string;
         alignRight: string;
         alignCenter: string;
+        alignGroup: string;
         heading: string;
+        headingGroup: string;
         text: string;
     };
-    commandDesc: {
-        mac: {
-            unordered: string;
-            ordered: string;
-            link: string;
-        };
-        window: {
-            unordered: string;
-            ordered: string;
-            link: string;
-        };
-    };
 };
 export default _default;

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,16 @@
+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 getPlainTextMenuOptions(): BlockOptions;
 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 {
+    private withPlainText?;
+    constructor(withPlainText?: boolean | undefined);
+    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/quick-menu-items.d.ts

@@ -1,3 +1,6 @@
 import { OnesEditor } from '../../../../@ones-editor/core';
 import { QuickMenuItem } from './types';
-export declare function getAllQuickMenuItems(editor: OnesEditor): QuickMenuItem[];
+export interface GetAllQuickMenuItemsOptions {
+    withPlainText: boolean;
+}
+export declare function getAllQuickMenuItems(editor: OnesEditor, options?: GetAllQuickMenuItemsOptions): QuickMenuItem[];

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/helper.d.ts

@@ -1,3 +1,3 @@
 import { OnesEditor } from '../../../../@ones-editor/core';
 import { OnesEditorToolbarBase } from './types';
-export declare function getToolbar(editor: OnesEditor): OnesEditorToolbarBase;
+export declare function getToolbar(editor: OnesEditor): OnesEditorToolbarBase | null;

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,18 +5,23 @@ 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;
     handleHidden: () => void;
     handleShow: (instance: Instance) => boolean;
+    private fixContainerForFullscreen;
 }
 declare global {
     interface Window {

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

@@ -1,33 +1,44 @@
-import { CommandItem, OnesEditor } from '../../../../@ones-editor/core';
+/// <reference types="lodash" />
+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;
+    emptyPlaceholder?: string;
+    noResultMessage?: HTMLElement | string | ((item: CommandItem) => HTMLElement);
     highlight?: boolean;
-    onShow?: (menu: AutoSuggestMenu, containerId: string, blockIndex: number, offset: number) => boolean | undefined;
+    header?: HTMLElement | (() => HTMLElement | null);
+    footer?: HTMLElement | (() => HTMLElement | null);
+    wait?: number;
+    disableSelectedScroll?: boolean;
+    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);
+    handleSearchText: (text: string) => void;
+    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;
+    handleSearchTextPure(text: string): Promise<void>;
+    handleClick: import("lodash").DebouncedFuncLeading<(menu: AbstractCommandBar, item: CommandItem) => void>;
+    handleShow: (menu: AbstractCommandBar) => void;
+    handleClose: () => void;
     handleKeydown: (event: KeyboardEvent) => void;
-    private highlightText;
+    protected highlightText(search: string, items?: CommandItem[]): 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;
@@ -12,11 +13,16 @@ export interface AutoSuggestOptions {
     trigger: string[];
     autoDeleteTrigger?: boolean;
     needSpaceBeforeTrigger?: boolean;
+    header?: HTMLElement | (() => HTMLElement | null);
+    footer?: HTMLElement | (() => HTMLElement | null);
     showLoading?: boolean;
     loadingElement?: HTMLElement;
     placeholder?: HTMLElement | string;
-    noResultMessage?: HTMLElement | string;
+    noResultMessage?: HTMLElement | string | ((item: CommandItem) => HTMLElement);
     highlight?: boolean;
+    enableFirstBlock?: boolean;
+    wait?: number;
+    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,20 +31,24 @@ export interface AutoSuggestOptions {
 declare class OnesEditorAutoSuggest implements OnesEditorInputHandler {
     private editor;
     private options;
-    menu: AutoSuggestMenu;
+    order?: number | undefined;
+    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;
     private renderMenuItem;
+    private hasExistsMenuThemeCommandBar;
     destroy(): void;
 }
 export default OnesEditorAutoSuggest;

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

@@ -1,5 +1,5 @@
 import { TypedEmitter } from 'tiny-typed-emitter';
-import { CommandItem, Closeable } from '../../../../@ones-editor/core';
+import { CloseReason, CommandItem, Closeable } from '../../../../@ones-editor/core';
 import { AbstractManualCommandBar, AbstractCommandBar, CommandBarEvents, CommandBarOptions, CommandItemElement, CreateManualCommandBarFunction, ManualShowCommandBarOptions } from './types';
 import 'tippy.js/dist/tippy.css';
 export default abstract class CommandBar extends TypedEmitter<CommandBarEvents> implements AbstractCommandBar {
@@ -8,11 +8,15 @@ export default abstract class CommandBar extends TypedEmitter<CommandBarEvents>
     subBar: AbstractManualCommandBar | null;
     parentItem: CommandItem | null;
     closeable: Closeable | null;
+    closeReason: CloseReason;
     options: CommandBarOptions;
     id: string;
+    private header;
+    private footer;
     constructor(items: CommandItem[], closeable?: Closeable, options?: CommandBarOptions);
-    close(): void;
+    close(reason: CloseReason): void;
     click(item: CommandItem, target: HTMLElement): void;
+    createPopperOptions(): Partial<import("@popperjs/core").Options>;
     destroy(): void;
     abstract readonly isVisible: boolean;
     get isSubCommandBar(): boolean;
@@ -26,7 +30,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;

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/manual-command-bar.d.ts

@@ -1,10 +1,11 @@
+import { CloseReason } from '../../../../@ones-editor/core';
 import { Instance } from 'tippy.js';
 import CommandBar from './command-bar';
 import { AbstractManualCommandBar, ManualShowCommandBarOptions } from './types';
 export default abstract class ManualCommandBar extends CommandBar implements AbstractManualCommandBar {
     tippyInstance: Instance | null;
     manualShow(target: HTMLElement, options?: ManualShowCommandBarOptions): void;
-    close(): void;
+    close(reason: CloseReason): void;
     destroy(): void;
     protected getCommandBarRoot(): HTMLElement | null;
     get isVisible(): boolean;

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

@@ -1,4 +1,4 @@
-import { Closeable, CommandItem } from '../../../../@ones-editor/core';
+import { CloseReason, Closeable, CommandItem } from '../../../../@ones-editor/core';
 import { TypedEmitter } from 'tiny-typed-emitter';
 import type { GetReferenceClientRect, Placement } from 'tippy.js';
 export { Placement };
@@ -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;
@@ -17,11 +18,12 @@ export interface ManualShowCommandBarOptions {
     theme?: string;
     getReferenceClientRect?: GetReferenceClientRect | null | undefined;
     offset?: [number, number];
+    arrow?: boolean;
 }
 export interface AbstractCommandBar extends TypedEmitter<CommandBarEvents> {
     readonly isVisible: boolean;
     readonly parentItem: CommandItem | null;
-    close: () => void;
+    close: (reason: CloseReason) => void;
     destroy: () => void;
     isInCommandBar: (target: EventTarget | null) => boolean;
     handleDocumentKeydown: (event: KeyboardEvent) => void;
@@ -52,5 +54,14 @@ export interface CommandBarOptions {
     autoClose?: boolean;
     classes?: string[];
     disablePageScroll?: boolean;
+    disableSelectedScroll?: boolean;
+    refuseOverflow?: boolean;
+    overflowBoundary?: Element;
+    header?: HTMLElement | (() => HTMLElement | null);
+    footer?: HTMLElement | (() => HTMLElement | null);
+    padding?: number;
 }
 export type CreateManualCommandBarFunction = (parentItem: CommandItem, closeable: Closeable, options?: CommandBarOptions) => AbstractManualCommandBar;
+export type PopoverOptions = {
+    overflowBoundary?: Element;
+};

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

@@ -2,7 +2,7 @@ import { CommandItemState } from '../../../../@ones-editor/core';
 import './button.scss';
 export declare function getButtonId(button: HTMLButtonElement): string;
 export declare function getParentButton(target: EventTarget): HTMLButtonElement | null;
-export declare function createButton(id: string, name: string, child?: string | Element, states?: CommandItemState[], tooltipId?: string): HTMLButtonElement;
+export declare function createButton(id: string, name: string, child?: string | Element, states?: (CommandItemState | 'primary')[], tooltipId?: string): HTMLButtonElement;
 export declare function changeButtonName(button: HTMLButtonElement, name: string, tooltipId?: string): void;
 export declare function createSeparator(type: 'horizontal' | 'vertical'): HTMLSpanElement;
 export type ButtonOptions = Parameters<typeof createButton>;

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

@@ -0,0 +1,3 @@
+import { CommandItemState } from '../../../../@ones-editor/core';
+import './checkbox.scss';
+export declare function createCheckbox(id: string, states?: CommandItemState[]): HTMLButtonElement;