@univerjs/docs-ui 1.0.0-alpha.8 → 1.0.0-beta.1

package/lib/types/locale/en-US.d.ts

@@ -16,8 +16,6 @@
 declare const locale: {
     'docs-ui': {
         toolbar: {
-            undo: string;
-            redo: string;
             font: string;
             fontSize: string;
             bold: string;
@@ -42,7 +40,6 @@ declare const locale: {
             order: string;
             unorder: string;
             checklist: string;
-            documentFlavor: string;
             alignLeft: string;
             alignCenter: string;
             alignRight: string;
@@ -92,6 +89,22 @@ declare const locale: {
             closeHeaderFooter: string;
             disableText: string;
         };
+        statistics: {
+            title: string;
+            open: string;
+            document: string;
+            selection: string;
+            wordCount: string;
+            selectedWords: string;
+            pages: string;
+            words: string;
+            charactersWithoutSpaces: string;
+            charactersWithSpaces: string;
+            paragraphs: string;
+            lines: string;
+            nonAsianWords: string;
+            asianCharactersAndKoreanWords: string;
+        };
         placeholder: {
             heading1: string;
             heading2: string;
@@ -127,7 +140,6 @@ declare const locale: {
                 multiSpace: string;
                 atLeast: string;
                 exactly: string;
-                fixedValue: string;
             };
             sectionSetting: {
                 selectedSections: string;
@@ -174,9 +186,6 @@ declare const locale: {
         };
         'page-settings': {
             'document-setting': string;
-            mode: string;
-            'modern-mode': string;
-            'classic-mode': string;
             'modern-width': string;
             'modern-width-narrow': string;
             'modern-width-medium': string;

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

@@ -18,7 +18,7 @@ import type { IMenuButtonItem, IMenuItem, IMenuSelectorItem } from '@univerjs/ui
 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 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"];
 export declare function H1HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
 export declare function H2HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
 export declare function H3HeadingMenuItemFactory(accessor: IAccessor): IMenuItem<LocaleKey>;

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

@@ -24,6 +24,9 @@ interface ICacheParams {
 export declare class DocIMEInputManagerService extends RxDisposable implements IRenderModule {
     private readonly _context;
     private _previousActiveRange;
+    private _previousDocRanges;
+    private _compositionRange;
+    private _previousSelectionOptions;
     private _undoMutationParamsCache;
     private _redoMutationParamsCache;
     constructor(_context: IRenderContext<DocumentDataModel>);
@@ -35,11 +38,25 @@ export declare class DocIMEInputManagerService extends RxDisposable implements I
     setUndoRedoMutationParamsCache({ undoCache, redoCache }: ICacheParams): void;
     getActiveRange(): Nullable<ITextRangeWithStyle>;
     setActiveRange(range: Nullable<ITextRangeWithStyle>): void;
+    getCompositionRange(): Nullable<ITextRangeWithStyle>;
+    setCompositionRange(range: Nullable<ITextRangeWithStyle>): void;
+    getPreviousDocRanges(): ITextRangeWithStyle[];
+    setPreviousDocRanges(ranges: ITextRangeWithStyle[]): void;
+    getPreviousSelectionOptions(): Nullable<{
+        [key: string]: boolean;
+    }>;
+    setPreviousSelectionOptions(options: Nullable<{
+        [key: string]: boolean;
+    }>): void;
     pushUndoRedoMutationParams(undoParams: IRichTextEditingMutationParams, redoParams: IRichTextEditingMutationParams): void;
     fetchComposedUndoRedoMutationParams(): {
         redoMutationParams: IRichTextEditingMutationParams;
         undoMutationParams: IRichTextEditingMutationParams;
         previousActiveRange: ITextRangeWithStyle;
+        previousDocRanges: ITextRangeWithStyle[];
+        previousSelectionOptions: Nullable<{
+            [key: string]: boolean;
+        }>;
     } | null;
     dispose(): void;
 }

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

@@ -14,15 +14,16 @@
  * limitations under the License.
  */
 import type { ITextStyle, Nullable } from '@univerjs/core';
-import { Disposable, IUniverInstanceService } from '@univerjs/core';
+import { Disposable, IUniverInstanceService, ThemeService } from '@univerjs/core';
 import { DocSelectionManagerService } from '@univerjs/docs';
 import { IRenderManagerService } from '@univerjs/engine-render';
 export declare class DocMenuStyleService extends Disposable {
     private readonly _textSelectionManagerService;
     private readonly _univerInstanceService;
     private readonly _renderManagerService;
+    private readonly _themeService;
     private _cacheStyle;
-    constructor(_textSelectionManagerService: DocSelectionManagerService, _univerInstanceService: IUniverInstanceService, _renderManagerService: IRenderManagerService);
+    constructor(_textSelectionManagerService: DocSelectionManagerService, _univerInstanceService: IUniverInstanceService, _renderManagerService: IRenderManagerService, _themeService: ThemeService);
     private _init;
     private _listenDocRangeChange;
     getStyleCache(): Nullable<ITextStyle>;

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

@@ -26,4 +26,4 @@ export interface IResolvedDocRenderBackground {
     docBackgroundFillColor?: string;
 }
 export declare function resolveDocRenderBackground(options: IResolveDocRenderBackgroundOptions): IResolvedDocRenderBackground;
-export declare function getDefaultDocCanvasBackgroundColor(documentFlavor?: DocumentFlavor, isEditor?: boolean): "#fff" | "transparent" | "#fafafa";
+export declare function getDefaultDocCanvasBackgroundColor(documentFlavor?: DocumentFlavor, isEditor?: boolean): "transparent" | "var(--univer-gray-100)" | "var(--univer-gray-0)";

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

@@ -23,6 +23,7 @@ import { IRenderManagerService } from '@univerjs/engine-render';
 import { Editor } from './editor';
 export interface IEditorRenderConfig {
     canvasStyle: IEditorCanvasStyle;
+    preserveHostFocus?: boolean;
     scrollBar?: boolean;
     backScrollOffset?: number;
 }

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

@@ -55,6 +55,8 @@ export interface IEditorCanvasStyle {
 }
 export interface IEditorConfigParams {
     initialSnapshot: IDocumentData;
+    /** Keep the globally focused unit on the editor's host while this editor receives input focus. */
+    preserveHostFocus?: boolean;
     cancelDefaultResizeListener?: boolean;
     canvasStyle?: IEditorCanvasStyle;
     autofocus?: boolean;

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

@@ -86,6 +86,7 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     get isOnPointerEvent(): boolean;
     get isFocusing(): boolean;
     get canFocusing(): boolean;
+    cancelPointerSelection(): void;
     constructor(_context: IRenderContext<DocumentDataModel>, _layoutService: ILayoutService, _logService: ILogService, _univerInstanceService: IUniverInstanceService, _docSkeletonManagerService: DocSkeletonManagerService, _embedInteractionBoundaryService?: IDocEmbedInteractionBoundaryService | undefined, _embedRuntimeFocusCoordinator?: IDocEmbedRuntimeFocusCoordinator | undefined);
     private _listenCurrentUnitChange;
     get activeViewPort(): import("@univerjs/engine-render").Viewport;
@@ -134,6 +135,7 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     private _removeAllTextRanges;
     private _removeAllRectRanges;
     private _removeAllCollapsedTextRanges;
+    private _hideCollapsedCaretsForVisibleSelection;
     private _deactivateAllTextRanges;
     private _deactivateAllRectRanges;
     private _addTextRangesToCache;

package/lib/types/services/selection/text-range.d.ts

@@ -47,6 +47,7 @@ export declare class TextRange implements IDocRange {
     private _anchorShape;
     private _cursorList;
     private _anchorBlinkTimer;
+    private _anchorActiveStroke;
     constructor(_scene: Scene, _document: Documents, _docSkeleton: DocumentSkeleton, anchorNodePosition?: Nullable<INodePosition>, focusNodePosition?: Nullable<INodePosition>, style?: ITextSelectionStyle, _segmentId?: string, _segmentPage?: number);
     private _anchorBlink;
     get startOffset(): number | undefined;
@@ -76,5 +77,7 @@ export declare class TextRange implements IDocRange {
     private _isCollapsed;
     private _createOrUpdateRange;
     private _createOrUpdateAnchor;
+    private _getAnchorActiveStroke;
+    private _getAnchorBackgroundColor;
     private _setCursorList;
 }

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

@@ -23,6 +23,8 @@ export interface IRichTextEditorProps {
     onFocusChange?: (isFocus: boolean, newValue?: string) => void;
     initialValue?: IDocumentData | string;
     onClickOutside?: () => void;
+    /** Keep the globally focused unit on the editor's host while this editor receives input focus. */
+    preserveHostFocus?: boolean;
     keyboardEventConfig?: IKeyboardEventConfig;
     moveCursor?: boolean;
     style?: CSSProperties;

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

@@ -0,0 +1,16 @@
+/**
+ * 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 function DocStatistics(): import("react").JSX.Element;

package/lib/types/views/doc-statistics/use-doc-statistics.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 { IDocumentStatistics, ITextRangeParam } from '@univerjs/core';
+import type { DocumentSkeleton } from '@univerjs/engine-render';
+interface IDocLayoutStatistics {
+    pages: number;
+    lines: number;
+}
+export interface IDocStatisticsViewState {
+    document: IDocumentStatistics & IDocLayoutStatistics;
+    selection: (IDocumentStatistics & IDocLayoutStatistics) | null;
+    loading: boolean;
+    showPages: boolean;
+}
+export declare function getDocLayoutStatistics(skeleton: DocumentSkeleton | null, ranges?: Readonly<ITextRangeParam>[], calculatePages?: boolean): IDocLayoutStatistics;
+export declare function useDocStatistics(calculateLayout?: boolean): IDocStatisticsViewState;
+export {};

package/lib/types/views/list-type-picker/Picker.d.ts

@@ -19,10 +19,7 @@ export interface IListTypePickerBaseProps {
     onChange: (value: PresetListType | undefined) => void;
 }
 interface IListTypePickerProps extends IListTypePickerBaseProps {
-    options: {
-        value: PresetListType;
-        img: string;
-    }[];
+    options: PresetListType[];
 }
 export declare const ListTypePicker: (props: IListTypePickerProps) => import("react").JSX.Element;
 export declare const OrderListTypePicker: (props: IListTypePickerBaseProps) => import("react").JSX.Element;

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

@@ -20,6 +20,7 @@ export interface IUseEditorProps {
     editorId: string;
     initialValue: Nullable<IDocumentData | string>;
     container: RefObject<HTMLDivElement>;
+    preserveHostFocus?: boolean;
     autoFocus?: boolean;
     isSingle?: boolean;
     canvasStyle?: IEditorCanvasStyle;