@univerjs/docs-ui 0.24.0 → 0.25.0

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

@@ -13,14 +13,48 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { DocumentDataModel, IParagraphRange } from '@univerjs/core';
+import type { DocumentDataModel, ICustomBlock, ICustomTable, IDocumentBlockRange } from '@univerjs/core';
 import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
-import type { IMutiPageParagraphBound } from './doc-event-manager.service';
+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';
+export type DocBlockMenuTargetKind = 'paragraph' | 'blockRange' | 'table' | 'customBlock';
+export interface IDocBlockMenuTarget {
+    kind: DocBlockMenuTargetKind;
+    key: string;
+    paragraph?: IMutiPageParagraphBound;
+    blockRange?: IDocumentBlockRange;
+    table?: ICustomTable;
+    customBlock?: ICustomBlock;
+    icon?: string;
+    cellRange?: {
+        startOffset: number;
+        endOffset: number;
+    };
+    menuRange: {
+        startOffset: number;
+        endOffset: number;
+        collapsed: boolean;
+    };
+    moveRange: {
+        startOffset: number;
+        endOffset: number;
+    };
+    emptyMode: boolean;
+    draggable: boolean;
+}
+export interface IDocBlockDropTarget {
+    targetOffset: number;
+    rect: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+}
 export declare class DocParagraphMenuService extends Disposable implements IRenderModule {
     private _context;
     private _docSelectionManagerService;
@@ -29,11 +63,25 @@ export declare class DocParagraphMenuService extends Disposable implements IRend
     private _docSkeletonManagerService;
     private _floatMenuService;
     private _paragrahMenu;
-    get activeParagraph(): IParagraphRange | undefined;
+    private readonly _activeTarget$;
+    readonly activeTarget$: import("rxjs").Observable<IDocBlockMenuTarget | null>;
+    private _isBlockMenuDragging;
+    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);
     private _isCursorInActiveParagraph;
     setParagraphMenuActive(active: boolean): void;
     private _init;
     showParagraphMenu(paragraph: IMutiPageParagraphBound): void;
+    showTableMenu(tableBound: ITableBound): void;
+    getDropTargetFromClientPoint(clientX: number, clientY: number, sourceRange: {
+        startOffset: number;
+        endOffset: number;
+    }): IDocBlockDropTarget | null;
     hideParagraphMenu(force?: boolean): void;
+    private _buildParagraphMenuTarget;
+    private _getBodyBlockTargets;
+    private _getCellBlockTargets;
 }

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

@@ -30,7 +30,7 @@ export declare function transformOffset2Bound(offsetX: number, offsetY: number,
 };
 export interface IDocCanvasPopup extends Omit<IPopup, 'anchorRect$' | 'children' | 'unitId' | 'subUnitId' | 'canvasElement'> {
     mask?: boolean;
-    extraProps?: Record<string, any>;
+    extraProps?: Record<string, unknown>;
     multipleDirection?: IPopup['direction'];
 }
 export declare const calcDocRangePositions: (range: ITextRangeParam, currentRender: IRender) => IBoundRectNoAngle[] | undefined;
