@univerjs-pro/shape-editor-ui 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/types/services/{shape-formula-unit-viewer.service.d.ts → formula-binding-unit-viewer.service.d.ts}

@@ -1,11 +1,10 @@
-import type { IShapeFormulaIdentity } from '@univerjs-pro/shape-editor';
 import type { BaseDataModel } from '@univerjs/core';
-import type { FormulaSequenceNode, IFormulaRefSelection } from '@univerjs/formula-ui';
-import type { IShapeFormulaUnitResource } from '../config/config';
-import type { IShapeFormulaReferenceSelectionChange } from './shape-formula-editor';
+import type { FormulaSequenceNode, IFormulaRefSelection } from '@univerjs/engine-formula';
+import type { IFormulaBindingHost, IFormulaBindingUnitResource } from '../config/config';
+import type { IFormulaBindingReferenceSelectionChange } from './formula-binding-editor';
 import { Disposable, IConfigService, IUniverInstanceService, LocaleService, ThemeService, Workbook } from '@univerjs/core';
-export type ShapeFormulaViewerUnit = Workbook | BaseDataModel;
-export interface IShapeFormulaViewerFormulaContext {
+export type FormulaBindingViewerUnit = Workbook | BaseDataModel;
+export interface IFormulaBindingViewerFormulaContext {
     formula: string;
     sequenceNodes: FormulaSequenceNode[];
     refSelections: IFormulaRefSelection[];
@@ -13,7 +12,7 @@ export interface IShapeFormulaViewerFormulaContext {
     selectionEnd: number;
 }
 /** Owns the real, isolated Univer rendered inside the cross-unit formula editor. */
-export declare class ShapeFormulaUnitViewerService extends Disposable {
+export declare class FormulaBindingUnitViewerService extends Disposable {
     private readonly _configService;
     private readonly _instanceService;
     private readonly _localeService;
@@ -38,12 +37,12 @@ export declare class ShapeFormulaUnitViewerService extends Disposable {
     private _isDraggingFormulaSelection;
     private _closeRequest;
     constructor(_configService: IConfigService, _instanceService: IUniverInstanceService, _localeService: LocaleService, _themeService: ThemeService);
-    listUnits(): Promise<IShapeFormulaUnitResource[]>;
+    listUnits(): Promise<IFormulaBindingUnitResource[]>;
     mount(container: HTMLElement): void;
-    switchUnit(resource: IShapeFormulaUnitResource, host: IShapeFormulaIdentity, onSelectReferences: (change: IShapeFormulaReferenceSelectionChange) => void): Promise<ShapeFormulaViewerUnit | null>;
+    switchUnit(resource: IFormulaBindingUnitResource, host: IFormulaBindingHost, onSelectReferences: (change: IFormulaBindingReferenceSelectionChange) => void): Promise<FormulaBindingViewerUnit | null>;
     private _makeBaseSnapshotReadOnly;
     private _setBasePermissionsReadOnly;
-    updateFormulaContext(context: IShapeFormulaViewerFormulaContext): void;
+    updateFormulaContext(context: IFormulaBindingViewerFormulaContext): void;
     close(): void;
     /** Defers nested Univer disposal until the owning React tree has finished unmounting. */
     scheduleClose(): void;
@@ -63,5 +62,6 @@ export declare class ShapeFormulaUnitViewerService extends Disposable {
     private _canSelectFormulaReference;
     private _matchesSheetReference;
     private _matchesUnitQualifier;
+    private _createExternalReference;
     private _listLoadedUnits;
 }

package/lib/types/utils/activate-drawing-object.d.ts

@@ -14,7 +14,7 @@ interface ISceneLike {
     };
 }
 interface IRenderManagerLike {
-    getRenderById: (unitId: string) => {
+    getRenderUnitById: (unitId: string) => {
         scene?: ISceneLike;
     } | undefined;
 }

package/lib/types/utils/drawing-type-name.d.ts

@@ -0,0 +1,3 @@
+import { DrawingTypeEnum } from '@univerjs/core';
+export type DrawingTypeNameKey = 'chart' | 'dom' | 'group' | 'image' | 'object' | 'shape' | 'smartArt' | 'table' | 'unit' | 'video';
+export declare function getDrawingTypeNameKey(drawingType: DrawingTypeEnum): DrawingTypeNameKey;

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { IFormulaBindingEditorResult, IFormulaBindingEditorValue, IFormulaBindingHost } from '../config/config';
+export interface IFormulaBindingEditorDialogProps {
+    open: boolean;
+    host: IFormulaBindingHost;
+    value: IFormulaBindingEditorValue;
+    footerLeading?: ReactNode;
+    onClose: () => void;
+    onConfirm: (result: IFormulaBindingEditorResult) => void;
+}
+export declare function FormulaBindingEditorDialog(props: IFormulaBindingEditorDialogProps): import("react").JSX.Element;

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

@@ -0,0 +1,23 @@
+export type FormulaBindingNumberFormatType = 'general' | 'accounting' | 'currency' | 'date' | 'number' | 'custom';
+export type FormulaBindingNumberFormatMenuEntry = {
+    kind: 'format';
+    key: string;
+    pattern: string;
+} | {
+    kind: 'separator';
+    key: string;
+} | {
+    kind: 'more';
+};
+export declare function createFormulaBindingNumberFormatMenuEntries(currencySymbol: string): FormulaBindingNumberFormatMenuEntry[];
+export declare function resolveFormulaBindingNumberFormatType(pattern: string): FormulaBindingNumberFormatType;
+export declare function FormulaBindingNumberFormatMenu(props: {
+    onSelect: (pattern: string) => void;
+    onMore: () => void;
+}): import("react").JSX.Element;
+export declare function FormulaBindingNumberFormatDialog(props: {
+    open: boolean;
+    pattern: string;
+    onClose: () => void;
+    onConfirm: (pattern: string) => void;
+}): import("react").JSX.Element;

package/lib/types/views/formula-binding-number-format-utils.d.ts

@@ -0,0 +1,17 @@
+export declare function getFormulaBindingCurrencyType(pattern: string): string | undefined;
+export declare function getFormulaBindingDecimalFromPattern(pattern: string, defaultValue?: number): number;
+export declare function setFormulaBindingPatternDecimal(patterns: string, decimalLength: number): string;
+export declare function getFormulaBindingCurrencyFormatOptions(symbol: string): {
+    label: string;
+    value: string;
+    color: string | undefined;
+}[];
+export declare function getFormulaBindingDateFormatOptions(): {
+    label: string;
+    value: string;
+}[];
+export declare function getFormulaBindingNumberFormatOptions(): {
+    label: string;
+    value: string;
+    color: string | undefined;
+}[];

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

@@ -0,0 +1,12 @@
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+import type { ShapeDataUpdateHandler } from './shape-floating-toolbar-types';
+export declare function ShapeFillButton(props: {
+    title: string;
+    shapeData: IShapeData;
+    open?: boolean;
+    disabled?: boolean;
+    fallbackColor?: string;
+    fallbackGradientEndColor?: string;
+    onOpenChange?: (open: boolean) => void;
+    onUpdateShapeData: ShapeDataUpdateHandler;
+}): import("react").JSX.Element;

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

@@ -1,22 +1,13 @@
 import type { IShapeData, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
 import type { ITextStyle } from '@univerjs/core';
-import type { MouseEvent, PointerEvent, ReactNode } from 'react';
-import type { IShapeTextUpdateOptions } from './shape-floating-toolbar-utils';
+import type { ReactNode } from 'react';
+import type { IToolbarDropdownOption, ShapeDataUpdateHandler, ShapeTextUpdateHandler } from './shape-floating-toolbar-types';
 import { HorizontalAlign, VerticalAlign } from '@univerjs/core';
-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 type IShapeFloatingToolbarWrappingStyle = string | number;
 export interface IShapeFloatingToolbarTextModel {
     ha?: HorizontalAlign;
     va?: VerticalAlign;
 }
-export interface IToolbarDropdownOption<T extends string | number> {
-    label: string;
-    value: T;
-    icon: ReactNode;
-}
 export interface IShapeFloatingToolbarGroupAction {
     type: 'group' | 'ungroup';
     label: string;
@@ -59,14 +50,11 @@ export interface IShapeFloatingToolbarProps {
     enableShapeStrokeReset?: boolean;
     enableTextBackgroundReset?: boolean;
     enableTextControls?: boolean;
-    deferUntilCollapsedStateLoaded?: boolean;
     defaultFillColor?: string;
     defaultGradientEndColor?: string;
     defaultStrokeColor?: string;
-    onUpdateShapeData: (oldShapeJSON: {
-        oldShapeData?: IShapeData;
-    }, shapeData?: IShapeData, patch?: IShapeData) => void;
-    onUpdateText: (params: IShapeTextUpdateOptions) => void;
+    onUpdateShapeData: ShapeDataUpdateHandler;
+    onUpdateText: ShapeTextUpdateHandler;
     onUpdateWrappingStyle?: (value: IShapeFloatingToolbarWrappingStyle) => void;
     groupAction?: IShapeFloatingToolbarGroupAction;
     layerActions?: IShapeFloatingToolbarLayerActions;
@@ -77,130 +65,17 @@ export interface IShapeFloatingToolbarProps {
     onOpenPanel?: () => void;
     onDelete?: () => void;
 }
-export declare function ShapeFloatingToolbarIcon(props: {
-    children: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-export declare function ShapeFloatingToolbarContent(props: {
-    children: ReactNode;
-    className?: string;
-    maxWidthClassName?: string;
-    dataAttributes?: Record<`data-${string}`, string>;
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-}): import("react").JSX.Element;
-export declare function ShapeFloatingToolbarButton(props: {
-    title?: string;
-    titleKey?: string;
-    active?: boolean;
-    disabled?: boolean;
-    children: ReactNode;
-    className?: string;
-    sizeClassName?: string;
-    tooltipVisible?: 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;
-    titleKey?: 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;
-    onChange: (fontSize: number) => void;
-    onAfterChange?: () => void;
-}): import("react").JSX.Element;
-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 {
-    titleKey: string;
-    shapeData: IShapeData;
-    disabled?: boolean;
-    resetLabelKey?: string;
-    modeOptions?: ShapeStrokePanelMode[];
-    showDashDropdown?: boolean;
-    fallbackColor?: string;
-    widthRange?: {
-        min: number;
-        max: number;
-        step: number;
-    };
-    onReset?: () => void;
-    onRequestClose?: () => void;
-    onUpdateShapeData: IShapeFloatingToolbarProps['onUpdateShapeData'];
-}
-export declare function ShapeStrokePanelContent(props: IShapeStrokePanelContentProps): import("react").JSX.Element;
-export declare function ShapeStrokePanelButton(props: {
-    titleKey: string;
-    shapeData: IShapeData;
-    open?: boolean;
-    disabled?: boolean;
-    resetLabelKey?: string;
-    fallbackColor?: string;
-    onReset?: () => void;
-    onOpenChange?: (open: boolean) => void;
-    onUpdateShapeData: IShapeFloatingToolbarProps['onUpdateShapeData'];
-}): import("react").JSX.Element;
-export declare function ShapeFillButton(props: {
-    titleKey: string;
-    shapeData: IShapeData;
-    open?: boolean;
-    disabled?: boolean;
-    fallbackColor?: string;
-    fallbackGradientEndColor?: string;
-    onOpenChange?: (open: boolean) => void;
-    onUpdateShapeData: IShapeFloatingToolbarProps['onUpdateShapeData'];
-}): import("react").JSX.Element;
-export declare function TextFillButton(props: {
-    titleKey: string;
-    textStyle: ITextStyle;
-    fallbackColor: string;
-    onChange: (textStyle: ITextStyle) => void;
-}): import("react").JSX.Element;
-export declare function TextBackgroundColorButton(props: {
-    titleKey: string;
-    color: string;
-    onApply: () => void;
-    onReset?: () => void;
-    onChange: (color: string) => void;
-}): import("react").JSX.Element;
-export declare function TypographyPanelButton(props: {
-    titleKey: string;
-    textStyle: {
-        isBold: boolean;
-        isItalic: boolean;
-        isUnderline: boolean;
-        isStrike: boolean;
-    };
-    horizontalAlign: HorizontalAlign;
-    verticalAlign: VerticalAlign;
-    horizontalAlignOptions: Array<IToolbarDropdownOption<HorizontalAlign>>;
-    verticalAlignOptions: Array<IToolbarDropdownOption<VerticalAlign>>;
-    onUpdateText: IShapeFloatingToolbarProps['onUpdateText'];
-}): import("react").JSX.Element;
 export declare function ShapeFloatingToolbarMenuPanel(props: {
     title?: string;
-    titleKey?: string;
     children: ReactNode;
     className?: string;
     minWidthClassName?: string;
 }): import("react").JSX.Element;
 export declare function ShapeFloatingToolbarMenuItem(props: {
-    label?: string;
-    labelKey?: string;
+    label: string;
     shortcut?: string;
     disabled?: boolean;
+    danger?: boolean;
     onClick: () => void;
 }): import("react").JSX.Element;
 export declare function ShapeFloatingToolbar(props: IShapeFloatingToolbarProps): import("react").JSX.Element | null;

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

@@ -0,0 +1,39 @@
+import type { MouseEvent, PointerEvent, ReactNode } from 'react';
+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;
+    tooltipVisible?: 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;
+    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;
+    onChange: (fontSize: number) => void;
+    onAfterChange?: () => void;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,36 @@
+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;
+    onUpdateShapeData: ShapeDataUpdateHandler;
+}
+export declare function ShapeStrokePanelContent(props: IShapeStrokePanelContentProps): import("react").JSX.Element;
+export declare function ShapeStrokePanelButton(props: {
+    title: string;
+    shapeData: IShapeData;
+    open?: boolean;
+    disabled?: boolean;
+    resetLabel?: string;
+    fallbackColor?: string;
+    onReset?: () => void;
+    onOpenChange?: (open: boolean) => void;
+    onUpdateShapeData: ShapeDataUpdateHandler;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,30 @@
+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;
+    onChange: (textStyle: ITextStyle) => void;
+}): import("react").JSX.Element;
+export declare function TextBackgroundColorButton(props: {
+    title: string;
+    color: string;
+    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>>;
+    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-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;