@univerjs-pro/shape-editor-ui 1.0.0-alpha.8 → 1.0.0-beta.1

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

@@ -0,0 +1,48 @@
+import type { ComponentProps, MouseEvent, PointerEvent, ReactNode } from 'react';
+import { Dropdown, Tooltip } from '@univerjs/design';
+export declare function ShapeFloatingToolbarTooltip(props: Omit<ComponentProps<typeof Tooltip>, 'visible' | 'onVisibleChange'> & {
+    popupOpen: boolean;
+}): import("react").JSX.Element;
+type ShapeFloatingToolbarDropdownProps = Omit<ComponentProps<typeof Dropdown>, 'avoidCollisions'>;
+export declare function ShapeFloatingToolbarDropdown(props: ShapeFloatingToolbarDropdownProps): import("react").JSX.Element;
+export declare function ShapeFloatingToolbarIcon(props: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function ShapeFloatingToolbarContent(props: {
+    children: ReactNode;
+    className?: string;
+    maxWidthClassName?: string;
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
+}): import("react").JSX.Element;
+export declare function ShapeFloatingToolbarButton(props: {
+    title?: string;
+    active?: boolean;
+    disabled?: boolean;
+    children: ReactNode;
+    className?: string;
+    sizeClassName?: string;
+    popupOpen?: boolean;
+    ariaExpanded?: boolean;
+    onClick?: () => void;
+    onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onPointerDown?: (event: PointerEvent<HTMLButtonElement>) => void;
+}): import("react").JSX.Element;
+export declare function ShapeFloatingToolbarDropdownTrigger(props: {
+    title?: string;
+    label?: string;
+    icon: ReactNode;
+    active?: boolean;
+    className?: string;
+    sizeClassName?: string;
+    onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onPointerDown?: (event: PointerEvent<HTMLButtonElement>) => void;
+}): import("react").JSX.Element;
+export declare function ShapeFloatingToolbarFontSizeSelect(props: {
+    value: string | number;
+    className?: string;
+    dropdownSide?: 'top' | 'bottom';
+    onChange: (fontSize: number) => void;
+    onAfterChange?: () => void;
+}): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+import type { ShapeDataUpdateHandler } from './shape-floating-toolbar-types';
+export type ShapeStrokePanelMode = 'none' | 'solid' | 'dash' | 'dot';
+export declare function buildShapeStrokeDataUpdate(currentStroke: IShapeData['stroke'], resolvedStroke: NonNullable<IShapeData['stroke']>, partial: Partial<NonNullable<IShapeData['stroke']>>): {
+    nextShapeData: IShapeData;
+    patch: IShapeData;
+};
+export interface IShapeStrokePanelContentProps {
+    title: string;
+    shapeData: IShapeData;
+    disabled?: boolean;
+    resetLabel?: string;
+    modeOptions?: ShapeStrokePanelMode[];
+    showDashDropdown?: boolean;
+    fallbackColor?: string;
+    widthRange?: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    onReset?: () => void;
+    onRequestClose?: () => void;
+    closeOnColorChange?: boolean;
+    onUpdateShapeData: ShapeDataUpdateHandler;
+}
+export declare function ShapeStrokePanelContent(props: IShapeStrokePanelContentProps): import("react").JSX.Element;
+export declare function ShapeStrokePanelButton(props: {
+    title: string;
+    label?: string;
+    shapeData: IShapeData;
+    open?: boolean;
+    disabled?: boolean;
+    resetLabel?: string;
+    fallbackColor?: string;
+    dropdownSide?: 'top' | 'bottom';
+    onReset?: () => void;
+    onOpenChange?: (open: boolean) => void;
+    closeOnColorChange?: boolean;
+    keepOpenOnInternalInteraction?: boolean;
+    onUpdateShapeData: ShapeDataUpdateHandler;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,33 @@
+import type { HorizontalAlign, ITextStyle, VerticalAlign } from '@univerjs/core';
+import type { IToolbarDropdownOption, ShapeTextUpdateHandler } from './shape-floating-toolbar-types';
+export declare function TextFillButton(props: {
+    title: string;
+    textStyle: ITextStyle;
+    fallbackColor: string;
+    dropdownSide?: 'top' | 'bottom';
+    onChange: (textStyle: ITextStyle) => void;
+}): import("react").JSX.Element;
+export declare function TextBackgroundColorButton(props: {
+    title: string;
+    color: string;
+    dropdownSide?: 'top' | 'bottom';
+    onApply: () => void;
+    onReset?: () => void;
+    onChange: (color: string) => void;
+}): import("react").JSX.Element;
+export declare function TypographyPanelButton(props: {
+    title: string;
+    fontFamily: string;
+    textStyle: {
+        isBold: boolean;
+        isItalic: boolean;
+        isUnderline: boolean;
+        isStrike: boolean;
+    };
+    horizontalAlign: HorizontalAlign;
+    verticalAlign: VerticalAlign;
+    horizontalAlignOptions: Array<IToolbarDropdownOption<HorizontalAlign>>;
+    verticalAlignOptions: Array<IToolbarDropdownOption<VerticalAlign>>;
+    dropdownSide?: 'top' | 'bottom';
+    onUpdateText: ShapeTextUpdateHandler;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,4 @@
+import type { MouseEvent, PointerEvent } from 'react';
+export declare function shouldKeepFloatingToolbarMouseDownDefault(target: EventTarget | null): boolean;
+export declare function preventFloatingToolbarPanelBlur(event: MouseEvent<HTMLElement> | PointerEvent<HTMLElement>): void;
+export declare function keepFloatingToolbarPanelInteraction(event: MouseEvent<HTMLElement> | PointerEvent<HTMLElement>): void;

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

@@ -0,0 +1,11 @@
+import { ShapeFillEnum } from '@univerjs-pro/engine-shape';
+export declare const SHAPE_FLOATING_TOOLBAR_DEFAULT_FILL_COLOR = "#3B82F6";
+export declare const SHAPE_FLOATING_TOOLBAR_DEFAULT_STROKE_COLOR = "#2563EB";
+export declare const SHAPE_FLOATING_TOOLBAR_DEFAULT_TEXT_COLOR = "#111827";
+export declare const SHAPE_FLOATING_TOOLBAR_DEFAULT_TEXT_BACKGROUND_COLOR = "#ffffff";
+export declare const SHAPE_FILL_TYPE_VALUES: {
+    none: ShapeFillEnum;
+    solid: ShapeFillEnum;
+    gradient: ShapeFillEnum;
+    picture: ShapeFillEnum;
+};

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

@@ -0,0 +1,12 @@
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+import type { ReactNode } from 'react';
+import type { IShapeTextUpdateOptions } from './shape-floating-toolbar-utils';
+export interface IToolbarDropdownOption<T extends string | number> {
+    label: string;
+    value: T;
+    icon: ReactNode;
+}
+export type ShapeDataUpdateHandler = (oldShapeJSON: {
+    oldShapeData?: IShapeData;
+}, shapeData?: IShapeData, patch?: IShapeData) => void;
+export type ShapeTextUpdateHandler = (params: IShapeTextUpdateOptions) => void;

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

@@ -1,11 +1,17 @@
 import type { IShapeData, IShapeTextDataModel } from '@univerjs-pro/engine-shape';
-import type { IDocumentData, ITextStyle } from '@univerjs/core';
+import type { IDocumentData, ITextStyle, PresetListType } from '@univerjs/core';
 import { HorizontalAlign, VerticalAlign } from '@univerjs/core';
 export interface IShapeTextUpdateOptions {
     textStyle?: ITextStyle;
     verticalAlign?: VerticalAlign;
     horizontalAlign?: HorizontalAlign;
+    listType?: PresetListType | null;
 }
 export declare function createDefaultShapeTextDocument(textStyle?: ITextStyle, horizontalAlign?: HorizontalAlign, text?: string): IDocumentData;
 export declare function getShapeTextModel(shapeData: IShapeData, options: IShapeTextUpdateOptions): IShapeTextDataModel;
+export declare function getShapeTextListState(shapeData: IShapeData, family: PresetListType.ORDER_LIST | PresetListType.BULLET_LIST): {
+    active: boolean;
+    mixed: boolean;
+    value?: PresetListType;
+};
 export declare function buildShapeTextDataUpdate(shapeData: IShapeData, options: IShapeTextUpdateOptions): IShapeData;

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

@@ -0,0 +1 @@
+export declare function forwardShapeFloatingToolbarWheel(source: WheelEvent, canvasElement: HTMLCanvasElement): boolean;

package/lib/types/views/shape-format-ribbon/ShapeEffectControls.d.ts

@@ -0,0 +1,19 @@
+import type { IShapeData, ShapeBevelPresetEnum } from '@univerjs-pro/engine-shape';
+import { ShapeCameraPresetEnum } from '@univerjs-pro/engine-shape';
+export type ShapeEffectCategory = 'shadow' | 'reflection' | 'glow' | 'softEdge' | 'bevel' | 'rotation3d';
+/**
+ * Values observed by applying the native PowerPoint gallery to a newly inserted rectangle.
+ * Existing 3D properties not owned by the selected gallery remain intact through mergeEffectPatch.
+ */
+export declare function createBevelPresetPatch(preset: ShapeBevelPresetEnum): IShapeData;
+export declare function createRotationPresetPatch(preset: ShapeCameraPresetEnum): IShapeData;
+export declare const ROTATION_GROUPS: Record<string, ShapeCameraPresetEnum[]>;
+export declare function mergeEffectPatch(shapeData: IShapeData, patch: IShapeData): IShapeData;
+export declare function ShapeEffectButton(props: {
+    categories?: ShapeEffectCategory[];
+    shapeData: IShapeData;
+    disabled?: boolean;
+    dropdownSide?: 'top' | 'bottom';
+    titleKey?: string;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}): import("react").JSX.Element;

package/lib/types/views/shape-format-ribbon/ShapeEffectPresetIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IShapeScene3D } from '@univerjs-pro/engine-shape';
+import { ShapeBevelPresetEnum, ShapeCameraPresetEnum } from '@univerjs-pro/engine-shape';
+export declare const BEVEL_PRESET_ORDER: readonly [ShapeBevelPresetEnum.RelaxedInset, ShapeBevelPresetEnum.Circle, ShapeBevelPresetEnum.Slope, ShapeBevelPresetEnum.Cross, ShapeBevelPresetEnum.Angle, ShapeBevelPresetEnum.SoftRound, ShapeBevelPresetEnum.Convex, ShapeBevelPresetEnum.CoolSlant, ShapeBevelPresetEnum.Divot, ShapeBevelPresetEnum.Riblet, ShapeBevelPresetEnum.HardEdge, ShapeBevelPresetEnum.ArtDeco];
+export declare function BevelPresetIcon(props: {
+    preset: ShapeBevelPresetEnum;
+}): import("react").JSX.Element;
+export declare function RotationPresetIcon(props: {
+    group: string;
+    preset: ShapeCameraPresetEnum;
+    scene3d: IShapeScene3D;
+}): import("react").JSX.Element;

package/lib/types/views/shape-format-ribbon/ShapeFormatRibbonControls.d.ts

@@ -0,0 +1,27 @@
+import type { IShapeData, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+import type { ReactNode } from 'react';
+import type { IShapeFloatingToolbarExtensionAction } from '../shape-floating-toolbar/ShapeFloatingToolbar';
+export interface IShapeStyleRibbonControlProps {
+    shapeData: IShapeData;
+    shapeType?: ShapeTypeEnum;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}
+export type IShapeEffectsRibbonControlProps = IShapeStyleRibbonControlProps;
+export interface IShapeTextRibbonControlProps {
+    fontFamilyPopupDataComponent: string;
+    shapeData: IShapeData;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}
+export interface IShapeTextEffectsRibbonControlProps {
+    shapeData: IShapeData;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}
+export interface IShapeFormulaRibbonControlProps {
+    actions: IShapeFloatingToolbarExtensionAction[];
+    panel?: ReactNode;
+}
+export declare function ShapeStyleRibbonControl(props: IShapeStyleRibbonControlProps): import("react").JSX.Element;
+export declare function ShapeEffectsRibbonControl(props: IShapeEffectsRibbonControlProps): import("react").JSX.Element;
+export declare function ShapeTextEffectsRibbonControl(props: IShapeTextEffectsRibbonControlProps): import("react").JSX.Element;
+export declare function ShapeFormulaRibbonControl(props: IShapeFormulaRibbonControlProps): import("react").JSX.Element | null;
+export declare function ShapeTextRibbonControl(props: IShapeTextRibbonControlProps): import("react").JSX.Element;

package/lib/types/views/shape-format-ribbon/shape-effect-reference-paths.generated.d.ts

@@ -0,0 +1,6 @@
+export interface IReferenceIconLayer {
+    fill: string;
+    d: string;
+}
+export declare const BEVEL_REFERENCE_PATHS: readonly IReferenceIconLayer[][];
+export declare const ROTATION_REFERENCE_PATHS: readonly IReferenceIconLayer[][];

package/lib/types/views/shape-picker/ShapeChangePicker.d.ts

@@ -0,0 +1,7 @@
+import type { ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+export declare const SHAPE_CHANGE_PICKER_COMPONENT = "shape-editor-ui.change-shape-picker";
+interface IShapeChangePickerProps {
+    onChange?: (value: ShapeTypeEnum) => void;
+}
+export declare function ShapeChangePicker(props: IShapeChangePickerProps): import("react").JSX.Element;
+export {};

package/lib/types/views/shape-quick-style/ShapeQuickStyleGallery.d.ts

@@ -0,0 +1,10 @@
+import { getShapeQuickStylePresets } from '@univerjs-pro/shape-editor';
+type ShapeQuickStyleType = Parameters<typeof getShapeQuickStylePresets>[0];
+export interface IShapeQuickStyleGalleryProps {
+    type: ShapeQuickStyleType;
+    ariaLabel: string;
+    activePresetId?: string | null;
+    onSelect: (presetId: string) => void;
+}
+export declare function ShapeQuickStyleGallery(props: IShapeQuickStyleGalleryProps): import("react").JSX.Element;
+export {};

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

@@ -1,8 +1,8 @@
 import type { MouseEvent as ReactMouseEvent } from 'react';
 export interface IDocParagraphTypeDropdownProps {
-    buttonClassName?: string;
     className?: string;
     popupDataComponent?: string;
+    size?: 'small' | 'middle';
     title?: string;
     onAfterCommand?: () => void;
     onBeforeCommand?: () => void;

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

@@ -1,9 +1,5 @@
-import type { ICustomShapeTextData, IShapeRect, IShapeTextDataModel } from '@univerjs-pro/engine-shape';
-import type { IDocumentData, Nullable } from '@univerjs/core';
-import type { Editor, IKeyboardEventConfig } from '@univerjs/docs-ui';
-import type { CSSProperties } from 'react';
-import type { IShapeTextEditingParams, IShapeTextEditingService, IShapeTextEditorAdapter, IShapeTextEditorModel } from './types';
-import { HorizontalAlign, ICommandService, VerticalAlign } from '@univerjs/core';
+import type { Nullable } from '@univerjs/core';
+import type { IShapeTextEditingParams, IShapeTextEditingService, IShapeTextEditorAdapter } from './types';
 export { resolveShapeTextEditorBehaviorShapeData, resolveShapeTextEditorWrapStrategy, shouldAllowShapeTextEditorHostSizeShrink, shouldAutoFitShapeTextEditorNoWrap, } from './shape-text-behavior';
 export interface IShapeTextEditorProps {
     adapter: IShapeTextEditorAdapter;
@@ -16,191 +12,4 @@ export interface IShapeTextEditorProps {
     scaleY: number;
     verticalAlignCommandId?: string;
 }
-interface IContentLayout {
-    documentMarginTop: number;
-    editorLeft: number;
-    editorTop: number;
-    editorWidth: number;
-    editorHeight: number;
-    editorSurfaceWidth?: number;
-}
-export declare function resolveShapeTextEditingContentHeight(measuredContentHeight: number, caretHeight?: number): number;
-export declare function getShapeTextEditingCaretHeight(activeRange?: {
-    getAbsolutePosition(): Nullable<{
-        height?: number;
-    }>;
-}): number | undefined;
-export declare function areShapeTextEditorLayoutsEqual(a: IContentLayout, b: IContentLayout): boolean;
-interface IShapeTextEditorLayoutOptions {
-    actualHeight: number;
-    contentWidth?: number;
-    scaleX: number;
-    scaleY: number;
-    textRect: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    };
-    verticalAlign: VerticalAlign;
-    opticalVerticalOffset?: number;
-}
-interface IShapeTextEditorLayout {
-    documentMarginTop: number;
-    editorLeft: number;
-    editorTop: number;
-    editorWidth: number;
-    editorHeight: number;
-    pageHeight: number;
-}
-interface IShapeTextEditorKeyboardRange {
-    startOffset?: number;
-    endOffset?: number;
-    collapsed?: boolean;
-}
-export declare function isShapeTextEditorKeyboardFocusActive(isInputFocusing: boolean, textRanges: readonly IShapeTextEditorKeyboardRange[] | null | undefined): boolean;
-interface IShapeTextEditorHostHeightOptions {
-    hostHeight: number;
-    textRect: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    };
-    contentHeight: number;
-}
-interface IShapeTextEditorHostSizeOptions {
-    hostWidth: number;
-    hostHeight: number;
-    textRect: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    };
-    contentWidth: number;
-    contentHeight: number;
-    allowShrink?: boolean;
-}
-interface IShapeTextEditorHostSizeChangeOptions {
-    nextWidth: number;
-    nextHeight: number;
-    baselineWidth: number;
-    baselineHeight: number;
-    tolerance?: number;
-}
-interface IShapeTextEditorKeyboardOptions {
-    commitOnEnter?: boolean;
-    cancel?: () => void;
-    commit?: () => void;
-    currentFontSize?: number;
-}
-export declare function getShapeTextEditorFocusSessionKey(options: {
-    editorUnitId: string;
-    editingParams: Nullable<IShapeTextEditingParams>;
-}): string | null;
-export declare function shouldCompleteShapeTextEditingOnPointerDown(target: EventTarget | null, editorElement: HTMLElement | null): boolean;
-export declare function resolveShapeTextEditorTextRect(options: {
-    shapeModel: Pick<IShapeTextEditorModel, 'getShapeTextRect'>;
-    hostRect: IShapeRect;
-}): IShapeRect;
-export declare function buildShapeTextEditorCommitShapeText(options: {
-    dataModel?: IShapeTextDataModel;
-    isHorizontal?: boolean;
-    shapeText?: ICustomShapeTextData | null;
-}): ICustomShapeTextData;
-export declare function createEmptyShapeTextEditorDocument(editorUnitId: string, pageWidth: number): IDocumentData;
-export declare function resolveShapeTextEditorEmptyTextBoxMinSize(options: {
-    isHorizontal: boolean;
-    placeholderWidth: number;
-}): {
-    width: number;
-    height: number;
-};
-export declare function measureShapeTextEditorPlaceholderWidth(documentData: IDocumentData, placeholder: string): number;
-export declare function resolveShapeTextEditorMeasurePageWidth(options: {
-    autoFitNoWrap: boolean;
-    maxAutoFitWidth?: number;
-    textRectWidth: number;
-}): number;
-export declare function measureShapeTextEditorNoWrapContentWidth(documentData: IDocumentData | null | undefined): number;
-export declare function resolveShapeTextEditorRenderedContentWidth(options: {
-    actualWidth: number;
-    autoFitNoWrap: boolean;
-    measuredContentWidth?: number;
-    textRectWidth: number;
-}): number;
-export declare function resolveShapeTextEditorHostContentWidth(options: {
-    actualWidth: number;
-    allowShrink: boolean;
-    autoFitNoWrap: boolean;
-    measuredContentWidth?: number;
-    renderedContentWidth: number;
-}): number;
-export declare function resolveShapeTextEditorFinalPageWidth(options: {
-    autoFitNoWrap: boolean;
-    measurePageWidth?: number;
-    renderedContentWidth: number;
-    textRectWidth: number;
-}): number;
-export declare function resolveShapeTextEditorRenderSurfaceWidth(options: {
-    autoFitNoWrap: boolean;
-    editorWidth: number;
-    measurePageWidth: number;
-    renderedContentWidth?: number;
-    scaleX: number;
-}): number;
-export declare function hasShapeTextEditorHostSizeChanged(options: IShapeTextEditorHostSizeChangeOptions): boolean;
-export declare function resolveShapeTextEditorShouldShrinkHostSize(options: {
-    adapter: Pick<IShapeTextEditorAdapter, 'allowHostSizeShrink' | 'updateHostSize'>;
-    editingParams: Nullable<IShapeTextEditingParams>;
-}): boolean;
-export declare function shouldDeferShapeTextEditorHostSizeUpdateDuringEditing(options: {
-    adapter: Pick<IShapeTextEditorAdapter, 'deferHostSizeUpdateDuringEditing'>;
-    editingParams: Nullable<IShapeTextEditingParams>;
-}): boolean;
-export declare function resolveShapeTextEditorDocumentVerticalAlign(options: {
-    opticalVerticalAlign: boolean;
-    verticalAlign: VerticalAlign;
-}): VerticalAlign;
-export declare function resolveShapeTextEditorLayout(options: IShapeTextEditorLayoutOptions): IShapeTextEditorLayout;
-export declare function resolveShapeTextEditorPlaceholderLayout(options: {
-    documentMarginTop: number;
-    editorLeft: number;
-    editorSurfaceWidth?: number;
-    editorTop: number;
-    editorWidth: number;
-    horizontalAlign: HorizontalAlign;
-}): {
-    left: number;
-    textAlign: 'center' | 'left' | 'right';
-    top: number;
-    width: number;
-};
-export declare function resolveShapeTextEditorHostHeight(options: IShapeTextEditorHostHeightOptions): number;
-export declare function resolveShapeTextEditorHostSize(options: IShapeTextEditorHostSizeOptions): {
-    width: number;
-    height: number;
-};
-export declare function resolveShapeTextEditorPhysicalContentSize(options: {
-    crossAxisLength: number;
-    flowAxis: 'width' | 'height';
-    flowAxisLength: number;
-}): {
-    height: number;
-    width: number;
-};
-export declare function getShapeTextEditorContentStyle(leftOrWidth: number, topOrHeight: number, width?: number, height?: number): CSSProperties;
-export declare function setShapeTextEditorDocumentData(editor: Pick<Editor, 'setDocumentData' | 'clearUndoRedoHistory'>, ...params: Parameters<Editor['setDocumentData']>): void;
-export declare function getShapeTextEditorDocumentData(editor: Pick<Editor, 'getDocumentData' | 'getDocumentDataModel'>): IDocumentData | null;
-export declare function applyShapeTextEditorCanvasTransparency(renderer: {
-    engine?: {
-        getCanvasElement?: () => HTMLElement | null;
-    };
-} | null | undefined | void): void;
-export declare function getShapeTextEditorKeyboardConfig(commandService: Pick<ICommandService, 'executeCommand'>, executeUndoRedoCommand?: (commandId: string) => void, options?: IShapeTextEditorKeyboardOptions): IKeyboardEventConfig;
-/**
- * Shape editor component - second layer DOM.
- * Handles document editing, content height tracking, and vertical alignment.
- */
 export declare const ShapeTextEditor: (props: IShapeTextEditorProps) => import("react").JSX.Element;

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

@@ -0,0 +1,16 @@
+import type { HorizontalAlign, ITransformState } from '@univerjs/core';
+import type { CSSProperties, RefObject } from 'react';
+import type { IContentLayout } from './shape-text-layout';
+export interface IShapeTextEditorSurfaceProps {
+    containerRef: RefObject<HTMLDivElement | null>;
+    editingContentStyle?: CSSProperties;
+    editorContainerRef: RefObject<HTMLDivElement | null>;
+    editorUnitId: string;
+    fontSize: number;
+    horizontalAlign: HorizontalAlign;
+    layout: IContentLayout;
+    placeholder: string;
+    showPlaceholder: boolean;
+    transform: ITransformState;
+}
+export declare function ShapeTextEditorSurface(props: IShapeTextEditorSurfaceProps): import("react").JSX.Element;

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

@@ -2,7 +2,6 @@ export declare const STYLE_COMMAND_IDS: string[];
 export declare const SHAPE_TEXT_FLOAT_TOOLBAR_CLASSES: {
     root: string;
     group: string;
-    button: string;
     select: string;
 };
 export declare function ShapeTextFloatToolbar(): import("react").JSX.Element;

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

@@ -49,6 +49,7 @@ export declare function resolveShapeTextEditorPositionTransform(options: {
     renderUnit: Nullable<ReturnType<IRenderManagerService['getRenderUnitById']>>;
     scene: Nullable<Scene>;
 }): Nullable<IShapeObjectLike>;
+export declare function resolveShapeTextEditorPositionRoot(editorElement: HTMLElement | null): Element | null;
 /**
  * Position wrapper component that handles shape positioning in DOM.
  * This is the first layer DOM that tracks shape position with scroll.

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

@@ -1,5 +1,7 @@
-import type { IShapeRect, IShapeText, IShapeTextBodyBehavior } from '@univerjs-pro/engine-shape';
-import type { IDocumentData } from '@univerjs/core';
+import type { ICustomShapeTextData, IShapeRect, IShapeText, IShapeTextBodyBehavior, IShapeTextDataModel } from '@univerjs-pro/engine-shape';
+import type { IDocumentData, Nullable } from '@univerjs/core';
+import type { Editor } from '@univerjs/docs-ui';
+import type { IShapeTextDataContext } from './types';
 import { HorizontalAlign, VerticalAlign, WrapStrategy } from '@univerjs/core';
 interface IPrepareShapeTextDocumentOptions {
     bodyBehavior?: IShapeTextBodyBehavior;
@@ -20,4 +22,17 @@ export declare function prepareShapeTextDocumentData(documentData: IDocumentData
 export declare function resolveShapeTextDocumentPageHeight(documentData: IDocumentData, viewportHeight: number): number;
 export declare function stripShapeTextDocumentLayout(documentData: IDocumentData, options?: IShapeTextDocumentAlignmentOptions): IDocumentData;
 export declare function createEditableShapeTextDocumentDataCopy(documentData: IDocumentData): IDocumentData;
+export declare function buildShapeTextEditorCommitShapeText(options: {
+    dataModel?: IShapeTextDataModel;
+    isHorizontal?: boolean;
+    shapeText?: ICustomShapeTextData | null;
+}): ICustomShapeTextData;
+export declare function createEmptyShapeTextEditorDocument(editorUnitId: string, pageWidth: number): IDocumentData;
+export declare function createShapeTextEditorInitialDocument(options: {
+    editorUnitId: string;
+    pageWidth: number;
+    shapeData: Nullable<IShapeTextDataContext>;
+}): IDocumentData;
+export declare function setShapeTextEditorDocumentData(editor: Pick<Editor, 'setDocumentData' | 'clearUndoRedoHistory'>, ...params: Parameters<Editor['setDocumentData']>): void;
+export declare function getShapeTextEditorDocumentData(editor: Pick<Editor, 'getDocumentData' | 'getDocumentDataModel'>): IDocumentData | null;
 export {};

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

@@ -0,0 +1,31 @@
+import type { ICommandService, Nullable } from '@univerjs/core';
+import type { IKeyboardEventConfig } from '@univerjs/docs-ui';
+import type { IShapeTextEditingParams } from './types';
+interface IShapeTextEditorKeyboardRange {
+    startOffset?: number;
+    endOffset?: number;
+    collapsed?: boolean;
+}
+export declare function getShapeTextEditorSelectAllRange(dataStreamLength: number): {
+    startOffset: number;
+    endOffset: number;
+};
+export declare function isShapeTextEditorKeyboardFocusActive(isInputFocusing: boolean, textRanges: readonly IShapeTextEditorKeyboardRange[] | null | undefined): boolean;
+interface IShapeTextEditorKeyboardOptions {
+    commitOnEnter?: boolean;
+    cancel?: () => void;
+    commit?: () => void;
+    currentFontSize?: number;
+}
+export declare const DEFAULT_SHAPE_TEXT_EDITOR_FONT_SIZE = 14;
+export declare function getShapeTextEditorFocusSessionKey(options: {
+    editorUnitId: string;
+    editingParams: Nullable<IShapeTextEditingParams>;
+}): string | null;
+export declare function shouldCompleteShapeTextEditingOnPointerDown(target: EventTarget | null, editorElement: HTMLElement | null): boolean;
+export declare function getShapeTextEditorKeyboardConfig(commandService: Pick<ICommandService, 'executeCommand'>, executeUndoRedoCommand?: (commandId: string) => void, options?: IShapeTextEditorKeyboardOptions): IKeyboardEventConfig;
+export {};
+/**
+ * Shape editor component - second layer DOM.
+ * Handles document editing, content height tracking, and vertical alignment.
+ */