@univerjs/docs-ui 1.0.0-rc.0 → 1.0.1

package/lib/types/services/selection/doc-selection-render.service.d.ts

@@ -15,7 +15,8 @@
  */
 import type { DocumentDataModel, Nullable } from '@univerjs/core';
 import type { IDocSelectionInnerParam, IMouseEvent, INodePosition, IPointerEvent, IRenderContext, IRenderModule, ISuccinctDocRangeParam, ITextRangeWithStyle } from '@univerjs/engine-render';
-import { ILogService, IUniverInstanceService, RxDisposable } from '@univerjs/core';
+import type { RectRange } from './rect-range';
+import { IContextService, ILogService, IUniverInstanceService, RxDisposable } from '@univerjs/core';
 import { DocSelectionManagerService, DocSkeletonManagerService } from '@univerjs/docs';
 import { ILayoutService } from '@univerjs/ui';
 import { IDocEmbedInteractionBoundaryService, IDocEmbedRuntimeFocusCoordinator } from '../doc-embed-integration.service';
@@ -27,9 +28,10 @@ export interface IEditorInputConfig {
     rangeList?: ITextRangeWithStyle[];
 }
 export declare class DocSelectionRenderService extends RxDisposable implements IRenderModule {
-    private readonly _context;
+    protected readonly _context: IRenderContext<DocumentDataModel>;
     private readonly _layoutService;
     private readonly _logService;
+    private readonly _contextService;
     private readonly _univerInstanceService;
     private readonly _docSkeletonManagerService;
     private readonly _docSelectionManagerService;
@@ -54,22 +56,24 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     readonly onPaste$: import("rxjs").Observable<IEditorInputConfig>;
     private readonly _textSelectionInner$;
     readonly textSelectionInner$: import("rxjs").Observable<Nullable<IDocSelectionInnerParam>>;
+    private readonly _movingSelection$;
+    readonly movingSelection$: import("rxjs").Observable<IDocSelectionInnerParam>;
     private readonly _onFocus$;
     readonly onFocus$: import("rxjs").Observable<IEditorInputConfig>;
     private readonly _onBlur$;
     readonly onBlur$: import("rxjs").Observable<IEditorInputConfig>;
     private readonly _onPointerDown$;
     readonly onPointerDown$: import("rxjs").Observable<void>;
-    private _container;
+    protected _container: HTMLDivElement;
     private _inputParent;
     private _input;
     private _scrollTimers;
-    private _rangeList;
-    private _rangeListCache;
+    protected _rangeList: TextRange[];
+    protected _rangeListCache: TextRange[];
     private _rectRangeList;
-    private _rectRangeListCache;
-    private _anchorNodePosition;
-    private _focusNodePosition;
+    protected _rectRangeListCache: RectRange[];
+    protected _anchorNodePosition: Nullable<INodePosition>;
+    protected _focusNodePosition: Nullable<INodePosition>;
     private _currentSegmentId;
     private _currentSegmentPage;
     private readonly _segmentContext$;
@@ -78,7 +82,7 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
         segmentPage: number;
     }>;
     private _selectionStyle;
-    private _onPointerEvent;
+    protected _onPointerEvent: boolean;
     private _viewPortObserverMap;
     private _isIMEInputApply;
     private _scenePointerMoveSubs;
@@ -88,9 +92,10 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     get hasPendingSelection(): boolean;
     get isOnPointerEvent(): boolean;
     get isFocusing(): boolean;
+    get isEditing(): boolean;
     get canFocusing(): boolean;
     cancelPointerSelection(): void;
