@univerjs/docs-ui 0.25.0 → 1.0.0-alpha.0

package/lib/types/menu/paragraph-menu.d.ts

@@ -15,46 +15,76 @@
  */
 import type { IAccessor } from '@univerjs/core';
 import type { IMenuButtonItem, IMenuItem, IMenuSelectorItem } from '@univerjs/ui';
-import type { ComponentType } from 'react';
-import { NamedStyleType } from '@univerjs/core';
-export declare const HEADING_ICON_MAP: Record<NamedStyleType, {
-    key: string;
-    component: ComponentType<{
-        className: string;
-    }>;
-}>;
-export declare function shouldShowParagraphHeadingOption(headingType: NamedStyleType, currentType?: NamedStyleType): boolean;
-export declare const H1HeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const H2HeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const H3HeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const H4HeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const H5HeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const NormalTextHeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const TitleHeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const SubtitleHeadingMenuItemFactory: (accessor: IAccessor) => IMenuItem;
+import type { LocaleKey } from '../locale/types';
+export declare const TEXT_COLORS: string[];
+export declare const TEXT_COLOR_SWATCH_ICONS: readonly ["DocParagraphTextColorSwatchIcon.0", "DocParagraphTextColorSwatchIcon.1", "DocParagraphTextColorSwatchIcon.2", "DocParagraphTextColorSwatchIcon.3", "DocParagraphTextColorSwatchIcon.4", "DocParagraphTextColorSwatchIcon.5", "DocParagraphTextColorSwatchIcon.6"];
+export declare const BACKGROUND_COLOR_SWATCH_ICONS: readonly ["DocParagraphBackgroundColorSwatchIcon.0", "DocParagraphBackgroundColorSwatchIcon.1", "DocParagraphBackgroundColorSwatchIcon.2", "DocParagraphBackgroundColorSwatchIcon.3", "DocParagraphBackgroundColorSwatchIcon.4", "DocParagraphBackgroundColorSwatchIcon.5", "DocParagraphBackgroundColorSwatchIcon.6", "DocParagraphBackgroundColorSwatchIcon.7", "DocParagraphBackgroundColorSwatchIcon.8", "DocParagraphBackgroundColorSwatchIcon.9", "DocParagraphBackgroundColorSwatchIcon.10", "DocParagraphBackgroundColorSwatchIcon.11", "DocParagraphBackgroundColorSwatchIcon.12", "DocParagraphBackgroundColorSwatchIcon.13", "DocParagraphBackgroundColorSwatchIcon.14", "DocParagraphBackgroundColorSwatchIcon.15"];
+export declare function H1HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function H2HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function H3HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function H4HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function H5HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function NormalTextHeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function TitleHeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function SubtitleHeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
 export declare const EMPTY_PARAGRAPH_MENU_ID = "doc.menu.empty-paragraph";
-export declare const EmptyParagraphH1MenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphH2MenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphH3MenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphH4MenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphH5MenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphNormalTextMenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphOrderListMenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphBulletListMenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphCheckListMenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const EmptyParagraphHorizontalLineMenuItemFactory: (accessor: IAccessor) => IMenuButtonItem;
-export declare const CopyCurrentParagraphMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const CutCurrentParagraphMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const DeleteCurrentParagraphMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const InsertBulletListBellowMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const InsertOrderListBellowMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const InsertCheckListBellowMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const InsertHorizontalLineBellowMenuItemFactory: (accessor: IAccessor) => IMenuItem;
+export declare function EmptyParagraphH1MenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphH2MenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphH3MenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphH4MenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphH5MenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphNormalTextMenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphOrderListMenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphBulletListMenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphCheckListMenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function EmptyParagraphHorizontalLineMenuItemFactory(): IMenuButtonItem<LocaleKey>;
+export declare function CopyCurrentParagraphMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function CutCurrentParagraphMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function DeleteCurrentParagraphMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function InsertBulletListBellowMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function InsertOrderListBellowMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function InsertCheckListBellowMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function InsertHorizontalLineBellowMenuItemFactory(): IMenuItem<LocaleKey>;
 export declare const INSERT_BELLOW_MENU_ID = "doc.menu.insert-bellow";
 export declare const DOC_CONTENT_INSERT_MENU_ID = "doc.menu.content-insert";
 export declare const DOC_TABLE_BLOCK_MENU_ID = "doc.menu.table-block";
