@univerjs/drawing-ui 0.1.13

package/lib/index.css

@@ -0,0 +1 @@
+.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-image-popup-menu{display:grid;gap:var(--margin-xxs);align-items:center;box-sizing:border-box;margin-top:0;margin-bottom:0;padding:var(--padding-sm);font-size:var(--font-size-base);background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.univer-image-popup-menu li{list-style:none}.univer-image-popup-menu-item{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;font-size:var(--font-size-base);font-style:normal;line-height:20px;text-align:left;border-radius:4px;border-radius:var(--border-radius-base);transition:background .2s}.univer-image-popup-menu-item:hover{background-color:rgb(var(--bg-color-hover))}.univer-image-popup-menu-item-icon{position:absolute;top:50%;left:var(--padding-xs);transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.univer-image-popup-menu-item-title{padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;vertical-align:middle}.univer-image-popup-menu-item-hide{color:rgb(var(--text-color-secondary))}.univer-image-popup-menu-item:hover{background:rgb(var(--grey-100))}.univer-btn-container{display:flex;align-items:center;justify-content:center;padding:3px;background:#fff;border:1px solid rgb(var(--grey-200, #e5e5e5));border-radius:4px}.univer-btn-container:hover,.univer-btn-container.univer-btn-container-expand{background:rgb(var(--grey-100, #f5f5f5))}

package/lib/locale/en-US.json

@@ -0,0 +1,54 @@
+{
+  "image-popup": {
+    "replace": "Replace",
+    "delete": "Delete",
+    "edit": "Edit",
+    "crop": "Crop",
+    "reset": "Reset Size"
+  },
+  "image-cropper": {
+    "error": "Cannot crop non-image objects."
+  },
+  "image-panel": {
+    "arrange": {
+      "title": "Arrange",
+      "forward": "Bring Forward",
+      "backward": "Send Backward",
+      "front": "Bring to Front",
+      "back": "Send to Back"
+    },
+    "transform": {
+      "title": "Transform",
+      "rotate": "Rotate (°)",
+      "x": "X (px)",
+      "y": "Y (px)",
+      "width": "Width (px)",
+      "height": "Height (px)",
+      "lock": "Lock Ratio (%)"
+    },
+    "crop": {
+      "title": "Crop",
+      "start": "Start Crop",
+      "mode": "Free"
+    },
+    "group": {
+      "title": "Group",
+      "group": "Group",
+      "reGroup": "Regroup",
+      "unGroup": "Ungroup"
+    },
+    "align": {
+      "title": "Align",
+      "default": "Select Align Type",
+      "left": "Align Left",
+      "center": "Align Center",
+      "right": "Align Right",
+      "top": "Align Top",
+      "middle": "Align Middle",
+      "bottom": "Align Bottom",
+      "horizon": "Distribute Horizontally ",
+      "vertical": "Distribute Vertically "
+    },
+    "null": "No Object Selection"
+  }
+}

package/lib/locale/ru-RU.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 (пкс)",
+      "y": "Y (пкс)",
+      "width": "Ширина (пкс)",
+      "height": "Высота (пкс)",
+      "lock": "Заблокировать пропорции (%)"
+    },
+    "crop": {
+      "title": "Обрезка",
+      "start": "Начать обрезку",
+      "mode": "Свободный"
+    },
+    "group": {
+      "title": "Группировка",
+      "group": "Сгруппировать",
+      "reGroup": "Перегруппировать",
+      "unGroup": "Разгруппировать"
+    },
+    "align": {
+      "title": "Выравнивание",
+      "default": "Выберите тип выравнивания",
+      "left": "Выровнять по левому краю",
+      "center": "Выровнять по центру",
+      "right": "Выровнять по правому краю",
+      "top": "Выровнять по верхнему краю",
+      "middle": "Выровнять посередине",
+      "bottom": "Выровнять по нижнему краю",
+      "horizon": "Распределить горизонтально",
+      "vertical": "Распределить вертикально"
+    },
+    "null": "Нет выбранных объектов"
+  }
+}

package/lib/locale/zh-CN.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/commands/operations/drawing-align.operation.d.ts

@@ -0,0 +1,17 @@
+import { IOperation } from '@univerjs/core';
+
+export declare enum AlignType {
+    default = "0",
+    left = "1",
+    center = "2",
+    right = "3",
+    top = "4",
+    middle = "5",
+    bottom = "6",
+    horizon = "7",
+    vertical = "8"
+}
+export interface ISetDrawingAlignOperationParams {
+    alignType: AlignType;
+}
+export declare const SetDrawingAlignOperation: IOperation<ISetDrawingAlignOperationParams>;

package/lib/types/commands/operations/image-crop.operation.d.ts

