@ones-editor/editor 2.1.1-beta.3 → 2.1.1-beta.31

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

@@ -0,0 +1,2 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+export declare const hideToolbar: (editor: OnesEditor) => void;

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

@@ -1,6 +1,7 @@
 /// <reference types="lodash" />
 import { CommandItem } from '../../../../@ones-editor/core';
 import { AbstractCommandBar, ManualMenu } from '../command-bar';
+import { MobileBottomMenu } from '../mobile-command-bar/mobile-bottom-menu';
 export interface AutoSuggestMenuOptions {
     id: string;
     showLoading?: boolean;
@@ -21,7 +22,7 @@ export interface AutoSuggestMenuOptions {
 }
 export default class AutoSuggestMenu {
     protected options: AutoSuggestMenuOptions;
-    menu: ManualMenu;
+    menu: ManualMenu | MobileBottomMenu;
     private currentText;
     handleSearchText: (text: string) => void;
     constructor(options: AutoSuggestMenuOptions);

package/@ones-editor/ui-base/src/color-button/text-color-item.d.ts

@@ -8,6 +8,7 @@ export declare class TextColorItem extends TypedEmitter<ColorPaletteEvents> impl
     name: string;
     dropdown: boolean;
     manualShowChildren: boolean;
+    childrenType: "mobile-bottom-menu" | undefined;
     children: CommandItem[];
     element: HTMLButtonElement;
     colorPaletteItem: ColorPaletteItem;

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

@@ -14,5 +14,5 @@ export default class ColorPalette extends TypedEmitter<ColorPaletteEvents> {
     constructor(options?: ColorPaletteOptions);
     destroy(): void;
     setColor(type: ColorType, value: number | null): void;
-    handleClick: (event: MouseEvent) => void;
+    handleClick: (event: MouseEvent | PointerEvent) => void;
 }

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

@@ -35,7 +35,7 @@ export default abstract class CommandBar extends TypedEmitter<CommandBarEvents>
     private startPauseMouseEnter;
     private handleItemMouseEnter;
     private handleItemMouseLeave;
-    protected handleItemClick: (event: MouseEvent) => void;
+    protected handleItemClick: (event: MouseEvent | TouchEvent) => void;
     private showSubCommandBar;
     isInCommandBar(target: EventTarget | null): boolean;
     createCommandItem(item: CommandItem): CommandItemElement;

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

@@ -1,11 +1,13 @@
 import { CommandItem } from '../../../../@ones-editor/core';
 import CommandBar from './command-bar';
-import { CommandBarOptions, CommandItemElement } from './types';
+import { AbstractManualCommandBar, CommandBarOptions, CommandItemElement, ManualShowCommandBarOptions } 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;
+    onShown: (instance: AbstractManualCommandBar) => void;
+    getSubBarOptions: (item: CommandItem) => ManualShowCommandBarOptions;
     destroy(): void;
     protected getCommandBarRoot(): HTMLElement | null;
     get isVisible(): boolean;

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

@@ -19,6 +19,7 @@ export interface ManualShowCommandBarOptions {
     getReferenceClientRect?: GetReferenceClientRect | null | undefined;
     offset?: [number, number];
     arrow?: boolean;
+    onShown?(instance: AbstractManualCommandBar): void;
 }
 export interface AbstractCommandBar extends TypedEmitter<CommandBarEvents> {
     readonly isVisible: boolean;
@@ -28,6 +29,7 @@ export interface AbstractCommandBar extends TypedEmitter<CommandBarEvents> {
     isInCommandBar: (target: EventTarget | null) => boolean;
     handleDocumentKeydown: (event: KeyboardEvent) => void;
     getSubBarOptions: (item: CommandItem) => ManualShowCommandBarOptions;
+    updateItems: (items: CommandItem[]) => void;
 }
 export interface ShowCommandBarOptions {
     placement?: Placement;
@@ -61,7 +63,7 @@ export interface CommandBarOptions {
     header?: HTMLElement | (() => HTMLElement | null);
     footer?: HTMLElement | (() => HTMLElement | null);
     padding?: number;
-    beforeClose?: (event?: MouseEvent) => boolean;
+    beforeClose?: (event?: MouseEvent | TouchEvent) => boolean;
 }
 export type CreateManualCommandBarFunction = (parentItem: CommandItem, closeable: Closeable, options?: CommandBarOptions) => AbstractManualCommandBar;
 export type PopoverOptions = {

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

@@ -15,4 +15,6 @@ export * from './input/create-input';
 export * from './auto-suggest';
 export * from './item-shortcuts';
 export * from './emoji-item';
+export * from './mobile-command-bar/mobile-bottom-menu';
+export * from './text-button';
 export { tippy, };

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

@@ -1,5 +1,5 @@
 import './input.scss';
-export declare function createInput(parent: HTMLElement, options: {
+export type EditorInputOptions = {
     label?: string;
     placeholder?: string;
     required?: boolean;
@@ -9,9 +9,29 @@ export declare function createInput(parent: HTMLElement, options: {
     onKeyDown?: (e: KeyboardEvent, composing: boolean) => void;
     maxLength?: number;
     prefix?: Element;
-}): {
+    suffixClose?: boolean;
+};
+declare class EditorInput {
+    private parent;
+    private options;
+    private unbindKeyDownEvent;
+    constructor(parent: HTMLElement, options: EditorInputOptions);
+    private get container();
+    private get errorContent();
+    private get input();
+    private get suffix();
+    private get prefix();
     getField: () => HTMLInputElement;
     getInputValue: () => string;
     setFieldError: (error: string) => void;
     focus: () => void;
-};
+    handleKeyDown: (e: KeyboardEvent, composing: boolean) => void;
+    showSuffix: () => void;
+    hideSuffix: () => void;
+    handleInput: (e: Event) => void;
+    handleClose: (e: Event) => void;
+    init(): HTMLInputElement;
+    destroy(): void;
+}
+export declare function createInput(parent: HTMLElement, options: EditorInputOptions): EditorInput;
+export {};

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

@@ -0,0 +1,3 @@
+import { CommandItem } from '../../../../@ones-editor/core';
+import { CommandItemElement } from '../command-bar';
+export declare function initMenuItem(item: CommandItem, elem: CommandItemElement): void;

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

@@ -0,0 +1,22 @@
+import { CloseReason, CommandItem } from '../../../../@ones-editor/core';
+import { Instance } from 'tippy.js';
+import './mobile-bottom-menu.scss';
+import { AbstractManualCommandBar, CommandBar, CommandBarContentElement, CommandItemElement, ManualShowCommandBarOptions } from '../command-bar';
+declare class MobileBottomMenu extends CommandBar implements AbstractManualCommandBar {
+    tippyInstance: Instance | null;
+    createContentWithHeader: () => HTMLDivElement;
+    handleClose: () => void;
+    oldActiveElement: HTMLElement | null;
+    handleShown: () => void;
+    manualShow: (target: HTMLElement, options?: ManualShowCommandBarOptions) => void;
+    close(reason: CloseReason): void;
+    destroy(): void;
+    get isVisible(): boolean;
+    get popper(): Element | null;
+    getSubBarOptions: (item: CommandItem) => ManualShowCommandBarOptions;
+    protected initCommandBarElement(elem: CommandBarContentElement): void;
+    protected getCommandBarRoot(): HTMLElement | null;
+    protected initItemElement(item: CommandItem, elem: CommandItemElement): void;
+}
+declare function createMobileBottomMenu(): void;
+export { createMobileBottomMenu, MobileBottomMenu, };

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

@@ -3,7 +3,7 @@ import ManualCommandBar from '../command-bar/manual-command-bar';
 import { CommandBarContentElement, CommandItemElement } from '../command-bar/types';
 export type PopupOptions = {
     id?: string;
-    beforeClose?: (event?: MouseEvent) => boolean;
+    beforeClose?: (event?: MouseEvent | TouchEvent) => boolean;
 };
 export default class Popup extends ManualCommandBar {
     constructor(content: HTMLElement, options?: PopupOptions);

package/@ones-editor/{ui → ui-base}/src/text-button/index.d.ts

@@ -1,3 +1,3 @@
-import type { ButtonOptions } from '../../../../@ones-editor/ui-base';
+import { ButtonOptions } from '../components';
 import './index.scss';
 export declare function createTextButton(parent: HTMLElement, ...args: ButtonOptions): HTMLButtonElement;

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import { OnesEditor, DocObject, OnesEditorDoc } from '../@ones-editor/core';
 import * as OnesEditorIcons from '../@ones-editor/ui-base/src/icons';
 import { OnesEditorVersionsDialog, VersionDialogOptions } from '../@ones-editor/versions';
+import { CalloutQuickMenuItemFilter } from '../@ones-editor/callout-block';
+import { LayoutQuickMenuItemFilter, isLayoutBlock } from '../@ones-editor/layout-block';
 import ShareDBDocVersionsProvider from './versions/versions-provider';
 import { CreateLocalEditorOptions, CreateOnesEditorOptions } from './types';
 import './lang';
@@ -16,10 +18,10 @@ export * from '../@ones-editor/versions';
 export * from '../@ones-editor/misc';
 export * from '../@ones-editor/block-locker';
 export * from '../@ones-editor/layout-block';
-export { Popup, ManualMenu, OnesEditorAutoSuggest, tippy, ManualToolbar, ManualCloseDialog, TextColorItem, shouldFocusToEditor, } from '../@ones-editor/ui-base';
+export { Popup, ManualMenu, OnesEditorAutoSuggest, tippy, ManualToolbar, ManualCloseDialog, TextColorItem, shouldFocusToEditor, FixedToolbar, } from '../@ones-editor/ui-base';
 export * from '../@ones-editor/drawio-embed';
 export * from '../@ones-editor/block-resizer';
-export { editorAddComment } from '../@ones-editor/comments';
+export { editorAddComment, CommentsCommandProvider } from '../@ones-editor/comments';
 export { editorShowFindDialog } from '../@ones-editor/find-dialog';
 export * from '../@ones-editor/toc';
 export * from '../@ones-editor/embed-block-helper';
@@ -28,7 +30,7 @@ export { resetListStart, getListAllNextBrothers, toMindmap, Mindmap } from '../@
 export * from '../@ones-editor/exclusive-block';
 export * from '../@ones-editor/templates';
 export * from 'tiny-typed-emitter';
-export { ShareDBDocVersionsProvider, OnesEditorIcons };
+export { ShareDBDocVersionsProvider, OnesEditorIcons, isLayoutBlock, LayoutQuickMenuItemFilter, CalloutQuickMenuItemFilter };
 export type { FileBoxData, FileEmbedData } from '../@ones-editor/file';
 export { type DocListBlock } from '../@ones-editor/list-block';
 export declare function createOnesEditor(root: HTMLElement, options: CreateOnesEditorOptions): Promise<OnesEditor>;