+export declare const DOC_PARAGRAPH_T_INSERT_MENU_ID = "doc.menu.paragraph-t.insert";
+export declare const DOC_PARAGRAPH_T_EDIT_MENU_ID = "doc.menu.paragraph-t.edit";
+export declare const DOC_PARAGRAPH_T_DIVIDER_MENU_ID = "doc.menu.paragraph-t.divider";
+export declare const DOC_PARAGRAPH_T_ALIGN_MENU_ID = "doc.menu.paragraph-t.align";
+export declare const DOC_PARAGRAPH_T_COLORS_MENU_ID = "doc.menu.paragraph-t.colors";
+export declare const DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID = "doc.menu.paragraph-t.insert-below";
+export declare const DOC_PARAGRAPH_T_RESET_COLORS_ID = "doc.menu.paragraph-t.reset-colors";
+export declare const DOC_PARAGRAPH_T_INDENT_INCREASE_ID = "doc.menu.paragraph-t.indent.increase";
+export declare const DOC_PARAGRAPH_T_INDENT_DECREASE_ID = "doc.menu.paragraph-t.indent.decrease";
+export declare const DOC_PARAGRAPH_T_INSERT_BELOW_COMMAND_ID = "doc.menu.paragraph-t.insert-below.command";
 export declare function getDocBlockRangeMenuId(blockType: string): string;
-export declare const TableBlockCopyMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const TableBlockPasteMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare const TableBlockDeleteMenuItemFactory: (accessor: IAccessor) => IMenuItem;
-export declare function DocInsertBellowMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<string>;
+export declare function TableBlockCopyMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function TableBlockPasteMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function TableBlockDeleteMenuItemFactory(): IMenuItem<LocaleKey>;
+export declare function DocInsertBellowMenuItemFactory(): IMenuSelectorItem<LocaleKey>;
+export declare function ParagraphMenuAlignSubmenuItemFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey>;
+export declare function ParagraphMenuColorsSubmenuItemFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey>;
+export declare function ParagraphMenuTextColorHeaderActionMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function ParagraphMenuBackgroundColorHeaderActionMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function ParagraphMenuInsertBelowSubmenuItemFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey>;
+export declare function ParagraphMenuInsertBelowHeadingH1MenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuInsertBelowHeadingH2MenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuInsertBelowHeadingH3MenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuInsertBelowHeadingH4MenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuInsertBelowHeadingH5MenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuInsertBelowTableMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuIndentIncreaseMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuIndentDecreaseMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuDefaultTextColorMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuNoBackgroundMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuResetTextColorMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ParagraphMenuResetColorsMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare const ParagraphMenuTextColorSwatchMenuItemFactories: Record<string, {
+    order: number;
+    menuItemFactory: (accessor: IAccessor) => IMenuButtonItem<LocaleKey>;
+}>;
+export declare const ParagraphMenuBackgroundColorSwatchMenuItemFactories: Record<string, {
+    order: number;
+    menuItemFactory: (accessor: IAccessor) => IMenuButtonItem<LocaleKey>;
+}>;

package/lib/types/services/clipboard/html-to-udm/converter.d.ts

