@univerjs-pro/shape-editor-ui 1.0.0-rc.0 → 1.0.1

package/lib/types/index.d.ts

@@ -11,9 +11,11 @@ export { applyFormulaBindingReferenceSelection, normalizeFormulaBindingFormula,
 export type { IFormulaBindingReferenceEditResult, IFormulaBindingReferenceSelectionChange, } from './services/formula-binding-editor';
 export { FormulaBindingService } from './services/formula-binding.service';
 export type { IFormulaBinding, IFormulaBindingContext, IFormulaBindingOptions, } from './services/formula-binding.service';
+export { buildMobileShapeTextUpdate } from './services/mobile-shape-editor-utils';
 export { MobileShapeEditorService } from './services/mobile-shape-editor.service';
 export type { IMobileShapeEditorState, MobileShapeEditorMode } from './services/mobile-shape-editor.service';
 export { ShapeFloatingToolbarService } from './services/shape-floating-toolbar.service';
+export { registerShapeFormatPainter } from './services/shape-format-painter';
 export { ShapeTextHyperLinkPopupService } from './services/shape-text-hyper-link-popup.service';
 export { activateDrawingObject, clearActiveDrawingObjects } from './utils/activate-drawing-object';
 export { getDrawingTypeNameKey } from './utils/drawing-type-name';
@@ -29,11 +31,14 @@ export { drawFormulaShapeAnimationLayers, FormulaShapeAnimationController, } fro
 export type { IFormulaShapeAnimationLayer } from './views/formula-shape/formula-shape-animation';
 export { resolveFormulaShapeAutoFitSize } from './views/formula-shape/formula-shape-auto-fit';
 export { useFormulaShapeToolbar } from './views/formula-shape/UseFormulaShapeToolbar';
-export { FormulaBindingEditorDialog } from './views/FormulaBindingEditorDialog';
+export { FormulaBindingEditorDialog, MobileFormulaBindingEditorDialog } from './views/FormulaBindingEditorDialog';
 export type { IFormulaBindingEditorDialogProps } from './views/FormulaBindingEditorDialog';
-export { createFormulaBindingNumberFormatMenuEntries, FormulaBindingNumberFormatDialog, FormulaBindingNumberFormatMenu, resolveFormulaBindingNumberFormatType, } from './views/FormulaBindingNumberFormat';
+export { createFormulaBindingNumberFormatMenuEntries, FormulaBindingNumberFormatDialog, FormulaBindingNumberFormatMenu, MobileFormulaBindingNumberFormatDialog, resolveFormulaBindingNumberFormatType, } from './views/FormulaBindingNumberFormat';
 export type { FormulaBindingNumberFormatMenuEntry, FormulaBindingNumberFormatType, } from './views/FormulaBindingNumberFormat';
-export { MobileShapeActionPanel } from './views/mobile-shape-editor/MobileShapeActionPanel';
+export { MobileShapeStyleDrawer, MobileShapeTextEditor } from './views/mobile-shape-editor/MobileShapeActionPanel';
+export { MobileShapeMenu } from './views/mobile-shape-editor/MobileShapeMenu';
+export { MobileShapeEditorControls } from './views/shape-editor-panel/MobileShapeEditorControls';
+export { useShapeEditorControls } from './views/shape-editor-panel/ShapeEditorControls';
 export { ShapeEditPanel } from './views/shape-editor-panel/ShapeEditorPanel';
 export { getInitialShapeFillType, ShapeFillEditor, } from './views/shape-editor-panel/ShapeFillEditor';
 export { ShapeImageFillEditor } from './views/shape-editor-panel/ShapeImageFillEditor';
@@ -51,6 +56,7 @@ export { buildShapeStrokeDataUpdate, ShapeStrokePanelButton, ShapeStrokePanelCon
 export type { IShapeStrokePanelContentProps, ShapeStrokePanelMode, } from './views/shape-floating-toolbar/ShapeStrokeControls';
 export { TextBackgroundColorButton, TextFillButton, TypographyPanelButton, } from './views/shape-floating-toolbar/ShapeTextControls';
 export { ShapeEffectsRibbonControl, ShapeFormulaRibbonControl, ShapeStyleRibbonControl, ShapeTextEffectsRibbonControl, ShapeTextRibbonControl, } from './views/shape-format-ribbon/ShapeFormatRibbonControls';
+export { MobileShapePickerPanel } from './views/shape-picker/MobileShapePickerPanel';
 export { SHAPE_CHANGE_PICKER_COMPONENT } from './views/shape-picker/ShapeChangePicker';
 export { ShapePickerDropdown, ShapePickerPanel } from './views/shape-picker/ShapePickerGrid';
 export { ShapeGroupEnum, shapeTypeOptions } from './views/shape-picker/shapes';
@@ -76,6 +82,9 @@ export { ShapeTextFloatToolbar } from './views/shape-text-editor/ShapeTextFloatT
 export { ShapeTextHyperLinkInfo } from './views/shape-text-editor/ShapeTextHyperLinkPopup';
 export type { IShapeTextEditingParams, IShapeTextEditorAdapter, IShapeTextEditorModel, IShapeTextEditorPositionOptions, IShapeTextHostHeightUpdateParams, IShapeTextHostSizeUpdateParams, IShapeTextUpdateParams, } from './views/shape-text-editor/types';
 export { stripShapeTextPlainMarker } from './views/shape-text-editor/types';
+export { MobileSmartArtLayoutGallery } from './views/smart-art/MobileSmartArtLayoutGallery';
+export { MobileSmartArtStylePanel } from './views/smart-art/MobileSmartArtStylePanel';
+export { MobileSmartArtTextPane } from './views/smart-art/MobileSmartArtTextPane';
 export { SMART_ART_LAYOUT_CATALOG } from './views/smart-art/smart-art-layout-catalog.generated';
 export type { ISmartArtLayoutCatalogItem, SmartArtLayoutIconElement } from './views/smart-art/smart-art-layout-catalog.generated';
 export { SMART_ART_LAYOUT_GALLERY_CATALOG } from './views/smart-art/smart-art-layout-gallery-catalog.generated';

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

@@ -252,6 +252,7 @@ declare const locale: {
                 };
             };
             colorStyle: {
+                name: string;
                 section: {
                     theme: string;
                     colorful: string;
@@ -735,6 +736,9 @@ declare const locale: {
             columnSpacing: string;
         };
         mobile: {
+            text: string;
+            style: string;
+            delete: string;
             editText: string;
             expandEditor: string;
             collapseEditor: string;

package/lib/types/mobile-plugin.d.ts

@@ -1,13 +1,15 @@
 import type { IUniverShapeEditorUIConfig } from './config/config';
-import { IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
+import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 export declare class UniverShapeEditorMobileUIPlugin extends Plugin {
     private readonly _config;
     protected readonly _injector: Injector;
     private readonly _configService;
+    private readonly _commandService;
     static type: UniverInstanceType;
     static pluginName: string;
     static packageName: string;
     static version: string;
-    constructor(_config: IUniverShapeEditorUIConfig | undefined, _injector: Injector, _configService: IConfigService);
+    constructor(_config: IUniverShapeEditorUIConfig | undefined, _injector: Injector, _configService: IConfigService, _commandService: ICommandService);
     onStarting(): void;
+    onReady(): void;
 }

package/lib/types/plugin.d.ts

@@ -1,3 +1,4 @@
+import type { Dependency } from '@univerjs/core';
 import type { IUniverShapeEditorUIConfig } from './config/config';
 import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 export declare class UniverShapeEditorUIPlugin extends Plugin {
@@ -10,5 +11,6 @@ export declare class UniverShapeEditorUIPlugin extends Plugin {
     static packageName: string;
     static version: string;
     constructor(_config: IUniverShapeEditorUIConfig | undefined, _injector: Injector, _configService: IConfigService, _commandService: ICommandService);
+    protected _getDependencies(): Dependency[];
     onStarting(): void;
 }

package/lib/types/services/mobile/shape-text-hyper-link-popup.service.d.ts

@@ -0,0 +1,32 @@
+import type { IDisposable, Nullable } from '@univerjs/core';
+import type { IShapeTextHyperLinkInfo } from '../../commands/shape-text-hyper-link.command';
+import { Disposable, IUniverInstanceService, LocaleService } from '@univerjs/core';
+import { DocSelectionManagerService } from '@univerjs/docs';
+import { DocCanvasPopManagerService } from '@univerjs/docs-ui';
+import { IDialogService } from '@univerjs/ui';
+export declare class MobileShapeTextHyperLinkPopupService extends Disposable {
+    private readonly _docCanvasPopupManagerService;
+    private readonly _docSelectionManagerService;
+    private readonly _univerInstanceService;
+    private readonly _dialogService;
+    private readonly _localeService;
+    private readonly _editingLink$;
+    private readonly _showingLink$;
+    readonly editingLink$: import("rxjs").Observable<Nullable<IShapeTextHyperLinkInfo>>;
+    readonly showingLink$: import("rxjs").Observable<Nullable<IShapeTextHyperLinkInfo>>;
+    private _editPopup;
+    private _editPopupUnitId;
+    private _infoPopup;
+    private _infoPopupSuppressed;
+    private _infoPopupSuppressionTimer;
+    constructor(_docCanvasPopupManagerService: DocCanvasPopManagerService, _docSelectionManagerService: DocSelectionManagerService, _univerInstanceService: IUniverInstanceService, _dialogService: IDialogService, _localeService: LocaleService);
+    dispose(): void;
+    get editing(): Nullable<IShapeTextHyperLinkInfo>;
+    get showing(): Nullable<IShapeTextHyperLinkInfo>;
+    showEditPopup(unitId: string, link: Nullable<IShapeTextHyperLinkInfo>): Nullable<IDisposable>;
+    private _createEditPopup;
+    hideEditPopup(unitId?: string): void;
+    showInfoPopup(info: IShapeTextHyperLinkInfo, attachPopup?: () => IDisposable): Nullable<IDisposable>;
+    hideInfoPopup(): void;
+    hideInfoPopupOnPointerDown(): void;
+}

package/lib/types/services/mobile-shape-editor.service.d.ts

@@ -4,6 +4,8 @@ export type MobileShapeEditorMode = 'text' | 'style';
 export interface IMobileShapeEditorState {
     mode: MobileShapeEditorMode;
     ref: IShapeRef;
+    /** Host-resolved display color; never persisted with Shape text. */
+    backgroundColor?: string;
 }
 export declare class MobileShapeEditorService extends Disposable {
     private readonly _contextService;
@@ -12,7 +14,7 @@ export declare class MobileShapeEditorService extends Disposable {
     constructor(_contextService: IContextService, _univerInstanceService: IUniverInstanceService);
     readonly state$: import("rxjs").Observable<IMobileShapeEditorState | null>;
     getState(): IMobileShapeEditorState | null;
-    open(mode: MobileShapeEditorMode, ref: IShapeRef): void;
+    open(mode: MobileShapeEditorMode, ref: IShapeRef, backgroundColor?: string): void;
     close(): void;
     dispose(): void;
 }

package/lib/types/services/shape-format-painter.d.ts

@@ -0,0 +1,20 @@
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+import type { IDisposable } from '@univerjs/core';
+import type { IRenderContext } from '@univerjs/engine-render';
+import type { FormatPainterSessionService, IFormatPainterTarget } from '@univerjs/ui';
+import type { Observable } from 'rxjs';
+/** Copy only visual formatting; keep identity, geometry, text and formula bindings on the target. */
+export declare function applyShapeFormat(source: IShapeData, target: IShapeData): IShapeData;
+/** Restore insertion defaults without replacing the target object or its text. */
+export declare function clearShapeFormat(target: IShapeData, defaults?: IShapeData): IShapeData;
+export interface IShapeFormatPainterHost {
+    changes$: Observable<unknown>;
+    isActive(): boolean;
+    getSource(): IShapeData | null;
+    getSelectedTarget(): IFormatPainterTarget | null;
+    getDefaultFormat?(target: IFormatPainterTarget): IShapeData | undefined;
+    getTarget(event: PointerEvent): IFormatPainterTarget | null;
+    getShape(target: IFormatPainterTarget): IShapeData | null;
+    update(target: IFormatPainterTarget, before: IShapeData, after: IShapeData): boolean | Promise<boolean>;
+}
+export declare function registerShapeFormatPainter(context: IRenderContext, session: FormatPainterSessionService, host: IShapeFormatPainterHost): IDisposable;

package/lib/types/services/shape-text-hyper-link-popup.service.d.ts

@@ -21,6 +21,7 @@ export declare class ShapeTextHyperLinkPopupService extends Disposable {
     get editing(): Nullable<IShapeTextHyperLinkInfo>;
     get showing(): Nullable<IShapeTextHyperLinkInfo>;
     showEditPopup(unitId: string, link: Nullable<IShapeTextHyperLinkInfo>): Nullable<IDisposable>;
+    private _createEditPopup;
     hideEditPopup(unitId?: string): void;
     showInfoPopup(info: IShapeTextHyperLinkInfo, attachPopup?: () => IDisposable): Nullable<IDisposable>;
     hideInfoPopup(): void;

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

@@ -9,3 +9,4 @@ export interface IFormulaBindingEditorDialogProps {
     onConfirm: (result: IFormulaBindingEditorResult) => void;
 }
 export declare function FormulaBindingEditorDialog(props: IFormulaBindingEditorDialogProps): import("react").JSX.Element | null;
+export declare function MobileFormulaBindingEditorDialog(props: IFormulaBindingEditorDialogProps): import("react").JSX.Element | null;

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

@@ -15,9 +15,12 @@ export declare function FormulaBindingNumberFormatMenu(props: {
     onSelect: (pattern: string) => void;
     onMore: () => void;
 }): import("react").JSX.Element;
-export declare function FormulaBindingNumberFormatDialog(props: {
+interface IFormulaBindingNumberFormatDialogProps {
     open: boolean;
     pattern: string;
     onClose: () => void;
     onConfirm: (pattern: string) => void;
-}): import("react").JSX.Element;
+}
+export declare function FormulaBindingNumberFormatDialog(props: IFormulaBindingNumberFormatDialogProps): import("react").JSX.Element;
+export declare function MobileFormulaBindingNumberFormatDialog(props: IFormulaBindingNumberFormatDialogProps): import("react").JSX.Element;
+export {};

package/lib/types/views/mobile-shape-editor/MobileShapeActionPanel.d.ts

@@ -1 +1,23 @@
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+import type { IDocumentData, ITextStyle } from '@univerjs/core';
+import type { IShapeFloatingToolbarLayerActions } from '../shape-floating-toolbar/ShapeFloatingToolbar';
+import { buildShapeTextDataUpdate } from '../shape-floating-toolbar/shape-floating-toolbar-utils';
 export declare function MobileShapeActionPanel(): import("react").JSX.Element | null;
+export declare function MobileShapeTextEditor(props: {
+    shapeData: IShapeData;
+    backgroundColor?: string;
+    onCancel: () => void;
+    onConfirm: (documentData: IDocumentData) => void;
+}): import("react").JSX.Element;
+export declare function MobileShapeStyleDrawer(props: {
+    shapeData: IShapeData;
+    textStyle?: ITextStyle;
+    verticalAlignment?: boolean;
+    onUpdateText?: (options: Parameters<typeof buildShapeTextDataUpdate>[1]) => unknown;
+    rotation?: number;
+    onRotate?: (rotation: number) => unknown;
+    layerActions?: Pick<IShapeFloatingToolbarLayerActions, 'onFront' | 'onForward' | 'onBackward' | 'onBack'>;
+    onClose: () => void;
+    onOpenText?: () => void;
+    onUpdate: (shapeData: IShapeData) => unknown;
+}): import("react").JSX.Element;

package/lib/types/views/mobile-shape-editor/MobileShapeMenu.d.ts

@@ -0,0 +1,8 @@
+import type { IShapeRef, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+export declare function MobileShapeMenu(props: {
+    shapeRef: IShapeRef;
+    shapeType?: ShapeTypeEnum;
+    onText?: () => void;
+    onStyle?: () => void;
+    onDelete: () => unknown;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare function MobileShapeEditorControls({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,20 @@
+import type { ComponentProps, ComponentType, ReactNode } from 'react';
+import { Checkbox, ColorPicker, Dropdown, GradientColorPicker, Select } from '@univerjs/design';
+declare const SHAPE_EDITOR_CONTROLS: {
+    Button: import("react").ForwardRefExoticComponent<import("@univerjs/design").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Checkbox: typeof Checkbox;
+    ColorPicker: typeof ColorPicker;
+    Dropdown: typeof Dropdown;
+    GradientColorPicker: typeof GradientColorPicker;
+    InputNumber: import("react").ForwardRefExoticComponent<import("@univerjs/design").IInputNumberProps & import("react").RefAttributes<HTMLInputElement>>;
+    Select: typeof Select;
+};
+type ShapeEditorControls = {
+    [K in keyof typeof SHAPE_EDITOR_CONTROLS]: ComponentType<ComponentProps<(typeof SHAPE_EDITOR_CONTROLS)[K]>>;
+};
+export declare function ShapeEditorControlsProvider({ controls, children }: {
+    controls: ShapeEditorControls;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useShapeEditorControls(): ShapeEditorControls;
+export {};

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

@@ -5,12 +5,14 @@ export declare function TextFillButton(props: {
     title: string;
     textStyle: ITextStyle;
     fallbackColor: string;
+    iconClassName?: string;
     dropdownSide?: 'top' | 'bottom';
     onChange: (textStyle: ITextStyle) => void;
 }): import("react").JSX.Element;
 export declare function TextBackgroundColorButton(props: {
     title: string;
     color: string;
+    iconClassName?: string;
     dropdownSide?: 'top' | 'bottom';
     onApply: () => void;
     onReset?: () => void;

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

@@ -15,5 +15,5 @@ export declare function ShapeEffectButton(props: {
     disabled?: boolean;
     dropdownSide?: 'top' | 'bottom';
     titleKey?: string;
-    onUpdateShapeData: (patch: IShapeData) => void;
+    onUpdateShapeData: (patch: IShapeData, getPatch?: (current: IShapeData) => IShapeData) => void;
 }): import("react").JSX.Element;

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

@@ -4,17 +4,17 @@ import type { IShapeFloatingToolbarExtensionAction } from '../shape-floating-too
 export interface IShapeStyleRibbonControlProps {
     shapeData: IShapeData;
     shapeType?: ShapeTypeEnum;
-    onUpdateShapeData: (patch: IShapeData) => void;
+    onUpdateShapeData: (patch: IShapeData, getPatch?: (current: IShapeData) => IShapeData) => void;
 }
 export type IShapeEffectsRibbonControlProps = IShapeStyleRibbonControlProps;
 export interface IShapeTextRibbonControlProps {
     fontFamilyPopupDataComponent: string;
     shapeData: IShapeData;
-    onUpdateShapeData: (patch: IShapeData) => void;
+    onUpdateShapeData: (patch: IShapeData, getPatch?: (current: IShapeData) => IShapeData) => void;
 }
 export interface IShapeTextEffectsRibbonControlProps {
     shapeData: IShapeData;
-    onUpdateShapeData: (patch: IShapeData) => void;
+    onUpdateShapeData: (patch: IShapeData, getPatch?: (current: IShapeData) => IShapeData) => void;
 }
 export interface IShapeFormulaRibbonControlProps {
     actions: IShapeFloatingToolbarExtensionAction[];

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

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import { ShapeChangePicker } from './ShapeChangePicker';
+export declare function MobileShapeChangePicker(props: ComponentProps<typeof ShapeChangePicker>): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { IShapePickerPanelProps } from './ShapePickerGrid';
+export declare function MobileShapePickerPanel({ excludeGroups, onShapeClick, options, }: IShapePickerPanelProps): import("react").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+export declare function MobileShapeTextHyperLinkEdit(): import("react").JSX.Element;
+export declare function MobileShapeTextHyperLinkInfo(): import("react").JSX.Element | null;

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

@@ -1,7 +1,27 @@
-export declare function ShapeTextHyperLinkEdit(): import("react").JSX.Element | null;
+import type { Nullable } from '@univerjs/core';
+import type { ComponentProps, ComponentType } from 'react';
+import type { IShapeTextHyperLinkInfo } from '../../commands/shape-text-hyper-link.command';
+import { ICommandService, LocaleService } from '@univerjs/core';
+import { Button, Input } from '@univerjs/design';
+import { IClipboardInterfaceService, IMessageService } from '@univerjs/ui';
+import { ShapeTextHyperLinkPopupService } from '../../services/shape-text-hyper-link-popup.service';
+export declare function ShapeTextHyperLinkEdit({ InputComponent, ButtonComponent, className, }?: {
+    InputComponent?: ComponentType<ComponentProps<typeof Input>>;
+    ButtonComponent?: ComponentType<ComponentProps<typeof Button>>;
+    className?: string;
+}): import("react").JSX.Element | null;
 export declare namespace ShapeTextHyperLinkEdit {
     var componentKey: string;
 }
+export declare function useShapeTextHyperLinkInfo(): {
+    hyperLinkService: ShapeTextHyperLinkPopupService;
+    commandService: ICommandService;
+    clipboardService: IClipboardInterfaceService;
+    messageService: IMessageService;
+    localeService: LocaleService;
+    popup: Nullable<IShapeTextHyperLinkInfo>;
+    url: any;
+};
 export declare function ShapeTextHyperLinkInfo(): import("react").JSX.Element | null;
 export declare namespace ShapeTextHyperLinkInfo {
     var componentKey: string;

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

@@ -1,7 +1,7 @@
 import type { Nullable } from '@univerjs/core';
 import type { Scene } from '@univerjs/engine-render';
 import type { ReactNode } from 'react';
-import type { IShapeTextEditingParams, IShapeTextEditorPositionOptions } from './types';
+import type { IShapeTextEditingParams, IShapeTextEditorPositionOffset, IShapeTextEditorPositionOptions } from './types';
 import { IRenderManagerService } from '@univerjs/engine-render';
 export interface IShapePositionWrapperProps {
     children: ReactNode;
@@ -50,10 +50,7 @@ export declare function resolveShapeTextEditorPositionTransform(options: {
     scene: Nullable<Scene>;
 }): Nullable<IShapeObjectLike>;
 export declare function resolveShapeTextEditorPositionRoot(editorElement: HTMLElement | null): Element | null;
-export declare function resolveEmbeddedShapeTextEditorPositionOffset(canvasElement: Element | null | undefined, positionRoot: Element | null): {
-    left: number;
-    top: number;
-} | null;
+export declare function resolveEmbeddedShapeTextEditorPositionOffset(canvasElement: Element | null | undefined, positionRoot: Element | null): IShapeTextEditorPositionOffset | 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

@@ -2,8 +2,9 @@ import type { ICustomShapeTextData, IShapeRect, IShapeText, IShapeTextBodyBehavi
 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';
+import { HorizontalAlign, UniverInstanceType, VerticalAlign, WrapStrategy } from '@univerjs/core';
 interface IPrepareShapeTextDocumentOptions {
+    hostType?: UniverInstanceType;
     bodyBehavior?: IShapeTextBodyBehavior;
     isHorizontal: boolean;
     textRect: IShapeRect;
@@ -12,6 +13,7 @@ interface IPrepareShapeTextDocumentOptions {
     wrapStrategy?: WrapStrategy;
 }
 interface IShapeTextDocumentAlignmentOptions {
+    sourceDocument?: IDocumentData;
     bodyBehavior?: IShapeTextBodyBehavior;
     verticalAlign?: VerticalAlign;
     horizontalAlign?: HorizontalAlign;
@@ -29,6 +31,7 @@ export declare function buildShapeTextEditorCommitShapeText(options: {
 }): ICustomShapeTextData;
 export declare function createEmptyShapeTextEditorDocument(editorUnitId: string, pageWidth: number): IDocumentData;
 export declare function createShapeTextEditorInitialDocument(options: {
+    hostType?: UniverInstanceType;
     editorUnitId: string;
     pageWidth: number;
     shapeData: Nullable<IShapeTextDataContext>;

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

@@ -81,6 +81,9 @@ export interface IShapeTextEditorViewportKeys {
 export interface IShapeTextEditorPositionOffset {
     left: number;
     top: number;
+    /** CSS scale from the child canvas into the editor containing block, excluding scene zoom. */
+    scaleX?: number;
+    scaleY?: number;
 }
 export interface IShapeTextEditorPositionOptions {
     viewportKeys: IShapeTextEditorViewportKeys;

package/lib/types/views/smart-art/MobileSmartArtColorGallery.d.ts

@@ -0,0 +1,2 @@
+import type { ISmartArtColorGalleryProps } from './SmartArtColorGallery';
+export declare function MobileSmartArtColorGallery(props: ISmartArtColorGalleryProps): import("react").JSX.Element;

package/lib/types/views/smart-art/MobileSmartArtLayoutGallery.d.ts

@@ -0,0 +1,2 @@
+import type { ISmartArtLayoutGalleryProps } from './SmartArtLayoutGallery';
+export declare function MobileSmartArtLayoutGallery(props: ISmartArtLayoutGalleryProps): import("react").JSX.Element;

package/lib/types/views/smart-art/MobileSmartArtQuickStyleGallery.d.ts

@@ -0,0 +1,2 @@
+import type { ISmartArtQuickStyleGalleryProps } from './SmartArtQuickStyleGallery';
+export declare function MobileSmartArtQuickStyleGallery(props: ISmartArtQuickStyleGalleryProps): import("react").JSX.Element;

package/lib/types/views/smart-art/MobileSmartArtStylePanel.d.ts

@@ -0,0 +1,2 @@
+import type { ISmartArtRibbonControlProps } from './SmartArtRibbonControl';
+export declare function MobileSmartArtStylePanel(props: Pick<ISmartArtRibbonControlProps, 'data' | 'onSelectLayout' | 'onSelectColor' | 'onSelectStyle' | 'onToggleDirection' | 'onReset' | 'onConvertToShapes'>): import("react").JSX.Element;

package/lib/types/views/smart-art/MobileSmartArtTextPane.d.ts

@@ -0,0 +1,2 @@
+import type { ISmartArtTextPaneProps } from './SmartArtTextPane';
+export declare function MobileSmartArtTextPane(props: ISmartArtTextPaneProps): import("react").JSX.Element;

package/lib/types/views/smart-art/SmartArtColorGallery.d.ts

@@ -1,6 +1,7 @@
-import type { ISmartArtColorStyleCatalogItem } from '@univerjs-pro/engine-shape';
+import type { ISmartArtColorStyleCatalogItem, SmartArtColorStyleSection } from '@univerjs-pro/engine-shape';
 export interface ISmartArtColorGalleryProps {
     selectedColorStyleId?: string;
     onSelect: (style: ISmartArtColorStyleCatalogItem) => void;
 }
+export declare const SECTIONS: readonly SmartArtColorStyleSection[];
 export declare function SmartArtColorGallery(props: ISmartArtColorGalleryProps): import("react").JSX.Element;

package/lib/types/views/smart-art/SmartArtLayoutGallery.d.ts

@@ -5,4 +5,10 @@ export interface ISmartArtLayoutGalleryProps {
     selectedCategory?: ISmartArtData['layout']['category'];
     onSelect: (layout: ISmartArtLayoutGalleryItem) => void;
 }
+export declare const CATEGORY_ORDER: readonly ["all", "list", "process", "cycle", "hierarchy", "relationship", "matrix", "pyramid", "picture", "timeline", "team", "textCard"];
 export declare function SmartArtLayoutGallery(props: ISmartArtLayoutGalleryProps): import("react").JSX.Element;
+export declare function useSmartArtLayoutGallery(props: ISmartArtLayoutGalleryProps): {
+    category: "all" | "picture" | "cycle" | "list" | "process" | "hierarchy" | "relationship" | "matrix" | "pyramid" | "timeline" | "team" | "textCard";
+    setCategory: import("react").Dispatch<import("react").SetStateAction<"all" | "picture" | "cycle" | "list" | "process" | "hierarchy" | "relationship" | "matrix" | "pyramid" | "timeline" | "team" | "textCard">>;
+    layouts: readonly ISmartArtLayoutGalleryItem[];
+};

package/lib/types/views/smart-art/SmartArtQuickStyleGallery.d.ts

@@ -3,6 +3,7 @@ export interface ISmartArtQuickStyleGalleryProps {
     selectedStyleId?: string;
     onSelect: (style: ISmartArtQuickStyleCatalogItem) => void;
 }
+export declare const STYLE_SECTIONS: readonly ["bestMatch", "threeDimensional"];
 export declare function SmartArtQuickStyleGallery(props: ISmartArtQuickStyleGalleryProps): import("react").JSX.Element;
 export declare function SmartArtQuickStylePreview(props: {
     style: ISmartArtQuickStyleCatalogItem;

package/lib/types/views/smart-art/SmartArtTextPane.d.ts

@@ -1,10 +1,22 @@
 import type { ISmartArtData, ISmartArtDataNode, SmartArtOperation } from '@univerjs-pro/engine-shape';
+import type { ComponentProps, ComponentType, ReactNode } from 'react';
+import { Input } from '@univerjs/design';
 export interface ISmartArtTextPaneProps {
     data: ISmartArtData;
     onOperation: (operation: SmartArtOperation, focusedNodeId?: string) => void;
     selectedNodeId?: string;
     onSelectNode?: (nodeId: string | undefined) => void;
     showToolbar?: boolean;
+    className?: string;
+    toolbarClassName?: string;
+    rowsClassName?: string;
+    InputComponent?: ComponentType<ComponentProps<typeof Input>>;
+    ActionComponent?: ComponentType<{
+        children: ReactNode;
+        disabled?: boolean;
+        title: string;
+        onClick: () => void;
+    }>;
 }
 export interface ISmartArtTextPaneRow {
     depth: number;
@@ -13,4 +25,4 @@ export interface ISmartArtTextPaneRow {
 export declare function flattenSmartArtTextPaneRows(data: ISmartArtData): ISmartArtTextPaneRow[];
 export declare function isSmartArtTextPaneNodeSupported(data: ISmartArtData, nodeId: string): boolean;
 export declare function resolvePreviousSmartArtTextPaneNodeId(rows: readonly ISmartArtTextPaneRow[], nodeId: string): string | undefined;
-export declare function SmartArtTextPane(props: ISmartArtTextPaneProps): import("react").JSX.Element;
+export declare function SmartArtTextPane({ InputComponent, ActionComponent, ...props }: ISmartArtTextPaneProps): import("react").JSX.Element;