@univerjs/drawing-ui 0.3.0 → 0.4.0-alpha.0

package/lib/es/index.js

@@ -4,7 +4,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
 import { getDrawingShapeKeyByDrawingSearch, DrawingTypeEnum, ImageSourceType, IDrawingManagerService, IImageIoService, ArrangeTypeEnum } from "@univerjs/drawing";
 import { Group, DRAWING_OBJECT_LAYER_INDEX, Image, IRenderManagerService, getGroupState, transformObjectOutOfGroup, RENDER_CLASS_TYPE, Shape, Rect, Canvas, precisionTo, CURSOR_TYPE, Vector2, degToRad } from "@univerjs/engine-render";
-import { UniverInstanceType, useDependency, LocaleService, debounce, CommandType, ICommandService, Tools, OnLifecycle, LifecycleStages, Disposable, checkIfMove, toDisposable, IUniverInstanceService, Inject, Injector, Plugin, IConfigService } from "@univerjs/core";
+import { UniverInstanceType, useDependency, LocaleService, debounce, CommandType, ICommandService, Tools, Inject, Disposable, checkIfMove, toDisposable, IUniverInstanceService, Injector, Plugin, IConfigService } from "@univerjs/core";
 import React, { forwardRef, useRef, createElement, useState, useEffect } from "react";
 import { Button, InputNumber, Checkbox, Select, Dropdown, MessageType } from "@univerjs/design";
 import clsx from "clsx";
@@ -753,13 +753,50 @@ const AutoImageCropOperation = {
       )
     )
   );
-}, "ImagePopupMenu"), COMPONENT_IMAGE_POPUP_MENU = "COMPONENT_IMAGE_POPUP_MENU";
+}, "ImagePopupMenu"), COMPONENT_IMAGE_POPUP_MENU = "COMPONENT_IMAGE_POPUP_MENU", PLUGIN_CONFIG_KEY = "drawing-ui.config", defaultPluginConfig = {}, ImageResetSizeOperation = {
+  id: "sheet.operation.image-reset-size",
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name((accessor, params) => !0, "handler")
+}, COMPONENT_IMAGE_VIEWER = "COMPONENT_IMAGE_VIEWER", ImageViewer = /* @__PURE__ */ __name((props) => {
+  const { src } = props;
+  return src ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("img", { src, alt: "Univer Image Viewer", style: { width: "100%", height: "100%", position: "relative" } })) : null;
+}, "ImageViewer");
 var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$4(target, key, result), result;
 }, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a2;