@@ -28,6 +28,7 @@ export declare class HtmlToUDMService {
     private _afterProcessRules;
     private _listStack;
     private _lastParagraphIndex;
+    private _createParagraphId;
     convert(html: string, metaConfig?: {
         unitId?: string;
     }): Partial<IDocumentData>;

package/lib/types/services/doc-event-manager.service.d.ts

@@ -30,6 +30,16 @@ export interface IBulletBound {
     paragraph: IParagraph;
 }
 export declare const calcDocGlyphPosition: (glyph: IDocumentSkeletonGlyph, documents: Documents, skeleton: DocumentSkeleton, pageIndex?: number) => IBoundRectNoAngle | undefined;
+export declare function getListMarkerFallbackHit(paragraphBound: Pick<IMutiPageParagraphBound, 'firstLine' | 'pageIndex' | 'rect' | 'segmentId'>, paragraph: Pick<IParagraph, 'bullet' | 'startIndex'> | undefined, point: {
+    x: number;
+    y: number;
+}): IBulletBound | null;
+export declare function getListParagraphContextMenuHit(paragraphBound: Pick<IMutiPageParagraphBound, 'firstLine' | 'pageIndex' | 'rect' | 'segmentId'>, paragraph: Pick<IParagraph, 'bullet' | 'startIndex'> | undefined, point: {
+    x: number;
+    y: number;
+}): IBulletBound | null;
+export declare function isChecklistListType(listType?: string): boolean;
+export declare function getListMarkerFallbackBound(paragraphBound: Pick<IMutiPageParagraphBound, 'firstLine' | 'pageIndex' | 'rect' | 'segmentId'>, paragraph: Pick<IParagraph, 'bullet' | 'startIndex'> | undefined): IBulletBound | null;
 interface ICustomRangeActive {
     range: ICustomRange;
     segmentId?: string;
@@ -144,19 +154,24 @@ export declare class DocEventManagerService extends Disposable implements IRende
     private _initResetDirty;
     private _initEvents;
     isPointerOnBullet(offsetX: number, offsetY: number): boolean;
+    isPointerOnNonChecklistBullet(offsetX: number, offsetY: number): boolean;
     getBulletBounds(): IBulletBound[];
+    getListContextMenuBulletByOffset(offsetX: number, offsetY: number): Nullable<IBulletBound>;
     private _buildCustomRangeBoundsBySegment;
     private _buildCustomRangeBounds;
     private _calcActiveRanges;
     private _buildBulletBoundsBySegment;
     private _buildBulletBounds;
     private _calcActiveBullet;
+    private _calcActiveListParagraph;
+    private _getParagraphByStartIndex;
     private _buildParagraphBoundsBySegment;
     private _buildParagraphBounds;
     private _calcActiveParagraph;
     private _calcActiveParagraphLeft;
     get paragraphBounds(): Map<number, IMutiPageParagraphBound>;
     get tableBounds(): Map<string, ITableBound>;
+    findTableCellBound(tableId: string, rowIndex: number, colIndex: number, pageIndex?: number): ITableCellBound | undefined;
     findParagraphBoundByIndex(index: number): IMutiPageParagraphBound | ITableParagraphBound | undefined;
     findParagraphBoundsInRange(startIndex: number, endIndex: number): IMutiPageParagraphBound[];
     private _getTableViewportSignature;

package/lib/types/services/doc-ime-state-change-interceptor.service.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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 { Nullable } from '@univerjs/core';
+import type { IDocStateChangeInfo, IDocStateChangeInterceptorService } from '@univerjs/docs';
+import { IRenderManagerService } from '@univerjs/engine-render';
+export declare class DocIMEStateChangeInterceptorService implements IDocStateChangeInterceptorService {
+    private readonly _renderManagerService;
+    constructor(_renderManagerService: IRenderManagerService);
+    transformChangeStateInfo(changeStateInfo: IDocStateChangeInfo): Nullable<IDocStateChangeInfo>;
+}

package/lib/types/services/doc-page-layout.service.d.ts

@@ -16,8 +16,10 @@
 import type { DocumentDataModel } from '@univerjs/core';
 import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
 import { Disposable } from '@univerjs/core';
+import { DocViewScaleService } from './doc-view-scale';
 export declare class DocPageLayoutService extends Disposable implements IRenderModule {
     private _context;
-    constructor(_context: IRenderContext<DocumentDataModel>);
+    private readonly _docViewScaleService;
+    constructor(_context: IRenderContext<DocumentDataModel>, _docViewScaleService: DocViewScaleService);
     calculatePagePosition(): this | undefined;
 }

package/lib/types/services/doc-paragraph-menu.service.d.ts

@@ -14,13 +14,14 @@
  * limitations under the License.
  */
 import type { DocumentDataModel, ICustomBlock, ICustomTable, IDocumentBlockRange } from '@univerjs/core';
-import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import type { IBoundRectNoAngle, IRenderContext, IRenderModule } from '@univerjs/engine-render';
 import type { IMutiPageParagraphBound, ITableBound } from './doc-event-manager.service';
 import { Disposable } from '@univerjs/core';
 import { DocSelectionManagerService, DocSkeletonManagerService } from '@univerjs/docs';
 import { DocEventManagerService } from './doc-event-manager.service';
 import { DocCanvasPopManagerService } from './doc-popup-manager.service';
 import { DocFloatMenuService } from './float-menu.service';
+import { DocSelectionRenderService } from './selection/doc-selection-render.service';
 export type DocBlockMenuTargetKind = 'paragraph' | 'blockRange' | 'table' | 'customBlock';
 export interface IDocBlockMenuTarget {
     kind: DocBlockMenuTargetKind;
@@ -55,6 +56,11 @@ export interface IDocBlockDropTarget {
         bottom: number;
     };
 }
+export interface IDocSlashMenuRequest {
+    anchorRect: IBoundRectNoAngle;
+    nonce: number;
+    target: IDocBlockMenuTarget;
+}
 export declare class DocParagraphMenuService extends Disposable implements IRenderModule {
     private _context;
     private _docSelectionManagerService;
@@ -62,20 +68,38 @@ export declare class DocParagraphMenuService extends Disposable implements IRend
     private _docPopupManagerService;
     private _docSkeletonManagerService;
     private _floatMenuService;
+    private _docSelectionRenderService;
     private _paragrahMenu;
     private readonly _activeTarget$;
     readonly activeTarget$: import("rxjs").Observable<IDocBlockMenuTarget | null>;
+    private readonly _slashMenuRequest$;
+    readonly slashMenuRequest$: import("rxjs").Observable<IDocSlashMenuRequest | null>;
     private _isBlockMenuDragging;
+    private _isSlashMenuActive;
+    private _slashMenuRequestNonce;
     get activeParagraph(): IMutiPageParagraphBound | undefined;
     get activeTarget(): IDocBlockMenuTarget | null;
     setBlockMenuDragging(isDragging: boolean): void;
     get isBlockMenuDragging(): boolean;
-    constructor(_context: IRenderContext<DocumentDataModel>, _docSelectionManagerService: DocSelectionManagerService, _docEventManagerService: DocEventManagerService, _docPopupManagerService: DocCanvasPopManagerService, _docSkeletonManagerService: DocSkeletonManagerService, _floatMenuService: DocFloatMenuService);
+    constructor(_context: IRenderContext<DocumentDataModel>, _docSelectionManagerService: DocSelectionManagerService, _docEventManagerService: DocEventManagerService, _docPopupManagerService: DocCanvasPopManagerService, _docSkeletonManagerService: DocSkeletonManagerService, _floatMenuService: DocFloatMenuService, _docSelectionRenderService: DocSelectionRenderService);
     private _isCursorInActiveParagraph;
+    private _getExpandedSelectionState;
+    private _hasExpandedSelectionRanges;
+    private _hasExpandedTextSelection;
+    private _hasExpandedSelection;
     setParagraphMenuActive(active: boolean): void;
     private _init;
+    private _handleSlashMenuKeydown;
+    private _handleSlashMenuInputBefore;
+    private _openSlashMenu;
+    private _shouldOpenSlashMenu;
+    private _shouldOpenSlashMenuFromInput;
+    private _getCollapsedTextRange;
+    private _getSlashMenuParagraph;
+    private _getSlashMenuAnchorRect;
     showParagraphMenu(paragraph: IMutiPageParagraphBound): void;
     showTableMenu(tableBound: ITableBound): void;
+    private _shouldKeepCurrentCellMenuForTable;
     getDropTargetFromClientPoint(clientX: number, clientY: number, sourceRange: {
         startOffset: number;
         endOffset: number;

package/lib/types/services/doc-render-background.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 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 { ICanvasColorService } from '@univerjs/engine-render';
+import { DocumentFlavor } from '@univerjs/core';
+export interface IResolveDocRenderBackgroundOptions {
+    documentFlavor?: DocumentFlavor;
+    canvasColorService?: ICanvasColorService;
+    editorBackgroundColor?: string;
+    isEditor?: boolean;
+}
+export interface IResolvedDocRenderBackground {
+    canvasElementBackgroundColor: string;
+    docBackgroundFillColor?: string;
+}
+export declare function resolveDocRenderBackground(options: IResolveDocRenderBackgroundOptions): IResolvedDocRenderBackground;
+export declare function getDefaultDocCanvasBackgroundColor(documentFlavor?: DocumentFlavor, isEditor?: boolean): "#fff" | "transparent" | "#fafafa";

package/lib/types/services/doc-view-scale.d.ts

@@ -0,0 +1,54 @@
+/**
+ * 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 { DocumentDataModel } from '@univerjs/core';
+import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import type { IDocFitToWidthOptions, IUniverDocsUIConfig } from '../config/config';
+import { Disposable, DocumentFlavor, IConfigService } from '@univerjs/core';
+export interface ICalcDocFitToWidthScaleParams {
+    availableWidth: number;
+    baseWidth: number;
+    options?: IDocFitToWidthOptions;
+}
+export interface IResolveDocFitBaseWidthParams {
+    documentFlavor?: DocumentFlavor;
+    documentStylePageWidth?: number;
+    skeletonPageWidth?: number;
+}
+export declare function normalizeDocFitToWidthOptions(options?: IDocFitToWidthOptions): {
+    mode: import("..").DocFitMode;
+    target: import("..").DocFitTarget;
+    paddingX: import("../config/config").DocFitPaddingX;
+    minScale: number;
+    maxScale?: number;
+    align: import("..").DocFitAlign;
+};
+export declare function resolveDocFitPaddingX(availableWidth: number, paddingX: IDocFitToWidthOptions['paddingX']): number;
+export declare function calcDocFitToWidthScale(params: ICalcDocFitToWidthScaleParams): number;
+export declare function resolveDocFitBaseWidth(params: IResolveDocFitBaseWidthParams): number;
+export declare function resolveDocViewScale(userZoomRatio: number, fitToWidthScale: number): number;
+export declare class DocViewScaleService extends Disposable implements IRenderModule {
+    private readonly _context;
+    private readonly _configService;
+    constructor(_context: IRenderContext<DocumentDataModel>, _configService: IConfigService);
+    getPluginConfig(): Partial<IUniverDocsUIConfig>;
+    getOptions(): IDocFitToWidthOptions;
+    getBaseWidth(): number;
+    getAvailableWidth(): number;
+    getUserZoomRatio(): number;
+    getFitToWidthScale(): number;
+    getViewScale(userZoomRatio?: number): number;
+    private _resolveContainer;
+}

package/lib/types/services/doc-zoom.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 { DocumentDataModel } from '@univerjs/core';
+export declare const DEFAULT_MODERN_DOC_ZOOM_RATIO = 1;
+type DocZoomSource = Pick<DocumentDataModel, 'getSettings' | 'getSnapshot'>;
+export declare function getDocEffectiveZoomRatio(documentModel: DocZoomSource): number;
+export {};

package/lib/types/services/docs-render.service.d.ts

@@ -13,9 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { DocumentFlavor, IUniverInstanceService, RxDisposable } from '@univerjs/core';
+import type { DocumentFlavor } from '@univerjs/core';
+import type { ICanvasColorService } from '@univerjs/engine-render';
+import { IUniverInstanceService, RxDisposable } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
-export declare function getDocsCanvasBackgroundColor(documentFlavor?: DocumentFlavor): "#fff" | "#fafafa";
+export { resolveDocRenderBackground as resolveDocsCanvasBackground } from './doc-render-background';
+export declare function getDocsCanvasBackgroundColor(documentFlavor?: DocumentFlavor, canvasColorService?: ICanvasColorService, editorBackgroundColor?: string, isEditor?: boolean): string;
 export declare class DocsRenderService extends RxDisposable {
     private readonly _instanceSrv;
     private readonly _renderManagerService;

package/lib/types/services/editor/editor-manager.service.d.ts

@@ -16,11 +16,15 @@
 import type { IDisposable, IDocumentBody, Nullable } from '@univerjs/core';
 import type { ISuccinctDocRangeParam } from '@univerjs/engine-render';
 import type { Observable } from 'rxjs';
-import type { IEditorConfigParams } from './editor';
+import type { IEditorCanvasStyle, IEditorConfigParams } from './editor';
 import { Disposable, ICommandService, IContextService, Injector, IUndoRedoService, IUniverInstanceService } from '@univerjs/core';
 import { DocSelectionManagerService } from '@univerjs/docs';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { Editor } from './editor';
+export interface IEditorRenderConfig {
+    canvasStyle: IEditorCanvasStyle;
+    scrollBar?: boolean;
+}
 export interface IEditorSetValueParam {
     editorUnitId: string;
     body: IDocumentBody;
@@ -34,6 +38,7 @@ export interface IEditorService {
     register(config: IEditorConfigParams, container: HTMLDivElement): IDisposable;
     getAllEditor(): Map<string, Editor>;
     isEditor(editorUnitId: string): boolean;
+    getEditorRenderConfig(editorUnitId: string): Nullable<IEditorRenderConfig>;
     isSheetEditor(editorUnitId: string): boolean;
     blur$: Observable<unknown>;
     blur(force?: boolean): void;
@@ -51,6 +56,7 @@ export declare class EditorService extends Disposable implements IEditorService,
     private readonly _undoRedoService;
     private readonly _injector;
     private _editors;
+    private _editorRenderConfigs;
     private _focusEditorUnitId;
     private readonly _blur$;
     readonly blur$: Observable<unknown>;
@@ -69,6 +75,7 @@ export declare class EditorService extends Disposable implements IEditorService,
     dispose(): void;
     getEditor(id?: string): Readonly<Nullable<Editor>>;
     getAllEditor(): Map<string, Editor>;
+    getEditorRenderConfig(editorUnitId: string): Nullable<IEditorRenderConfig>;
     register(config: IEditorConfigParams, container: HTMLDivElement): IDisposable;
     private _unRegister;
     private _getCurrentEditorUnitId;

package/lib/types/services/index.d.ts

@@ -17,3 +17,5 @@ export { default as PastePluginLark } from './clipboard/html-to-udm/paste-plugin
 export { default as PastePluginUniver } from './clipboard/html-to-udm/paste-plugins/plugin-univer';
 export { default as PastePluginWord } from './clipboard/html-to-udm/paste-plugins/plugin-word';
 export { type IPastePlugin } from './clipboard/html-to-udm/paste-plugins/type';
+export { calcDocFitToWidthScale, DocViewScaleService, normalizeDocFitToWidthOptions, resolveDocFitBaseWidth, resolveDocViewScale } from './doc-view-scale';
+export type { ICalcDocFitToWidthScaleParams, IResolveDocFitBaseWidthParams } from './doc-view-scale';

package/lib/types/services/selection/selection-utils.d.ts

@@ -1,18 +1,3 @@
-/**
- * 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.
- */
 /**
  * Copyright 2023-present DreamNum Co., Ltd.
  *

package/lib/types/services/{doc-content-insert.service.d.ts → selection/word-boundary.d.ts}

@@ -13,16 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Disposable } from '@univerjs/core';
-export interface IDocContentInsertRange {
-    unitId: string;
+import { Direction } from '@univerjs/core';
+export interface IWordBoundary {
     startOffset: number;
     endOffset: number;
-    segmentId?: string;
-}
-export declare class DocContentInsertService extends Disposable {
-    private _range;
-    setInsertRange(range: IDocContentInsertRange): void;
-    consumeInsertRange(unitId?: string): IDocContentInsertRange | null;
-    clearInsertRange(): void;
 }
+export declare function getWordBoundaryByIndex(content: string, nodeIndex: number, paragraphStartOffset: number): IWordBoundary | null;
+export declare function getNextWordBoundaryOffset(content: string, nodeIndex: number, paragraphStartOffset: number, direction: Direction): number | null;

package/lib/types/shortcuts/core-editing.shortcut.d.ts

@@ -15,5 +15,6 @@
  */
 import type { IShortcutItem } from '@univerjs/ui';
 export declare const BreakLineShortcut: IShortcutItem;
+export declare const SoftBreakLineShortcut: IShortcutItem;
 export declare const DeleteLeftShortcut: IShortcutItem;
 export declare const DeleteRightShortcut: IShortcutItem;

package/lib/types/shortcuts/cursor.shortcut.d.ts

@@ -22,4 +22,16 @@ export declare const MoveSelectionUpShortcut: IShortcutItem;
 export declare const MoveSelectionDownShortcut: IShortcutItem;
 export declare const MoveSelectionLeftShortcut: IShortcutItem;
 export declare const MoveSelectionRightShortcut: IShortcutItem;
+export declare const MoveCursorLineStartShortcut: IShortcutItem<object>;
+export declare const MoveCursorLineEndShortcut: IShortcutItem<object>;
+export declare const MoveSelectionLineStartShortcut: IShortcutItem<object>;
+export declare const MoveSelectionLineEndShortcut: IShortcutItem<object>;
+export declare const MoveCursorDocumentStartShortcut: IShortcutItem<object>;
+export declare const MoveCursorDocumentEndShortcut: IShortcutItem<object>;
+export declare const MoveSelectionDocumentStartShortcut: IShortcutItem<object>;
+export declare const MoveSelectionDocumentEndShortcut: IShortcutItem<object>;
+export declare const MoveCursorWordLeftShortcut: IShortcutItem<object>;
+export declare const MoveCursorWordRightShortcut: IShortcutItem<object>;
+export declare const MoveSelectionWordLeftShortcut: IShortcutItem<object>;
+export declare const MoveSelectionWordRightShortcut: IShortcutItem<object>;
 export declare const SelectAllShortcut: IShortcutItem;

package/lib/types/shortcuts/heading.shortcut.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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 { IShortcutItem } from '@univerjs/ui';
+export declare const NormalTextHeadingShortcut: IShortcutItem<object>;
+export declare const H1HeadingShortcut: IShortcutItem<object>;
+export declare const H2HeadingShortcut: IShortcutItem<object>;
+export declare const H3HeadingShortcut: IShortcutItem<object>;
+export declare const H4HeadingShortcut: IShortcutItem<object>;
+export declare const H5HeadingShortcut: IShortcutItem<object>;

package/lib/types/{types/delete-direction.d.ts → views/DocSideMenu.d.ts}

@@ -13,7 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare enum DeleteDirection {
-    LEFT = 0,
-    RIGHT = 1
-}
+export declare function DocSideMenu(): import("react").JSX.Element | null;

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

@@ -0,0 +1,49 @@
+/**
+ * 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 { 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;
+export declare const DocParagraphTextColorSwatchIcon0: IconType;
+export declare const DocParagraphTextColorSwatchIcon1: IconType;
+export declare const DocParagraphTextColorSwatchIcon2: IconType;
+export declare const DocParagraphTextColorSwatchIcon3: IconType;
+export declare const DocParagraphTextColorSwatchIcon4: IconType;
+export declare const DocParagraphTextColorSwatchIcon5: IconType;
+export declare const DocParagraphTextColorSwatchIcon6: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon0: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon1: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon2: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon3: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon4: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon5: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon6: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon7: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon8: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon9: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon10: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon11: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon12: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon13: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon14: IconType;
+export declare const DocParagraphBackgroundColorSwatchIcon15: IconType;
+export {};

package/lib/types/views/{page-settings/index.d.ts → PageSettings.d.ts}

@@ -35,5 +35,5 @@ export interface IPageSettings {
         height: number;
     };
 }
-export declare function PageSettings(props: IConfirmChildrenProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageSettings(props: IConfirmChildrenProps): import("react").JSX.Element;
 export declare const PAGE_SETTING_COMPONENT_ID = "docs.component.page-setting";