@@ -0,0 +1,22 @@
+import { IDrawingSearch, IOperation } from '@univerjs/core';
+
+export declare const OpenImageCropOperation: IOperation<IDrawingSearch>;
+export declare const CloseImageCropOperation: IOperation<{
+    isAuto?: boolean;
+}>;
+export declare enum CropType {
+    FREE = "0",
+    R1_1 = "1",
+    R16_9 = "2",
+    R9_16 = "3",
+    R5_4 = "4",
+    R4_5 = "5",
+    R4_3 = "6",
+    R3_4 = "7",
+    R3_2 = "8",
+    R2_3 = "9"
+}
+export interface IOpenImageCropOperationBySrcRectParams {
+    cropType: CropType;
+}
+export declare const AutoImageCropOperation: IOperation<IOpenImageCropOperationBySrcRectParams>;

package/lib/types/commands/operations/image-reset-size.operation.d.ts

@@ -0,0 +1,3 @@
+import { IDrawingSearch, IOperation } from '@univerjs/core';
+
+export declare const ImageResetSizeOperation: IOperation<IDrawingSearch[]>;

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

@@ -0,0 +1,16 @@
+import { Disposable, ICommandService, LocaleService } from '@univerjs/core';
+import { ComponentManager, IMenuService } from '@univerjs/ui';
+import { Injector } from '@wendellhu/redi';
+
+export declare class DrawingUIController extends Disposable {
+    private readonly _injector;
+    private readonly _componentManager;
+    private readonly _menuService;
+    private readonly _commandService;
+    private readonly _localeService;
+    constructor(_injector: Injector, _componentManager: ComponentManager, _menuService: IMenuService, _commandService: ICommandService, _localeService: LocaleService);
+    private _initCustomComponents;
+    private _initMenus;
+    private _initCommands;
+    private _init;
+}

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

@@ -0,0 +1,35 @@
+import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { IDrawingManagerService } from '@univerjs/drawing';
+
+export declare class DrawingUpdateController extends Disposable {
+    private readonly _currentUniverService;
+    private readonly _commandService;
+    private readonly _renderManagerService;
+    private readonly _drawingManagerService;
+    constructor(_currentUniverService: IUniverInstanceService, _commandService: ICommandService, _renderManagerService: IRenderManagerService, _drawingManagerService: IDrawingManagerService);
+    dispose(): void;
+    private _initialize;
+    private _recoveryImages;
+    private _commandExecutedListener;
+    private _drawingGroupListener;
+    private _getSceneAndTransformerByDrawingSearch;
+    private _groupDrawings;
+    private _groupDrawing;
+    private _ungroupDrawings;
+    private _ungroupDrawing;
+    private _drawingAlign;
+    private _applyAlignType;
+    private _sortDrawingTransform;
+    private _drawingArrangeListener;
+    private _drawingArrange;
+    private _sceneListenerOnDrawingMap;
+    private _drawingAddListener;
+    private _insertDrawing;
+    private _drawingRemoveListener;
+    private _drawingUpdateListener;
+    private _drawingRefreshListener;
+    private _drawingVisibleListener;
+    private _filterUpdateParams;
+    private _addListenerOnDrawing;
+}

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

@@ -0,0 +1,27 @@
+import { Disposable, ICommandService, IUniverInstanceService, LocaleService } from '@univerjs/core';
+import { IDrawingManagerService } from '@univerjs/drawing';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { IMessageService } from '@univerjs/ui';
+
+export declare class ImageCropperController extends Disposable {
+    private readonly _commandService;
+    private readonly _drawingManagerService;
+    private readonly _renderManagerService;
+    private _univerInstanceService;
+    private readonly _messageService;
+    private readonly _localeService;
+    private _sceneListenerOnImageMap;
+    constructor(_commandService: ICommandService, _drawingManagerService: IDrawingManagerService, _renderManagerService: IRenderManagerService, _univerInstanceService: IUniverInstanceService, _messageService: IMessageService, _localeService: LocaleService);
+    private _init;
+    private _initAutoCrop;
+    private _calculateSrcRectByRatio;
+    private _updateCropperObject;
+    private _initOpenCrop;
+    private _searchCropObject;
+    private _initCloseCrop;
+    private _getApplyObjectByCropObject;
+    private _addListenerOnImage;
+    private _addHoverForImageCopper;
+    private _endCropListener;
+    private _getSrcRectByTransformState;
+}

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

