@univerjs-pro/slides-ui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/types/controllers/slide-render.controller.d.ts

@@ -1,11 +1,12 @@
 import type { UnitModel } from '@univerjs/core';
-import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import type { IRenderContext, IRenderModule, IWheelEvent } from '@univerjs/engine-render';
 import { ISlideDrawingService } from '@univerjs-pro/slides';
 import { ICommandService, IConfigService, Injector, IUniverInstanceService, RxDisposable, ThemeService } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 export declare const SLIDE_MAIN_VIEWPORT_KEY = "viewMain";
 export declare const SLIDE_BG_RECT_KEY = "slide-bg-rect";
 export declare const SLIDE_PAGE_RECT_KEY = "slide-page-rect";
+export declare function resolveSlideWheelZoomRatio(currentRatio: number, event: Pick<IWheelEvent, 'ctrlKey' | 'metaKey' | 'deltaMode' | 'deltaX' | 'deltaY' | 'wheelDelta'>): number | null;
 /**
  * IRenderModule for the slide main canvas.
  *
@@ -35,7 +36,6 @@ export declare class SlideRenderController extends RxDisposable implements IRend
     private _pageHeight;
     private _sceneType;
     private _showPlaceholder;
-    private _coreRenderArea?;
     private readonly _renderObjectMap;
     private readonly _objectProvider;
     /** True while a real-time transform-preview mutation is in flight. Suppresses full redraws from update$. */

package/lib/types/controllers/slide-shape-adjust.controller.d.ts

@@ -10,7 +10,7 @@ import { ICommandService, Injector, IUniverInstanceService, RxDisposable } from
  *
  * 1. Reads the adjustment-handle positions from `ShapeModel.getDrawingPoints()`.
  * 2. Creates a `SlideAdjustPointObject` for each handle in the scene.
