@univerjs/sheets-drawing-ui 0.2.2 → 0.2.4-alpha.0

package/lib/index.css

@@ -1 +1 @@
-.univer-upload-loading{position:absolute;height:100%;width:100%;text-align:center;background-color:rgba(var(--color-black),.5);z-index:1000;user-select:none}.univer-upload-loading-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-white));padding:20px 40px;display:flex;align-items:center;justify-items:center;border-radius:var(--border-radius-lg)}.univer-upload-loading-body-animation{width:30px;height:30px;border:2px solid rgb(var(--color-black));border-top-color:transparent;border-radius:100%;animation:univer-UniverCircleAnimation infinite .75s linear}.univer-upload-loading-body-text{font-size:var(--font-size-xs);color:var(--color-black);padding:10px}@keyframes univer-UniverCircleAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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-loading{position:absolute;height:100%;width:100%;text-align:center;background-color:rgba(var(--color-black),.5);z-index:1000;user-select:none}.univer-upload-loading-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-white));padding:20px 40px;display:flex;align-items:center;justify-items:center;border-radius:var(--border-radius-lg)}.univer-upload-loading-body-animation{width:30px;height:30px;border:2px solid rgb(var(--color-black));border-top-color:transparent;border-radius:100%;animation:univer-UniverCircleAnimation infinite .75s linear}.univer-upload-loading-body-text{font-size:var(--font-size-xs);color:var(--color-black);padding:10px}@keyframes univer-UniverCircleAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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

@@ -27,5 +27,15 @@
     "invalidImageType": "Invalid image type",
     "exceedMaxCount": "Only {0} images can be uploaded at a time",
     "invalidImage": "Invalid image"
+  },
+  "sheet-drawing-view": "Drawing",
+  "shortcut": {
+    "sheet": {
+      "drawing-move-down": "Move Drawing down",
+      "drawing-move-up": "Move Drawing up",
+      "drawing-move-left": "Move Drawing left",
+      "drawing-move-right": "Move Drawing right",
+      "drawing-delete": "Delete Drawing"
+    }
   }
 }

package/lib/locale/ru-RU.json

@@ -27,5 +27,15 @@
     "invalidImageType": "Недопустимый тип изображения",
     "exceedMaxCount": "За один раз можно загрузить только {0} изображений",
     "invalidImage": "Недопустимое изображение"
+  },
+  "sheet-drawing-view": "Drawing",
+  "shortcut": {
+    "sheet": {
+      "drawing-move-down": "Move Drawing down",
+      "drawing-move-up": "Move Drawing up",
+      "drawing-move-left": "Move Drawing left",
+      "drawing-move-right": "Move Drawing right",
+      "drawing-delete": "Delete Drawing"
+    }
   }
 }

package/lib/locale/vi-VN.json

@@ -0,0 +1,41 @@
+{
+  "sheetImage": {
+    "title": "Hình ảnh",
+    "upload": {
+      "float": "Hình ảnh nổi",
+      "cell": "Hình ảnh trong ô"
+    },
+    "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"
+  },
+  "drawing-anchor": {
+    "title": "Thuộc tính neo",
+    "both": "Di chuyển và thay đổi kích thước cùng với ô",
+    "position": "Di chuyển nhưng không thay đổi kích thước với ô",
+    "none": "Không di chuyển hoặc thay đổi kích thước với ô"
+  },
+  "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 {0} hình ảnh một lần",
+    "invalidImage": "Hình ảnh không hợp lệ"
+  },
+  "sheet-drawing-view": "Drawing",
+  "shortcut": {
+    "sheet": {
+      "drawing-move-down": "Move Drawing down",
+      "drawing-move-up": "Move Drawing up",
+      "drawing-move-left": "Move Drawing left",
+      "drawing-move-right": "Move Drawing right",
+      "drawing-delete": "Delete Drawing"
+    }
+  }
+}

package/lib/locale/zh-CN.json

@@ -27,5 +27,15 @@
     "invalidImageType": "图片类型错误",
     "exceedMaxCount": "图片只能一次上传{0}张",
     "invalidImage": "无效图片"
+  },
+  "sheet-drawing-view": "绘图",
+  "shortcut": {
+    "sheet": {
+      "drawing-move-down": "下移绘图",
+      "drawing-move-up": "上移绘图",
+      "drawing-move-left": "左移绘图",
+      "drawing-move-right": "下移绘图",
+      "drawing-delete": "删除绘图"
+    }
   }
 }

package/lib/locale/zh-TW.json

