@univerjs-pro/sheets-shape-ui 0.15.3-insiders.20260131-cbd5fac

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

@@ -0,0 +1,111 @@
+import { SheetsShapeServices } 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 _sheetsShapeServices;
+    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, _sheetsShapeServices: SheetsShapeServices, _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;
+    })[];
+    private _getShapeInfo;
+    private _registerOperations;
+    private _registerComponent;
+    private _openShapeEditPanel;
+    private _closeShapeEditPanel;
+}

package/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { IUniverSheetsShapeUIConfig } from './controllers/config.schema';
+export { SheetsShapeUIController } from './controllers/sheets-shape-ui.controller';
+export { UniverSheetsShapeUIPlugin } from './plugin';

package/lib/types/locale/ca-ES.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/en-US.d.ts

@@ -0,0 +1,279 @@
+declare const locale: {
+    'sheets-shape': {
+        title: string;
+        insertShape: string;
+        openPanel: string;
+        deleteShape: string;
+        hidePanel: string;
+        formatShape: string;
+        shapeStyle: string;
+        shapePosition: string;
+        toggleFlipH: string;
+        toggleFlipV: string;
+        rotateRight90: string;
+        rotateLeft90: string;
+        fill: {
+            title: string;
+            noFill: string;
+            solidFill: string;
+            gradientFill: string;
+            pictureFill: string;
+            patternFill: string;
+            color: string;
+            transparency: string;
+        };
+        line: {
+            title: string;
+            noLine: string;
+            solidLine: string;
+            gradientLine: string;
+            color: string;
+            transparency: string;
+            width: string;
+            dashType: {
+                title: string;
+                solid: string;
+                roundDot: string;
+                squareDot: string;
+                dash: string;
+                dashDot: string;
+                longDash: string;
+                longDashDot: string;
+                longDashDotDot: string;
+            };
+            capType: {
+                title: string;
+                flat: string;
+                round: string;
+                square: string;
+            };
+            joinType: {
+                title: string;
+                miter: string;
+                round: string;
+                bevel: string;
+            };
+            beginArrowType: string;
+            beginArrowSize: string;
+            endArrowType: string;
+            endArrowSize: string;
+            arrowType: {
+                none: string;
+                arrow: string;
+                openArrow: string;
+                stealthArrow: string;
+                diamondArrow: string;
+                ovalArrow: string;
+            };
+            arrowSize: {
+                small: string;
+                medium: string;
+                large: string;
+            };
+        };
+    };
+    shape: {
+        group: {
+            line: string;
+            rectangle: string;
+            basicShape: string;
+            blockArrow: string;
+            equationShape: string;
+            flowchart: string;
+            starAndBanner: string;
+            callout: string;
+            other: string;
+        };
+        type: {
+            line: string;
+            'straight-connector1': string;
+            'straight-connector2': string;
+            'bent-connector3': string;
+            'bent-connector3-arrow1': string;
+            'bent-connector3-arrow2': string;
+            'curved-connector3': string;
+            'curved-connector3-arrow1': string;
+            'curved-connector3-arrow2': string;
+            rect: string;
+            'round-rect': string;
+            'snip1-rect': string;
+            'snip2-same-rect': string;
+            'snip2-diag-rect': string;
+            'snip-round-rect': string;
+            'round1-rect': string;
+            'round2-same-rect': string;
+            'round2-diag-rect': string;
+            'rect-textbox-horizontal': string;
+            'rect-textbox-vertical': string;
+            ellipse: string;
+            triangle: string;
+            'rt-triangle': string;
+            parallelogram: string;
+            trapezoid: string;
+            'non-isosceles-trapezoid': string;
+            diamond: string;
+            pentagon: string;
+            hexagon: string;
+            heptagon: string;
+            octagon: string;
+            decagon: string;
+            dodecagon: string;
+            pie: string;
+            chord: string;
+            teardrop: string;
+            frame: string;
+            'half-frame': string;
+            corner: string;
+            'diag-stripe': string;
+            plus: string;
+            plaque: string;
+            can: string;
+            cube: string;
+            bevel: string;
+            donut: string;
+            'no-smoking': string;
+            'block-arc': string;
+            'folder-corner': string;
+            'smiley-face': string;
+            heart: string;
+            'lightning-bolt': string;
+            sun: string;
+            moon: string;
+            cloud: string;
+            arc: string;
+            'bracket-pair': string;
+            'brace-pair': string;
+            'left-bracket': string;
+            'right-bracket': string;
+            'left-brace': string;
+            'right-brace': string;
+            'right-arrow': string;
+            'left-arrow': string;
+            'up-arrow': string;
+            'down-arrow': string;
+            'left-right-arrow': string;
+            'up-down-arrow': string;
+            'quad-arrow': string;
+            'left-right-up-arrow': string;
+            'bent-arrow': string;
+            'uturn-arrow': string;
+            'left-up-arrow': string;
+            'bent-up-arrow': string;
+            'curved-right-arrow': string;
+            'curved-left-arrow': string;
+            'curved-up-arrow': string;
+            'curved-down-arrow': string;
+            'striped-right-arrow': string;
+            'notched-right-arrow': string;
+            'home-plate': string;
+            chevron: string;
+            'right-arrow-callout': string;
+            'down-arrow-callout': string;
+            'left-arrow-callout': string;
+            'up-arrow-callout': string;
+            'left-right-arrow-callout': string;
+            'quad-arrow-callout': string;
+            'circular-arrow': string;
+            'math-plus': string;
+            'math-minus': string;
+            'math-multiply': string;
+            'math-divide': string;
+            'math-equal': string;
+            'math-not-equal': string;
+            'flow-chart-process': string;
+            'flow-chart-alternate-process': string;
+            'flow-chart-decision': string;
+            'flow-chart-input-output': string;
+            'flow-chart-predefined-process': string;
+            'flow-chart-internal-storage': string;
+            'flow-chart-document': string;
+            'flow-chart-multidocument': string;
+            'flow-chart-terminator': string;
+            'flow-chart-preparation': string;
+            'flow-chart-manual-input': string;
+            'flow-chart-manual-operation': string;
+            'flow-chart-connector': string;
+            'flow-chart-offpage-connector': string;
+            'flow-chart-punched-card': string;
+            'flow-chart-punched-tape': string;
+            'flow-chart-summing-junction': string;
+            'flow-chart-or': string;
+            'flow-chart-collate': string;
+            'flow-chart-sort': string;
+            'flow-chart-extract': string;
+            'flow-chart-merge': string;
+            'flow-chart-online-storage': string;
+            'flow-chart-delay': string;
+            'flow-chart-magnetic-tape': string;
+            'flow-chart-magnetic-disk': string;
+            'flow-chart-magnetic-drum': string;
+            'flow-chart-display': string;
+            'irregular-seal1': string;
+            'irregular-seal2': string;
+            star4: string;
+            star5: string;
+            star6: string;
+            star7: string;
+            star8: string;
+            star10: string;
+            star12: string;
+            star16: string;
+            star24: string;
+            star32: string;
+            ribbon2: string;
+            ribbon: string;
+            'ellipse-ribbon2': string;
+            'ellipse-ribbon': string;
+            'vertical-scroll': string;
+            'horizontal-scroll': string;
+            wave: string;
+            'double-wave': string;
+            'wedge-rect-callout': string;
+            'wedge-round-rect-callout': string;
+            'wedge-ellipse-callout': string;
+            'cloud-callout': string;
+            'border-callout1': string;
+            'border-callout2': string;
+            'border-callout3': string;
+            'accent-callout1': string;
+            'accent-callout2': string;
+            'accent-callout3': string;
+            callout1: string;
+            callout2: string;
+            callout3: string;
+            'accent-border-callout1': string;
+            'accent-border-callout2': string;
+            'accent-border-callout3': string;
+            'left-circular-arrow': string;
+            'left-right-circular-arrow': string;
+            'swoosh-arrow': string;
+            'left-right-ribbon': string;
+            'pie-wedge': string;
+            funnel: string;
+            gear6: string;
+            gear9: string;
+            'corner-tabs': string;
+            'action-button-back-previous': string;
+            'action-button-forward-next': string;
+            'action-button-beginning': string;
+            'action-button-end': string;
+            'action-button-home': string;
+            'action-button-information': string;
+            'action-button-return': string;
+            'action-button-movie': string;
+            'action-button-document': string;
+            'action-button-sound': string;
+            'action-button-help': string;
+            'action-button-blank': string;
+            'chart-plus': string;
+            'chart-star': string;
+            'chart-x': string;
+            'flow-chart-offline-storage': string;
+            'line-inv': string;
+            'plaque-tabs': string;
+            'square-tabs': string;
+            'up-down-arrow-callout': string;
+        };
+    };
+};
+export default locale;

