@8btc/wujie-ppt 0.0.13-beta → 0.0.15-beta

package/dist/PPTCanvas.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { RawSlideJson } from './utils/import-parser';
-import { Slide, SlideTheme } from './types/slides';
-import { PresetTheme } from './configs/theme';
+import { Slide, IPPTCanvasRef } from './types/slides';
 
 export type SlideJsonData = RawSlideJson;
 interface PPTCanvasProps {
@@ -12,19 +11,5 @@ interface PPTCanvasProps {
         currentSlide: Slide | null;
     }) => React.ReactNode;
 }
-interface IRef {
-    applyThemeToAllSlides: (all?: boolean) => void;
-    applyPresetTheme: (theme: PresetTheme, applyToAllSlides: boolean) => void;
-    applyFontToAllSlides: (fontname: string) => void;
-    exportPPTX: (data: {
-        slides: Slide[];
-        theme: SlideTheme;
-        masterOverwrite?: boolean;
-        ignoreMedia?: boolean;
-        writeFile?: boolean;
-        onError?: (e: any) => void;
-        onSuccess?: (data: any) => void;
-    }) => void;
-}
-declare const _default: React.ForwardRefExoticComponent<PPTCanvasProps & React.RefAttributes<IRef>>;
+declare const _default: React.ForwardRefExoticComponent<PPTCanvasProps & React.RefAttributes<IPPTCanvasRef>>;
 export default _default;

package/dist/types/edit.d.ts

@@ -45,7 +45,7 @@ export interface AlignmentLineAxis {
     y: number;
 }
 export interface AlignmentLineProps {
-    type: 'vertical' | 'horizontal';
+    type: "vertical" | "horizontal";
     axis: AlignmentLineAxis;
     length: number;
 }
@@ -77,19 +77,19 @@ export interface CreateCustomShapeData {
     outline?: PPTElementOutline;
 }
 export interface CreatingTextElement {
-    type: 'text';
+    type: "text";
     vertical?: boolean;
 }
 export interface CreatingShapeElement {
-    type: 'shape';
+    type: "shape";
     data: ShapePoolItem;
 }
 export interface CreatingLineElement {
-    type: 'line';
+    type: "line";
     data: LinePoolItem;
 }
 export type CreatingElement = CreatingTextElement | CreatingShapeElement | CreatingLineElement;