- * 3. On pointer-drag of a handle, recomputes the adj-value via `ShapeModel.calcAdjValue()`
+ * 3. On pointer-drag of a handle, recomputes all bound values via `ShapeModel.calcAdjValues()`
  *    and updates the drawing data in `ISlideDrawingService`.
  *
  * The controller also handles Image elements — when an image has a `prstGeom` set (for

package/lib/types/embed-focus-owner.d.ts

@@ -22,6 +22,7 @@ export declare function shouldKeepSlideHostContentMounted(params: {
     focusedUnitId?: string | null;
     embedFocusOwner?: Pick<IEmbeddedFocusOwner, 'hostUnitId' | 'childUnitId'> | null;
     activeEmbedChildUnitIds?: readonly string[];
+    activeSlideEditorUnitId?: string | null;
     hasHostPreservingChildFocusLease?: boolean;
 }): boolean;
 export declare function normalizeSlideFocusedUnitId(unitId: string | void | null | undefined): string | null;

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

@@ -13,6 +13,8 @@ declare const locale: {
             table: string;
             shape: string;
             chart: string;
+            symbol: string;
+            emoji: string;
         };
         tableSizePicker: {
             title: string;
@@ -33,6 +35,12 @@ declare const locale: {
             caption: string;
             tooltip: string;
         };
+        display: {
+            slideSize: string;
+            widescreen: string;
+            standard: string;
+            fullscreen: string;
+        };
         editorToolbar: {
             fontFamily: string;
             fontSize: string;
@@ -284,6 +292,7 @@ declare const locale: {
         };
         objectListPanel: {
             title: string;
+            open: string;
             showAll: string;
             hideAll: string;
             show: string;

package/lib/types/menu/contextmenu.menu.d.ts

@@ -2,7 +2,7 @@ import type { IAccessor } from '@univerjs/core';
 import type { IMenuButtonItem, IMenuSelectorItem } from '@univerjs/ui';
 import type { LocaleKey } from '../locale/types';
 export declare const SLIDE_CONTEXT_MENU_ARRANGE_ID = "slide.contextmenu.arrange";
-export declare function SlideContextMenuArrangeFactory(): IMenuSelectorItem<LocaleKey>;
+export declare function SlideContextMenuArrangeFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey>;
 export declare function SlideContextMenuArrangeForwardFactory(): IMenuButtonItem<LocaleKey>;
 export declare function SlideContextMenuArrangeBackwardFactory(): IMenuButtonItem<LocaleKey>;
 export declare function SlideContextMenuArrangeFrontFactory(): IMenuButtonItem<LocaleKey>;

package/lib/types/menu/display.menu.d.ts

@@ -0,0 +1,8 @@
+import type { IAccessor } from '@univerjs/core';
+import type { IMenuButtonItem, IMenuSelectorItem } from '@univerjs/ui';
+import type { LocaleKey } from '../locale/types';
+import { SlidePageSizePresetEnum } from '@univerjs-pro/slides';
+export declare const SLIDE_ZOOM_RATIO_MENU_ID = "slide.menu.zoom-ratio";
+export declare function SlidePageSizeMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey, SlidePageSizePresetEnum | undefined, SlidePageSizePresetEnum>;
+export declare function SlideFullscreenMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function SlideZoomRatioMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey, number>;

package/lib/types/menu/insert.menu.d.ts

@@ -5,9 +5,13 @@ export declare const SLIDE_INSERT_TEXT_MENU_ID = "slide.menu.insert.text";
 export declare const SLIDE_INSERT_IMAGE_MENU_ID = "slide.menu.insert.image";
 export declare const SLIDE_INSERT_TABLE_MENU_ID = "slide.menu.insert.table";
 export declare const SLIDE_INSERT_SHAPE_MENU_ID = "slide.menu.insert.shape";
+export declare const SLIDE_INSERT_SYMBOL_MENU_ID = "slide.menu.insert.symbol";
+export declare const SLIDE_INSERT_EMOJI_MENU_ID = "slide.menu.insert.emoji";
 export declare function SlideInsertSearchMenuFactory(): IMenuSelectorItem<LocaleKey>;
 export declare function SlideInsertTextMenuFactory(): IMenuSelectorItem<LocaleKey, 'horizontal' | 'vertical', 'horizontal' | 'vertical'>;
 export declare function SlideInsertImageMenuFactory(): IMenuButtonItem<LocaleKey>;
 export declare function SlideInsertTableMenuFactory(): IMenuSelectorItem<LocaleKey>;
 export declare function SlideInsertShapeMenuFactory(): IMenuSelectorItem<LocaleKey>;
 export declare function SlideInsertChartMenuFactory(): IMenuButtonItem<LocaleKey>;
+export declare function SlideInsertSymbolMenuFactory(): IMenuSelectorItem<LocaleKey, string, string>;
+export declare function SlideInsertEmojiMenuFactory(): IMenuSelectorItem<LocaleKey, string, string>;

package/lib/types/render-objects/slide-image-object.d.ts

@@ -1,13 +1,13 @@
-import type { IShapeShadowEffect } from '@univerjs-pro/engine-shape';
 import type { ISlideConnectionSite } from '@univerjs-pro/slides';
-import type { IImageIoService } from '@univerjs/core';
+import type { IGlowEffect, IImageIoService, IShadowEffect } from '@univerjs/core';
 import type { IImageProps, IViewportInfo, UniverRenderingContext } from '@univerjs/engine-render';
 import { SlidePresentationBackgroundGraphicFitEnum } from '@univerjs-pro/slides';
 import { ImageSourceType } from '@univerjs/core';
 import { Image } from '@univerjs/engine-render';
 export interface ISlideImageObjectProps extends IImageProps {
     backgroundImageFit?: SlidePresentationBackgroundGraphicFitEnum;
-    outerShadow?: IShapeShadowEffect;
+    outerShadow?: IShadowEffect;
+    glow?: IGlowEffect;
 }
 /**
  * Slide image runtime object.
@@ -19,6 +19,7 @@ export interface ISlideImageObjectProps extends IImageProps {
 export declare class SlideImageObject extends Image {
     private readonly _backgroundImageFit?;
     private readonly _outerShadow?;
+    private readonly _glow?;
     constructor(key: string, props: ISlideImageObjectProps);
     /** Rectangle-like default connection sites: top/right/bottom/left. */
     getConnectionSites(): ISlideConnectionSite[];
@@ -26,7 +27,7 @@ export declare class SlideImageObject extends Image {
     setNativeImage(native: HTMLImageElement): void;
     protected _draw(ctx: UniverRenderingContext, bounds?: IViewportInfo, renderWidth?: number, renderHeight?: number): void;
     private _drawPictureStroke;
-    private _drawPictureShadow;
+    private _drawPictureEffects;
     private _tracePicturePath;
     private _applyResolvedSource;
 }

package/lib/types/render-objects/slide-shape-object.d.ts

@@ -1,4 +1,5 @@
 import type { IShapeRect } from '@univerjs-pro/engine-shape';
+import type { IShapeFormulaPresentation } from '@univerjs-pro/shape-editor';
 import type { ISlideShapeElement } from '@univerjs-pro/slides';
 import type { LocaleService } from '@univerjs/core';
 import type { IViewportInfo, UniverRenderingContext, Vector2 } from '@univerjs/engine-render';
@@ -20,6 +21,8 @@ export interface ISlideShapeObjectProps {
     shapeModel: ShapeModel;
     element: ISlideShapeElement;
     localeService?: LocaleService;
+    formulaPresentation?: IShapeFormulaPresentation;
+    animateFormulaPresentation?: boolean;
 }
 /**
  * Canvas runtime object for slide shape drawing.
@@ -36,7 +39,9 @@ export declare class SlideShapeObject extends Shape<ISlideShapeObjectProps> {
     private _element;
     private _isEditing;
     private readonly _documentTextRenderCache;
+    private readonly _formulaAnimation;
     private _fillImage?;
+    private _formulaPresentation?;
     isDrawingObject: boolean;
     constructor(key: string, config: ISlideShapeObjectProps);
     updateElement(element: ISlideShapeElement): void;
@@ -54,9 +59,11 @@ export declare class SlideShapeObject extends Shape<ISlideShapeObjectProps> {
     getTextRect(width: number, height: number): IShapeRect;
     setEditing(isEditing: boolean): void;
     setFillImage(image?: HTMLImageElement): void;
+    setFormulaPresentation(presentation: IShapeFormulaPresentation | undefined, animate?: boolean): void;
     private _applyNoWrapAutoFitSize;
     _draw(ctx: UniverRenderingContext, _bounds?: IViewportInfo, renderWidth?: number, renderHeight?: number): void;
     private _drawShapeText;
+    private _drawShapeTextLayer;
     private _applyReadableTextFlip;
     private _renderShapePath;
     render(mainCtx: UniverRenderingContext, bounds: IViewportInfo): this;

package/lib/types/render-objects/slide-table-object.d.ts

@@ -84,7 +84,7 @@ export declare class SlideTableObject extends Rect<ISlideTableObjectProps> {
     isHit(coord: Vector2): boolean;
     getCellTextRect(row: number, column: number, width?: number, height?: number): ISlideTableCellTextRect | null;
     _draw(ctx: UniverRenderingContext, _bounds?: IViewportInfo, renderWidth?: number, renderHeight?: number): void;
-    private _drawTableOuterShadow;
+    private _drawTableEffects;
     private _drawRowFills;
     private _drawGrid;
     private _drawTableOutline;

package/lib/types/services/slide-canvas-pop-manager.service.d.ts

@@ -5,6 +5,7 @@ import { Disposable } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { ICanvasPopupService } from '@univerjs/ui';
 export interface ISlideCanvasPopup extends Pick<IPopup, 'componentKey' | 'direction' | 'excludeOutside' | 'hideOnInvisible' | 'offset' | 'onClickOutside'> {
+    anchorBoundResolver?: (targetObject: BaseObject) => IBoundRectNoAngle;
     extraProps?: Record<string, unknown>;
     mask?: boolean;
 }

package/lib/types/services/slide-embed-integration.service.d.ts

@@ -43,6 +43,8 @@ export interface ISlideEmbedFloatDomRendererProps {
     onRuntimeStageEnter?: (stage: 'inactive' | 'stage1' | 'stage2') => void;
     floatingChromeZIndex?: number;
     enableStage1BodyDrag?: boolean;
+    fullscreenButtonInBlock?: boolean;
+    deferInactiveFloatingChrome?: boolean;
     isExternalHostInteraction?: (event: PointerEvent) => boolean;
 }
 export interface ISlideEmbedFloatDomRenderer {

package/lib/types/services/slide-insert.service.d.ts

@@ -1,6 +1,6 @@
 import type { ISlideInsertShapeOptions, ISlideInsertTextBoxOptions } from '@univerjs-pro/slides';
 import type { ImageSourceType } from '@univerjs/core';
-import { ICommandService, IImageIoService, IUniverInstanceService } from '@univerjs/core';
+import { ICommandService, IImageIoService, IUniverInstanceService, LocaleService } from '@univerjs/core';
 import { SlideTextEditingService } from '../slide-editor/services/slide-text-editing.service';
 import { ISlideDrawingStateService } from './slide-drawing-state.service';
 export interface ISlideInsertTableOptions {
@@ -15,7 +15,8 @@ export declare class SlideInsertService {
     private readonly _textEditingService;
     private readonly _imageIoService;
     private readonly _drawingStateService;
-    constructor(_instanceService: IUniverInstanceService, _commandService: ICommandService, _textEditingService: SlideTextEditingService, _imageIoService: IImageIoService, _drawingStateService: ISlideDrawingStateService);
+    private readonly _localeService;
+    constructor(_instanceService: IUniverInstanceService, _commandService: ICommandService, _textEditingService: SlideTextEditingService, _imageIoService: IImageIoService, _drawingStateService: ISlideDrawingStateService, _localeService: LocaleService);
     insertShape(options: ISlideInsertShapeOptions): boolean;
     private _insertShape;
     insertTextBox(options?: ISlideInsertTextBoxOptions): boolean;

package/lib/types/slide-editor/controllers/slide-text-editing.render-controller.d.ts

@@ -1,5 +1,6 @@
 import type { UnitModel } from '@univerjs/core';
 import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import { ShapeFormulaService } from '@univerjs-pro/shape-editor';
 import { ISlideDrawingService } from '@univerjs-pro/slides';
 import { IContextService, IUniverInstanceService, RxDisposable } from '@univerjs/core';
 import { SlideHitTestService } from '../../services/slide-hit-test.service';
@@ -10,9 +11,10 @@ export declare class SlideTextEditingRenderController extends RxDisposable imple
     private readonly _slideDrawingService;
     private readonly _hitTestService;
     private readonly _slideTextEditingService;
+    private readonly _shapeFormulaService;
     private readonly _contextService;
     private _ignoreFocusChangesUntil;
-    constructor(_renderContext: IRenderContext<UnitModel>, _instanceService: IUniverInstanceService, _slideDrawingService: ISlideDrawingService, _hitTestService: SlideHitTestService, _slideTextEditingService: SlideTextEditingService, _contextService: IContextService);
+    constructor(_renderContext: IRenderContext<UnitModel>, _instanceService: IUniverInstanceService, _slideDrawingService: ISlideDrawingService, _hitTestService: SlideHitTestService, _slideTextEditingService: SlideTextEditingService, _shapeFormulaService: ShapeFormulaService, _contextService: IContextService);
     private _shouldIgnoreFocusChanges;
     private _shouldIgnorePointerFocusChanges;
     private _init;

package/lib/types/slide-editor/editor-ui/utils/render.d.ts

@@ -2,7 +2,6 @@ import type { BooleanNumber, HorizontalAlign, IDocumentData, LocaleService, Wrap
 import type { IEditorUIDocumentLayout, IEditorUILayoutMeasurement, IEditorUIRect } from '../types';
 import { DocumentDataModel, VerticalAlign } from '@univerjs/core';
 import { Documents, DocumentSkeleton, DocumentViewModel, UniverRenderingContext } from '@univerjs/engine-render';
-export { getShapeTextOpticalVerticalOffset } from '@univerjs-pro/shape-editor-ui';
 export interface IRenderEditorUIDocumentBaseOptions {
     documentData: IDocumentData;
     size: Pick<IEditorUIRect, 'width' | 'height'>;

package/lib/types/slide-editor/utils/editable-text.d.ts

@@ -1,7 +1,8 @@
-import type { ISlideDrawing, ISlidePageElement } from '@univerjs-pro/slides';
+import type { ISlideDrawing, ISlidePageElement, ISlidePlaceholderElement } from '@univerjs-pro/slides';
 import type { LocaleService } from '@univerjs/core';
 import { PlaceholderTypeEnum } from '@univerjs-pro/slides';
 export declare const TEXT_PLACEHOLDER_TYPES: Set<PlaceholderTypeEnum>;
+export declare function hasPlaceholderUserText(element: ISlidePlaceholderElement): boolean;
 export declare function resolveDrawingText(drawing: ISlideDrawing, localeService: LocaleService): string;
 /**
  * Resolve editor initial text for inline editing.

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

@@ -1 +1,12 @@
+import type { IShapeTextEditingParams } from '@univerjs-pro/shape-editor-ui';
+import type { Nullable } from '@univerjs/core';
+import type { ISlideTextEditingParams } from '../../services/slide-text-editing.service';
+import { SlideTextEditingService } from '../../services/slide-text-editing.service';
 export declare const ShapeTextEditorContainer: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export declare function createSlideShapeTextEditingService(editingService: Pick<SlideTextEditingService, 'cancelEditing' | 'completeEditing' | 'editingParams$' | 'getEditing' | 'onSavingEditorData$' | 'setEditing'>, restoreCanvasFocus: (unitId: string) => void): {
+    editingParams$: import("rxjs").Observable<Nullable<ISlideTextEditingParams>>;
+    onSavingEditorData$: import("rxjs").Observable<Nullable<boolean>>;
+    setEditing: (params: Nullable<IShapeTextEditingParams>) => void;
+    completeEditing: (event?: PointerEvent) => void;
+    cancelEditing: () => void;
+};

package/lib/types/views/render/adaptor.d.ts

@@ -10,6 +10,7 @@ export interface IRenderConvertContext {
     orderIndex: number;
     sceneType?: SlideSceneTypeEnum;
     showPlaceholder?: boolean;
+    animateFormulaPresentationOnCreate?: boolean;
     requestRender?: () => void;
 }
 export declare abstract class ObjectAdaptor {

package/lib/types/views/render/adaptors/shape-adaptor.d.ts

@@ -2,19 +2,23 @@ import type { ISlideDrawing } from '@univerjs-pro/slides';
 import type { Nullable } from '@univerjs/core';
 import type { BaseObject } from '@univerjs/engine-render';
 import type { IRenderConvertContext } from '../adaptor';
+import { ShapeFormulaService } from '@univerjs-pro/shape-editor';
 import { IImageIoService, LocaleService } from '@univerjs/core';
 import { SlideTextEditingService } from '../../../slide-editor/services/slide-text-editing.service';
 import { ObjectAdaptor } from '../adaptor';
 export declare class ShapeObjectAdaptor extends ObjectAdaptor {
     private readonly _localeService;
     private readonly _imageIoService;
+    private readonly _shapeFormulaService;
     private readonly _slideTextEditingService?;
     zIndex: number;
     private static readonly _globalImageNativeCache;
     private static readonly _globalImageLoadingCache;
-    constructor(_localeService: LocaleService, _imageIoService: IImageIoService, _slideTextEditingService?: SlideTextEditingService | undefined);
+    private readonly _formulaPresentations;
+    constructor(_localeService: LocaleService, _imageIoService: IImageIoService, _shapeFormulaService: ShapeFormulaService, _slideTextEditingService?: SlideTextEditingService | undefined);
     check(drawing: ISlideDrawing): boolean;
     convert(drawing: ISlideDrawing, ctx: IRenderConvertContext): Nullable<BaseObject>;
+    private _shouldAnimateFormulaPresentation;
     private _loadShapePictureFill;
     private _getOrCreateImageLoadingPromise;
     private _isEditingDrawing;