-    constructor(_context: IRenderContext<DocumentDataModel>, _layoutService: ILayoutService, _logService: ILogService, _univerInstanceService: IUniverInstanceService, _docSkeletonManagerService: DocSkeletonManagerService, _docSelectionManagerService: DocSelectionManagerService, _embedInteractionBoundaryService?: IDocEmbedInteractionBoundaryService | undefined, _embedRuntimeFocusCoordinator?: IDocEmbedRuntimeFocusCoordinator | undefined);
+    constructor(_context: IRenderContext<DocumentDataModel>, _layoutService: ILayoutService, _logService: ILogService, _contextService: IContextService, _univerInstanceService: IUniverInstanceService, _docSkeletonManagerService: DocSkeletonManagerService, _docSelectionManagerService: DocSelectionManagerService, _embedInteractionBoundaryService?: IDocEmbedInteractionBoundaryService | undefined, _embedRuntimeFocusCoordinator?: IDocEmbedRuntimeFocusCoordinator | undefined);
     private _listenCurrentUnitChange;
     get activeViewPort(): import("@univerjs/engine-render").Viewport;
     setSegment(id: string): void;
@@ -109,21 +114,27 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     addDocRanges(ranges: ISuccinctDocRangeParam[], isEditing?: boolean, options?: {
         [key: string]: boolean;
     }, replace?: boolean): boolean;
-    setCursorManually(evtOffsetX: number, evtOffsetY: number): void;
+    setCursorManually(evtOffsetX: number, evtOffsetY: number, isEditing?: boolean, shouldFocusInput?: boolean, options?: {
+        strict?: boolean;
+    }): void;
     sync(): void;
     setInputPosition(x: number, y: number): void;
     activate(x: number, y: number, force?: boolean): void;
-    private _positionInput;
+    protected _positionInput(x: number, y: number): void;
     hasFocus(): boolean;
     focus(): void;
     blur(): void;
     deactivate(): void;
-    __handleDblClick(evt: IPointerEvent | IMouseEvent): void;
+    __handleDblClick(evt: IPointerEvent | IMouseEvent, isEditing?: boolean, shouldFocusInput?: boolean): void;
     __handleTripleClick(evt: IPointerEvent | IMouseEvent): void;
-    __onPointDown(evt: IPointerEvent | IMouseEvent): void;
+    __onPointDown(evt: IPointerEvent | IMouseEvent, shouldFocusInput?: boolean): void;
     private _clearUnresolvedSelection;
+    enterEditing(): boolean;
+    exitEditing(): void;
     removeAllRanges(): void;
     getActiveTextRange(): TextRange | undefined;
+    protected _setEditing(isEditing: boolean): void;
+    protected _emitCurrentSelection(isEditing: boolean): void;
     private _disposeScrollTimers;
     private _setSystemHighlightColorToStyle;
     private _getAllTextRanges;
@@ -131,18 +142,18 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     getAllTextRanges(): ITextRangeWithStyle[];
     getAllRectRanges(): import("@univerjs/engine-render").IRectRangeWithStyle[];
     private _getActiveRange;
-    private _getActiveRangeInstance;
+    protected _getActiveRangeInstance(): TextRange | undefined;
     dispose(): void;
     private _initDOM;
     private _registerContainer;
     private _initInput;
-    private _ensureHostContainer;
+    protected _ensureHostContainer(): void;
     private _getOwnerDocument;
     private _getNodePosition;
     private _interactTextRanges;
     private _interactRectRanges;
     private _removeAllRanges;
-    private _removeAllCacheRanges;
+    protected _removeAllCacheRanges(): void;
     private _removeAllTextRanges;
     private _removeAllRectRanges;
     private _removeAllCollapsedTextRanges;
@@ -150,15 +161,18 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     private _deactivateAllTextRanges;
     private _deactivateAllRectRanges;
     private _addTextRangesToCache;
-    private _addTextRange;
+    protected _addTextRange(textRange: TextRange): void;
     private _addRectRangesToCache;
-    private _addRectRanges;
+    protected _addRectRanges(rectRanges: RectRange[]): void;
     private _createTextRangeByAnchorPosition;
     private _updateActiveRangePosition;
     private _isEmpty;
     private _getCanvasOffset;