@@ -0,0 +1,26 @@
+import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { IDrawingManagerService, IImageIoService } from '@univerjs/drawing';
+import { IDialogService } from '@univerjs/ui';
+
+export declare class ImageUpdateController extends Disposable {
+    private readonly _commandService;
+    private readonly _renderManagerService;
+    private readonly _drawingManagerService;
+    private readonly _dialogService;
+    private readonly _imageIoService;
+    private readonly _currentUniverService;
+    constructor(_commandService: ICommandService, _renderManagerService: IRenderManagerService, _drawingManagerService: IDrawingManagerService, _dialogService: IDialogService, _imageIoService: IImageIoService, _currentUniverService: IUniverInstanceService);
+    dispose(): void;
+    private _initialize;
+    private _recoveryImages;
+    private _commandExecutedListener;
+    private _getSceneAndTransformerByDrawingSearch;
+    private _resetImageSize;
+    private _drawingAddListener;
+    private _insertImages;
+    private _imageUpdateListener;
+    private _addHoverForImage;
+    private _addDialogForImage;
+    private _adjustImageSize;
+}

package/lib/types/controllers/utils.d.ts

@@ -0,0 +1,9 @@
+import { IUniverInstanceService, Nullable } from '@univerjs/core';
+import { IDrawingManagerService, IDrawingSearch } from '@univerjs/drawing';
+import { BaseObject, Scene } from '@univerjs/engine-render';
+
+export declare function insertGroupObject(objectParam: IDrawingSearch, object: BaseObject, scene: Scene, drawingManagerService: IDrawingManagerService): void;
+export declare function getCurrentUnitInfo(currentUniverService: IUniverInstanceService): {
+    unitId: string;
+    subUnitId: Nullable<string>;
+} | undefined;

package/lib/types/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { getUpdateParams } from './utils/get-update-params';
+export { ImageResetSizeOperation } from './commands/operations/image-reset-size.operation';
+export { CloseImageCropOperation, OpenImageCropOperation } from './commands/operations/image-crop.operation';
+export { DrawingCommonPanel } from './views/panel/DrawingCommonPanel';
+export { ImagePopupMenu } from './views/image-popup-menu/ImagePopupMenu';
+export { COMPONENT_IMAGE_POPUP_MENU } from './views/image-popup-menu/component-name';
+export { UniverDrawingUIPlugin } from './plugin';
+export { ImageCropperObject } from './views/crop/image-cropper-object';

package/lib/types/locale/en-US.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/ru-RU.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

@@ -0,0 +1,70 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const locale: {
+    'image-popup': {
+        replace: string;
+        delete: string;
+        edit: string;
+        crop: string;
+        reset: string;
+    };
+    'image-cropper': {
+        error: string;
+    };
+    'image-panel': {
+        arrange: {
+            title: string;
+            forward: string;
+            backward: string;
+            front: string;
+            back: string;
+        };
+        transform: {
+            title: string;
+            rotate: string;
+            x: string;
+            y: string;
+            width: string;
+            height: string;
+            lock: string;
+        };
+        crop: {
+            title: string;
+            start: string;
+            mode: string;
+        };
+        group: {
+            title: string;
+            group: string;
+            reGroup: string;
+            unGroup: string;
+        };
+        align: {
+            title: string;
+            default: string;
+            left: string;
+            center: string;
+            right: string;
+            top: string;
+            middle: string;
+            bottom: string;
+            horizon: string;
+            vertical: string;
+        };
+        null: string;
+    };
+};
+export default locale;

package/lib/types/plugin.d.ts

@@ -0,0 +1,11 @@
+import { LocaleService, Plugin } from '@univerjs/core';
+import { Injector } from '@wendellhu/redi';
+
+export declare class UniverDrawingUIPlugin extends Plugin {
+    protected _injector: Injector;
+    private readonly _localeService;
+    static pluginName: string;
+    constructor(config: undefined, _injector: Injector, _localeService: LocaleService);
+    onStarting(_injector: Injector): void;
+    private _initDependencies;
+}

package/lib/types/utils/config.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const MIN_DRAWING_WIDTH_LIMIT = 20;
+export declare const MIN_DRAWING_HEIGHT_LIMIT = 20;
+export declare const RANGE_DRAWING_ROTATION_LIMIT: number[];

package/lib/types/utils/get-update-params.d.ts

@@ -0,0 +1,5 @@
+import { Nullable } from '@univerjs/core';
+import { IDrawingManagerService, IDrawingParam } from '@univerjs/drawing';
+import { BaseObject } from '@univerjs/engine-render';
+
+export declare function getUpdateParams(objects: Map<string, BaseObject>, drawingManagerService: IDrawingManagerService): Nullable<IDrawingParam>[];

package/lib/types/views/crop/image-cropper-object.d.ts