-let DrawingUpdateController = (_a2 = class extends Disposable {
+let DrawingUIController = (_a2 = class extends Disposable {
+  constructor(_componentManager, _commandService) {
+    super(), this._componentManager = _componentManager, this._commandService = _commandService, this._init();
+  }
+  _initCustomComponents() {
+    const componentManager = this._componentManager;
+    this.disposeWithMe(componentManager.register(COMPONENT_IMAGE_POPUP_MENU, ImagePopupMenu)), this.disposeWithMe(componentManager.register(COMPONENT_IMAGE_VIEWER, ImageViewer));
+  }
+  _initCommands() {
+    [
+      OpenImageCropOperation,
+      CloseImageCropOperation,
+      ImageResetSizeOperation,
+      SetDrawingAlignOperation,
+      AutoImageCropOperation
+    ].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents();
+  }
+}, __name(_a2, "DrawingUIController"), _a2);
+DrawingUIController = __decorateClass$4([
+  __decorateParam$4(0, Inject(ComponentManager)),
+  __decorateParam$4(1, ICommandService)
+], DrawingUIController);
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a3;
+let DrawingUpdateController = (_a3 = class extends Disposable {
   constructor(_currentUniverService, _commandService, _renderManagerService, _drawingManagerService) {
     super();
     __publicField(this, "_sceneListenerOnDrawingMap", /* @__PURE__ */ new WeakSet());
@@ -1052,13 +1089,13 @@ let DrawingUpdateController = (_a2 = class extends Disposable {
   _insertDrawing(params) {
     const sceneList = [];
     params.forEach((param) => {
-      const { unitId, subUnitId, drawingId } = param;
+      const { unitId } = param;
       if (this._drawingManagerService.getDrawingByParam(param) == null)
         return;
       const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
       if (renderObject == null)
         return;
-      const { scene, transformer } = renderObject;
+      const { scene } = renderObject;
       sceneList.includes(scene) || sceneList.push(scene);
     }), sceneList.forEach((scene) => {
       this._sceneListenerOnDrawingMap.has(scene) || (this._addListenerOnDrawing(scene), this._sceneListenerOnDrawingMap.add(scene));
@@ -1199,53 +1236,13 @@ let DrawingUpdateController = (_a2 = class extends Disposable {
       )
     );
   }
-}, __name(_a2, "DrawingUpdateController"), _a2);
-DrawingUpdateController = __decorateClass$4([
-  OnLifecycle(LifecycleStages.Rendered, DrawingUpdateController),
-  __decorateParam$4(0, IUniverInstanceService),
-  __decorateParam$4(1, ICommandService),
-  __decorateParam$4(2, IRenderManagerService),
-  __decorateParam$4(3, IDrawingManagerService)
+}, __name(_a3, "DrawingUpdateController"), _a3);
+DrawingUpdateController = __decorateClass$3([
+  __decorateParam$3(0, IUniverInstanceService),
+  __decorateParam$3(1, ICommandService),
+  __decorateParam$3(2, IRenderManagerService),
+  __decorateParam$3(3, IDrawingManagerService)
 ], DrawingUpdateController);
-const ImageViewer = /* @__PURE__ */ __name((props) => {
-  const { src } = props;
-  return src ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("img", { src, alt: "Univer Image Viewer", style: { width: "100%", height: "100%", position: "relative" } })) : null;
-}, "ImageViewer"), COMPONENT_IMAGE_VIEWER = "COMPONENT_IMAGE_VIEWER", ImageResetSizeOperation = {
-  id: "sheet.operation.image-reset-size",
-  type: CommandType.OPERATION,
-  handler: /* @__PURE__ */ __name((accessor, params) => !0, "handler")
-};
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a3;
-let DrawingUIController = (_a3 = class extends Disposable {
-  constructor(_componentManager, _commandService) {
-    super(), this._componentManager = _componentManager, this._commandService = _commandService, this._init();
-  }
-  _initCustomComponents() {
-    const componentManager = this._componentManager;
-    this.disposeWithMe(componentManager.register(COMPONENT_IMAGE_POPUP_MENU, ImagePopupMenu)), this.disposeWithMe(componentManager.register(COMPONENT_IMAGE_VIEWER, ImageViewer));
-  }
-  _initCommands() {
-    [
-      OpenImageCropOperation,
-      CloseImageCropOperation,
-      ImageResetSizeOperation,
-      SetDrawingAlignOperation,
-      AutoImageCropOperation
-    ].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
-  }
-  _init() {
-    this._initCommands(), this._initCustomComponents();
-  }
-}, __name(_a3, "DrawingUIController"), _a3);
-DrawingUIController = __decorateClass$3([
-  OnLifecycle(LifecycleStages.Rendered, DrawingUIController),
-  __decorateParam$3(0, Inject(ComponentManager)),
-  __decorateParam$3(1, ICommandService)
-], DrawingUIController);
 const _ImageCropperObject = class _ImageCropperObject extends Shape {
   constructor(key, props) {
     props == null && (props = {}), props.transformerConfig = {
@@ -1599,7 +1596,6 @@ let ImageCropperController = (_a4 = class extends Disposable {
   }
 }, __name(_a4, "ImageCropperController"), _a4);
 ImageCropperController = __decorateClass$2([
-  OnLifecycle(LifecycleStages.Rendered, ImageCropperController),
   __decorateParam$2(0, ICommandService),
   __decorateParam$2(1, IDrawingManagerService),
   __decorateParam$2(2, IRenderManagerService),
@@ -1780,7 +1776,6 @@ let ImageUpdateController = (_a5 = class extends Disposable {
   }
 }, __name(_a5, "ImageUpdateController"), _a5);
 ImageUpdateController = __decorateClass$1([
-  OnLifecycle(LifecycleStages.Rendered, ImageUpdateController),
   __decorateParam$1(0, ICommandService),
   __decorateParam$1(1, IRenderManagerService),
   __decorateParam$1(2, IDrawingManagerService),
@@ -1789,7 +1784,6 @@ ImageUpdateController = __decorateClass$1([
   __decorateParam$1(5, IUniverInstanceService),
   __decorateParam$1(6, Inject(DrawingRenderService))
 ], ImageUpdateController);
-const PLUGIN_CONFIG_KEY = "drawing-ui.config", defaultPluginConfig = {};
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -1806,11 +1800,12 @@ let UniverDrawingUIPlugin = (_a6 = class extends Plugin {
   onStarting() {
     this._initDependencies();
   }
+  onRendered() {
+    this._injector.get(DrawingUpdateController), this._injector.get(DrawingUIController), this._injector.get(ImageCropperController), this._injector.get(ImageUpdateController);
+  }
   _initDependencies() {
     [
-      // services
       [DrawingRenderService],
-      // controllers
       [DrawingUpdateController],
       [DrawingUIController],
       [ImageCropperController],

package/lib/locale/fa-IR.json

@@ -0,0 +1,54 @@
+{
+  "image-popup": {
+    "replace": "تعویض",
+    "delete": "حذف",
+    "edit": "ویرایش",
+    "crop": "کراپ",
+    "reset": "بازنشانی اندازه"
+  },
+  "image-cropper": {
+    "error": "کراپ کردن اشیاء غیرتصویری امکان‌پذیر نیست."
+  },
+  "image-panel": {
+    "arrange": {
+      "title": "ترتیب‌دهی",
+      "forward": "آوردن به جلو",
+      "backward": "فرستادن به عقب",
+      "front": "آوردن به جلوی همه",
+      "back": "فرستادن به پشت همه"
+    },
+    "transform": {
+      "title": "تبدیل",
+      "rotate": "چرخش (°)",
+      "x": "X (px)",
+      "y": "Y (px)",
+      "width": "عرض (px)",
+      "height": "ارتفاع (px)",
+      "lock": "قفل نسبت (%)"
+    },
+    "crop": {
+      "title": "کراپ",
+      "start": "شروع کراپ",
+      "mode": "آزاد"
+    },
+    "group": {
+      "title": "گروه",
+      "group": "گروه‌بندی",
+      "reGroup": "گروه‌بندی مجدد",
+      "unGroup": "لغو گروه‌بندی"
+    },
+    "align": {
+      "title": "تراز",
+      "default": "انتخاب نوع تراز",
+      "left": "تراز چپ",
+      "center": "تراز وسط",
+      "right": "تراز راست",
+      "top": "تراز بالا",
+      "middle": "تراز وسط",
+      "bottom": "تراز پایین",
+      "horizon": "توزیع افقی",
+      "vertical": "توزیع عمودی"
+    },
+    "null": "هیچ شیئی انتخاب نشده است"
+  }
+}

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

@@ -1,6 +1,6 @@
 import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
-import { IRenderManagerService } from '@univerjs/engine-render';
 import { IDrawingManagerService } from '@univerjs/drawing';
+import { IRenderManagerService } from '@univerjs/engine-render';
 export declare class DrawingUpdateController extends Disposable {
     private readonly _currentUniverService;
     private readonly _commandService;

package/lib/types/controllers/image-update.controller.d.ts

@@ -1,6 +1,6 @@
 import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
-import { IRenderManagerService } from '@univerjs/engine-render';
 import { IDrawingManagerService, IImageIoService } from '@univerjs/drawing';
+import { IRenderManagerService } from '@univerjs/engine-render';
 import { IDialogService } from '@univerjs/ui';
 import { DrawingRenderService } from '../services/drawing-render.service';
 export declare class ImageUpdateController extends Disposable {

package/lib/types/locale/fa-IR.d.ts

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

package/lib/types/plugin.d.ts

@@ -1,5 +1,5 @@
-import { IConfigService, Injector, Plugin } from '@univerjs/core';
 import { IUniverDrawingUIConfig } from './controllers/config.schema';
+import { IConfigService, Injector, Plugin } from '@univerjs/core';
 export declare class UniverDrawingUIPlugin extends Plugin {
     private readonly _config;
     protected _injector: Injector;
@@ -7,5 +7,6 @@ export declare class UniverDrawingUIPlugin extends Plugin {
     static pluginName: string;
     constructor(_config: Partial<IUniverDrawingUIConfig> | undefined, _injector: Injector, _configService: IConfigService);
     onStarting(): void;
+    onRendered(): void;
     private _initDependencies;
 }