@ones-editor/editor 2.1.7-beta.7 → 2.1.7-beta.9

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

@@ -1,4 +1,4 @@
-import { CommandItem, BlockOptions, OnesEditor, BlockElement } from '../../../../@ones-editor/core';
+import { CommandItem, BlockOptions, OnesEditor, BlockElement, SelectionRange } from '../../../../@ones-editor/core';
 export interface QuickMenuItem extends CommandItem {
     itemType: 'insert-block';
     blockType?: string;
@@ -26,11 +26,8 @@ export interface QuickMenuCommandBetween extends QuickMenuCommandParams {
 export interface QuickMenuCommandProvider {
     getCommands: (editor: OnesEditor, params: QuickMenuCommandParams) => CommandItem[];
     executeCommand: (editor: OnesEditor, item: CommandItem, params: QuickMenuCommandInline | QuickMenuCommandBetween | AddMenuCommand) => Promise<BlockElement | null>;
+    filterCommands?: (editor: OnesEditor, items: CommandItem[], range: SelectionRange) => CommandItem[];
 }
-export interface QuickMenuItemFilter {
-    filter: (editor: OnesEditor, items: QuickMenuItem[], from: QuickMenuCommandParams['from']) => QuickMenuItem[];
-}
-export type QuickMenuItemFilterId = keyof any;
 export interface QuickMenuOptions {
     id?: string;
     trigger: string[];

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

@@ -26,5 +26,4 @@ export declare class ReadonlyToolbar implements OnesEditorCustom {
     private handleHoveringBlockChildChange;
     groupCommands: (allCommands: CommandItem[]) => CommandItem[];
     showTextToolbar(reason: string): void;
-    showObjectToolbar(event: MouseEvent | null): void;
 }

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

@@ -1,6 +1,10 @@
 import { BlockCommands, BlockElement, CommandItem, OnesEditor, OnesEditorBlockHook, TextBlockContentChild } from '../../../../@ones-editor/core';
+import { EditLinkProvider } from '../providers/edit-link-provider';
+import ClipboardProvider from '../providers/clipboard-provider';
 export declare class LinkCommands implements OnesEditorBlockHook {
     private editor;
+    provider: EditLinkProvider;
+    clipboardProvider: ClipboardProvider;
     constructor(editor: OnesEditor);
     commands(editor: OnesEditor, block: BlockElement, child: TextBlockContentChild | null): BlockCommands | undefined;
     executeCommand: (editor: OnesEditor, block: BlockElement, item: CommandItem, child: TextBlockContentChild | null) => void;

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

@@ -1,2 +1,2 @@
-import { BlockCommandItem, CommandItem, OnesEditor } from '../../../../@ones-editor/core';
-export declare function getTextCommands(editor: OnesEditor, blockCommands: BlockCommandItem[]): CommandItem[];
+import { CommandItem, OnesEditor } from '../../../../@ones-editor/core';
+export declare function getTextCommands(editor: OnesEditor, blockCommands: CommandItem[]): CommandItem[];

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

@@ -29,6 +29,7 @@ export default class OnesEditorToolbar implements OnesEditorHoveringBlockFilter,
     unbindEvents(): void;
     handleDocumentMouseDown: (event: MouseEvent) => void;
     handleDocumentMouseUp: () => void;
+    isHoveringBlockContent(block: BlockElement): boolean;
     private handleHoveringBlockChildChange;
     handleSelectionChange: import("lodash").DebouncedFunc<(editor: OnesEditor) => void>;
     updateItems(updater: (items: CommandItem[]) => CommandItem[]): void;

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

@@ -43,7 +43,7 @@ declare class OnesEditorAutoSuggest implements OnesEditorInputHandler {
     handleUpdateCompositionText(editor: OnesEditor, containerId: string, blockIndex: number, offset: number, end: boolean): boolean;
     handleSelectionChanged: (editor: OnesEditor) => void;
     private resetItems;
-    private deleteTrigger;
+    deleteTrigger: () => boolean;
     private onClose;
     private onShow;
     private onClickItem;

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

@@ -12,6 +12,7 @@ export declare class TextColorItem extends TypedEmitter<ColorPaletteEvents> impl
     dropSplit: boolean;
     splitTooltip: string;
     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

@@ -1,3 +1,4 @@
+/// <reference types="lodash" />
 import { TypedEmitter } from 'tiny-typed-emitter';
 import { CloseReason, CommandItem, Closeable } from '../../../../@ones-editor/core';
 import { AbstractManualCommandBar, AbstractCommandBar, CommandBarEvents, CommandBarOptions, CommandItemElement, CreateManualCommandBarFunction, ManualShowCommandBarOptions, SelectItemFrom } from './types';
@@ -29,13 +30,13 @@ export default abstract class CommandBar extends TypedEmitter<CommandBarEvents>
     private getSelectedItemIndex;
     private getPrevItemIndex;
     private getNextItemIndex;
-    protected clearSelectedItem(): void;
+    protected clearSelectedItem: import("lodash").DebouncedFunc<() => void>;
     selectItem(id: string, from?: SelectItemFrom): void;
     private lastEnterPauseTime;
     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/init-toolbar-item.d.ts

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

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) => boolean;
     getSubBarOptions: (item: CommandItem) => ManualShowCommandBarOptions;
+    updateItems: (items: CommandItem[]) => void;
 }
 export interface ShowCommandBarOptions {
     placement?: Placement;
@@ -61,7 +63,8 @@ export interface CommandBarOptions {
     header?: HTMLElement | (() => HTMLElement | null);
     footer?: HTMLElement | (() => HTMLElement | null);
     padding?: number;
-    beforeClose?: (event?: MouseEvent) => boolean;
+    beforeClose?: (event?: MouseEvent | TouchEvent) => boolean;
+    showName?: boolean;
 }
 export type CreateManualCommandBarFunction = (parentItem: CommandItem, closeable: Closeable, options?: CommandBarOptions) => AbstractManualCommandBar;
 export type PopoverOptions = {

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

@@ -120,4 +120,8 @@ import SymbolIcon from './symbol.svg?raw';
 import TreeIcon from './tree.svg?raw';
 import TimeIcon from './time.svg?raw';
 import SearchIcon from './search.svg?raw';
-export { DownloadIcon, AddEmojiIcon, BallIcon, CardIcon, FoodIcon, LightIcon, SmileIcon, SymbolIcon, TreeIcon, TimeIcon, ClearIcon, CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, AddIcon, 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, LayoutIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, 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, InsertBeforeIcon, InsertAfterIcon, MentionIcon, CircleAddIcon, LoadingIcon, DragIcon, UmlBrandIcon, OnesLoadingIcon, BoldIcon, ItalicIcon, UnderlineIcon, LineThroughIcon, SubscriptIcon, SuperscriptIcon, InlineCodeIcon, ToMindMapIcon, FitIcon, FullScreenIcon, ExitFullScreenIcon, CaretDownIcon, StatusIcon, AlertEmojiIcon, ForbiddenIcon, WarningFilledIcon, InformationFilledIcon, SearchIcon, CalloutIcon, LoadingCircleIcon, };
+import TextGroupIcon from './text-group.svg?raw';
+import TabIcon from './tab.svg?raw';
+import ShiftTabIcon from './shift-tab.svg?raw';
+import TableEditIcon from './table-edit.svg?raw';
+export { TableEditIcon, TabIcon, ShiftTabIcon, DownloadIcon, AddEmojiIcon, BallIcon, CardIcon, FoodIcon, LightIcon, SmileIcon, SymbolIcon, TreeIcon, TimeIcon, ClearIcon, CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, AddIcon, 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, LayoutIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, 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, InsertBeforeIcon, InsertAfterIcon, MentionIcon, CircleAddIcon, LoadingIcon, DragIcon, UmlBrandIcon, OnesLoadingIcon, BoldIcon, ItalicIcon, UnderlineIcon, LineThroughIcon, SubscriptIcon, SuperscriptIcon, InlineCodeIcon, ToMindMapIcon, FitIcon, FullScreenIcon, ExitFullScreenIcon, CaretDownIcon, StatusIcon, AlertEmojiIcon, ForbiddenIcon, WarningFilledIcon, InformationFilledIcon, SearchIcon, CalloutIcon, LoadingCircleIcon, TextGroupIcon, };

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 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 | TouchEvent) => void;
+    init(): HTMLDivElement;
+    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,23 @@
+import { Closeable, CloseReason, CommandItem } from '../../../../@ones-editor/core';
+import { Instance } from 'tippy.js';
+import './mobile-bottom-menu.scss';
+import { AbstractManualCommandBar, CommandBar, CommandBarContentElement, CommandBarOptions, CommandItemElement, ManualShowCommandBarOptions } from '../command-bar';
+declare class MobileBottomMenu extends CommandBar implements AbstractManualCommandBar {
+    tippyInstance: Instance | null;
+    constructor(items: CommandItem[], closeable?: Closeable, options?: CommandBarOptions);
+    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

@@ -5,6 +5,9 @@ import { CodeTextDecorator } from '../@ones-editor/code-block';
 import * as OnesEditorIcons from '../@ones-editor/ui-base/src/icons';
 import { BlockExclusiveHook } from '../@ones-editor/exclusive-block';
 import { OnesEditorVersionsDialog, VersionDialogOptions } from '../@ones-editor/versions';
+import { CalloutQuickMenuItemFilter } from '../@ones-editor/callout-block';
+import { MobileCommandHandler } from '../@ones-editor/mobile-helper';
+import { LayoutQuickMenuItemFilter, isLayoutBlock } from '../@ones-editor/layout-block';
 import ShareDBDocVersionsProvider from './versions/versions-provider';
 import { CreateLocalEditorOptions, CreateOnesEditorOptions } from './types';
 import './lang';
@@ -24,10 +27,10 @@ export * from '../@ones-editor/layout-block';
 export * from '../@ones-editor/markdown-to-doc';
 export * from '../@ones-editor/html-to-doc';
 export * from '../@ones-editor/main-toolbar';
-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';
@@ -36,7 +39,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, MobileCommandHandler };
 export type { FileBoxData, FileEmbedData } from '../@ones-editor/file';
 export { type DocListBlock } from '../@ones-editor/list-block';
 export declare function getDefaultOnesEditorOptions(options: CreateOnesEditorOptions): {
@@ -66,7 +69,7 @@ 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/src/quick-menu").QuickMenuOptions | 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;