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

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

@@ -8,9 +8,10 @@ export default class BlockMenu {
     show(target: HTMLElement): void;
     isInMenu(eventTarget: EventTarget | null): boolean;
     handleShow: () => void;
+    handleClose: () => void;
     handleItemClick: (bar: unknown, item: CommandItem) => void;
     setBlock(block: BlockElement): void;
-    close(): void;
+    close: () => void;
     get isVisible(): boolean;
     destroy(): void;
 }

package/@ones-editor/block-menu/src/block-menu/items/index.d.ts

@@ -1,4 +1,5 @@
 import { BlockElement, OnesEditor } from '../../../../../@ones-editor/core';
+import { TextStyleItemOptions } from './text-styles/text-style-item';
 import { BlockMenuItem } from './types';
-export declare function getBlockMenuItems(editor: OnesEditor, block: BlockElement): BlockMenuItem[];
+export declare function getBlockMenuItems(editor: OnesEditor, block: BlockElement, options: TextStyleItemOptions): BlockMenuItem[];
 export declare function handleBlockMenuItemClick(editor: OnesEditor, block: BlockElement, item: BlockMenuItem): void;

package/@ones-editor/block-menu/src/block-menu/items/insert-block-items/index.d.ts

@@ -1,4 +1,4 @@
 import { BlockElement, OnesEditor } from '../../../../../../@ones-editor/core';
 import { BlockMenuItem } from '../types';
 export declare function getAllInsertBlockItems(editor: OnesEditor): BlockMenuItem[];
-export declare function executeInsertBlockCommand(editor: OnesEditor, block: BlockElement, item: BlockMenuItem): Promise<BlockElement | null> | undefined;
+export declare function executeInsertBlockCommand(editor: OnesEditor, block: BlockElement, item: BlockMenuItem, insertAbove?: boolean): Promise<BlockElement | null> | undefined;

package/@ones-editor/block-menu/src/block-menu/items/text-styles/text-style-item.d.ts

@@ -1,13 +1,27 @@
-import { BlockElement, OnesEditor } from '../../../../../../@ones-editor/core';
+import { BlockElement, OnesEditor, DocBlock } from '../../../../../../@ones-editor/core';
 import { BlockMenuItem } from '../types';
+export interface ParagraphBlockAttribute extends DocBlock {
+    'heading'?: number;
+    quoted?: boolean;
+    align?: 'left' | 'center' | 'right';
+    checkbox?: 'checked' | 'unchecked';
+    ordered?: boolean;
+}
+export type TextStyleItemOptions = {
+    onAfterStyleItemClick?: () => void;
+};
 export default class TextStyleItem implements BlockMenuItem {
+    private editor;
     private block;
+    private options;
     source: string;
     id: string;
     name: string;
     element: HTMLElement;
-    constructor(editor: OnesEditor, block: BlockElement);
+    constructor(editor: OnesEditor, block: BlockElement, options: TextStyleItemOptions);
     createItemElement(editor: OnesEditor, block: BlockElement): HTMLDivElement;
-    createItem(id: string, icon: string, parent: HTMLElement): void;
+    private createHeadingItemElement;
+    private createListItemElement;
+    createItem(id: string, icon: string, parent: HTMLElement, active?: boolean): void;
     handleClick: (editor: OnesEditor, event: Event) => void;
 }

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

@@ -8,8 +8,13 @@ declare const _default: {
             actions: string;
             thirdParty: string;
         };
+        command: {
+            insertAbove: string;
+            insertAfter: string;
+        };
         button: {
             searchPlaceholder: string;
+            tips: string;
         };
     };
 };

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

@@ -8,8 +8,13 @@ declare const _default: {
             actions: string;
             thirdParty: string;
         };
+        command: {
+            insertAbove: string;
+            insertAfter: string;
+        };
         button: {
             searchPlaceholder: string;
+            tips: string;
         };
     };
 };

package/@ones-editor/comments/src/block-hook/index.d.ts

@@ -1,8 +1,10 @@
 import { BlockCommands, BlockElement, CommandItem, OnesEditor, OnesEditorBlockHook } from '../../../../@ones-editor/core';