-    private _updateInputPosition;
-    private _tryMoving;
+    protected _updateInputPosition({ forceFocus, preserveFocus }?: {
+        forceFocus?: boolean | undefined;
+        preserveFocus?: boolean | undefined;
+    }): void;
+    protected _tryMoving(moveOffsetX: number, moveOffsetY: number): void;
     private _moving;
     private _hasVisibleSelectionRanges;
     private _shouldSnapBackwardFocusToGlyphStart;
@@ -167,6 +181,9 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     __attachScrollEvent(): void;
     private _initInputEvents;
     private _refreshMissingInputRange;
+    protected _handleInputFocus(event: Event): void;
+    protected _handleInputBlur(event: Event): void;
+    protected _emitInputBlur(event: Event): void;
     private _eventHandle;
     private _shouldSuppressHostHiddenEditorEvent;
     private _stopEmbedOwnedEditorShortcutPropagation;

package/lib/types/views/DocPasteOptions.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const DOC_PASTE_OPTIONS_COMPONENT = "docs-ui.paste-options";
+export declare function DocPasteOptions(): import("react").JSX.Element | null;

package/lib/types/views/Icon.d.ts

@@ -17,9 +17,6 @@ import type { IconType, IIconProps } from '@univerjs/ui';
 type ColorSwatchIconProps = IIconProps & {
     color: string;
 };
-export declare function TitleTypeIcon({ className, style, onClick }: IIconProps): import("react").JSX.Element;
-export declare function SubtitleTypeIcon({ className, style, onClick }: IIconProps): import("react").JSX.Element;
-export declare function TextColorSwatchIcon({ className, style, onClick, color }: ColorSwatchIconProps): import("react").JSX.Element;
 export declare function BackgroundColorSwatchIcon({ className, style, onClick, color }: ColorSwatchIconProps): import("react").JSX.Element;
 export declare function HeaderTextColorIcon({ className, style, onClick, extend }: IIconProps): import("react").JSX.Element;
 export declare function DefaultTextColorIcon({ className, style, onClick }: IIconProps): import("react").JSX.Element;

package/lib/types/views/PageSettings.d.ts

@@ -15,6 +15,7 @@
  */
 import type { IConfirmChildrenProps } from '@univerjs/ui';
 import { DocumentFlavor, ModernDocumentWidthMode, PageOrientType } from '@univerjs/core';
+import { InputNumber, Select } from '@univerjs/design';
 export interface IPageSettingsProps {
     onClose: () => void;
     onConfirm: (settings: IPageSettings) => void;
@@ -35,5 +36,8 @@ export interface IPageSettings {
         height: number;
     };
 }
-export declare function PageSettings(props: IConfirmChildrenProps): import("react").JSX.Element;
+export declare function PageSettings(props: IConfirmChildrenProps & {
+    InputNumberComponent?: typeof InputNumber;
+    SelectComponent?: typeof Select;
+}): import("react").JSX.Element;
 export declare const PAGE_SETTING_COMPONENT_ID = "docs.component.page-setting";

package/lib/types/views/ParagraphMenu.d.ts

@@ -22,7 +22,6 @@ import type { IMutiPageParagraphBound } from '../services/doc-event-manager.serv
 import type { IDocBlockMenuTarget } from '../services/doc-paragraph-menu.service';
 import { NamedStyleType } from '@univerjs/core';
 import { DocBlockMoveValidatorService } from '@univerjs/docs';
