@univerjs/sheets-drawing-ui 0.4.0-alpha.0 → 0.4.0-alpha.2

package/lib/es/index.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, ICommandService, IUndoRedoService, LocaleService, IUniverInstanceService, useDependency, Inject, Injector, IContextService, RxDisposable, UniverInstanceType, connectInjector, toDisposable, FOCUSING_COMMON_DRAWINGS, Disposable, Direction, FOCUSING_FX_BAR_EDITOR, EDITOR_ACTIVATED, Tools, UserManagerService, IPermissionService, Rectangle, DrawingTypeEnum as DrawingTypeEnum$1, DisposableCollection, generateRandomId, DependentOn, Plugin, registerDependencies, touchDependencies, IConfigService } from "@univerjs/core";
+import { CommandType, ICommandService, IUndoRedoService, LocaleService, IUniverInstanceService, useDependency, Inject, Injector, IContextService, RxDisposable, UniverInstanceType, connectInjector, toDisposable, FOCUSING_COMMON_DRAWINGS, Disposable, Direction, FOCUSING_FX_BAR_EDITOR, EDITOR_ACTIVATED, Tools, UserManagerService, IPermissionService, Rectangle, DisposableCollection, generateRandomId, DependentOn, Plugin, registerDependencies, touchDependencies, IConfigService } from "@univerjs/core";
 import { IDrawingManagerService, IImageIoService, DrawingTypeEnum, ArrangeTypeEnum, DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, ImageUploadStatusType, DRAWING_IMAGE_ALLOW_SIZE, getImageSize, DRAWING_IMAGE_WIDTH_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, getDrawingShapeKeyByDrawingSearch, UniverDrawingPlugin } from "@univerjs/drawing";
 import { ImageCropperObject, COMPONENT_IMAGE_POPUP_MENU, OpenImageCropOperation, ImageResetSizeOperation, DrawingCommonPanel, DrawingRenderService, UniverDrawingUIPlugin } from "@univerjs/drawing-ui";
 import { IRenderManagerService, precisionTo, getGroupState, transformObjectOutOfGroup, RENDER_CLASS_TYPE, Rect, DRAWING_OBJECT_LAYER_INDEX, SHEET_VIEWPORT_KEY } from "@univerjs/engine-render";