+import type { OnesEditorComments } from '../comments';
 import { OnesEditorCommentsProvider } from '../types';
 export default class CommentBlockHook implements OnesEditorBlockHook {
     private provider;
-    constructor(provider: OnesEditorCommentsProvider);
+    private editorComments;
+    constructor(provider: OnesEditorCommentsProvider, editorComments: OnesEditorComments);
     commands(editor: OnesEditor, blockElement: BlockElement): BlockCommands;
     executeCommand: (editor: OnesEditor, block: BlockElement, item: CommandItem) => void;
 }

package/@ones-editor/comments/src/comment-editor/index.d.ts

@@ -1,14 +1,13 @@
 import type { OnesEditor, DocObject } from '../../../../@ones-editor/core';
-import { CreateCommentEditorOption, OnesEditorCommentsProvider } from '../types';
+import { OnesEditorCommentsProvider } from '../types';
 import './index.scss';
 export declare class CommentEditor {
     private mainEditor;
     private commentsProvider;
-    private createOptions;
+    private doc;
     root: HTMLDivElement;
     private components;
-    constructor(mainEditor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, createOptions: CreateCommentEditorOption);
-    private get editorDoc();
+    constructor(mainEditor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, doc: DocObject);
     private createEditor;
     get editor(): OnesEditor;
     private handleEditorBlur;
@@ -17,7 +16,6 @@ export declare class CommentEditor {
     private inactiveEditor;
     handleInsertImg: () => Promise<void>;
     handleReadonlyChange: (editor: OnesEditor) => void;
-    reloadDoc: () => void;
     setDoc: (doc: DocObject) => void;
     getDoc: () => DocObject;
     isEmpty: () => boolean;

package/@ones-editor/comments/src/comment-input-handler/index.d.ts

@@ -1,10 +1,2 @@
-import type { OnesEditor, OnesEditorInputHandler } from '../../../../@ones-editor/core';
-import { OnesEditorCommentsProvider, CreateCommentEditorOption } from '../types';
-export declare class OnesEditorCommentInputHandler implements OnesEditorInputHandler {
-    private commentsProvider;
-    private createCommentEditorOptions;
-    constructor(commentsProvider: OnesEditorCommentsProvider, createCommentEditorOptions: CreateCommentEditorOption);
-    private handleQuickReplyEnter;
-    private handleCommentItemEnter;
-    handleBeforeKeyDown: (editor: OnesEditor, event: KeyboardEvent) => boolean;
-}
+export { QuickReplyEditorInputHandler } from './quick-reply-input-handler';
+export { CommentEditorInputHandler } from './input-handler';

package/@ones-editor/comments/src/comment-input-handler/input-handler.d.ts

@@ -0,0 +1,11 @@
+import type { OnesEditor, OnesEditorInputHandler } from '../../../../@ones-editor/core';
+import { OnesEditorCommentsProvider } from '../types';
+import type { CommentGroupItem } from '../comments-list/group-item';
+import type { CommentItem } from '../comment-item';
+export declare class CommentEditorInputHandler implements OnesEditorInputHandler {
+    private commentsProvider;
+    private groupItem;
+    private commentItem;
+    constructor(commentsProvider: OnesEditorCommentsProvider, groupItem: CommentGroupItem, commentItem: CommentItem);
+    handleBeforeKeyDown: (editor: OnesEditor, event: KeyboardEvent) => boolean;
+}

package/@ones-editor/comments/src/comment-input-handler/quick-reply-input-handler.d.ts

@@ -0,0 +1,7 @@
+import type { OnesEditor, OnesEditorInputHandler } from '../../../../@ones-editor/core';
+import type { CommentGroupItem } from '../comments-list/group-item';
+export declare class QuickReplyEditorInputHandler implements OnesEditorInputHandler {
+    private groupItem;
+    constructor(groupItem: CommentGroupItem);
+    handleBeforeKeyDown: (editor: OnesEditor, event: KeyboardEvent) => boolean;
+}

package/@ones-editor/comments/src/comment-item/comment-item.d.ts

@@ -20,6 +20,7 @@ export declare class CommentItem {
     constructor(options: CommentItemOptions);
     private get commentOptions();
     get comment(): OnesEditorComment;
+    get doc(): import("@ones-editor/core").DocObject;
     private createRoot;
     private createMoreMenu;
     private createItem;

package/@ones-editor/comments/src/comment-item/index.d.ts

@@ -1 +1,3 @@
 export { CommentItem } from './comment-item';
+export { MobileCommentItem } from './mobile-comment-item';
+export { MiniCommentItem } from './mini-comment-item';

package/@ones-editor/comments/src/comment-item/mini-comment-item/index.d.ts

@@ -0,0 +1 @@
+export { MiniCommentItem } from './mini-comment-item';

package/@ones-editor/comments/src/comment-item/mini-comment-item/mini-comment-item.d.ts

@@ -0,0 +1,7 @@
+import './mini-comment-item.scss';
+export declare class MiniCommentItem {
+    private root;
+    private countElement;
+    constructor(id: string, parent: HTMLElement);
+    updateCount: (count: number | string) => void;
+}

package/@ones-editor/comments/src/comment-item/mobile-comment-item/index.d.ts

@@ -0,0 +1 @@
+export { MobileCommentItem } from './mobile-comment-item';

package/@ones-editor/comments/src/comment-item/mobile-comment-item/mobile-comment-item.d.ts

@@ -0,0 +1,18 @@
+import { OnesEditorComment, OnesEditor } from '../../../../../@ones-editor/core';
+import { CommentEditor } from '../../comment-editor';
+import { OnesEditorCommentsProvider } from '../../types';
+import './mobile-comment-item.scss';
+export declare class MobileCommentItem {
+    private editor;
+    private commentsProvider;
+    comment: OnesEditorComment;
+    root: HTMLDivElement;
+    private components;
+    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, comment: OnesEditorComment);
+    private get doc();
+    createItem(): {
+        mobileCommentEditor: CommentEditor;
+    };
+    reloadDoc: () => void;
+    destroy(): void;
+}

package/@ones-editor/comments/src/comments/comments.d.ts

@@ -1,11 +1,19 @@
 import { OnesEditor } from '../../../../@ones-editor/core';
-import CommentsList from '../comments-list';
 import { OnesEditorCommentsProvider } from '../types';
 export default class OnesEditorComments {
     private editor;
     private provider;
-    private list;
-    constructor(editor: OnesEditor, provider: OnesEditorCommentsProvider);
+    private root;
+    private commentList;
+    private mobileCommentList;
+    private miniCommentList;
+    constructor(editor: OnesEditor, provider: OnesEditorCommentsProvider, parent?: HTMLElement);
+    get isMobile(): boolean;
     destroy(): void;
-    createCommentsList(): CommentsList;
+    private showComment;
+    showCommentList: (groupId?: string) => void;
+    private handleCommentListClose;
+    private handleOnSelectComment;
+    private handleMiniCommentClose;
+    private handleMiniCommentItemClick;
 }

package/@ones-editor/comments/src/comments-button/index.d.ts

@@ -1,11 +1,13 @@
 import { BlockElement, OnesEditor } from '../../../../@ones-editor/core';
 import { OnesEditorCommentsProvider } from '../types';
+import type OnesEditorComments from '../comments/comments';
 export default class BlockCommentButton {
     private editor;
     private commentProvider;
+    private editorComments;
     private buttonElement;
     private currentBlockId;
-    constructor(editor: OnesEditor, commentProvider: OnesEditorCommentsProvider);
+    constructor(editor: OnesEditor, commentProvider: OnesEditorCommentsProvider, editorComments: OnesEditorComments);
     destroy(): void;
     handleDocumentMouseMove: (event: MouseEvent) => void;
     handleButtonClick: (event: MouseEvent) => void;

package/@ones-editor/comments/src/comments-helper/get-comments-from-doc.d.ts

@@ -1,3 +1,5 @@
-import { OnesEditor } from '../../../../@ones-editor/core';
+import { OnesEditor, OnesEditorComment } from '../../../../@ones-editor/core';
 import { CommentWithChildren, OnesEditorCommentsProvider } from '../types';
 export declare function getCommentsGroupFromDoc(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider): CommentWithChildren[];
+export declare function flattenCommentGroup(comment: CommentWithChildren): OnesEditorComment[];
+export declare function getCommentsCountInDoc(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider): number;

package/@ones-editor/comments/src/comments-helper/get-mini-comment-from-doc.d.ts

@@ -0,0 +1,7 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+import { OnesEditorCommentsProvider } from '../types';
+export declare function getMiniCommentsGroupFromDoc(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider): {
+    firstComment: import("@ones-editor/core").OnesEditorComment;
+    commentIds: import("../types").CommentIds;
+    blockId: string;
+}[];

package/@ones-editor/comments/src/comments-helper/utils.d.ts

@@ -1,9 +1,10 @@
-import { OnesEditorComment } from '../../../../@ones-editor/core';
+import { OnesEditorComment, OnesEditor } from '../../../../@ones-editor/core';
 export declare function isChildComment(comment: OnesEditorComment): boolean;
 export declare function getCommentsRoot(): HTMLDivElement;
-export declare function getCommentItemCountInGroupItem(groupItemRoot: HTMLElement): number;
+export declare function getCommentItemCountInGroupItem(groupItemRoot: HTMLElement, commentItemCls?: string): number;
 export declare function getClosestCommentItemId(element: HTMLElement): string | null;
 export declare function addGroupActionToElement(element: HTMLElement, action: string): void;
 export declare function getClosestGroupItemActionElement(element: HTMLElement): HTMLElement;
 export declare function getActionFromActionElement(actionElement: HTMLElement): string;
 export declare function isDisabledActionElement(actionElement: HTMLElement): boolean;
+export declare function getBlockIdByGroupId(editor: OnesEditor, commentId: string): string | null;

package/@ones-editor/comments/src/comments-list/comments-list.d.ts

@@ -1,14 +1,19 @@
 import { OnesEditor } from '../../../../@ones-editor/core';
+import { TypedEmitter } from 'tiny-typed-emitter';
 import { OnesEditorCommentsEvents, OnesEditorCommentsProvider } from '../types';
 import CommentGroupList from './group-list';
-export default class CommentsList implements OnesEditorCommentsEvents {
+interface CommentsListEvents {
+    onCommentListClose: () => void;
+    onSelectComment: () => void;
+}
+export default class CommentsList extends TypedEmitter<CommentsListEvents> implements OnesEditorCommentsEvents {
     private editor;
     private commentsProvider;
     private root;
     private header;
     private groupsContainer;
     private list;
-    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider);
+    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, parent: HTMLElement);
     private get commentOptions();
     destroy(): void;
     onCreateComment(commentId: string, local: boolean): void;
@@ -18,13 +23,14 @@ export default class CommentsList implements OnesEditorCommentsEvents {
         header: HTMLDivElement;
         count: HTMLSpanElement;
         closeButton: HTMLButtonElement;
-        openButton: HTMLButtonElement;
     };
     createList(): CommentGroupList;
-    openMiniComment: () => void;
-    hideMiniComment: () => void;
+    handleCloseButtonClick: () => void;
+    handleSelectionOnComment: () => void;
     updateCommentCount: () => void;
     handleActiveItemChanged: () => void;
     handleItemLayoutUpdated: () => void;
-    handleItemCountClick: () => void;
+    show(groupId?: string): void;
+    hide(): void;
 }
+export {};

package/@ones-editor/comments/src/comments-list/group-item.d.ts

@@ -14,7 +14,6 @@ export declare class CommentGroupItem extends TypedEmitter<CommentGroupItemEvent
     comment: CommentWithChildren;
     private groupList;
     root: HTMLDivElement;
-    private commentCountElement;
     private header;
     private mainItem;
     childrenList: CommentChildrenList;
@@ -24,12 +23,10 @@ export declare class CommentGroupItem extends TypedEmitter<CommentGroupItemEvent
     get commentCount(): number;
     private createRoot;
     private createQuickReply;
-    private createCountElement;
     private createHeader;
     private createItem;
     private createChildrenList;
     findCommentItem(commentId: string | null): CommentItem | null | undefined;
-    updateCommentItemCount: () => void;
     updateLastCommentItem: () => void;
     updateSwitchButton: () => void;
     handleCreateComment(comment: OnesEditorComment): CommentItem;

package/@ones-editor/comments/src/comments-list/group-list.d.ts

@@ -8,6 +8,7 @@ export interface CommentGroupListEvents {
     itemLayoutUpdated: () => void;
     itemCountClicked: () => void;
     selectionOnComment: () => void;
+    commentCountChanged: () => void;
 }
 export default class CommentGroupList extends ListBase<CommentWithChildren, CommentGroupItem, unknown, CommentGroupListEvents> {
     groupItemHandlers: CommentGroupItemHandlers;
@@ -32,6 +33,5 @@ export default class CommentGroupList extends ListBase<CommentWithChildren, Comm
     handleDocChanged: () => void;
     handleItemResize: () => void;
     updateGroupItemSwitch: () => void;
-    updateAllGroupItemCount: () => void;
     private updateComments;
 }

package/@ones-editor/comments/src/comments-list/handler.d.ts

@@ -15,7 +15,6 @@ export declare class CommentGroupItemHandlers {
     private handleCommentItemMore;
     private handleCommentItemOk;
     private handleCommentItemCancel;
-    private handleCommentItemCountClick;
     handleCommentItemEdit: (commentItem: CommentItem) => void;
     handleCommentItemDelete: (commentItem: CommentItem) => void;
     execute: (element: HTMLElement, groupItem: CommentGroupItem, commentId: string | null, itemIndex: number) => void;

package/@ones-editor/comments/src/comments-list/index.d.ts

@@ -1,2 +1,4 @@
 import CommentsList from './comments-list';
+export { MobileCommentsList } from './mobile-comments-list';
+export { MiniCommentsList } from './mini-comment';
 export default CommentsList;

package/@ones-editor/comments/src/comments-list/list-base.d.ts

@@ -1,7 +1,7 @@
 import { TypedEmitter, ListenerSignature, DefaultListener } from 'tiny-typed-emitter';
-import { OnesEditor, OnesEditorComment } from '../../../../@ones-editor/core';
+import { OnesEditor } from '../../../../@ones-editor/core';
 import { OnesEditorCommentsProvider, ItemBase } from '../types';
-export default abstract class ListBase<TData extends OnesEditorComment, TItem extends ItemBase, ListOptions = unknown, TEvents extends ListenerSignature<TEvents> = DefaultListener> extends TypedEmitter<TEvents> {
+export default abstract class ListBase<TData, TItem extends ItemBase, ListOptions = unknown, TEvents extends ListenerSignature<TEvents> = DefaultListener> extends TypedEmitter<TEvents> {
     protected editor: OnesEditor;
     protected commentsProvider: OnesEditorCommentsProvider;
     protected container: HTMLElement;
@@ -10,6 +10,7 @@ export default abstract class ListBase<TData extends OnesEditorComment, TItem ex
     constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, container: HTMLElement, data: TData[], options: ListOptions);
     get items(): TItem[];
     private createList;
+    protected reloadList(data: TData[]): void;
     insertItem(data: TData): TItem | null;
     deleteItem(commentId: string): boolean;
     findItemIndex(commentId: string): number;

package/@ones-editor/comments/src/comments-list/mini-comment/group-item.d.ts

@@ -0,0 +1,16 @@
+import { OnesEditor, OnesEditorComment } from '../../../../../@ones-editor/core';
+import { MiniCommentGroup } from '../../types';
+export declare class MiniGroupItem {
+    private editor;
+    private commentGroup;
+    root: HTMLElement;
+    blockId: string;
+    comment: OnesEditorComment;
+    private miniCommentItem;
+    constructor(editor: OnesEditor, commentGroup: MiniCommentGroup);
+    private getBlockId;
+    private updateCommentItemCount;
+    get commentCount(): number;
+    alignToBlock(): void;
+    destroy(): void;
+}

package/@ones-editor/comments/src/comments-list/mini-comment/group-list.d.ts

@@ -0,0 +1,16 @@
+import { OnesEditor, OnesEditorComment } from '../../../../../@ones-editor/core';
+import { MiniCommentGroup, OnesEditorCommentsProvider } from '../../types';
+import ListBase from '../list-base';
+import { MiniGroupItem } from './group-item';
+export declare class MiniGroupList extends ListBase<MiniCommentGroup, MiniGroupItem, unknown> {
+    protected editor: OnesEditor;
+    protected commentsProvider: OnesEditorCommentsProvider;
+    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, parent: HTMLElement);
+    protected createItem(data: MiniCommentGroup): MiniGroupItem;
+    protected findInsertPos(): number;
+    private handleDocChanged;
+    private updateMiniCommentsGroup;
+    handleCreateComment(comment: OnesEditorComment, local: boolean): void;
+    handleDeleteComment(commentId: string): void;
+    destroy(): void;
+}

package/@ones-editor/comments/src/comments-list/mini-comment/index.d.ts

@@ -0,0 +1 @@
+export { MiniCommentsList } from './mini-comments-list';

package/@ones-editor/comments/src/comments-list/mini-comment/mini-comments-list.d.ts

@@ -0,0 +1,27 @@
+import { OnesEditor } from '../../../../../@ones-editor/core';
+import { TypedEmitter } from 'tiny-typed-emitter';
+import { OnesEditorCommentsEvents, OnesEditorCommentsProvider } from '../..';
+import { MiniGroupList } from './group-list';
+interface MiniCommentsListEvents {
+    onMiniCommentClose: () => void;
+    onItemClick: (groupId: string) => void;
+}
+export declare class MiniCommentsList extends TypedEmitter<MiniCommentsListEvents> implements OnesEditorCommentsEvents {
+    private editor;
+    private commentsProvider;
+    list: MiniGroupList;
+    root: HTMLElement;
+    header: HTMLElement;
+    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, parent: HTMLElement);
+    onCreateComment(commentId: string, local: boolean): void;
+    onDeleteComment(commentId: string, local: boolean): void;
+    onUpdateComment(commentId: string, local: boolean): void;
+    private createHeader;
+    private createList;
+    private handleListContainerClick;
+    private closeMiniComment;
+    show(): void;
+    hide(): void;
+    destroy(): void;
+}
+export {};

package/@ones-editor/comments/src/comments-list/mobile-comments-list/children-list.d.ts

@@ -0,0 +1,17 @@
+import type { OnesEditor, OnesEditorComment } from '../../../../../@ones-editor/core';
+import { MobileCommentItem } from '../../comment-item';
+import ListBase from '../list-base';
+import { OnesEditorCommentsProvider } from '../../types';
+interface MobileCommentChildrenListOptions {
+    editor: OnesEditor;
+    commentsProvider: OnesEditorCommentsProvider;
+    parent: HTMLElement;
+    comments: OnesEditorComment[];
+}
+export declare class MobileCommentChildrenList extends ListBase<OnesEditorComment, MobileCommentItem, unknown> {
+    constructor({ editor, parent, commentsProvider, comments }: MobileCommentChildrenListOptions);
+    protected findInsertPos(): number;
+    createItem(data: OnesEditorComment): MobileCommentItem;
+    destroy(): void;
+}
+export {};

package/@ones-editor/comments/src/comments-list/mobile-comments-list/group-item.d.ts

@@ -0,0 +1,30 @@
+import { TypedEmitter } from 'tiny-typed-emitter';
+import { OnesEditor, OnesEditorComment } from '../../../../../@ones-editor/core';
+import type { CommentWithChildren, OnesEditorCommentsProvider } from '../../types';
+import { MobileCommentChildrenList } from './children-list';
+interface MobileGroupItemEvents {
+    onSwitchGroup: (groupId: CommentWithChildren['groupId'], scrollTime: number) => void;
+    onReachBottom: () => void;
+    onReachTop: () => void;
+}
+export declare class MobileGroupItem extends TypedEmitter<MobileGroupItemEvents> {
+    private editor;
+    private commentsProvider;
+    comment: CommentWithChildren;
+    root: HTMLElement;
+    childrenList: MobileCommentChildrenList;
+    private mainItem;
+    private scroller;
+    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, comment: CommentWithChildren);
+    createRoot: () => HTMLDivElement;
+    private createMainItem;
+    private createChildrenList;
+    get commentCount(): number;
+    private handleTouchEnd;
+    refreshScroller: () => void;
+    handleUpdateChildComment(comment: OnesEditorComment): void;
+    handleUpdateMainComment(comment: OnesEditorComment): void;
+    deleteMainComment(commentId: OnesEditorComment['id']): void;
+    destroy(): void;
+}
+export {};

package/@ones-editor/comments/src/comments-list/mobile-comments-list/group-list.d.ts

@@ -0,0 +1,29 @@
+import { OnesEditor, OnesEditorComment } from '../../../../../@ones-editor/core';
+import type { CommentWithChildren, OnesEditorCommentsProvider } from '../../types';
+import ListBase from '../list-base';
+import { MobileGroupItem } from './group-item';
+interface MobileCommentGroupListEvents {
+    onReachBottom: () => void;
+    onReachTop: () => void;
+}
+export declare class MobileGroupList extends ListBase<CommentWithChildren, MobileGroupItem, unknown, MobileCommentGroupListEvents> {
+    private scroller;
+    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, parent: HTMLElement, scrollElement: HTMLElement);
+    createItem(data: CommentWithChildren): MobileGroupItem;
+    insertItem(data: CommentWithChildren): MobileGroupItem | null;
+    deleteItem: (commonId: CommentWithChildren['id']) => boolean;
+    private setupGroupItem;
+    protected findInsertPos(data: CommentWithChildren): number;
+    private handleReachBottom;
+    private handleReachTop;
+    private scrollToGroup;
+    setActiveItem(groupId: CommentWithChildren['groupId']): void;
+    findGroupItem: (groupId: string) => MobileGroupItem | undefined;
+    handleCreateComment(comment: OnesEditorComment, local: boolean): void;
+    handleDeleteComment(commentId: string): void;
+    handleUpdateComment(comment: OnesEditorComment): void;
+    handleDocChanged: () => void;
+    private updateComments;
+    destroy(): void;
+}
+export {};

