yui-image-editor 1.0.3 → 1.0.4

package/dist/types/components/ImageEditor/index.d.ts

@@ -115,3 +115,16 @@ export declare const zhLocale: {
     'Lock Aspect Ratio': string;
 };
 export declare const customTheme: {};
+/**
+ * 深度合并两个对象：source 字段覆盖 target 字段，嵌套对象递归合并
+ * @param target 目标对象（默认配置）
+ * @param source 源对象（传入的配置）
+ * @returns 合并后的新对象（不修改原对象）
+ */
+/**
+ * 修复泛型约束：去掉 Record 限制，改用任意对象
+ * @param target 默认配置（EditorConfig）
+ * @param source 传入的配置（Partial<EditorConfig>）
+ * @returns 合并后的配置
+ */
+export declare const deepMerge: <T extends object>(target: T, source: Partial<T>) => T;

package/dist/types/index.d.ts

@@ -12,31 +12,23 @@ export type { TuiEditorTypes, YuiImageEditorProps };
 declare const _default: {
     install: (app: App) => void;
     YuiImageEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        initialImageUrl: {
-            type: StringConstructor;
-            default: string;
-        };
-        width: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        height: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        defaultA4Size: {
-            type: BooleanConstructor;
-            default: boolean;
+        editorConfig: {
+            type: import('vue').PropType<TuiEditorTypes.EditorConfig>;
+            default: () => {};
         };
     }>, {
         showStatus: (message: string, type?: "success" | "error" | "info") => void;
         updateCanvasSize: () => void;
-        addTitle: () => Promise<void>;
+        addTitle: (title?: string) => Promise<void>;
         addTimestamp: () => Promise<void>;
-        addFigureLabel: () => Promise<void>;
+        addFigureLabel: (title?: string) => Promise<void>;
         addComparisonBox: () => Promise<void>;
         addCalibrationTarget: () => Promise<void>;
         getCoreEditor: () => TuiEditorTypes.TuiImageEditor | null;
+        loadImageFromURL: (imageUrl: string, imageName?: string) => Promise<{
+            success: boolean;
+            message: string;
+        }>;
         destroy: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         init: (editor: TuiEditorTypes.TuiImageEditor) => any;
@@ -46,21 +38,9 @@ declare const _default: {
             height: number;
         }) => any;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        initialImageUrl: {
-            type: StringConstructor;
-            default: string;
-        };
-        width: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        height: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        defaultA4Size: {
-            type: BooleanConstructor;
-            default: boolean;
+        editorConfig: {
+            type: import('vue').PropType<TuiEditorTypes.EditorConfig>;
+            default: () => {};
         };
     }>> & Readonly<{
         onInit?: ((editor: TuiEditorTypes.TuiImageEditor) => any) | undefined;
@@ -70,10 +50,7 @@ declare const _default: {
             height: number;
         }) => any) | undefined;
     }>, {
-        width: string | number;
-        height: string | number;
-        initialImageUrl: string;
-        defaultA4Size: boolean;
+        editorConfig: TuiEditorTypes.EditorConfig;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
         editorContainer: HTMLDivElement;
         editorRef: HTMLDivElement;

package/dist/types/types/index.d.ts

@@ -1,3 +1,30 @@
+/**
+ * 编辑器配置接口
+ */
+export interface EditorConfig {
+    includeUI?: {
+        loadImage?: {
+            path?: string;
+            name?: string;
+        };
+        initMenu?: string;
+        menuBarPosition?: 'left' | 'top' | 'right' | 'bottom';
+        locale?: any;
+        theme?: any;
+        uiSize?: {
+            width?: string | number;
+            height?: string | number;
+        };
+    };
+    selectionStyle?: {
+        cornerSize?: number;
+        rotatingPointOffset?: number;
+    };
+    usageStatistics?: boolean;
+    cssMaxHeight?: number | string;
+    cssMaxWidth?: number | string;
+    [key: string]: unknown;
+}
 /**
  * tui-image-editor 核心接口定义
  * 根据实际使用的方法进行扩展
@@ -16,6 +43,8 @@ export interface TuiImageEditor {
     addText(text: string, options: TextOptions): Promise<ObjectProps>;
     addShape(type: string, options: ShapeOptions): Promise<ObjectProps>;
     addImageObject(url: string, options?: ImageObjectOptions): Promise<ObjectProps>;
+    loadImageFromFile: (imgFile: File, imageName?: string) => Promise<void>;
+    loadImageFromURL: (url: string, imageName?: string) => Promise<void>;
     resetZoom(): void;
     resize(dimensions: {
         width: number;
@@ -81,30 +110,6 @@ export interface ImageObjectOptions {
     height: number;
     [key: string]: any;
 }
-/**
- * 编辑器配置接口
- */
-export interface EditorConfig {
-    includeUI?: {
-        loadImage?: {
-            path: string;
-            name: string;
-        };
-        theme?: any;
-        initMenu?: string;
-        menuBarPosition?: 'top' | 'bottom' | 'left' | 'right';
-        menu?: string[];
-        locale?: any;
-    };
-    cssMaxWidth?: number;
-    cssMaxHeight?: number;
-    selectionStyle?: {
-        cornerSize?: number;
-        rotatingPointOffset?: number;
-    };
-    usageStatistics?: boolean;
-    [key: string]: any;
-}
 /**
  * 坐标点接口
  */

package/dist/types/views/MapPluginView.d.ts

@@ -1,2 +1,78 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+import { EditorConfig, TuiImageEditor } from '../types';
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    yuiImageEditor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        editorConfig: {
+            type: import('vue').PropType<EditorConfig>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onInit?: ((editor: TuiImageEditor) => any) | undefined;
+        onStatusChange?: ((status: import('../components/ImageEditor/editor.types').EditorOperationStatus | null) => any) | undefined;
+        onCanvasSizeChange?: ((size: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    }>, {
+        showStatus: (message: string, type?: "success" | "error" | "info") => void;
+        updateCanvasSize: () => void;
+        addTitle: (title?: string) => Promise<void>;
+        addTimestamp: () => Promise<void>;
+        addFigureLabel: (title?: string) => Promise<void>;
+        addComparisonBox: () => Promise<void>;
+        addCalibrationTarget: () => Promise<void>;
+        getCoreEditor: () => TuiImageEditor | null;
+        loadImageFromURL: (imageUrl: string, imageName?: string) => Promise<{
+            success: boolean;
+            message: string;
+        }>;
+        destroy: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        init: (editor: TuiImageEditor) => any;
+        statusChange: (status: import('../components/ImageEditor/editor.types').EditorOperationStatus | null) => any;
+        canvasSizeChange: (size: {
+            width: number;
+            height: number;
+        }) => any;
+    }, import('vue').PublicProps, {
+        editorConfig: EditorConfig;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        editorContainer: HTMLDivElement;
+        editorRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        editorConfig: {
+            type: import('vue').PropType<EditorConfig>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onInit?: ((editor: TuiImageEditor) => any) | undefined;
+        onStatusChange?: ((status: import('../components/ImageEditor/editor.types').EditorOperationStatus | null) => any) | undefined;
+        onCanvasSizeChange?: ((size: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    }>, {
+        showStatus: (message: string, type?: "success" | "error" | "info") => void;
+        updateCanvasSize: () => void;
+        addTitle: (title?: string) => Promise<void>;
+        addTimestamp: () => Promise<void>;
+        addFigureLabel: (title?: string) => Promise<void>;
+        addComparisonBox: () => Promise<void>;
+        addCalibrationTarget: () => Promise<void>;
+        getCoreEditor: () => TuiImageEditor | null;
+        loadImageFromURL: (imageUrl: string, imageName?: string) => Promise<{
+            success: boolean;
+            message: string;
+        }>;
+        destroy: () => void;
+    }, {}, {}, {}, {
+        editorConfig: EditorConfig;
+    }> | null;
+}, HTMLDivElement>;
 export default _default;