-export type TextFormatPainterKeys = 'bold' | 'em' | 'underline' | 'strikethrough' | 'color' | 'backcolor' | 'fontsize' | 'fontname' | 'align';
+export type TextFormatPainterKeys = "bold" | "em" | "underline" | "strikethrough" | "color" | "backcolor" | "fontsize" | "fontname" | "align";
 export interface TextFormatPainter {
     keep: boolean;
     bold?: boolean;
@@ -100,7 +100,7 @@ export interface TextFormatPainter {
     backcolor?: string;
     fontsize?: string;
     fontname?: string;
-    align?: 'left' | 'right' | 'center';
+    align?: "left" | "right" | "center";
 }
 export interface ShapeFormatPainter {
     keep: boolean;

package/dist/types/slides.d.ts

@@ -1,3 +1,5 @@
+import { PresetTheme } from '../configs/theme';
+
 export declare const enum ShapePathFormulasKeys {
     ROUND_RECT = "roundRect",
     ROUND_RECT_DIAGONAL = "roundRectDiagonal",
@@ -39,7 +41,7 @@ export declare const enum ElementTypes {
  *
  * rotate: 渐变角度（线性渐变）
  */
-export type GradientType = 'linear' | 'radial';
+export type GradientType = "linear" | "radial";
 export type GradientColor = {
     pos: number;
     color: string;
@@ -49,7 +51,7 @@ export interface Gradient {
     colors: GradientColor[];
     rotate: number;
 }
-export type LineStyleType = 'solid' | 'dashed' | 'dotted';
+export type LineStyleType = "solid" | "dashed" | "dotted";
 /**
  * 元素阴影
  *
@@ -81,7 +83,7 @@ export interface PPTElementOutline {
     width?: number;
     color?: string;
 }
-export type ElementLinkType = 'web' | 'slide';
+export type ElementLinkType = "web" | "slide";
 /**
  * 元素超链接
  *
@@ -125,7 +127,7 @@ interface PPTBaseElement {
     link?: PPTElementLink;
     name?: string;
 }
-export type TextType = 'title' | 'subtitle' | 'content' | 'item' | 'itemTitle' | 'notes' | 'header' | 'footer' | 'partNumber' | 'itemNumber';
+export type TextType = "title" | "subtitle" | "content" | "item" | "itemTitle" | "notes" | "header" | "footer" | "partNumber" | "itemNumber";
 /**
  * 文本元素
  *
@@ -156,7 +158,7 @@ export type TextType = 'title' | 'subtitle' | 'content' | 'item' | 'itemTitle' |
  * textType?: 文本类型
  */
 export interface PPTTextElement extends PPTBaseElement {
-    type: 'text';
+    type: "text";
     content: string;
     defaultFontName: string;
     defaultColor: string;
@@ -200,14 +202,14 @@ export interface ImageOrShapeFlip {
  *
  * 'opacity'?: 不透明度，默认100（%）
  */
-export type ImageElementFilterKeys = 'blur' | 'brightness' | 'contrast' | 'grayscale' | 'saturate' | 'hue-rotate' | 'opacity' | 'sepia' | 'invert';
+export type ImageElementFilterKeys = "blur" | "brightness" | "contrast" | "grayscale" | "saturate" | "hue-rotate" | "opacity" | "sepia" | "invert";
 export interface ImageElementFilters {
     blur?: string;
     brightness?: string;
     contrast?: string;
     grayscale?: string;
     saturate?: string;
-    'hue-rotate'?: string;
+    "hue-rotate"?: string;
     sepia?: string;
     invert?: string;
     opacity?: string;
@@ -224,7 +226,7 @@ export interface ImageElementClip {
     range: ImageClipDataRange;
     shape: string;
 }
-export type ImageType = 'pageFigure' | 'itemFigure' | 'background';
+export type ImageType = "pageFigure" | "itemFigure" | "background";
 /**
  * 图片元素
  *
@@ -253,7 +255,7 @@ export type ImageType = 'pageFigure' | 'itemFigure' | 'background';
  * imageType?: 图片类型
  */
 export interface PPTImageElement extends PPTBaseElement {
-    type: 'image';
+    type: "image";
     fixedRatio: boolean;
     src: string;
     outline?: PPTElementOutline;
@@ -266,7 +268,7 @@ export interface PPTImageElement extends PPTBaseElement {
     colorMask?: string;
     imageType?: ImageType;
 }
-export type ShapeTextAlign = 'top' | 'middle' | 'bottom';
+export type ShapeTextAlign = "top" | "middle" | "bottom";
 /**
  * 形状内文本
  *
@@ -325,7 +327,7 @@ export interface ShapeText {
  * keypoints?: 关键点位置百分比
  */
 export interface PPTShapeElement extends PPTBaseElement {
-    type: 'shape';
+    type: "shape";
     viewBox: [number, number];
     path: string;
     fixedRatio: boolean;
@@ -342,7 +344,7 @@ export interface PPTShapeElement extends PPTBaseElement {
     pathFormula?: ShapePathFormulasKeys;
     keypoints?: number[];
 }
-export type LinePoint = '' | 'arrow' | 'dot';
+export type LinePoint = "" | "arrow" | "dot";
 /**
  * 线条元素
  *
@@ -368,8 +370,8 @@ export type LinePoint = '' | 'arrow' | 'dot';
  *
  * cubic?: 三次曲线控制点位置（[[x1, y1], [x2, y2]]）
  */
-export interface PPTLineElement extends Omit<PPTBaseElement, 'height' | 'rotate'> {
-    type: 'line';
+export interface PPTLineElement extends Omit<PPTBaseElement, "height" | "rotate"> {
+    type: "line";
     start: [number, number];
     end: [number, number];
     style: LineStyleType;
@@ -381,7 +383,7 @@ export interface PPTLineElement extends Omit<PPTBaseElement, 'height' | 'rotate'
     curve?: [number, number];
     cubic?: [[number, number], [number, number]];
 }
-export type ChartType = 'bar' | 'column' | 'line' | 'pie' | 'ring' | 'area' | 'radar' | 'scatter';
+export type ChartType = "bar" | "column" | "line" | "pie" | "ring" | "area" | "radar" | "scatter";
 export interface ChartOptions {
     lineSmooth?: boolean;
     stack?: boolean;
@@ -413,7 +415,7 @@ export interface ChartData {
  * lineColor?: 网格颜色
  */
 export interface PPTChartElement extends PPTBaseElement {
-    type: 'chart';
+    type: "chart";
     fill?: string;
     chartType: ChartType;
     data: ChartData;
@@ -423,7 +425,7 @@ export interface PPTChartElement extends PPTBaseElement {
     textColor?: string;
     lineColor?: string;
 }
-export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export type TextAlign = "left" | "center" | "right" | "justify";
 /**
  * 表格单元格样式
  *
@@ -512,7 +514,7 @@ export interface TableTheme {
  * data: 表格数据
  */
 export interface PPTTableElement extends PPTBaseElement {
-    type: 'table';
+    type: "table";
     outline: PPTElementOutline;
     theme?: TableTheme;
     colWidths: number[];
@@ -537,7 +539,7 @@ export interface PPTTableElement extends PPTBaseElement {
  * fixedRatio: 固定形状宽高比例
  */
 export interface PPTLatexElement extends PPTBaseElement {
-    type: 'latex';
+    type: "latex";
     latex: string;
     path: string;
     color: string;
@@ -559,7 +561,7 @@ export interface PPTLatexElement extends PPTBaseElement {
  * ext: 视频后缀，当资源链接缺少后缀时用该字段确认资源类型
  */
 export interface PPTVideoElement extends PPTBaseElement {
-    type: 'video';
+    type: "video";
     src: string;
     autoplay: boolean;
     poster?: string;
@@ -583,7 +585,7 @@ export interface PPTVideoElement extends PPTBaseElement {
  * ext: 音频后缀，当资源链接缺少后缀时用该字段确认资源类型
  */
 export interface PPTAudioElement extends PPTBaseElement {
-    type: 'audio';
+    type: "audio";
     fixedRatio: boolean;
     color: string;
     loop: boolean;
@@ -592,8 +594,8 @@ export interface PPTAudioElement extends PPTBaseElement {
     ext?: string;
 }
 export type PPTElement = PPTTextElement | PPTImageElement | PPTShapeElement | PPTLineElement | PPTChartElement | PPTTableElement | PPTLatexElement | PPTVideoElement | PPTAudioElement;
-export type AnimationType = 'in' | 'out' | 'attention';
-export type AnimationTrigger = 'click' | 'meantime' | 'auto';
+export type AnimationType = "in" | "out" | "attention";
+export type AnimationTrigger = "click" | "meantime" | "auto";
 /**
  * 元素动画
  *
@@ -617,8 +619,8 @@ export interface PPTAnimation {
     duration: number;
     trigger: AnimationTrigger;
 }
-export type SlideBackgroundType = 'solid' | 'image' | 'gradient';
-export type SlideBackgroundImageSize = 'cover' | 'contain' | 'repeat';
+export type SlideBackgroundType = "solid" | "image" | "gradient";
+export type SlideBackgroundImageSize = "cover" | "contain" | "repeat";
 export interface SlideBackgroundImage {
     src: string;
     size: SlideBackgroundImageSize;
@@ -640,7 +642,7 @@ export interface SlideBackground {
     image?: SlideBackgroundImage;
     gradient?: Gradient;
 }
-export type TurningMode = 'no' | 'fade' | 'slideX' | 'slideY' | 'random' | 'slideX3D' | 'slideY3D' | 'rotate' | 'scaleY' | 'scaleX' | 'scale' | 'scaleReverse';
+export type TurningMode = "no" | "fade" | "slideX" | "slideY" | "random" | "slideX3D" | "slideY3D" | "rotate" | "scaleY" | "scaleX" | "scale" | "scaleReverse";
 export interface NoteReply {
     id: string;
     content: string;
@@ -659,7 +661,7 @@ export interface SectionTag {
     id: string;
     title?: string;
 }
-export type SlideType = 'cover' | 'contents' | 'transition' | 'content' | 'end';
+export type SlideType = "cover" | "contents" | "transition" | "content" | "end";
 /**
  * 幻灯片页面
  *
@@ -715,4 +717,18 @@ export interface SlideTemplate {
     cover: string;
     origin?: string;
 }
+export interface IPPTCanvasRef {
+    applyThemeToAllSlides: (all?: boolean) => void;
+    applyPresetTheme: (theme: PresetTheme, applyToAllSlides: boolean) => void;
+    applyFontToAllSlides: (fontname: string) => void;
+    exportPPTX: (data: {
+        slides: Slide[];
+        theme: SlideTheme;
+        masterOverwrite?: boolean;
+        ignoreMedia?: boolean;
+        writeFile?: boolean;
+        onError?: (e: any) => void;
+        onSuccess?: (data: any) => void;
+    }) => void;
+}
 export {};