package/@ones-editor/comments/src/comments-list/mobile-comments-list/index.d.ts

@@ -0,0 +1 @@
+export { MobileCommentsList } from './mobile-comments-list';

package/@ones-editor/comments/src/comments-list/mobile-comments-list/mobile-comments-list.d.ts

@@ -0,0 +1,28 @@
+import { OnesEditor } from '../../../../../@ones-editor/core';
+import { TypedEmitter } from 'tiny-typed-emitter';
+import type { OnesEditorCommentsEvents, OnesEditorCommentsProvider } from '../../types';
+interface MobileCommentsListEvents {
+    onCommentListClose: () => void;
+}
+export declare class MobileCommentsList extends TypedEmitter<MobileCommentsListEvents> implements OnesEditorCommentsEvents {
+    private editor;
+    private commentsProvider;
+    private root;
+    private list;
+    private mask;
+    private pullInfoContainer;
+    constructor(editor: OnesEditor, commentsProvider: OnesEditorCommentsProvider, parent: HTMLElement);
+    onCreateComment(commentId: string, local: boolean): void;
+    onDeleteComment(commentId: string, local: boolean): void;
+    onUpdateComment(commentId: string, local: boolean): void;
+    private handleRootClick;
+    private createPullInfo;
+    private showPullInfo;
+    private hidePullInfo;
+    private handleReachBottom;
+    private handleReachTop;
+    show: (groupId?: string) => void;
+    hide: () => void;
+    destroy(): void;
+}
+export {};