@@ -0,0 +1,34 @@
+import { ISrcRect, ITransformState, Nullable, PresetGeometryType } from '@univerjs/core';
+import { IShapeProps, IViewportInfo, UniverRenderingContext, Vector2, Shape } from '@univerjs/engine-render';
+
+export interface IImageCropperObjectProps extends IShapeProps {
+    /**
+     * 20.1.8.55 srcRect (Source Rectangle)
+     */
+    srcRect?: Nullable<ISrcRect>;
+    /**
+     * 20.1.9.18 prstGeom (Preset geometry)
+     */
+    prstGeom?: Nullable<PresetGeometryType>;
+    applyTransform?: ITransformState;
+    dragPadding?: number;
+}
+export declare class ImageCropperObject<T extends IImageCropperObjectProps = IImageCropperObjectProps> extends Shape<T> {
+    private _srcRect;
+    private _prstGeom;
+    private _applyTransform;
+    private _dragPadding;
+    private _cacheCanvas;
+    constructor(key?: string, props?: T);
+    refreshSrcRect(value: Nullable<ISrcRect>, transform: Nullable<ITransformState>): void;
+    get srcRect(): Nullable<ISrcRect>;
+    dispose(): void;
+    isHit(coord: Vector2): boolean;
+    private _inSurround;
+    render(mainCtx: UniverRenderingContext, bounds?: IViewportInfo): this;
+    protected _draw(ctx: UniverRenderingContext): void;
+    private _clipForApplyObject;
+    private _applyProps;
+    private _applyCache;
+    private _initialCacheCanvas;
+}

package/lib/types/views/image-popup-menu/ImagePopupMenu.d.ts

@@ -0,0 +1,19 @@
+import { IDrawingSearch } from '@univerjs/core';
+import { default as React } from 'react';
+
+export interface IImagePopupMenuItem {
+    label: string;
+    index: number;
+    commandId: string;
+    commandParams?: IDrawingSearch[];
+    disable: boolean;
+}
+export interface IImagePopupMenuExtraProps {
+    menuItems: IImagePopupMenuItem[];
+}
+export interface IImagePopupMenuProps {
+    popup: {
+        extraProps?: IImagePopupMenuExtraProps;
+    };
+}
+export declare const ImagePopupMenu: React.FC<IImagePopupMenuProps>;

package/lib/types/views/image-popup-menu/component-name.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const COMPONENT_IMAGE_POPUP_MENU = "COMPONENT_IMAGE_POPUP_MENU";

package/lib/types/views/image-viewer/ImageViewer.d.ts

@@ -0,0 +1,7 @@
+import { Nullable } from '@univerjs/core';
+import { default as React } from 'react';
+
+export interface IImageViewerProps {
+    src: Nullable<string>;
+}
+export declare const ImageViewer: React.FC<IImageViewerProps>;

package/lib/types/views/image-viewer/component-name.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const COMPONENT_IMAGE_VIEWER = "COMPONENT_IMAGE_VIEWER";

package/lib/types/views/panel/DrawingAlign.d.ts

@@ -0,0 +1,8 @@
+import { IDrawingParam } from '@univerjs/core';
+import { default as React } from 'react';
+
+export interface IDrawingAlignProps {
+    drawings: IDrawingParam[];
+    alignShow: boolean;
+}
+export declare const DrawingAlign: (props: IDrawingAlignProps) => React.JSX.Element;

package/lib/types/views/panel/DrawingArrange.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IDrawingParam } from '@univerjs/drawing';
+
+export interface IDrawingArrangeProps {
+    arrangeShow: boolean;
+    drawings: IDrawingParam[];
+}
+export declare const DrawingArrange: (props: IDrawingArrangeProps) => React.JSX.Element;

package/lib/types/views/panel/DrawingCommonPanel.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { IDrawingParam } from '@univerjs/drawing';
+
+export interface IDrawingCommonPanelProps {
+    drawings: IDrawingParam[];
+    hasArrange?: boolean;
+    hasTransform?: boolean;
+    hasAlign?: boolean;
+    hasCropper?: boolean;
+    hasGroup?: boolean;
+}
+export declare const DrawingCommonPanel: (props: IDrawingCommonPanelProps) => React.JSX.Element | undefined;

package/lib/types/views/panel/DrawingGroup.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IDrawingParam } from '@univerjs/drawing';
+
+export interface IDrawingGroupProps {
+    drawings: IDrawingParam[];
+    hasGroup: boolean;
+}
+export declare const DrawingGroup: (props: IDrawingGroupProps) => React.JSX.Element;

package/lib/types/views/panel/DrawingTransform.d.ts

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

package/lib/types/views/panel/ImageCropper.d.ts

@@ -0,0 +1,8 @@
+import { IDrawingParam } from '@univerjs/core';
+import { default as React } from 'react';
+
+export interface IImageCropperProps {
+    drawings: IDrawingParam[];
+    cropperShow: boolean;
+}
+export declare const ImageCropper: (props: IImageCropperProps) => React.JSX.Element | undefined;