-import { ILayoutService } from '@univerjs/ui';
 import { DocParagraphMenuService } from '../services/doc-paragraph-menu.service';
 export declare function getParagraphMenuPopupDirection(anchorLeft: number, menuWidth?: number, viewportPadding?: number, options?: {
     anchorRight?: number;
@@ -69,7 +68,7 @@ export declare function unwrapBlockRangeBody(documentBody: IDocumentBody, blockR
 export declare function buildUnwrapBlockRangeActions(previousBody: IDocumentBody, nextBody: IDocumentBody, blockRange: IDocumentBlockRange): JSONXActions | null;
 export declare function getParagraphFormattingRange(target: IDocBlockMenuTarget | null | undefined, paragraph?: IMutiPageParagraphBound | null): ITextRangeWithStyle | null;
 export declare function getParagraphMenuCommandTargetRange(commandId: string | undefined, targetRange?: ITextRangeWithStyle | null, formattingRange?: ITextRangeWithStyle | null): ITextRangeWithStyle | null | undefined;
-export declare function finishParagraphMenuCommand(docParagraphMenuService: Pick<DocParagraphMenuService, 'hideParagraphMenu'> | null | undefined, layoutService: Pick<ILayoutService, 'focus'>, hideMenu: () => void): void;
+export declare function finishParagraphMenuCommand(docParagraphMenuService: Pick<DocParagraphMenuService, 'hideParagraphMenu'> | null | undefined, hideMenu: () => void): void;
 export declare function getBlockRangeClipboardTargetRange(commandId: string, target: IDocBlockMenuTarget | null | undefined, paragraph?: IMutiPageParagraphBound | null | void): ITextRangeWithStyle | null;
 export declare const ParagraphMenu: ({ popup }: {
     popup: IPopup;

package/lib/types/views/RichTextEditor.d.ts

@@ -16,8 +16,11 @@
 import type { IDocumentData } from '@univerjs/core';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { Editor, IEditorCanvasStyle } from '../services/editor/editor';
-import type { IKeyboardEventConfig } from './rich-text-editor/hooks';
+import type { IEditorRuntimeConfig } from '../services/editor/editor-runtime-config';
+import type { IKeyboardEventConfig } from './rich-text-editor/hooks/use-keyboard-event';
 export interface IRichTextEditorProps {
+    /** Instance-only layout and interaction settings, never persisted in the document. */
+    renderConfig?: IEditorRuntimeConfig;
     className?: string;
     autoFocus?: boolean;
     onFocusChange?: (isFocus: boolean, newValue?: string) => void;
@@ -25,6 +28,22 @@ export interface IRichTextEditorProps {
     onClickOutside?: () => void;
     /** Keep the globally focused unit on the editor's host while this editor receives input focus. */
     preserveHostFocus?: boolean;
+    /** Let the host own engine sizing, including a fixed backing-store ratio. */
+    cancelDefaultResizeListener?: boolean;
+    /** Fixed canvas backing-store ratio used with a host-managed layout. */
+    pixelRatio?: number;
+    /** Use an untransformed layout size when the editor DOM is displayed through a CSS transform. */
+    layoutSize?: Readonly<Pick<DOMRectReadOnly, 'width' | 'height'>>;
+    /** Keep document reflow independent from an oversized host-managed canvas. */
+    documentLayoutSize?: Readonly<Pick<DOMRectReadOnly, 'width' | 'height'>>;
+    /** Keep the editor viewport anchored while a host expands it to fit content. */
+    autoScroll?: boolean;
+    /** Let the editor create scrollbars when its content exceeds the current layout size. */
+    autoScrollbar?: boolean;
+    /** Publish transient drag ranges to the host. Defaults to false. */
+    emitSelectionWhileDragging?: boolean;
+    /** Keep host keyboard handlers active for non-collapsed selections. Defaults to false. */
+    keyboardEventsOnSelection?: boolean;
     keyboardEventConfig?: IKeyboardEventConfig;
     moveCursor?: boolean;
     style?: CSSProperties;

package/lib/types/views/SideMenu.d.ts

@@ -21,6 +21,7 @@ export interface ISideMenuItem {
     isTitle?: boolean;
 }
 export interface ISideMenuProps {
+    label: string;
     menus?: ISideMenuItem[];
     onClick?: (menu: ISideMenuItem) => void;
     className?: string;

package/lib/types/views/doc-statistics/DocPageStatus.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IDocumentLayoutProgress, IDocumentSkeletonPage } from '@univerjs/engine-render';
+type PageGeometry = Pick<IDocumentSkeletonPage, 'isLayoutPlaceholder' | 'isMaterializationPlaceholder' | 'pageHeight' | 'pageWidth'>;
+type LayoutProgress = Pick<IDocumentLayoutProgress, 'complete' | 'publishedPageCount'>;
+interface IDocPageStatus {
+    currentPage: number | null;
+    totalPages: number | null;
+    dragTooltip: {
+        left: number;
+        page: number;
+        top: number;
+    } | null;
+}
+export declare function resolveDocPageStatus(pages: Readonly<PageGeometry[]>, viewportCenter: number, pageGap: number, vertical: boolean, progress?: LayoutProgress | null): Pick<IDocPageStatus, 'currentPage' | 'totalPages'>;
+export declare function DocPageStatus(): import("react").JSX.Element | null;
+export {};

package/lib/types/views/float-toolbar/FloatToolbar.d.ts

@@ -20,6 +20,7 @@ interface IFloatToolbarProps {
     popup?: {
         extraProps?: {
             onDismiss?: () => void;
+            onMount?: () => () => void;
         };
     };
 }

package/lib/types/views/header-footer/content-cover.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { Documents, IViewportInfo, Scene, UniverRenderingContext } from '@univerjs/engine-render';
+import { BaseObject } from '@univerjs/engine-render';
+/** A paint-only overlay. It never participates in hit testing or selection. */
+export declare class HeaderFooterContentCover extends BaseObject {
+    private readonly _documents;
+    private readonly _scene;
+    color: string;
+    constructor(key: string, _documents: Documents, _scene: Scene);
+    render(ctx: UniverRenderingContext, viewport?: IViewportInfo): void;
+    private _collectStoryBounds;
+    private _collectDrawingBounds;
+    private _transformBounds;
+    private _appendClipped;
+    private _collectTextAndTables;
+}

package/lib/types/views/header-footer/panel/DocHeaderFooterOptions.d.ts

@@ -13,7 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import type { ComponentType } from 'react';
 export interface IDocHeaderFooterOptionsProps {
     unitId: string;
+    ContentComponent?: ComponentType<{
+        unitId: string;
+    }>;
 }
 export declare const DocHeaderFooterOptions: (props: IDocHeaderFooterOptionsProps) => import("react").JSX.Element;

package/lib/types/views/header-footer/panel/DocHeaderFooterPanel.d.ts

@@ -13,4 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const DocHeaderFooterPanel: () => import("react").JSX.Element;
+import type { IDocHeaderFooterOptionsProps } from './DocHeaderFooterOptions';
+export declare const DocHeaderFooterPanel: (props: Pick<IDocHeaderFooterOptionsProps, "ContentComponent">) => import("react").JSX.Element;

package/lib/types/views/header-footer/panel/use-header-footer-options.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IHeaderFooterProps } from '@univerjs/docs';
+export declare function useHeaderFooterOptions(unitId: string): {
+    canLinkToPrevious: boolean;
+    linkedToPrevious: boolean;
+    options: IHeaderFooterProps;
+    handleLinkToPreviousChange: (linked: boolean) => Promise<void>;
+    handleCheckboxChange: (val: boolean, type: "useFirstPageHeaderFooter" | "evenAndOddHeaders") => void;
+    handleMarginChange: (val: number, type: "marginHeader" | "marginFooter") => Promise<void>;
+    closeHeaderFooter: () => void;
+};

package/lib/types/views/mobile/MobileDocCanvasViewport.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { RefObject } from 'react';
+export declare function MobileDocCanvasViewport({ containerRef, canvasRef }: {
+    containerRef: RefObject<HTMLElement | null>;
+    canvasRef: RefObject<HTMLElement | null>;
+}): null;

package/lib/types/views/mobile/MobileDocPasteOptions.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IPopupWithExtraProps } from '@univerjs/ui';
+export declare function MobileDocPasteOptions({ popup }: {
+    popup: IPopupWithExtraProps<{
+        unitId: string;
+    }>;
+}): import("react").JSX.Element | null;

package/lib/types/views/mobile/MobileDocSettings.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IConfirmChildrenProps } from '@univerjs/ui';
+export declare function MobilePageSettings(props: IConfirmChildrenProps): import("react").JSX.Element;
+export declare function MobileParagraphSettings(): import("react").JSX.Element;
+export declare function MobileSectionSettings(): import("react").JSX.Element;
+export declare function MobileHeaderFooterPanel(): import("react").JSX.Element;

package/lib/types/views/mobile-doc-toolbar/MobileDocToolbar.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IMenuSchema, IValueOption } from '@univerjs/ui';
+import { IMenuManagerService } from '@univerjs/ui';
+interface IMobileDocMenuSchemas {
+    insert: IMenuSchema[];
+    format: IMenuSchema[];
+    more: IMenuSchema[];
+}
+export declare function getMobileDocMenuSchemas(menuManagerService: IMenuManagerService): IMobileDocMenuSchemas;
+export declare function getMobileDocMenuCommand(option: IValueOption): {
+    commandId: string;
+    params?: Record<string, unknown>;
+} | null;
+export declare function MobileDocEditDoneButton(): import("react").JSX.Element | null;
+export declare function MobileDocToolbar(): import("react").JSX.Element | null;
+export {};

package/lib/types/views/mobile-element-menu/MobileDocElementMenu.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IPopupWithExtraProps } from '@univerjs/ui';
+export declare const MOBILE_DOC_ELEMENT_MENU = "docs-ui.mobile-element-menu";
+export interface IMobileDocElementMenuProps {
+    onEdit: () => unknown;
+    onDelete: () => unknown;
+}
+export declare function MobileDocElementMenu(props: IMobileDocElementMenuProps): import("react").JSX.Element;
+export declare function MobileDocElementMenuPopup({ popup }: {
+    popup: IPopupWithExtraProps<IMobileDocElementMenuProps>;
+}): import("react").JSX.Element;

package/lib/types/views/mobile-rich-text-editor/MobileRichTextEditor.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IRichTextEditorProps } from '../RichTextEditor';
+interface IMobileRichTextEditorProps extends Pick<IRichTextEditorProps, 'initialValue' | 'editorId' | 'autoFocus' | 'canvasStyle' | 'keyboardEventConfig' | 'onChange'> {
+    editorId: string;
+    expanded: boolean;
+    onExpandedChange: (expanded: boolean) => void;
+    onCancel: () => void;
+    onConfirm: () => void;
+    labels: {
+        title: string;
+        cancel: string;
+        confirm: string;
+        expand: string;
+        collapse: string;
+    };
+}
+/** Compact object text input; expanding keeps the same document editor mounted. */
+export declare function MobileRichTextEditor(props: IMobileRichTextEditorProps): import("react").JSX.Element;
+export {};

package/lib/types/views/paragraph-setting/Setting.d.ts

@@ -13,4 +13,33 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare function ParagraphSetting(): import("react").JSX.Element;
+import type { ComponentType, ReactNode } from 'react';
+import { Select } from '@univerjs/design';
+declare const ParagraphSettingRow: (props: {
+    label: string;
+    unit?: string;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+declare const AutoFocusInputNumber: (props: {
+    value: number;
+    onChange: (v: number) => Promise<unknown>;
+    className?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+}) => import("react").JSX.Element;
+export interface IParagraphSettingProps {
+    RowComponent?: typeof ParagraphSettingRow;
+    NumberComponent?: typeof AutoFocusInputNumber;
+    SelectComponent?: typeof Select;
+    AlignmentButtonComponent?: ComponentType<IParagraphAlignmentButtonProps>;
+}
+export interface IParagraphAlignmentButtonProps {
+    label: string;
+    selected: boolean;
+    onClick: () => void;
+    children: ReactNode;
+}
+export declare function ParagraphSetting({ RowComponent, NumberComponent, SelectComponent, AlignmentButtonComponent, }: IParagraphSettingProps): import("react").JSX.Element;
+export {};

package/lib/types/views/paragraph-setting/hook/utils.d.ts

@@ -21,6 +21,8 @@ export declare function resolveParagraphsForSettingPanel(paragraphs: IParagraph[
     paragraphId: string;
     styleId?: string;
     bullet?: import("@univerjs/core").IBullet;
+    sourceBullet?: import("@univerjs/core").IBullet | null;
+    directBullet?: import("@univerjs/core").IBullet | null;
 }[];
 export declare const useCurrentParagraph: () => import("@univerjs/core").IParagraphRange[] | {
     paragraphStyle: import("@univerjs/core").IParagraphStyle;
@@ -28,6 +30,8 @@ export declare const useCurrentParagraph: () => import("@univerjs/core").IParagr
     paragraphId: string;
     styleId?: string;
     bullet?: import("@univerjs/core").IBullet;
+    sourceBullet?: import("@univerjs/core").IBullet | null;
+    directBullet?: import("@univerjs/core").IBullet | null;
 }[];
 export declare const useFirstParagraphHorizontalAlign: (paragraph: IParagraph[], defaultValue: string) => readonly [string, (v: string) => Promise<boolean>];
 export declare const useFirstParagraphIndentStart: (paragraph: IParagraph[]) => readonly [number, (v: number) => Promise<boolean>];

package/lib/types/views/paragraph-setting/index.d.ts

@@ -13,4 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare function ParagraphSettingIndex(): import("react").JSX.Element;
+import type { IParagraphSettingProps } from './Setting';
+export declare function ParagraphSettingIndex(props: IParagraphSettingProps): import("react").JSX.Element;

package/lib/types/views/rich-text-editor/hooks/use-editor.d.ts

@@ -16,7 +16,10 @@
 import type { IDocumentData, Nullable } from '@univerjs/core';
 import type { RefObject } from 'react';
 import type { Editor, IEditorCanvasStyle } from '../../../services/editor/editor';
+import type { IEditorRuntimeConfig } from '../../../services/editor/editor-runtime-config';
 export interface IUseEditorProps {
+    /** Instance-only layout and interaction settings, never persisted in the document. */
+    renderConfig?: IEditorRuntimeConfig;
     editorId: string;
     initialValue: Nullable<IDocumentData | string>;
     container: RefObject<HTMLDivElement>;
@@ -24,5 +27,10 @@ export interface IUseEditorProps {
     autoFocus?: boolean;
     isSingle?: boolean;
     canvasStyle?: IEditorCanvasStyle;
+    cancelDefaultResizeListener?: boolean;
+    disableBackScroll?: boolean;
+    documentLayoutSize?: Readonly<Pick<DOMRectReadOnly, 'width' | 'height'>>;
+    pixelRatio?: number;
+    emitSelectionWhileDragging?: boolean;
 }
 export declare function useEditor(opts: IUseEditorProps): Editor | undefined;

package/lib/types/views/rich-text-editor/hooks/use-resize.d.ts

@@ -18,5 +18,6 @@ interface IUseResizeReturn {
     resize: () => void;
     checkScrollBar: () => void;
 }
-export declare const useResize: (editor?: Editor, isSingle?: boolean, autoScrollbar?: boolean, autoScroll?: boolean) => IUseResizeReturn;
+export declare function resizeEditor(editor: Editor, isSingle: boolean, layoutSize?: Readonly<Pick<DOMRectReadOnly, 'width' | 'height'>>, pixelRatio?: number, documentLayoutSize?: Readonly<Pick<DOMRectReadOnly, 'width' | 'height'>>): void;
+export declare const useResize: (editor?: Editor, isSingle?: boolean, autoScrollbar?: boolean, autoScroll?: boolean, layoutSize?: Readonly<Pick<DOMRectReadOnly, "width" | "height">>, pixelRatio?: number, documentLayoutSize?: Readonly<Pick<DOMRectReadOnly, "width" | "height">>) => IUseResizeReturn;
 export {};