package/@ones-editor/comments/src/constant/index.d.ts

@@ -7,7 +7,6 @@ export declare enum GroupItemActions {
     CommentItemCancel = "comment-item-cancel",
     CommentItemDelete = "comment-item-delete",
     CommentItemEdit = "comment-item-edit",
-    CommentItemCountClick = "comment-item-count-click",
     QuickReply = "quick-reply",
     QuickReplyOk = "quick-reply-ok",
     QuickReplyCancel = "quick-reply-cancel"
@@ -15,4 +14,4 @@ export declare enum GroupItemActions {
 export declare const GROUP_ITEM_ACTION_MARK = "group-item-action";
 export declare const LAST_COMMENT_ITEM_MARK = "last-comment-item";
 export declare const DISABLED_ACTION_CLS = "disabled";
-export declare const HIDDEN_CLS = "hidden";
+export declare const SWITCH_SCROLL_TIME = 500;

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

@@ -3,7 +3,6 @@ import './style.scss';
 import './locale';
 export * from './types';
 export { OnesEditorCommentsRender } from './comments-render';
-export { OnesEditorCommentInputHandler } from './comment-input-handler';
 export { OnesEditorCommentPlaceholderHandler } from './comment-placeholder-handler';
 export { OnesEditorComments };
 export type { CommentItem } from './comment-item';

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

@@ -16,6 +16,7 @@ declare const _default: {
         isFirst: string;
         isLast: string;
         more: string;
+        comment: string;
     };
 };
 export default _default;

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

@@ -15,6 +15,7 @@ declare const _default: {
         replyTitle: string;
         isFirst: string;
         isLast: string;
+        comment: string;
     };
 };
 export default _default;

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

@@ -15,6 +15,7 @@ declare const _default: {
         replyTitle: string;
         isFirst: string;
         isLast: string;
+        comment: string;
     };
 };
 export default _default;