@@ -13,7 +13,6 @@ import { takeUntil, combineLatest, map, filter, distinctUntilChanged, Subject, B
 import { getSheetCommandTarget, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, WorkbookViewPermission, WorksheetViewPermission, InsertRowCommand, InsertColCommand, RemoveRowCommand, RemoveColCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, DeltaRowHeightCommand, SetRowHeightCommand, DeltaColumnWidthCommand, SetColWidthCommand, SetRowHiddenCommand, SetSpecificRowsVisibleCommand, SetSpecificColsVisibleCommand, SetColHiddenCommand, MoveColsCommand, MoveRowsCommand, MoveRangeCommand, SetRowVisibleMutation, SetRowHiddenMutation, SetColVisibleMutation, SetColHiddenMutation, SetWorksheetRowHeightMutation, SetWorksheetColWidthMutation, SheetInterceptorService, SetWorksheetActiveOperation, SetFrozenMutation } from "@univerjs/sheets";
 import React, { useEffect, forwardRef, useRef, createElement, useState } from "react";
 import { MessageType, RadioGroup, Radio } from "@univerjs/design";
-import clsx from "clsx";
 const PLUGIN_CONFIG_KEY = "sheets-drawing-ui.config", defaultPluginConfig = {}, ClearSheetDrawingTransformerOperation = {
   id: "sheet.operation.clear-drawing-transformer",
   type: CommandType.MUTATION,
@@ -805,7 +804,23 @@ const imageCommonPanel = "univer-image-common-panel", imageCommonPanelGrid = "un
   imageCommonPanelInput,
   sheetImageMenu,
   sheetImageMenuInput
-}, SheetDrawingAnchor = /* @__PURE__ */ __name((props) => {
+};
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+__name(r, "r");
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+__name(clsx, "clsx");
+const SheetDrawingAnchor = /* @__PURE__ */ __name((props) => {
   var _a11;
   const commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), drawingManagerService = useDependency(IDrawingManagerService), renderManagerService = useDependency(IRenderManagerService), { drawings } = props, drawingParam = drawings[0];
   if (drawingParam == null)
@@ -2213,7 +2228,7 @@ let SheetCanvasFloatDomManagerService = (_a9 = class extends Disposable {
           if (!skeleton)
             return;
           const { transform, drawingType, data } = floatDomParam;
-          if (drawingType !== DrawingTypeEnum$1.DRAWING_DOM)
+          if (drawingType !== DrawingTypeEnum.DRAWING_DOM && drawingType !== DrawingTypeEnum.DRAWING_CHART)
             return;
           const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
           if (renderObject == null)
@@ -2232,7 +2247,9 @@ let SheetCanvasFloatDomManagerService = (_a9 = class extends Disposable {
             width,
             height,
             zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
-          }, rect = new Rect(rectShapeKey, imageConfig);
+          };
+          drawingType === DrawingTypeEnum.DRAWING_CHART && (imageConfig.fill = "white", imageConfig.rotateEnabled = !1);
+          const rect = new Rect(rectShapeKey, imageConfig);
           scene.addObject(rect, DRAWING_OBJECT_LAYER_INDEX), floatDomParam.allowTransform !== !1 && scene.attachTransformerTo(rect);
           const map2 = this._ensureMap(unitId, subUnitId), disposableCollection = new DisposableCollection(), initPosition = calcPosition(rect, renderObject.renderObject, skeleton.skeleton, target.worksheet), position$ = new BehaviorSubject(initPosition), info = {
             dispose: disposableCollection,
@@ -2336,7 +2353,7 @@ let SheetCanvasFloatDomManagerService = (_a9 = class extends Disposable {
       this._drawingManagerService.update$.subscribe((params) => {
         params.forEach((data) => {
           const sheetDrawing = this._drawingManagerService.getDrawingByParam(data);
-          if (!sheetDrawing || sheetDrawing.drawingType !== DrawingTypeEnum$1.DRAWING_DOM)
+          if (!sheetDrawing || sheetDrawing.drawingType !== DrawingTypeEnum.DRAWING_DOM && sheetDrawing.drawingType !== DrawingTypeEnum.DRAWING_CHART)
             return;
           const newValue = {
             ...sheetDrawing.transform
@@ -2370,7 +2387,7 @@ let SheetCanvasFloatDomManagerService = (_a9 = class extends Disposable {
       unitId,
       subUnitId,
       drawingId: id,
-      drawingType: DrawingTypeEnum$1.DRAWING_DOM,
+      drawingType: layer.type || DrawingTypeEnum.DRAWING_DOM,
       componentKey,
       sheetTransform,
       transform: {

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

@@ -1,6 +1,6 @@
 import { IDisposable, IPosition, ITransformState, Serializable, Worksheet, Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
 import { IBoundRectNoAngle, Scene, SpreadsheetSkeleton, IRenderManagerService } from '@univerjs/engine-render';
-import { IDrawingManagerService } from '@univerjs/drawing';
+import { DrawingTypeEnum, IDrawingManagerService } from '@univerjs/drawing';
 import { ISheetDrawingService } from '@univerjs/sheets-drawing';
 import { CanvasFloatDomService } from '@univerjs/ui';
 export interface ICanvasFloatDom {
@@ -29,6 +29,10 @@ export interface ICanvasFloatDom {
      * data of component, will save to snapshot, json-like data
      */
     data?: Serializable;
+    /**
+     * the float-dom type
+     */
+    type?: DrawingTypeEnum;
 }
 export declare function transformBound2DOMBound(originBound: IBoundRectNoAngle, scene: Scene, skeleton: SpreadsheetSkeleton, worksheet: Worksheet): {
     absolute: {