@univerjs-pro/slides-ui 1.0.0-alpha.0 → 1.0.0-alpha.2

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

@@ -119,11 +119,6 @@ declare const locale: {
             title: string;
             shapeStyle: string;
             shapePosition: string;
-            style: {
-                fill: string;
-                stroke: string;
-                strokeWidth: string;
-            };
             openPanel: string;
             deleteShape: string;
             toolbar: {
@@ -160,6 +155,26 @@ declare const locale: {
                 height: string;
                 rotation: string;
             };
+            style: {
+                shadow: string;
+                shadowColor: string;
+                shadowBlurRadius: string;
+                shadowDistance: string;
+                shadowDirection: string;
+                shadowPresetTitle: string;
+                shadowPresetNone: string;
+                shadowPresetCustom: string;
+                shadowTransparency: string;
+                shadowSize: string;
+                shadowPreset: {
+                    shdw6: string;
+                    shdw5: string;
+                    shdw2: string;
+                    shdw1: string;
+                    shdw14: string;
+                    shdw10: string;
+                };
+            };
             fill: {
                 title: string;
                 noFill: string;
@@ -346,209 +361,6 @@ declare const locale: {
             speakerNotesSave: string;
             speakerNotesCancel: string;
         };
-        shape: {
-            group: {
-                line: string;
-                rectangle: string;
-                basicShape: string;
-                blockArrow: string;
-                equationShape: string;
-                flowchart: string;
-                starAndBanner: string;
-                callout: string;
-                other: string;
-            };
-            type: {
-                line: string;
-                'straight-connector1': string;
-                'straight-connector2': string;
-                'bent-connector3': string;
-                'bent-connector3-arrow1': string;
-                'bent-connector3-arrow2': string;
-                'curved-connector3': string;
-                'curved-connector3-arrow1': string;
-                'curved-connector3-arrow2': string;
-                rect: string;
-                'round-rect': string;
-                'snip1-rect': string;
-                'snip2-same-rect': string;
-                'snip2-diag-rect': string;
-                'snip-round-rect': string;
-                'round1-rect': string;
-                'round2-same-rect': string;
-                'round2-diag-rect': string;
-                'rect-textbox-horizontal': string;
-                'rect-textbox-vertical': string;
-                ellipse: string;
-                triangle: string;
-                'rt-triangle': string;
-                parallelogram: string;
-                trapezoid: string;
-                'non-isosceles-trapezoid': string;
-                diamond: string;
-                pentagon: string;
-                hexagon: string;
-                heptagon: string;
-                octagon: string;
-                decagon: string;
-                dodecagon: string;
-                pie: string;
-                chord: string;
-                teardrop: string;
-                frame: string;
-                'half-frame': string;
-                corner: string;
-                'diag-stripe': string;
-                plus: string;
-                plaque: string;
-                can: string;
-                cube: string;
-                bevel: string;
-                donut: string;
-                'no-smoking': string;
-                'block-arc': string;
-                'folder-corner': string;
-                'smiley-face': string;
-                heart: string;
-                'lightning-bolt': string;
-                sun: string;
-                moon: string;
-                cloud: string;
-                arc: string;
-                'bracket-pair': string;
-                'brace-pair': string;
-                'left-bracket': string;
-                'right-bracket': string;
-                'left-brace': string;
-                'right-brace': string;
-                'right-arrow': string;
-                'left-arrow': string;
-                'up-arrow': string;
-                'down-arrow': string;
-                'left-right-arrow': string;
-                'up-down-arrow': string;
-                'quad-arrow': string;
-                'left-right-up-arrow': string;
-                'bent-arrow': string;
-                'uturn-arrow': string;
-                'left-up-arrow': string;
-                'bent-up-arrow': string;
-                'curved-right-arrow': string;
-                'curved-left-arrow': string;
-                'curved-up-arrow': string;
-                'curved-down-arrow': string;
-                'striped-right-arrow': string;
-                'notched-right-arrow': string;
-                'home-plate': string;
-                chevron: string;
-                'right-arrow-callout': string;
-                'down-arrow-callout': string;
-                'left-arrow-callout': string;
-                'up-arrow-callout': string;
-                'left-right-arrow-callout': string;
-                'quad-arrow-callout': string;
-                'circular-arrow': string;
-                'math-plus': string;
-                'math-minus': string;
-                'math-multiply': string;
-                'math-divide': string;
-                'math-equal': string;
-                'math-not-equal': string;
-                'flow-chart-process': string;
-                'flow-chart-alternate-process': string;
-                'flow-chart-decision': string;
-                'flow-chart-input-output': string;
-                'flow-chart-predefined-process': string;
-                'flow-chart-internal-storage': string;
-                'flow-chart-document': string;
-                'flow-chart-multidocument': string;
-                'flow-chart-terminator': string;
-                'flow-chart-preparation': string;
-                'flow-chart-manual-input': string;
-                'flow-chart-manual-operation': string;
-                'flow-chart-connector': string;
-                'flow-chart-offpage-connector': string;
-                'flow-chart-punched-card': string;
-                'flow-chart-punched-tape': string;
-                'flow-chart-summing-junction': string;
-                'flow-chart-or': string;
-                'flow-chart-collate': string;
-                'flow-chart-sort': string;
-                'flow-chart-extract': string;
-                'flow-chart-merge': string;
-                'flow-chart-online-storage': string;
-                'flow-chart-delay': string;
-                'flow-chart-magnetic-tape': string;
-                'flow-chart-magnetic-disk': string;
-                'flow-chart-magnetic-drum': string;
-                'flow-chart-display': string;
-                'irregular-seal1': string;
-                'irregular-seal2': string;
-                star4: string;
-                star5: string;
-                star6: string;
-                star7: string;
-                star8: string;
-                star10: string;
-                star12: string;
-                star16: string;
-                star24: string;
-                star32: string;
-                ribbon2: string;
-                ribbon: string;
-                'ellipse-ribbon2': string;
-                'ellipse-ribbon': string;
-                'vertical-scroll': string;
-                'horizontal-scroll': string;
-                wave: string;
-                'double-wave': string;
-                'wedge-rect-callout': string;
-                'wedge-round-rect-callout': string;
-                'wedge-ellipse-callout': string;
-                'cloud-callout': string;
-                'border-callout1': string;
-                'border-callout2': string;
-                'border-callout3': string;
-                'accent-callout1': string;
-                'accent-callout2': string;
-                'accent-callout3': string;
-                callout1: string;
-                callout2: string;
-                callout3: string;
-                'accent-border-callout1': string;
-                'accent-border-callout2': string;
-                'accent-border-callout3': string;
-                'left-circular-arrow': string;
-                'left-right-circular-arrow': string;
-                'swoosh-arrow': string;
-                'left-right-ribbon': string;
-                'pie-wedge': string;
-                funnel: string;
-                gear6: string;
-                gear9: string;
-                'corner-tabs': string;
-                'action-button-back-previous': string;
-                'action-button-forward-next': string;
-                'action-button-beginning': string;
-                'action-button-end': string;
-                'action-button-home': string;
-                'action-button-information': string;
-                'action-button-return': string;
-                'action-button-movie': string;
-                'action-button-document': string;
-                'action-button-sound': string;
-                'action-button-help': string;
-                'action-button-blank': string;
-                'chart-plus': string;
-                'chart-star': string;
-                'chart-x': string;
-                'flow-chart-offline-storage': string;
-                'line-inv': string;
-                'plaque-tabs': string;
-                'square-tabs': string;
-                'up-down-arrow-callout': string;
-            };
-        };
         slide: {
             placeholder: {
                 text: {

package/lib/types/menu/change-shape.menu.d.ts

@@ -2,4 +2,4 @@ import type { ShapeTypeEnum } from '@univerjs-pro/engine-shape';
 import type { IAccessor } from '@univerjs/core';
 import type { IMenuSelectorItem } from '@univerjs/ui';
 import type { LocaleKey } from '../locale/types';
-export declare function SlideChangeShapeMenuFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey, ShapeTypeEnum>;
+export declare function SlideChangeShapeMenuFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey, ShapeTypeEnum | undefined, ShapeTypeEnum>;

package/lib/types/render-objects/background-image-fit.util.d.ts

@@ -5,4 +5,13 @@ export interface IBackgroundImageDrawRect {
     width: number;
     height: number;
 }
-export declare function resolveBackgroundImageDrawRect(frameWidth: number, frameHeight: number, imageWidth: number, imageHeight: number, fit: SlidePresentationBackgroundGraphicFitWithoutRepeatEnum): IBackgroundImageDrawRect;
+export interface IBackgroundImageEdgeRect {
+    left?: number;
+    top?: number;
+    right?: number;
+    bottom?: number;
+}
+export interface IBackgroundImageSourceRect extends IBackgroundImageDrawRect {
+}
+export declare function resolveBackgroundImageSourceRect(imageWidth: number, imageHeight: number, srcRect?: IBackgroundImageEdgeRect): IBackgroundImageSourceRect;
+export declare function resolveBackgroundImageDrawRect(frameWidth: number, frameHeight: number, imageWidth: number, imageHeight: number, fit: SlidePresentationBackgroundGraphicFitWithoutRepeatEnum, stretchFillRect?: IBackgroundImageEdgeRect): IBackgroundImageDrawRect;

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

@@ -22,5 +22,6 @@ export declare class SlideImageObject extends Image {
     loadSource(source: string, imageSourceType: ImageSourceType, imageIoService: IImageIoService, onReady?: () => void): Promise<void>;
     setNativeImage(native: HTMLImageElement): void;
     protected _draw(ctx: UniverRenderingContext, bounds?: IViewportInfo, renderWidth?: number, renderHeight?: number): void;
+    private _drawPictureStroke;
     private _applyResolvedSource;
 }

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

@@ -10,6 +10,7 @@ interface ISlidePageBackgroundObjectProps {
     background?: ISlideBackgroundData;
     evented?: boolean;
     zIndex?: number;
+    requestRender?: () => void;
 }
 export declare class SlidePageBackgroundObject extends Rect<ISlidePageBackgroundObjectProps> {
     private readonly _imageIoService?;
@@ -17,10 +18,12 @@ export declare class SlidePageBackgroundObject extends Rect<ISlidePageBackground
     private static readonly _imageLoadingCache;
     private _background?;
     private _native?;
+    private readonly _requestRender?;
     constructor(key: string, props: ISlidePageBackgroundObjectProps, _imageIoService?: IImageIoService | undefined);
     updateBackground(background?: ISlideBackgroundData): void;
     protected _draw(ctx: UniverRenderingContext, _bounds?: IViewportInfo, renderWidth?: number, renderHeight?: number): void;
     private _prepareImage;
+    private _markImageReady;
     private _createImagePromise;
     private _drawImage;
     private _createGradient;

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

@@ -57,6 +57,8 @@ export declare class SlideShapeObject extends Shape<ISlideShapeObjectProps> {
     _draw(ctx: UniverRenderingContext, _bounds?: IViewportInfo, renderWidth?: number, renderHeight?: number): void;
     private _drawShapeText;
     private _applyReadableTextFlip;
+    private _renderShapePath;
+    private _applyOuterShadow;
     render(mainCtx: UniverRenderingContext, bounds: IViewportInfo): this;
     getInverseCoord(coord: Vector2): Vector2;
     dispose(): void;

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

@@ -1,7 +1,6 @@
 import type { ISlideInsertShapeOptions, ISlideInsertTextBoxOptions } from '@univerjs-pro/slides';
-import type { ImageSourceType } from '@univerjs/drawing';
 import { ICommandService, IUniverInstanceService } from '@univerjs/core';
-import { IImageIoService } from '@univerjs/drawing';
+import { IImageIoService, ImageSourceType } from '@univerjs/drawing';
 import { ISlideDrawingStateService } from './slide-drawing-state.service';
 export interface ISlideInsertTableOptions {
     rows?: number;

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

@@ -1,7 +1,8 @@
-import type { IDocumentData, ITextStyle, WrapStrategy as WrapStrategyType } from '@univerjs/core';
+import type { IDocumentData, ITextStyle } from '@univerjs/core';
 import type { IEditorUIDocumentLayout } from '../types';
+import { WrapStrategy } from '@univerjs/core';
 export interface IPrepareEditorUIDocumentOptions extends Pick<IEditorUIDocumentLayout, 'rect' | 'horizontalAlign' | 'verticalAlign' | 'isHorizontal'> {
-    wrapStrategy?: WrapStrategyType;
+    wrapStrategy?: WrapStrategy;
 }
 export interface IEditorUITextStyleOptions {
     fontFamily?: string;

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

@@ -12,5 +12,5 @@ interface ISlideShapeFloatingToolbarProps {
         extraProps?: ISlideShapeFloatingToolbarExtraProps;
     };
 }
-export declare function ShapeFloatingToolbar(props: ISlideShapeFloatingToolbarProps): import("react").JSX.Element | null;
+export declare function SlideShapeFloatingToolbar(props: ISlideShapeFloatingToolbarProps): import("react").JSX.Element | null;
 export {};

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

@@ -1,9 +1,9 @@
 import type { ISlideDrawing } from '@univerjs-pro/slides';
 import type { Nullable } from '@univerjs/core';
-import type { IImageIoService } from '@univerjs/drawing';
 import type { BaseObject } from '@univerjs/engine-render';
 import type { IRenderConvertContext } from '../adaptor';
 import { LocaleService } from '@univerjs/core';
+import { IImageIoService } from '@univerjs/drawing';
 import { SlideTextEditingService } from '../../../slide-editor/services/slide-text-editing.service';
 import { ObjectAdaptor } from '../adaptor';
 export declare class ShapeObjectAdaptor extends ObjectAdaptor {