@univerjs/docs-drawing-ui 0.2.2 → 0.2.3

package/lib/index.css

@@ -1 +1 @@
-.univer-upload-file-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-upload-file-menu-input{display:none}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-sheet-image-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-sheet-image-menu-input{display:none}
+.univer-upload-file-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-upload-file-menu-input{display:none}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-sheet-image-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-sheet-image-menu-input{display:none}

package/lib/locale/en-US.json

@@ -15,6 +15,41 @@
     "crop": "Crop",
     "reset": "Reset Size"
   },
+  "image-text-wrap": {
+    "title": "Text Wrapping",
+    "wrappingStyle": "Wrapping Style",
+    "square": "Square",
+    "topAndBottom": "Top and Bottom",
+    "inline": "In line with text",
+    "behindText": "Behind text",
+    "inFrontText": "In front of text",
+    "wrapText": "Wrap text",
+    "bothSide": "Both sides",
+    "leftOnly": "Left only",
+    "rightOnly": "Right only",
+    "distanceFromText": "Distance from text",
+    "top": "Top(px)",
+    "left": "Left(px)",
+    "bottom": "Bottom(px)",
+    "right": "Right(px)"
+  },
+  "image-position": {
+    "title": "Position",
+    "horizontal": "Horizontal",
+    "vertical": "Vertical",
+    "absolutePosition": "Absolute Position(px)",
+    "relativePosition": "Relative Position",
+    "toTheRightOf": "to the right of",
+    "relativeTo": "relative to",
+    "bellow": "bellow",
+    "options": "Options",
+    "moveObjectWithText": "Move object with text",
+    "column": "Column",
+    "margin": "Margin",
+    "page": "Page",
+    "line": "Line",
+    "paragraph": "Paragraph"
+  },
   "update-status": {
     "exceedMaxSize": "Image size exceeds limit, limit is {0}M",
     "invalidImageType": "Invalid image type",

package/lib/locale/ru-RU.json

@@ -15,6 +15,41 @@
     "crop": "Обрезать",
     "reset": "Сбросить размер"
   },
+  "image-text-wrap": {
+    "title": "Text Wrapping",
+    "wrappingStyle": "Wrapping Style",
+    "square": "Square",
+    "topAndBottom": "Top and Bottom",
+    "inline": "In line with text",
+    "behindText": "Behind text",
+    "inFrontText": "In front of text",
+    "wrapText": "Wrap text",
+    "bothSide": "Both sides",
+    "leftOnly": "Left only",
+    "rightOnly": "Right only",
+    "distanceFromText": "Distance from text",
+    "top": "Top(px)",
+    "left": "Left(px)",
+    "bottom": "Bottom(px)",
+    "right": "Right(px)"
+  },
+  "image-position": {
+    "title": "Position",
+    "horizontal": "Horizontal",
+    "vertical": "Vertical",
+    "absolutePosition": "Absolute Position(px)",
+    "relativePosition": "Relative Position",
+    "toTheRightOf": "to the right of",
+    "relativeTo": "relative to",
+    "bellow": "bellow",
+    "options": "Options",
+    "moveObjectWithText": "Move object with text",
+    "column": "Column",
+    "margin": "Margin",
+    "page": "Page",
+    "line": "Line",
+    "paragraph": "Paragraph"
+  },
   "update-status": {
     "exceedMaxSize": "Размер изображения превышает лимит, лимит составляет {0}М",
     "invalidImageType": "Недопустимый тип изображения",

package/lib/locale/vi-VN.json

@@ -0,0 +1,59 @@
+{
+  "docImage": {
+    "title": "Hình ảnh",
+    "upload": {
+      "float": "Chèn hình ảnh"
+    },
+    "panel": {
+      "title": "Chỉnh sửa hình ảnh"
+    }
+  },
+  "image-popup": {
+    "replace": "Thay thế",
+    "delete": "Xóa",
+    "edit": "Chỉnh sửa",
+    "crop": "Cắt",
+    "reset": "Đặt lại kích thước"
+  },
+  "image-text-wrap": {
+    "title": "Text Wrapping",
+    "wrappingStyle": "Wrapping Style",
+    "square": "Square",
+    "topAndBottom": "Top and Bottom",
+    "inline": "In line with text",
+    "behindText": "Behind text",
+    "inFrontText": "In front of text",
+    "wrapText": "Wrap text",
+    "bothSide": "Both sides",
+    "leftOnly": "Left only",
+    "rightOnly": "Right only",
+    "distanceFromText": "Distance from text",
+    "top": "Top(px)",
+    "left": "Left(px)",
+    "bottom": "Bottom(px)",
+    "right": "Right(px)"
+  },
+  "image-position": {
+    "title": "Position",
+    "horizontal": "Horizontal",
+    "vertical": "Vertical",
+    "absolutePosition": "Absolute Position(px)",
+    "relativePosition": "Relative Position",
+    "toTheRightOf": "to the right of",
+    "relativeTo": "relative to",
+    "bellow": "bellow",
+    "options": "Options",
+    "moveObjectWithText": "Move object with text",
+    "column": "Column",
+    "margin": "Margin",
+    "page": "Page",
+    "line": "Line",
+    "paragraph": "Paragraph"
+  },
+  "update-status": {
+    "exceedMaxSize": "Kích thước hình ảnh vượt quá giới hạn, giới hạn là {0}M",
+    "invalidImageType": "Loại hình ảnh không hợp lệ",
+    "exceedMaxCount": "Chỉ có thể tải lên tối đa {0} hình ảnh một lần",
+    "invalidImage": "Hình ảnh không hợp lệ"
+  }
+}

package/lib/locale/zh-CN.json

@@ -15,6 +15,41 @@
     "crop": "裁剪",
     "reset": "重置大小"
   },