@@ -0,0 +1,41 @@
+{
+  "sheetImage": {
+    "title": "圖片",
+    "upload": {
+      "float": "浮動圖片",
+      "cell": "儲存格圖片"
+    },
+    "panel": {
+      "title": "編圖"
+    }
+  },
+  "image-popup": {
+    "replace": "替換",
+    "delete": "刪除",
+    "edit": "編輯",
+    "crop": "裁切",
+    "reset": "重置大小"
+  },
+  "drawing-anchor": {
+    "title": "錨點屬性",
+    "both": "與儲存格一起移動和調整大小",
+    "position": "移動但不調整大小與儲存格",
+    "none": "不要移動或調整大小與單元格"
+  },
+  "update-status": {
+    "exceedMaxSize": "圖片大小超過限制, 限制為{0}M",
+    "invalidImageType": "圖片類型錯誤",
+    "exceedMaxCount": "圖片只能一次上傳{0}張",
+    "invalidImage": "無效圖片"
+  },
+  "sheet-drawing-view": "繪圖",
+  "shortcut": {
+    "sheet": {
+      "drawing-move-down": "下移繪圖",
+      "drawing-move-up": "上移繪圖",
+      "drawing-move-left": "左移繪圖",
+      "drawing-move-right": "下移繪圖",
+      "drawing-delete": "刪除繪圖"
+    }
+  }
+}

package/lib/types/basics/transform-position.d.ts

@@ -1,7 +1,7 @@
 import { Nullable } from '@univerjs/core';
 import { ITransformState } from '@univerjs/drawing';
 import { ISheetDrawingPosition } from '@univerjs/sheets-drawing';
-import { ISelectionRenderService, SheetSkeletonManagerService } from '@univerjs/sheets-ui';
+import { ISheetSelectionRenderService, SheetSkeletonManagerService } from '@univerjs/sheets-ui';
 
-export declare function drawingPositionToTransform(position: ISheetDrawingPosition, selectionRenderService: ISelectionRenderService, sheetSkeletonManagerService: SheetSkeletonManagerService): Nullable<ITransformState>;
-export declare function transformToDrawingPosition(transform: ITransformState, selectionRenderService: ISelectionRenderService): Nullable<ISheetDrawingPosition>;
+export declare function drawingPositionToTransform(position: ISheetDrawingPosition, selectionRenderService: ISheetSelectionRenderService, sheetSkeletonManagerService: SheetSkeletonManagerService): Nullable<ITransformState>;
+export declare function transformToDrawingPosition(transform: ITransformState, selectionRenderService: ISheetSelectionRenderService): Nullable<ISheetDrawingPosition>;

package/lib/types/controllers/drawing-popup-menu.controller.d.ts

@@ -1,5 +1,4 @@
-import { IContextService, IUniverInstanceService, RxDisposable } from '@univerjs/core';
-import { Injector } from '@wendellhu/redi';
+import { IContextService, Injector, IUniverInstanceService, RxDisposable } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { SheetCanvasPopManagerService } from '@univerjs/sheets-ui';
 import { IDrawingManagerService } from '@univerjs/drawing';

package/lib/types/controllers/sheet-drawing-copy-paste.controller.d.ts

@@ -1,15 +1,14 @@
 import { Disposable } from '@univerjs/core';