@@ -43,7 +43,7 @@ export declare class DocCanvasPopManagerService extends Disposable {
     private _createRectPositionObserver;
     private _createObjectPositionObserver;
     private _createRangePositionObserver;
-    attachPopupToRect(rect: IBoundRectNoAngle, popup: IDocCanvasPopup, unitId: string): INeedCheckDisposable;
+    attachPopupToRect(rect: IBoundRectNoAngle | (() => IBoundRectNoAngle), popup: IDocCanvasPopup, unitId: string): INeedCheckDisposable;
     /**
      * attach a popup to canvas object
      * @param targetObject target canvas object

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

@@ -13,8 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { IUniverInstanceService, RxDisposable } from '@univerjs/core';
+import { DocumentFlavor, IUniverInstanceService, RxDisposable } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
+export declare function getDocsCanvasBackgroundColor(documentFlavor?: DocumentFlavor): "#fff" | "#fafafa";
 export declare class DocsRenderService extends RxDisposable {
     private readonly _instanceSrv;
     private readonly _renderManagerService;

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

@@ -51,6 +51,7 @@ export interface IEditorStateParams extends Partial<IPosition> {
 }
 export interface IEditorCanvasStyle {
     fontSize?: number;
+    backgroundColor?: string;
 }
 export interface IEditorConfigParams {
     initialSnapshot: IDocumentData;

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

@@ -58,6 +58,7 @@ export declare class NodePositionConvertToCursor {
     private _documentOffsetConfig;
     private _docSkeleton;
     private _liquid;
+    private _horizontalClip;
     private _currentStartState;
     private _currentEndState;
     constructor(_documentOffsetConfig: IDocumentOffsetConfig, _docSkeleton: DocumentSkeleton);

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

@@ -141,6 +141,10 @@ export declare class DocSelectionRenderService extends RxDisposable implements I
     private _getCanvasOffset;
     private _updateInputPosition;
     private _moving;
+    private _hasVisibleSelectionRanges;
+    private _shouldSnapBackwardFocusToGlyphStart;
+    private _isBeforeNodePosition;
+    private _isFirstSelectableGlyphInDivide;
     __attachScrollEvent(): void;
     private _initInputEvents;
     private _eventHandle;

package/lib/types/views/page-settings/index.d.ts

@@ -14,12 +14,14 @@
  * limitations under the License.
  */
 import type { IConfirmChildrenProps } from '@univerjs/ui';
-import { PageOrientType } from '@univerjs/core';
+import { DocumentFlavor, ModernDocumentWidthMode, PageOrientType } from '@univerjs/core';
 export interface IPageSettingsProps {
     onClose: () => void;
     onConfirm: (settings: IPageSettings) => void;
 }
 export interface IPageSettings {
+    mode: DocumentFlavor.TRADITIONAL | DocumentFlavor.MODERN;
+    modernWidth: ModernDocumentWidthMode;
     paperSize: string;
     orientation: PageOrientType;
     margins: {
@@ -28,7 +30,7 @@ export interface IPageSettings {
         left: number;
         right: number;
     };
-    pageSise: {
+    pageSize: {
         width: number;
         height: number;
     };

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

@@ -15,12 +15,13 @@
  */
 import type { IDocumentData, Nullable } from '@univerjs/core';
 import type { RefObject } from 'react';
-import type { Editor } from '../../../services/editor/editor';
+import type { Editor, IEditorCanvasStyle } from '../../../services/editor/editor';
 export interface IUseEditorProps {
     editorId: string;
     initialValue: Nullable<IDocumentData | string>;
     container: RefObject<HTMLDivElement>;
     autoFocus?: boolean;
     isSingle?: boolean;
+    canvasStyle?: IEditorCanvasStyle;
 }
 export declare function useEditor(opts: IUseEditorProps): Editor | undefined;

package/lib/umd/facade.js

@@ -1 +1,5 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/core/facade`),require(`@univerjs/docs-ui`),require(`@univerjs/engine-render`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/core/facade`,`@univerjs/docs-ui`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverDocsUiFacade={},e.UniverCore,e.UniverCoreFacade,e.UniverDocsUi,e.UniverEngineRender))})(this,function(e,t,n,r,i){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function a(e){"@babel/helpers - typeof";return a=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},a(e)}function o(e,t){if(a(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(a(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function s(e){var t=o(e,`string`);return a(t)==`symbol`?t:t+``}function c(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){return function(n,r){t(n,r,e)}}function u(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let d=class{constructor(e,t,n,r,i,a){this._documentDataModel=e,this._injector=t,this._univerInstanceService=n,this._commandService=r,this._resourceManagerService=i,this._renderManagerService=a,c(this,`id`,void 0),this.id=this._documentDataModel.getUnitId()}getId(){return this._documentDataModel.getUnitId()}getName(){return this.getSnapshot().title||``}getSnapshot(){let e=this._resourceManagerService.getResourcesByType(this.id,t.UniverInstanceType.UNIVER_DOC),n=this._documentDataModel.getSnapshot();return n.resources=e,n}undo(){return this._univerInstanceService.focusUnit(this.id),this._commandService.executeCommand(t.UndoCommand.id)}redo(){return this._univerInstanceService.focusUnit(this.id),this._commandService.executeCommand(t.RedoCommand.id)}appendText(e){let t=this.id,{body:n}=this.getSnapshot();if(!n)throw Error(`The document body is empty`);let i=n.dataStream.length-2,a={startOffset:i,endOffset:i,collapsed:!0,segmentId:``},{segmentId:o}=a;return this._commandService.executeCommand(r.InsertCommand.id,{unitId:t,body:{dataStream:e},range:a,segmentId:o})}setSelection(e,n){var i;let a=(i=this._renderManagerService.getRenderById(this.getId()))==null?void 0:i.with(r.DocSelectionRenderService);a==null||a.removeAllRanges(),a==null||a.addDocRanges([{startOffset:e,endOffset:n,rangeType:t.DOC_RANGE_TYPE.TEXT}],!0)}};d=u([l(1,(0,t.Inject)(t.Injector)),l(2,t.IUniverInstanceService),l(3,t.ICommandService),l(4,t.IResourceManagerService),l(5,i.IRenderManagerService)],d);var f=class extends n.FUniver{createUniverDoc(e){let n=this._univerInstanceService.createUnit(t.UniverInstanceType.UNIVER_DOC,e);return this._injector.createInstance(d,n)}getActiveDocument(){let e=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_DOC);return e?this._injector.createInstance(d,e):null}getUniverDoc(e){let t=this._univerInstanceService.getUniverDocInstance(e);return t?this._injector.createInstance(d,t):null}};n.FUniver.extend(f),Object.defineProperty(e,`FDocument`,{enumerable:!0,get:function(){return d}})});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@univerjs/core"),require("@univerjs/core/facade"),require("@univerjs/docs-ui"),require("@univerjs/engine-render")):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/core/facade`,`@univerjs/docs-ui`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverDocsUiFacade={},e.UniverCore,e.UniverCoreFacade,e.UniverDocsUi,e.UniverEngineRender))})(this,function(e,t,n,r,i){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function a(e){"@babel/helpers - typeof";return a=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},a(e)}function o(e,t){if(a(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(a(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function s(e){var t=o(e,`string`);return a(t)==`symbol`?t:t+``}function c(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){return function(n,r){t(n,r,e)}}function u(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let d=class{constructor(e,t,n,r,i,a){this._documentDataModel=e,this._injector=t,this._univerInstanceService=n,this._commandService=r,this._resourceManagerService=i,this._renderManagerService=a,c(this,`id`,void 0),this.id=this._documentDataModel.getUnitId()}getId(){return this._documentDataModel.getUnitId()}getName(){return this.getSnapshot().title||``}getSnapshot(){let e=this._resourceManagerService.getResourcesByType(this.id,t.UniverInstanceType.UNIVER_DOC),n=this._documentDataModel.getSnapshot();return n.resources=e,n}undo(){return this._univerInstanceService.focusUnit(this.id),this._commandService.executeCommand(t.UndoCommand.id)}redo(){return this._univerInstanceService.focusUnit(this.id),this._commandService.executeCommand(t.RedoCommand.id)}appendText(e){let{body:t}=this.getSnapshot();if(!t)throw Error(`The document body is empty`);let n=t.dataStream.length-2;return this.insertText(e,{startOffset:n,endOffset:n,segmentId:``})}insertText(e,t={}){var n,i,a;let o=this.id,{body:s}=this.getSnapshot();if(!s)throw Error(`The document body is empty`);let c=(n=t.startOffset)==null?Math.max(0,s.dataStream.length-2):n,l=(i=t.endOffset)==null?c:i,u=(a=t.segmentId)==null?``:a,d={startOffset:c,endOffset:l,collapsed:c===l,segmentId:u};return this._commandService.executeCommand(r.InsertCommand.id,{unitId:o,body:{dataStream:e},range:d,segmentId:u,...t.cursorOffset==null?{}:{cursorOffset:t.cursorOffset}})}insertParagraph(e=``,t={}){var n;let r=`${e.replace(/\r\n/g,`
+`).replace(/\r/g,`
+`).split(`
+`).join(`\r
+`)}\r\n`;return this.insertText(r,{...t,cursorOffset:(n=t.cursorOffset)==null?r.length:n})}setSelection(e,n){var i;let a=(i=this._renderManagerService.getRenderById(this.getId()))==null?void 0:i.with(r.DocSelectionRenderService);a==null||a.removeAllRanges(),a==null||a.addDocRanges([{startOffset:e,endOffset:n,rangeType:t.DOC_RANGE_TYPE.TEXT}],!0)}};d=u([l(1,(0,t.Inject)(t.Injector)),l(2,t.IUniverInstanceService),l(3,t.ICommandService),l(4,t.IResourceManagerService),l(5,i.IRenderManagerService)],d);var f=class extends n.FUniver{createUniverDoc(e){let n=this._univerInstanceService.createUnit(t.UniverInstanceType.UNIVER_DOC,e);return this._injector.createInstance(d,n)}getActiveDocument(){let e=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_DOC);return e?this._injector.createInstance(d,e):null}getUniverDoc(e){let t=this._univerInstanceService.getUniverDocInstance(e);return t?this._injector.createInstance(d,t):null}};n.FUniver.extend(f),Object.defineProperty(e,"FDocument",{enumerable:!0,get:function(){return d}})});