@univerjs-pro/sheets-shape-ui 1.0.0-alpha.1 → 1.0.0-alpha.3

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

@@ -54,296 +54,23 @@ declare const locale: {
         rotateRight90: string;
         rotateLeft90: string;
         toggleTextVertical: string;
-        fill: {
+        objectListPanel: {
             title: string;
-            noFill: string;
-            solidFill: string;
-            gradientFill: string;
-            pictureFill: string;
-            patternFill: string;
-            color: string;
-            transparency: string;
-            picture: {
-                source: string;
-                insert: string;
-                tileAsTexture: string;
-                offsetX: string;
-                offsetY: string;
-                scaleX: string;
-                scaleY: string;
-                alignment: string;
-                rotateWithShape: string;
-                align: {
-                    tl: string;
-                    t: string;
-                    tr: string;
-                    l: string;
-                    ctr: string;
-                    r: string;
-                    bl: string;
-                    b: string;
-                    br: 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;
-            };
-            sketchType: {
-                title: string;
-                none: string;
-                curved: string;
-                freehand: string;
-                handDrawn: 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;
-            };
+            open: string;
+            empty: string;
+            showAll: string;
+            hideAll: string;
+            show: string;
+            hide: string;
+            moveForward: string;
+            moveBackward: string;
+            close: string;
+            name: string;
+            nameInput: string;
+            description: string;
+            descriptionPlaceholder: string;
+            details: string;
+            noSelection: string;
         };
     };
 };

package/lib/types/services/shape-render-update.service.d.ts

@@ -0,0 +1,7 @@
+import type { ISheetShapeDrawingParam } from '@univerjs-pro/sheets-shape';
+import { IRenderManagerService } from '@univerjs/engine-render';
+export declare class ShapeRenderUpdateService {
+    private readonly _renderManagerService;
+    constructor(_renderManagerService: IRenderManagerService);
+    updateShapeFillImage(param: Pick<ISheetShapeDrawingParam, 'unitId' | 'subUnitId' | 'drawingId'>, image: HTMLImageElement | undefined): void;
+}

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

@@ -17,4 +17,12 @@ export declare class ShapeTextEditingService extends Disposable {
     setEditing(params: Nullable<IEditingParams>): void;
     setOnSavingEditorData(params: Nullable<boolean>): void;
     getEditing(): Nullable<IEditingParams>;
+    /**
+     * Keep the session mounted for one frame after raising the save signal.
+     * The shared shape-text editor persists its document while that signal is true;
+     * clearing the session first would discard newly entered text on external click.
+     */
+    completeEditing(_event?: PointerEvent): void;
+    /** Cancel without raising the save signal, for example when Escape is pressed. */
+    cancelEditing(): void;
 }

package/lib/types/utils/shape-text-document.d.ts

@@ -1,11 +1 @@
-import type { IShapeRect } from '@univerjs-pro/engine-shape';
-import type { HorizontalAlign, IDocumentData, VerticalAlign } from '@univerjs/core';
-interface IPrepareShapeTextDocumentOptions {
-    isHorizontal: boolean;
-    textRect: IShapeRect;
-    verticalAlign?: VerticalAlign;
-    horizontalAlign?: HorizontalAlign;
-}
-export declare function prepareShapeTextDocumentData(documentData: IDocumentData, options: IPrepareShapeTextDocumentOptions): IDocumentData;
-export declare function stripShapeTextDocumentLayout(documentData: IDocumentData): IDocumentData;
-export {};
+export { prepareShapeTextDocumentData, stripShapeTextDocumentLayout, } from '@univerjs-pro/shape-editor-ui';

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

@@ -1,5 +1,5 @@
-import type { ShapeModel } from '@univerjs-pro/engine-shape';
-import type { IDrawingParam, ISrcRect, LocaleService, Nullable } from '@univerjs/core';
+import type { ICustomShapeTextData, IShapeData, ShapeModel } from '@univerjs-pro/engine-shape';
+import type { IDocumentData, IDrawingParam, ISrcRect, LocaleService, Nullable } from '@univerjs/core';
 import type { IShapeProps, IViewportInfo, UniverRenderingContext, Vector2 } from '@univerjs/engine-render';
 import { DrawingTypeEnum } from '@univerjs/core';
 import { RENDER_CLASS_TYPE, Shape, Transform } from '@univerjs/engine-render';
@@ -47,6 +47,10 @@ export interface IDrawingShapeData extends IDrawingParam {
      */
     prstGeom?: Nullable<string>;
 }
+export declare function resolveDrawingShapeTextRenderPolicy(shapeData: IShapeData, customTextData: ICustomShapeTextData, documentData?: IDocumentData): {
+    clip: boolean;
+    wrapStrategy: import("@univerjs/core").WrapStrategy;
+};
 export declare class DrawingShape extends Shape<IDrawingShapeProps> {
     protected _props: IDrawingShapeProps;
     private _transformCalculateSrcRect;

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

@@ -1,6 +1,8 @@
+import type { IShapeTextDataModel } from '@univerjs-pro/engine-shape';
 import type { HorizontalAlign, IDocumentData, VerticalAlign } from '@univerjs/core';
-export interface IShapeTextModel {
-    va: VerticalAlign;
-    ha: HorizontalAlign;
-    doc: IDocumentData;
-}
+/**
+ * @deprecated Use `IShapeTextDataModel<IDocumentData, HorizontalAlign, VerticalAlign>`
+ * from `@univerjs-pro/engine-shape`. This alias is kept for legacy sheets-shape
+ * callers while shape text is converging across products.
+ */
+export type IShapeTextModel = IShapeTextDataModel<IDocumentData, HorizontalAlign, VerticalAlign>;

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

@@ -1,5 +1,7 @@
 import { IMAGE_CLIP_SHAPE_PICKER_COMPONENT } from '@univerjs/drawing-ui';
 export declare const SHAPE_PICKER_COMPONENT = "sheet.shape.picker.component";
+export declare const SHEET_IMAGE_CLIP_SHAPE_PICKER_COMPONENT = "sheet.image-clip.shape-picker.component";
 export { IMAGE_CLIP_SHAPE_PICKER_COMPONENT };
 export declare function ImageClipShapePicker(): import("react").JSX.Element;
+export declare function ImageClipShapePickerBridge(): import("react").JSX.Element | null;
 export declare function ShapePicker(): import("react").JSX.Element;

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

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

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

@@ -7,5 +7,5 @@ interface IShapeFillProps {
     isLineShape: boolean;
     disableShapeOption: boolean;
 }
-export declare function ShapeFillEditor(props: IShapeFillProps): import("react").JSX.Element | null;
+export declare function ShapeFillEditor(props: IShapeFillProps): import("react").JSX.Element;
 export {};

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

@@ -5,7 +5,6 @@ interface IShapeImageFillEditorProps {
     shapeId: string;
     shapeData: IShapeData;
     disableShapeOption: boolean;
-    compact?: boolean;
 }
 export declare function ShapeImageFillEditor(props: IShapeImageFillEditorProps): import("react").JSX.Element;
 export {};