-import { ISelectionRenderService, ISheetClipboardService } from '@univerjs/sheets-ui';
-import { Injector } from '@wendellhu/redi';
+import { IRenderManagerService } from '@univerjs/engine-render';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
+import { ISheetClipboardService } from '@univerjs/sheets-ui';
 
 export declare class SheetsDrawingCopyPasteController extends Disposable {
     private _sheetClipboardService;
-    private readonly _selectionRenderService;
+    private readonly _renderManagerService;
     private readonly _sheetDrawingService;
-    private _injector;
     private _copyInfo;
-    constructor(_sheetClipboardService: ISheetClipboardService, _selectionRenderService: ISelectionRenderService, _sheetDrawingService: ISheetDrawingService, _injector: Injector);
+    constructor(_sheetClipboardService: ISheetClipboardService, _renderManagerService: IRenderManagerService, _sheetDrawingService: ISheetDrawingService);
     private _initCopyPaste;
     private _collect;
     private _generateMutations;

package/lib/types/controllers/sheet-drawing-transform-affected.controller.d.ts

@@ -1,20 +1,19 @@
-import { Workbook, Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
-import { ISelectionRenderService, SheetSkeletonManagerService } from '@univerjs/sheets-ui';
+import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
 import { IDrawingManagerService } from '@univerjs/drawing';
 import { SheetInterceptorService } from '@univerjs/sheets';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
-import { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import { IRenderManagerService } from '@univerjs/engine-render';
 
-export declare class SheetDrawingTransformAffectedController extends Disposable implements IRenderModule {
-    private readonly _context;
+export declare class SheetDrawingTransformAffectedController extends Disposable {
     private readonly _commandService;
     private readonly _sheetInterceptorService;
+    private readonly _renderManagerService;
     private readonly _sheetDrawingService;
     private readonly _drawingManagerService;
-    private readonly _selectionRenderService;
     private readonly _univerInstanceService;
-    private readonly _sheetSkeletonManagerService;
-    constructor(_context: IRenderContext<Workbook>, _commandService: ICommandService, _sheetInterceptorService: SheetInterceptorService, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _selectionRenderService: ISelectionRenderService, _univerInstanceService: IUniverInstanceService, _sheetSkeletonManagerService: SheetSkeletonManagerService);
+    private get _selectionRenderService();
+    private get _skeletonManagerService();
+    constructor(_commandService: ICommandService, _sheetInterceptorService: SheetInterceptorService, _renderManagerService: IRenderManagerService, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _univerInstanceService: IUniverInstanceService);
     private _init;
     private _sheetInterceptorListener;
     private _getRangeMoveUndo;
@@ -26,7 +25,6 @@ export declare class SheetDrawingTransformAffectedController extends Disposable
     private _getDrawingUndoForRowAndColSize;
     private _getUnitIdAndSubUnitId;
     private _moveRowInterceptor;
-    private _moveRangeInterceptor;
     private _moveColInterceptor;
     private _expandCol;
     private _shrinkCol;

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

@@ -1,17 +1,14 @@
-import { Workbook, Disposable, ICommandService, IContextService, IUniverInstanceService, LocaleService } from '@univerjs/core';
+import { Disposable, ICommandService, IContextService, IUniverInstanceService, LocaleService } from '@univerjs/core';
 import { IDrawingManagerService, IImageIoService } from '@univerjs/drawing';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
-import { SelectionManagerService } from '@univerjs/sheets';
-import { ISelectionRenderService, SheetSkeletonManagerService } from '@univerjs/sheets-ui';
+import { SheetsSelectionsService } from '@univerjs/sheets';
 import { IMessageService } from '@univerjs/ui';
-import { IRenderContext, IRenderModule, IRenderManagerService } from '@univerjs/engine-render';
+import { IRenderManagerService } from '@univerjs/engine-render';
 
-export declare class SheetDrawingUpdateController extends Disposable implements IRenderModule {
-    private readonly _context;
+export declare class SheetDrawingUpdateController extends Disposable {
     private readonly _commandService;
     private readonly _univerInstanceService;
     private readonly _selectionManagerService;
-    private readonly _selectionRenderService;
     private readonly _imageIoService;
     private readonly _sheetDrawingService;
     private readonly _drawingManagerService;
@@ -19,8 +16,9 @@ export declare class SheetDrawingUpdateController extends Disposable implements
     private readonly _messageService;
     private readonly _localeService;
     private readonly _renderManagerService;
-    private readonly _sheetSkeletonManagerService;
-    constructor(_context: IRenderContext<Workbook>, _commandService: ICommandService, _univerInstanceService: IUniverInstanceService, _selectionManagerService: SelectionManagerService, _selectionRenderService: ISelectionRenderService, _imageIoService: IImageIoService, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _contextService: IContextService, _messageService: IMessageService, _localeService: LocaleService, _renderManagerService: IRenderManagerService, _sheetSkeletonManagerService: SheetSkeletonManagerService);
+    private get _selectionRenderService();
+    private get _skeletonManagerService();
+    constructor(_commandService: ICommandService, _univerInstanceService: IUniverInstanceService, _selectionManagerService: SheetsSelectionsService, _imageIoService: IImageIoService, _sheetDrawingService: ISheetDrawingService, _drawingManagerService: IDrawingManagerService, _contextService: IContextService, _messageService: IMessageService, _localeService: LocaleService, _renderManagerService: IRenderManagerService);
     private _init;
     /**
      * Upload image to cell or float image

package/lib/types/controllers/sheet-drawing.controller.d.ts

@@ -1,6 +1,5 @@
-import { DependencyOverride, Disposable, ICommandService } from '@univerjs/core';
+import { DependencyOverride, Disposable, ICommandService, Injector } from '@univerjs/core';
 import { MenuConfig, ComponentManager, IMenuService, IShortcutService } from '@univerjs/ui';
-import { Injector } from '@wendellhu/redi';
 
 export interface IUniverSheetsDrawingConfig {
     menu?: MenuConfig;

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

@@ -43,5 +43,15 @@ declare const locale: {
         exceedMaxCount: string;
         invalidImage: string;
     };
+    'sheet-drawing-view': string;
+    shortcut: {
+        sheet: {
+            'drawing-move-down': string;
+            'drawing-move-up': string;
+            'drawing-move-left': string;
+            'drawing-move-right': string;
+            'drawing-delete': string;
+        };
+    };
 };
 export default locale;

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/plugin.d.ts

@@ -1,5 +1,4 @@
-import { LocaleService, Plugin, UniverInstanceType } from '@univerjs/core';
-import { Injector } from '@wendellhu/redi';
+import { Injector, LocaleService, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { IUniverSheetsDrawingConfig } from './controllers/sheet-drawing.controller';
 
@@ -12,5 +11,7 @@ export declare class UniverSheetsDrawingUIPlugin extends Plugin {
     private _pluginConfig;
     constructor(config: Partial<IUniverSheetsDrawingConfig> | undefined, _injector: Injector, _localeService: LocaleService, _renderManagerService: IRenderManagerService);
     onStarting(_injector: Injector): void;
+    onRendered(): void;
     private _initDependencies;
+    private _registerRenderModules;
 }

package/lib/types/services/canvas-float-dom-manager.service.d.ts

@@ -1,8 +1,7 @@
-import { IPosition, ITransformState, Worksheet, Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { IDisposable, IPosition, ITransformState, Worksheet, Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
 import { IDrawingManagerService } from '@univerjs/drawing';
 import { IBoundRectNoAngle, Scene, SpreadsheetSkeleton, IRenderManagerService } from '@univerjs/engine-render';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
-import { ISelectionRenderService } from '@univerjs/sheets-ui';
 import { CanvasFloatDomService } from '@univerjs/ui';
 
 export interface ICanvasFloatDom {
@@ -23,12 +22,14 @@ export declare function transformBound2DOMBound(originBound: IBoundRectNoAngle,
     right: number;
     bottom: number;
 };
+export interface ISheetCanvasFloatDomHook {
+    onGetFloatDomProps: (id: string) => Record<string, any>;
+}
 export declare class SheetCanvasFloatDomManagerService extends Disposable {
     private _renderManagerService;
     private _univerInstanceService;
     private _commandService;
     private _drawingManagerService;
-    private readonly _selectionRenderService;
     private readonly _canvasFloatDomService;
     private readonly _sheetDrawingService;
     private _domLayerMap;
@@ -44,9 +45,11 @@ export declare class SheetCanvasFloatDomManagerService extends Disposable {
         subUnitId: string;
         id: string;
     }>;
-    constructor(_renderManagerService: IRenderManagerService, _univerInstanceService: IUniverInstanceService, _commandService: ICommandService, _drawingManagerService: IDrawingManagerService, _selectionRenderService: ISelectionRenderService, _canvasFloatDomService: CanvasFloatDomService, _sheetDrawingService: ISheetDrawingService);
+    private _hooks;
+    constructor(_renderManagerService: IRenderManagerService, _univerInstanceService: IUniverInstanceService, _commandService: ICommandService, _drawingManagerService: IDrawingManagerService, _canvasFloatDomService: CanvasFloatDomService, _sheetDrawingService: ISheetDrawingService);
     private _ensureMap;
     private _getSceneAndTransformerByDrawingSearch;
+    private _getFloatDomProps;
     private _drawingAddListener;
     private _scrollUpdateListener;
     private _getPosition;
@@ -57,4 +60,5 @@ export declare class SheetCanvasFloatDomManagerService extends Disposable {
         dispose: () => void;
     } | undefined;
     private _removeDom;
+    addHook(hook: ISheetCanvasFloatDomHook): IDisposable;
 }

package/lib/types/views/menu/image.menu.d.ts

@@ -1,5 +1,5 @@
 import { IMenuItem } from '@univerjs/ui';
-import { IAccessor } from '@wendellhu/redi';
+import { IAccessor } from '@univerjs/core';
 
 export declare const IMAGE_UPLOAD_ICON = "addition-and-subtraction-single";
 export declare function ImageMenuFactory(accessor: IAccessor): IMenuItem;