@univerjs-pro/sheets-shape-ui 1.0.0-rc.0 → 1.0.0

package/lib/types/controllers/sheets-shape-ui.controller.d.ts

@@ -0,0 +1,126 @@
+import { SheetsShapeService } from '@univerjs-pro/sheets-shape';
+import { Disposable, DrawingTypeEnum, ICommandService, IContextService, IUniverInstanceService, LocaleService } from '@univerjs/core';
+import { IDrawingManagerService } from '@univerjs/drawing';
+import { SheetInterceptorService } from '@univerjs/sheets';
+import { SheetCanvasPopManagerService } from '@univerjs/sheets-ui';
+import { ComponentManager, IMenuManagerService, ISidebarService } from '@univerjs/ui';
+export declare class SheetsShapeUIController extends Disposable {
+    private readonly _univerInstanceService;
+    private readonly _sheetInterceptorService;
+    private _sidebarService;
+    protected readonly _menuManagerService: IMenuManagerService;
+    private _sheetsShapeService;
+    private readonly _localeService;
+    private _componentManager;
+    private readonly _commandService;
+    private _drawingManagerService;
+    private readonly _sheetCanvasPopManagerService;
+    private readonly _contextService;
+    private _sidebarDisposable;
+    private _activeShapeInfo;
+    private _isOpenedShapeEditPanel;
+    constructor(_univerInstanceService: IUniverInstanceService, _sheetInterceptorService: SheetInterceptorService, _sidebarService: ISidebarService, _menuManagerService: IMenuManagerService, _sheetsShapeService: SheetsShapeService, _localeService: LocaleService, _componentManager: ComponentManager, _commandService: ICommandService, _drawingManagerService: IDrawingManagerService, _sheetCanvasPopManagerService: SheetCanvasPopManagerService, _contextService: IContextService);
+    private _initMenu;
+    private _registerShapeMenu;
+    getShapePopupMenus(unitId: string, subUnitId: string, drawingId: string, drawingType: DrawingTypeEnum): ({
+        label: string;
+        index: number;
+        commandId: string;
+        commandParams: {
+            unitId: string;
+            subUnitId: string;
+            drawingId: string;
+            drawings?: undefined;
+            shapeId?: undefined;
+            flipH?: undefined;
+            flipV?: undefined;
+            rotate?: undefined;
+        };
+        disable: boolean;
+    } | {
+        label: string;
+        index: number;
+        commandId: string;
+        commandParams: {
+            unitId: string;
+            drawings: {
+                unitId: string;
+                subUnitId: string;
+                drawingId: string;
+                drawingType: DrawingTypeEnum;
+            }[];
+            subUnitId?: undefined;
+            drawingId?: undefined;
+            shapeId?: undefined;
+            flipH?: undefined;
+            flipV?: undefined;
+            rotate?: undefined;
+        };
+        disable: boolean;
+    } | {
+        label: string;
+        index: number;
+        commandId: string;
+        commandParams: {
+            unitId: string;
+            subUnitId: string;
+            shapeId: string;
+            flipH: boolean;
+            drawingId?: undefined;
+            drawings?: undefined;
+            flipV?: undefined;
+            rotate?: undefined;
+        };
+        disable: boolean;
+    } | {
+        label: string;
+        index: number;
+        commandId: string;
+        commandParams: {
+            unitId: string;
+            subUnitId: string;
+            shapeId: string;
+            flipV: boolean;
+            drawingId?: undefined;
+            drawings?: undefined;
+            flipH?: undefined;
+            rotate?: undefined;
+        };
+        disable: boolean;
+    } | {
+        label: string;
+        index: number;
+        commandId: string;
+        commandParams: {
+            unitId: string;
+            subUnitId: string;
+            shapeId: string;
+            rotate: number;
+            drawingId?: undefined;
+            drawings?: undefined;
+            flipH?: undefined;
+            flipV?: undefined;
+        };
+        disable: boolean;
+    } | {
+        label: string;
+        index: number;
+        commandId: string;
+        commandParams: {
+            unitId: string;
+            subUnitId: string;
+            shapeId: string;
+            drawingId?: undefined;
+            drawings?: undefined;
+            flipH?: undefined;
+            flipV?: undefined;
+            rotate?: undefined;
+        };
+        disable: boolean;
+    })[];
+    private _getShapeInfo;
+    private _registerOperations;
+    private _registerComponent;
+    private _openShapeEditPanel;
+    private _closeShapeEditPanel;
+}

