@univerjs-pro/docs-shape-ui 0.24.0-insiders.20260528-29f582d

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/ShapePicker.d.ts

@@ -0,0 +1,8 @@
+import type { IMenuInsertShapeCommandParams } from '../commands/command/menu-insert-shape.command';
+import { IMAGE_CLIP_SHAPE_PICKER_COMPONENT } from '@univerjs/drawing-ui';
+export declare const SHAPE_PICKER_COMPONENT = "doc.shape.picker.component";
+export { IMAGE_CLIP_SHAPE_PICKER_COMPONENT };
+export declare function ImageClipShapePicker(): import("react/jsx-runtime").JSX.Element;
+export declare function ShapePicker({ paragraphMenuPlacement }: {
+    paragraphMenuPlacement?: IMenuInsertShapeCommandParams['paragraphMenuPlacement'];
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import type { IShapeData, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+interface IShapeEditPanelProps {
+    unitId: string;
+    subUnitId: string;
+    shapeId: string;
+    shapeData: IShapeData;
+    shapeType: ShapeTypeEnum;
+    version: number;
+    disableShapeOption: boolean;
+}
+export declare function ShapeEditPanel(props: IShapeEditPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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/ShapePositionEditor.d.ts

@@ -0,0 +1 @@
+export declare function ShapePositionEditor(): import("react/jsx-runtime").JSX.Element | null;

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

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

package/lib/types/views/shape-floating-toolbar/ShapeFloatingToolbar.d.ts

@@ -0,0 +1,19 @@
+import type { IShapeData, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+export declare const DOCS_SHAPE_FLOATING_TOOLBAR_KEY = "doc.shape.floating-toolbar";
+interface IShapeFloatingToolbarExtraProps {
+    unitId: string;
+    subUnitId: string;
+    drawingId: string;
+    shapeType: ShapeTypeEnum;
+    shapeData: IShapeData;
+}
+interface IShapeFloatingToolbarProps {
+    popup: {
+        extraProps?: IShapeFloatingToolbarExtraProps;
+    };
+}
+export declare function ShapeFloatingToolbar(props: IShapeFloatingToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace ShapeFloatingToolbar {
+    var displayName: string;
+}
+export {};

package/lib/types/views/shape-floating-toolbar/shape-floating-toolbar-utils.d.ts

@@ -0,0 +1,10 @@
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+import type { ITextStyle } from '@univerjs/core';
+import { HorizontalAlign, VerticalAlign } from '@univerjs/core';
+interface IShapeTextUpdateOptions {
+    textStyle?: ITextStyle;
+    verticalAlign?: VerticalAlign;
+    horizontalAlign?: HorizontalAlign;
+}
+export declare function buildShapeTextDataUpdate(shapeData: IShapeData, options: IShapeTextUpdateOptions): IShapeData;
+export {};

package/lib/types/views/shape-menu/shape-menu-factory.d.ts

@@ -0,0 +1,11 @@
+import type { ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+import type { IAccessor } from '@univerjs/core';
+import type { IMenuSelectorItem } from '@univerjs/ui';
+export interface IShapeTypeOption {
+    label: string;
+    value: ShapeTypeEnum;
+    icon: string;
+}
+export declare const ShapeMenuItemFactory: (accessor: IAccessor) => IMenuSelectorItem;
+export declare const ShapeInsertBelowMenuItemFactory: (accessor: IAccessor) => IMenuSelectorItem;
+export declare const EmptyParagraphShapeMenuItemFactory: (accessor: IAccessor) => IMenuSelectorItem;

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

@@ -0,0 +1,24 @@
+import type { IKeyboardEventConfig } from '@univerjs/docs-ui';
+import type { CSSProperties } from 'react';
+import { ICommandService } from '@univerjs/core';
+export interface IShapeEditorProps {
+    containerWidth: number;
+    containerHeight: number;
+    scaleX: number;
+    scaleY: number;
+}
+export declare function getShapeTextEditorContentStyle(containerWidth: number, containerHeight: number): CSSProperties;
+export declare function applyShapeTextEditorCanvasTransparency(renderer: {
+    engine?: {
+        getCanvasElement?: () => HTMLElement | null;
+    };
+} | null | undefined | void): void;
+export declare function getShapeTextEditorKeyboardConfig(commandService: Pick<ICommandService, 'executeCommand'>): IKeyboardEventConfig;
+/**
+ * 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;
+    displayName: string;
+};

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

@@ -0,0 +1 @@
+export declare function ShapeTextFloatToolbar(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import type { IEditingParams } from '../../../services/shape-text-editing.service';
+import type { Nullable } from '@univerjs/core';
+import type { Scene } 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;
+}
+export declare function calcShapePosition(shapeLeft: number, shapeTop: number, shapeWidth: number, shapeHeight: number, shapeAngle: number, scene: Scene): IShapePosition;
+export interface IUseShapePositionOptions {
+    editingParams: Nullable<IEditingParams>;
+    scene: Nullable<Scene>;
+    getShapeTransform: () => Nullable<{
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        angle: number;
+    }>;
+}
+export declare function useShapePosition(options: IUseShapePositionOptions): IShapePositionResult;

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

@@ -0,0 +1,5 @@
+/**
+ * Main shape text editor container component.
+ * Combines PositionWrapper (first layer) and Editor (second layer).
+ */
+export declare const ShapeTextEditorContainer: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;

package/lib/types/views/shape-text-editor/position-wrapper.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/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;
+})[];