+  "image-text-wrap": {
+    "title": "文字环绕",
+    "wrappingStyle": "环绕方式",
+    "square": "四周型",
+    "topAndBottom": "上下型",
+    "inline": "嵌入型",
+    "behindText": "衬于文字下方",
+    "inFrontText": "浮于文字上方",
+    "wrapText": "自动换行",
+    "bothSide": "两侧",
+    "leftOnly": "左侧",
+    "rightOnly": "右侧",
+    "distanceFromText": "距正文",
+    "top": "上（px）",
+    "left": "左（px）",
+    "bottom": "下（px）",
+    "right": "右（px）"
+  },
+  "image-position": {
+    "title": "位置",
+    "horizontal": "水平",
+    "vertical": "垂直",
+    "absolutePosition": "绝对位置（px）",
+    "relativePosition": "相对位置",
+    "toTheRightOf": "右侧",
+    "relativeTo": "相对于",
+    "bellow": "下方",
+    "options": "选项",
+    "moveObjectWithText": "对象随文字移动",
+    "column": "栏",
+    "margin": "页边距",
+    "page": "页面",
+    "line": "行",
+    "paragraph": "段落"
+  },
   "update-status": {
     "exceedMaxSize": "图片大小超过限制, 限制为{0}M",
     "invalidImageType": "图片类型错误",

package/lib/locale/zh-TW.json

@@ -0,0 +1,59 @@
+{
+  "docImage": {
+    "title": "圖片",
+    "upload": {
+      "float": "插入圖片"
+    },
+    "panel": {
+      "title": "編圖"
+    }
+  },
+  "image-popup": {
+    "replace": "替換",
+    "delete": "刪除",
+    "edit": "編輯",
+    "crop": "裁切",
+    "reset": "重置大小"
+  },
+  "image-text-wrap": {
+    "title": "文字环绕",
+    "wrappingStyle": "环绕方式",
+    "square": "四周型",
+    "topAndBottom": "上下型",
+    "inline": "嵌入型",
+    "behindText": "衬于文字下方",
+    "inFrontText": "浮于文字上方",
+    "wrapText": "自动换行",
+    "bothSide": "两侧",
+    "leftOnly": "左侧",
+    "rightOnly": "右侧",
+    "distanceFromText": "距正文",
+    "top": "上（px）",
+    "left": "左（px）",
+    "bottom": "下（px）",
+    "right": "右（px）"
+  },
+  "image-position": {
+    "title": "位置",
+    "horizontal": "水平",
+    "vertical": "垂直",
+    "absolutePosition": "绝对位置（px）",
+    "relativePosition": "相对位置",
+    "toTheRightOf": "右侧",
+    "relativeTo": "相对于",
+    "bellow": "下方",
+    "options": "选项",
+    "moveObjectWithText": "对象随文字移动",
+    "column": "栏",
+    "margin": "页边距",
+    "page": "页面",
+    "line": "行",
+    "paragraph": "段落"
+  },
+  "update-status": {
+    "exceedMaxSize": "圖片大小超過限制, 限制為{0}M",
+    "invalidImageType": "圖片類型錯誤",
+    "exceedMaxCount": "圖片只能一次上傳{0}張",
+    "invalidImage": "無效圖片"
+  }
+}

package/lib/types/commands/commands/insert-doc-drawing.command.d.ts

@@ -1,6 +1,6 @@
 import { ICommand } from '@univerjs/core';
 
 /**
- * The command to insert new defined name
+ * The command to insert new drawings
  */
 export declare const InsertDocDrawingCommand: ICommand;

package/lib/types/commands/commands/set-drawing-arrange.command.d.ts

@@ -5,6 +5,6 @@ export interface ISetDrawingArrangeCommandParams extends IDrawingOrderMapParam {
     arrangeType: ArrangeTypeEnum;
 }
 /**
- * The command to insert new defined name
+ * The command to arrange drawings.
  */
 export declare const SetDocDrawingArrangeCommand: ICommand;

package/lib/types/commands/commands/update-doc-drawing.command.d.ts

@@ -0,0 +1,56 @@
+import { ICommand, IDocDrawingBase, IDocDrawingPosition, IObjectPositionH, IObjectPositionV, ISize } from '@univerjs/core';
+
+export declare enum TextWrappingStyle {
+    INLINE = "inline",
+    BEHIND_TEXT = "behindText",
+    IN_FRONT_OF_TEXT = "inFrontOfText",
+    WRAP_SQUARE = "wrapSquare",
+    WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom"
+}
+/**
+ * The command to update drawing wrapping style.
+ */
+export declare const UpdateDocDrawingWrappingStyleCommand: ICommand;
+/**
+ * The command to update drawing wrap text.
+ */
+export declare const UpdateDocDrawingDistanceCommand: ICommand;
+/**
+ * The command to update drawing wrap text.
+ */
+export declare const UpdateDocDrawingWrapTextCommand: ICommand;
+export interface IDrawingDocTransform {
+    drawingId: string;
+    key: 'size' | 'angle' | 'positionH' | 'positionV';
+    value: ISize | number | IObjectPositionH | IObjectPositionV;
+}
+export interface IUpdateDrawingDocTransformParams {
+    unitId: string;
+    subUnitId: string;
+    drawings: IDrawingDocTransform[];
+}
+/**
+ * The command to update drawing position.
+ */
+export declare const UpdateDrawingDocTransformCommand: ICommand;
+export interface IMoveInlineDrawingParams {
+    unitId: string;
+    subUnitId: string;
+    drawing: IDocDrawingBase;
+    offset: number;
+}
+/**
+ * The command to move inline drawing.
+ */
+export declare const IMoveInlineDrawingCommand: ICommand;
+export interface ITransformNonInlineDrawingParams {
+    unitId: string;
+    subUnitId: string;
+    drawing: IDocDrawingBase;
+    offset: number;
+    docTransform: IDocDrawingPosition;
+}
+/**
+ * The command to transform non-inline drawing.
+ */
+export declare const ITransformNonInlineDrawingCommand: ICommand;

package/lib/types/controllers/doc-drawing-notification.controller.d.ts

@@ -0,0 +1,18 @@
+import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { IDocDrawingService } from '@univerjs/docs-drawing';
+import { IDrawingManagerService } from '@univerjs/drawing';
+import { IRenderManagerService } from '@univerjs/engine-render';
+
+export declare class DocDrawingAddRemoveController extends Disposable {
+    private readonly _univerInstanceService;
+    private readonly _commandService;
+    private readonly _drawingManagerService;
+    private readonly _docDrawingService;
+    private readonly _renderManagerService;
+    constructor(_univerInstanceService: IUniverInstanceService, _commandService: ICommandService, _drawingManagerService: IDrawingManagerService, _docDrawingService: IDocDrawingService, _renderManagerService: IRenderManagerService);
+    private _initialize;
+    private _commandExecutedListener;
+    private _addDrawings;
+    private _removeDrawings;
+    private _updateDrawingsOrder;
+}

package/lib/types/controllers/doc-drawing-transformer-update.controller.d.ts

@@ -0,0 +1,32 @@
+import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { IDrawingManagerService } from '@univerjs/drawing';
+import { IRenderManagerService } from '@univerjs/engine-render';
+
+export declare class DocDrawingTransformerController extends Disposable {
+    private readonly _commandService;
+    private readonly _univerInstanceService;
+    private readonly _drawingManagerService;
+    private readonly _renderManagerService;
+    private _liquid;
+    private _listenerOnImageMap;
+    private _transformerCache;
+    private _anchorShape;
+    constructor(_commandService: ICommandService, _univerInstanceService: IUniverInstanceService, _drawingManagerService: IDrawingManagerService, _renderManagerService: IRenderManagerService);
+    private _init;
+    private _listenDrawingFocus;
+    private _listenTransformerChange;
+    private _updateMultipleDrawingDocTransform;
+    private _updateDrawingAnchor;
+    private _updateInlineDrawingAnchor;
+    private _getInlineDrawingAnchor;
+    private _getDrawingAnchor;
+    private _updateDrawingSize;
+    private _moveInlineDrawing;
+    private _limitDrawingInPage;
+    private _nonInlineDrawingTransform;
+    private _getSceneAndTransformerByDrawingSearch;
+    private _getTransformCoordForDocumentOffset;
+    private _createOrUpdateInlineAnchor;
+    private _getDocObject;
+    private _getPageContentSize;
+}

package/lib/types/controllers/render-controllers/doc-drawing-transform-update.controller.d.ts

@@ -0,0 +1,20 @@
+import { DocumentDataModel, Disposable, ICommandService } from '@univerjs/core';
+import { DocSkeletonManagerService } from '@univerjs/docs';
+import { IDrawingManagerService } from '@univerjs/drawing';
+import { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import { IEditorService } from '@univerjs/ui';
+
+export declare class DocDrawingTransformUpdateController extends Disposable implements IRenderModule {
+    private readonly _context;
+    private readonly _docSkeletonManagerService;
+    private readonly _commandService;
+    private readonly _editorService;
+    private readonly _drawingManagerService;
+    private _liquid;
+    constructor(_context: IRenderContext<DocumentDataModel>, _docSkeletonManagerService: DocSkeletonManagerService, _commandService: ICommandService, _editorService: IEditorService, _drawingManagerService: IDrawingManagerService);
+    private _initialize;
+    private _initialRenderRefresh;
+    private _commandExecutedListener;
+    private _refreshDrawing;
+    private _calculateDrawingPosition;
+}

package/lib/types/controllers/render-controllers/doc-drawing-update.render-controller.d.ts

@@ -2,30 +2,33 @@ import { DocumentDataModel, Disposable, ICommandService, IContextService, Locale
 import { IDrawingManagerService, IImageIoService } from '@univerjs/drawing';
 import { IMessageService } from '@univerjs/ui';
 import { IDocDrawingService } from '@univerjs/docs-drawing';
-import { DocSkeletonManagerService, TextSelectionManagerService } from '@univerjs/docs';
-import { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import { TextSelectionManagerService } from '@univerjs/docs';
+import { IRenderContext, IRenderManagerService, IRenderModule, ITextSelectionRenderManager } from '@univerjs/engine-render';
 
 export declare class DocDrawingUpdateRenderController extends Disposable implements IRenderModule {
     private readonly _context;
     private readonly _commandService;
     private readonly _textSelectionManagerService;
-    private readonly _docSkeletonManagerService;
-    private readonly _sheetDrawingService;
+    private readonly _renderManagerSrv;
     private readonly _imageIoService;
+    private readonly _docDrawingService;
     private readonly _drawingManagerService;
     private readonly _contextService;
     private readonly _messageService;
     private readonly _localeService;
-    constructor(_context: IRenderContext<DocumentDataModel>, _commandService: ICommandService, _textSelectionManagerService: TextSelectionManagerService, _docSkeletonManagerService: DocSkeletonManagerService, _sheetDrawingService: IDocDrawingService, _imageIoService: IImageIoService, _drawingManagerService: IDrawingManagerService, _contextService: IContextService, _messageService: IMessageService, _localeService: LocaleService);
+    private readonly _textSelectionManager;
+    private readonly _textSelectionRenderManager;
+    constructor(_context: IRenderContext<DocumentDataModel>, _commandService: ICommandService, _textSelectionManagerService: TextSelectionManagerService, _renderManagerSrv: IRenderManagerService, _imageIoService: IImageIoService, _docDrawingService: IDocDrawingService, _drawingManagerService: IDrawingManagerService, _contextService: IContextService, _messageService: IMessageService, _localeService: LocaleService, _textSelectionManager: TextSelectionManagerService, _textSelectionRenderManager: ITextSelectionRenderManager);
     /**
      * Upload image to cell or float image
      */
     private _initCommandListeners;
-    private _insertFloatImage;
+    private _insertFloatImages;
     private _getImagePosition;
     private _updateOrderListener;
     private _updateDrawingListener;
     private _refreshDocSkeleton;
     private _groupDrawingListener;
+    private _getCurrentSceneAndTransformer;
     private _focusDrawingListener;
 }

package/lib/types/index.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 export { UniverDocsDrawingUIPlugin } from './plugin';
-export { DeleteDocDrawingsCommand } from './commands/commands/delete-drawings.command';
+export { DeleteDocDrawingsCommand } from './commands/commands/delete-doc-drawing.command';
 export { GroupDocDrawingCommand } from './commands/commands/group-doc-drawing.command';
 export { InsertDocDrawingCommand } from './commands/commands/insert-doc-drawing.command';
 export { MoveDocDrawingsCommand } from './commands/commands/move-drawings.command';

package/lib/types/locale/vi-VN.d.ts

@@ -0,0 +1,4 @@
+import { default as zhCN } from './zh-CN';
+
+declare const locale: typeof zhCN;
+export default locale;

package/lib/types/locale/zh-CN.d.ts

@@ -30,6 +30,41 @@ declare const locale: {
         crop: string;
         reset: string;
     };
+    'image-text-wrap': {
+        title: string;
+        wrappingStyle: string;
+        square: string;
+        topAndBottom: string;
+        inline: string;
+        behindText: string;
+        inFrontText: string;
+        wrapText: string;
+        bothSide: string;
+        leftOnly: string;
+        rightOnly: string;
+        distanceFromText: string;
+        top: string;
+        left: string;
+        bottom: string;
+        right: string;
+    };
+    'image-position': {
+        title: string;
+        horizontal: string;
+        vertical: string;
+        absolutePosition: string;
+        relativePosition: string;
+        toTheRightOf: string;
+        relativeTo: string;
+        bellow: string;
+        options: string;
+        moveObjectWithText: string;
+        column: string;
+        margin: string;
+        page: string;
+        line: string;
+        paragraph: string;
+    };
     'update-status': {
         exceedMaxSize: string;
         invalidImageType: string;

package/lib/types/locale/zh-TW.d.ts

@@ -0,0 +1,4 @@
+import { default as zhCN } from './zh-CN';
+
+declare const locale: typeof zhCN;
+export default locale;

package/lib/types/views/doc-image-panel/DocDrawingPosition.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IDrawingParam } from '@univerjs/drawing';
+
+export interface IDocDrawingPositionProps {
+    drawings: IDrawingParam[];
+}
+export declare const DocDrawingPosition: (props: IDocDrawingPositionProps) => React.JSX.Element | undefined;

package/lib/types/views/doc-image-panel/DocDrawingTextWrap.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IDrawingParam } from '@univerjs/drawing';
+
+export interface IDocDrawingTextWrapProps {
+    drawings: IDrawingParam[];
+}
+export declare const DocDrawingTextWrap: (props: IDocDrawingTextWrapProps) => React.JSX.Element | null;