package/lib/types/mobile-plugin.d.ts

@@ -1,19 +1,17 @@
 import type { IUniverSheetsShapeUIConfig } from './config/config';
 import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
-import { IUIPartsService } from '@univerjs/ui';
 export declare class UniverSheetsShapeMobileUIPlugin extends Plugin {
     private readonly _config;
     protected readonly _injector: Injector;
     private readonly _commandService;
     private readonly _configService;
     private readonly _renderManagerService;
-    private readonly _uiPartsService;
     static type: UniverInstanceType;
     static pluginName: string;
     static packageName: string;
     static version: string;
-    constructor(_config: IUniverSheetsShapeUIConfig | undefined, _injector: Injector, _commandService: ICommandService, _configService: IConfigService, _renderManagerService: IRenderManagerService, _uiPartsService: IUIPartsService);
+    constructor(_config: IUniverSheetsShapeUIConfig | undefined, _injector: Injector, _commandService: ICommandService, _configService: IConfigService, _renderManagerService: IRenderManagerService);
     onStarting(): void;
     onReady(): void;
     onRendered(): void;

package/lib/types/view-model/shape-data-model.d.ts

@@ -0,0 +1,6 @@
+import type { HorizontalAlign, IDocumentData, VerticalAlign } from '@univerjs/core';
+export interface IShapeTextModel {
+    va: VerticalAlign;
+    ha: HorizontalAlign;
+    doc: IDocumentData;
+}

package/lib/types/views/ShapeOptions.d.ts

@@ -0,0 +1,30 @@
+import { ShapeFillEnum, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+export declare const shapeFillOptions: {
+    label: string;
+    value: ShapeFillEnum;
+}[];
+export declare const shapeTypeOptions: (ShapeTypeEnum | {
+    type: ShapeTypeEnum;
+    endArrow: boolean;
+    startArrow?: undefined;
+    horizontal?: undefined;
+    vertical?: undefined;
+} | {
+    type: ShapeTypeEnum;
+    endArrow: boolean;
+    startArrow: boolean;
+    horizontal?: undefined;
+    vertical?: undefined;
+} | {
+    type: ShapeTypeEnum;
+    horizontal: boolean;
+    endArrow?: undefined;
+    startArrow?: undefined;
+    vertical?: undefined;
+} | {
+    type: ShapeTypeEnum;
+    vertical: boolean;
+    endArrow?: undefined;
+    startArrow?: undefined;
+    horizontal?: undefined;
+})[];

package/lib/types/views/object-list-panel/MobileSheetDrawingObjectListPanel.d.ts

@@ -0,0 +1 @@
+export declare function MobileSheetDrawingObjectListPanel(): import("react").JSX.Element;

package/lib/types/views/object-list-panel/SheetDrawingObjectListPanel.d.ts

@@ -1 +1,5 @@
-export declare function SheetDrawingObjectListPanel(): import("react").JSX.Element;
+import type { IObjectListPanelBaseProps } from '@univerjs/drawing-ui';
+import type { ComponentType } from 'react';
+export declare function SheetDrawingObjectListPanel({ PanelComponent }: {
+    PanelComponent?: ComponentType<IObjectListPanelBaseProps>;
+}): import("react").JSX.Element;

package/lib/types/views/shape-editor-panel/ShapeLineEditor.d.ts

@@ -0,0 +1,11 @@
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+interface IShapeLineProps {
+    unitId: string;
+    subUnitId: string;
+    shapeId: string;
+    shapeData: IShapeData;
+    isLineShape: boolean;
+    disableShapeOption: boolean;
+}
+export declare function ShapeLineEditor(props: IShapeLineProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/views/shape-editor-panel/index.d.ts

@@ -0,0 +1 @@
+export { ShapeEditPanel } from './ShapeEditorPanel';

package/lib/types/views/shape-text-editor/Editor.d.ts

@@ -0,0 +1,11 @@
+export interface IShapeEditorProps {
+    containerWidth: number;
+    containerHeight: number;
+    scaleX: number;
+    scaleY: number;
+}
+/**
+ * Shape editor component - second layer DOM.
+ * Handles document editing, content height tracking, and vertical alignment.
+ */
+export declare const ShapeEditor: (props: IShapeEditorProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/shape-text-editor/ShapePositionWrapper.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface IShapePositionWrapperProps {
+    children: ReactNode;
+    onPositionUpdate?: (position: {
+        width: number;
+        height: number;
+        scaleX: number;
+        scaleY: number;
+    }) => void;
+}
+/**
+ * Position wrapper component that handles shape positioning in DOM.
+ * This is the first layer DOM that tracks shape position with scroll.
+ */
+export declare const ShapePositionWrapper: import("react").MemoExoticComponent<(props: IShapePositionWrapperProps) => import("react/jsx-runtime").JSX.Element>;

package/lib/types/views/shape-text-editor/hooks/use-shape-position.d.ts

@@ -0,0 +1,37 @@
+import type { IEditingParams } from '../../../services/shape-text-editing.service';
+import type { Nullable } from '@univerjs/core';
+import type { Scene, SpreadsheetSkeleton } from '@univerjs/engine-render';
+export interface IShapePosition {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    angle: number;
+    scaleX: number;
+    scaleY: number;
+}
+export interface IShapePositionResult {
+    position: IShapePosition;
+    updatePosition: () => void;
+}
+/**
+ * Calculate shape position in DOM coordinates.
+ */
+export declare function calcShapePosition(shapeLeft: number, shapeTop: number, shapeWidth: number, shapeHeight: number, shapeAngle: number, scene: Scene, skeleton: SpreadsheetSkeleton): IShapePosition;
+export interface IUseShapePositionOptions {
+    editingParams: Nullable<IEditingParams>;
+    scene: Nullable<Scene>;
+    skeleton: Nullable<SpreadsheetSkeleton>;
+    getShapeTransform: () => Nullable<{
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        angle: number;
+    }>;
+}
+/**
+ * Hook to calculate and track shape position in DOM coordinates.
+ * Handles freeze zones and scroll updates.
+ */
+export declare function useShapePosition(options: IUseShapePositionOptions): IShapePositionResult;

package/lib/types/views/shapes.d.ts

@@ -0,0 +1,58 @@
+import { ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+export declare enum ShapeGroupEnum {
+    Line = "line",
+    Rectangle = "rectangle",
+    BasicShape = "basicShape",
+    BlockArrow = "blockArrow",
+    EquationShape = "equationShape",
+    Flowchart = "flowchart",
+    StarAndBanner = "starAndBanner",
+    Callout = "callout",
+    Other = "other"
+}
+export declare const shapeTypeOptions: ({
+    group: ShapeGroupEnum;
+    type: ShapeTypeEnum;
+    icon: string;
+    name: string;
+    endArrow?: undefined;
+    startArrow?: undefined;
+    horizontal?: undefined;
+    vertical?: undefined;
+} | {
+    group: ShapeGroupEnum;
+    type: ShapeTypeEnum;
+    icon: string;
+    name: string;
+    endArrow: boolean;
+    startArrow?: undefined;
+    horizontal?: undefined;
+    vertical?: undefined;
+} | {
+    group: ShapeGroupEnum;
+    type: ShapeTypeEnum;
+    icon: string;
+    name: string;
+    endArrow: boolean;
+    startArrow: boolean;
+    horizontal?: undefined;
+    vertical?: undefined;
+} | {
+    group: ShapeGroupEnum;
+    type: ShapeTypeEnum;
+    icon: string;
+    name: string;
+    horizontal: boolean;
+    endArrow?: undefined;
+    startArrow?: undefined;
+    vertical?: undefined;
+} | {
+    group: ShapeGroupEnum;
+    type: ShapeTypeEnum;
+    icon: string;
+    name: string;
+    vertical: boolean;
+    endArrow?: undefined;
+    startArrow?: undefined;
+    horizontal?: undefined;
+})[];