package/lib/types/locale/es-ES.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

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

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/fr-FR.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/ja-JP.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/ko-KR.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/ru-RU.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/sk-SK.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/vi-VN.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/zh-TW.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/plugin.d.ts

@@ -0,0 +1,18 @@
+import { IUniverSheetsShapeUIConfig } from './controllers/config.schema';
+import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
+import { IRenderManagerService } from '@univerjs/engine-render';
+export declare const SHEET_SHAPE_UI_PLUGIN_NAME = "SHEET_SHAPE_UI_PLUGIN";
+export declare class UniverSheetsShapeUIPlugin extends Plugin {
+    private readonly _config;
+    protected readonly _injector: Injector;
+    private readonly _commandService;
+    private readonly _configService;
+    private readonly _renderManagerService;
+    static type: UniverInstanceType;
+    static pluginName: string;
+    constructor(_config: IUniverSheetsShapeUIConfig | undefined, _injector: Injector, _commandService: ICommandService, _configService: IConfigService, _renderManagerService: IRenderManagerService);
+    onRendered(): void;
+    onReady(): void;
+    onStarting(): void;
+    private _initCommands;
+}

package/lib/types/services/shape-text-editing.service.d.ts

@@ -0,0 +1,19 @@
+import { Nullable, Disposable } from '@univerjs/core';
+import { Observable } from 'rxjs';
+export interface IEditingParams {
+    unitId: string;
+    subUnitId: string;
+    shapeId: string;
+    shapeKey: string;
+    visible: boolean;
+}
+export declare class ShapeTextEditingService extends Disposable {
+    private readonly _editingParams$;
+    readonly editingParams$: Observable<Nullable<IEditingParams>>;
+    private readonly _onSavingEditorData$;
+    readonly onSavingEditorData$: Observable<Nullable<boolean>>;
+    dispose(): void;
+    setEditing(params: Nullable<IEditingParams>): void;
+    setOnSavingEditorData(params: Nullable<boolean>): void;
+    getEditing(): Nullable<IEditingParams>;
+}

package/lib/types/types.d.ts

@@ -0,0 +1,14 @@
+import { IShapeData, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+import { ISheetShape } from '@univerjs/sheets-drawing';
+export type ISheetShapeDrawingParam = ISheetShape & {
+    componentKey: string;
+    data: {
+        shapeType: ShapeTypeEnum;
+        shapeData?: IShapeData;
+        disablePopup?: boolean;
+        fill?: boolean;
+        rotateEnabled?: boolean;
+        resizeEnabled?: boolean;
+        borderEnabled?: boolean;
+    };
+};

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

@@ -0,0 +1,66 @@
+import { ShapeModel } from '@univerjs-pro/engine-shape';
+import { IDrawingParam, ISrcRect, LocaleService, Nullable, PresetGeometryType, DrawingTypeEnum } from '@univerjs/core';
+import { IShapeProps, IViewportInfo, UniverRenderingContext, Vector2, RENDER_CLASS_TYPE, Shape } from '@univerjs/engine-render';
+export interface IDrawingShapeProps extends IShapeProps {
+    shapeModel: ShapeModel;
+    /**
+     * 20.1.8.55 srcRect (Source Rectangle)
+     */
+    srcRect?: Nullable<ISrcRect>;
+    /**
+     * 20.1.9.18 prstGeom (Preset geometry)
+     */
+    prstGeom?: Nullable<PresetGeometryType>;
+    drawingType: DrawingTypeEnum;
+    /**
+     * LocaleService for rich text rendering
+     */
+    localeService?: LocaleService;
+    shapeId: string;
+    /**
+     * The unit ID (workbook ID).
+     */
+    unitId: string;
+    /**
+     * The sub-unit ID (worksheet ID).
+     */
+    subUnitId: string;
+    /**
+     * Whether the shape is currently being edited
+     */
+    isEditing?: boolean;
+}
+export interface IDrawingShapeData extends IDrawingParam {
+    /**
+     * 20.1.8.55 srcRect (Source Rectangle)
+     */
+    srcRect?: Nullable<ISrcRect>;
+    /**
+     * 20.1.9.18 prstGeom (Preset geometry)
+     */
+    prstGeom?: Nullable<PresetGeometryType>;
+}
+export declare class DrawingShape extends Shape<IDrawingShapeProps> {
+    protected _props: IDrawingShapeProps;
+    private _transformCalculateSrcRect;
+    private readonly _drawingType;
+    constructor(id: string, config: IDrawingShapeProps);
+    private _init;
+    setPrstGeom(prstGeom?: Nullable<PresetGeometryType>): void;
+    setEditing(isEditing: boolean): void;
+    get unitId(): string;
+    get subUnitId(): string;
+    private _updateSrcRectByTransform;
+    setSrcRect(srcRect?: Nullable<ISrcRect>): void;
+    get shapeModel(): ShapeModel;
+    get shapeId(): string;
+    get classType(): RENDER_CLASS_TYPE;
+    _draw(ctx: UniverRenderingContext, bounds?: IViewportInfo): void;
+    getDrawingPoints(_bounds: IViewportInfo): void;
+    private _drawShapeText;
+    private _drawSimpleText;
+    private _drawRichText;
+    render(mainCtx: UniverRenderingContext, bounds: IViewportInfo, _drawAdj?: boolean): this;
+    getInverseCoord(coord: Vector2): Vector2;
+    isHit(coord: Vector2): boolean;
+}

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

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

package/lib/types/view-model/sheet-basic-shape-connection-site-object.d.ts

@@ -0,0 +1,44 @@
+import { IShapeProps, Shape } from '@univerjs/engine-render';
+export interface ISheetBasicShapeConnectionSiteObjectProps extends IShapeProps {
+    /** The target shape's ID that this connection site belongs to */
+    targetShapeId: string;
+    /** The connection site index within the target shape */
+    cxnIndex: number;
+    /** Unit ID */
+    unitId: string;
+    /** Sub-unit ID */
+    subUnitId: string;
+    /** Whether this connection site is highlighted (connector endpoint is nearby) */
+    isHighlighted?: boolean;
+}
+/**
+ * Render object for displaying connection sites on shapes.
+ * These are the points where connectors can attach.
+ */
+export declare class SheetBasicShapeConnectionSiteObject extends Shape<ISheetBasicShapeConnectionSiteObjectProps> {
+    private _targetShapeId;
+    private _cxnIndex;
+    private _unitId;
+    private _subUnitId;
+    private _isHighlighted;
+    constructor(key?: string, props?: ISheetBasicShapeConnectionSiteObjectProps);
+    /**
+     * Get the target shape info for this connection site
+     */
+    getConnectionInfo(): {
+        unitId: string;
+        subUnitId: string;
+        shapeId: string;
+        cxnIndex: number;
+    };
+    /**
+     * Set whether this connection site is highlighted
+     */
+    setHighlighted(highlighted: boolean): void;
+    /**
+     * Check if this connection site is highlighted
+     */
+    isHighlighted(): boolean;
+    setShapeProps(props: Partial<ISheetBasicShapeConnectionSiteObjectProps>): void;
+    protected _draw(ctx: CanvasRenderingContext2D): void;
+}

package/lib/types/view-model/sheet-shape-adjust-point-object.d.ts

@@ -0,0 +1,21 @@
+import { IShapeProps, Shape } from '@univerjs/engine-render';
+export interface ISheetShapeAdjustPointObjectProps extends IShapeProps {
+    shapeId: string;
+    adjName: string;
+    unitId: string;
+    subUnitId: string;
+}
+export declare class SheetShapeAdjustPointObject extends Shape<ISheetShapeAdjustPointObjectProps> {
+    private _shapeId;
+    private _adjName;
+    private _unitId;
+    private _subUnitId;
+    constructor(key?: string, props?: ISheetShapeAdjustPointObjectProps);
+    getDrawingSearch(): {
+        unitId: string;
+        subUnitId: string;
+        drawingId: string;
+    };
+    setShapeProps(props: Partial<ISheetShapeAdjustPointObjectProps>): void;
+    protected _draw(ctx: CanvasRenderingContext2D): void;
+}

package/lib/types/view-model/sheet-shape-connector-handler-object.d.ts

@@ -0,0 +1,22 @@
+import { IShapeProps, Shape } from '@univerjs/engine-render';
+export interface ISheetShapeConnectorHandlerObjectProps extends IShapeProps {
+    shapeId: string;
+    unitId: string;
+    subUnitId: string;
+    isStartConnectorPoint: boolean;
+}
+export declare class SheetShapeConnectorHandlerObject extends Shape<ISheetShapeConnectorHandlerObjectProps> {
+    private _shapeId;
+    private _index;
+    private _unitId;
+    private _subUnitId;
+    private _isStartConnectorPoint;
+    constructor(key?: string, props?: ISheetShapeConnectorHandlerObjectProps);
+    getDrawingSearch(): {
+        unitId: string;
+        subUnitId: string;
+        drawingId: string;
+    };
+    setShapeProps(props: Partial<ISheetShapeConnectorHandlerObjectProps>): void;
+    protected _draw(ctx: CanvasRenderingContext2D): void;
+}