@ibiz-template-plugin/ibiz-file-previewer 0.0.4 → 0.0.6

package/dist/types/controller/{file-preview-image-group-controller.d.ts → file-preview-item/file-preview-image-group-controller.d.ts}

@@ -1,9 +1,9 @@
-import { IFilePreviewImageGroupState } from '../interface';
-import { FilePreviewItemController } from './file-preview-item-controller';
+import { IFilePreviewImageGroupState } from '../../interface';
+import { FilePreviewImageController } from './file-preview-image-controller';
 /**
  * 图片组预览
  */
-export declare class FilePreviewImageGroupController<S extends IFilePreviewImageGroupState = IFilePreviewImageGroupState> extends FilePreviewItemController<S> {
+export declare class FilePreviewImageGroupController<S extends IFilePreviewImageGroupState = IFilePreviewImageGroupState> extends FilePreviewImageController<S> {
     protected initState(): void;
     /**
      * 获取内容
@@ -13,4 +13,13 @@ export declare class FilePreviewImageGroupController<S extends IFilePreviewImage
      * 切换缩略图面板
      */
     switchThumbnailPanel(): void;
+    /**
+     * 处理旋转角度改变
+     * @param value
+     */
+    handleRotateChange(value: number): void;
+    /**
+     * 重置
+     */
+    reSet(): void;
 }

package/dist/types/controller/{file-preview-item-controller.d.ts → file-preview-item/file-preview-item-controller.d.ts}

@@ -1,4 +1,4 @@
-import { IInitializeParam, IFilePreviewItemState, IFilePreviewItemController, IFilePreviewShellController } from '../interface';
+import { IFilePreviewItemState, IFilePreviewItemController, IFilePreviewShellController } from '../../interface';
 /**
  * 文件预览项控制器
  */
@@ -19,19 +19,10 @@ export declare class FilePreviewItemController<S extends IFilePreviewItemState =
     protected initState(): void;
     /**
      * 初始化
-     * @param param 初始化参数
      */
-    initialize(param: IInitializeParam): Promise<void>;
+    initialize(): Promise<void>;
     /**
      * 获取内容
      */
     getContent(): Promise<string | object>;
-    /**
-     * 缩小预览
-     */
-    zoomOutPreview(event: MouseEvent): void;
-    /**
-     * 放大预览
-     */
-    zoomInPreview(event: MouseEvent): void;
 }

package/dist/types/controller/{file-preview-md-controller.d.ts → file-preview-item/file-preview-md-controller.d.ts}

@@ -1,6 +1,6 @@
 import { FilePreviewTextController } from './file-preview-text-controller';
 /**
- * HTML预览控制器
+ * MD预览控制器
  */
 export declare class FilePreviewMDController extends FilePreviewTextController {
     /**

package/dist/types/controller/{file-preview-text-controller.d.ts → file-preview-item/file-preview-text-controller.d.ts}

@@ -1,4 +1,4 @@
-import { IFilePreviewItemState } from '../interface';
+import { IFilePreviewItemState } from '../../interface';
 import { FilePreviewItemController } from './file-preview-item-controller';
 /**
  * 文本类预览控制器

package/dist/types/controller/file-preview-item/file-prview-html-controller.d.ts

@@ -0,0 +1,7 @@
+import { IFilePreviewItemState } from '../../interface';
+import { FilePreviewTextController } from './file-preview-text-controller';
+/**
+ * HTML文件预览控制器
+ */
+export declare class FilePreviewHtmlController<S extends IFilePreviewItemState = IFilePreviewItemState> extends FilePreviewTextController<S> {
+}

package/dist/types/controller/file-preview-item/index.d.ts

@@ -0,0 +1,6 @@
+export { FilePreviewImageController } from './file-preview-image-controller';
+export { FilePreviewImageGroupController } from './file-preview-image-group-controller';
+export { FilePreviewMDController } from './file-preview-md-controller';
+export { FilePreviewTextController } from './file-preview-text-controller';
+export { FilePreviewHtmlController } from './file-prview-html-controller';
+export { FilePreviewItemController } from './file-preview-item-controller';

package/dist/types/controller/file-preview-item-dispatcher.d.ts

@@ -1,13 +1,14 @@
 import { Component } from 'vue';
 import { IFilePreviewItemConstructor } from '../interface';
+import { EngineType } from '../const';
 /**
  * 文件预览分发器
  */
 export declare class FilePreviewItemDispatcher {
     /**
-     * 文件预览组件映射表
+     * 引擎预览组件映射表
      */
-    private static filePreviewMap;
+    private static enginePreviewMap;
     /**
      * 注册文件预览项
      * @param type 文件类型
@@ -24,7 +25,7 @@ export declare class FilePreviewItemDispatcher {
      * @param type
      * @returns
      */
-    static getItem(type: string): {
+    static getItem(type: EngineType): {
         component: Component;
         controller: IFilePreviewItemConstructor;
     } | null;

package/dist/types/controller/file-preview-shell-controller.d.ts

@@ -1,5 +1,6 @@
-import { Ref } from 'vue';
-import { IFilePreviewerOption, IFilePreviewShellController, IFilePreviewerData, IFilePreviewShellState } from '../interface';
+import { Component, Ref } from 'vue';
+import { IFilePreviewerData, IFilePreviewerOption, IFilePreviewShellState, IFilePreviewItemController, IFilePreviewShellController } from '../interface';
+import { EngineType } from '../const';
 /**
  * 文件预览器控制器
  */
@@ -9,6 +10,14 @@ export declare class FilePreviewShellController implements IFilePreviewShellCont
      * 当前 Vue 应用
      */
     private currentApp;
+    /**
+     * 文件预览组件
+     */
+    preViewComp: Component | undefined;
+    /**
+     * 文件预览控制器
+     */
+    preViewController: IFilePreviewItemController | undefined;
     /**
      * 文件预览器状态对象
      */
@@ -74,4 +83,9 @@ export declare class FilePreviewShellController implements IFilePreviewShellCont
      * @param event
      */
     exportToMd(event: MouseEvent): Promise<void>;
+    /**
+     * 切换引擎类型
+     * @param engineType
+     */
+    switchEngineType(engineType: EngineType): Promise<void>;
 }

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

@@ -1,4 +1,6 @@
 export { FilePreviewShellController } from './file-preview-shell-controller';
-export { FilePreviewTextController } from './file-preview-text-controller';
-export { FilePreviewImageController } from './file-preview-image-controller';
-export { FilePreviewImageGroupController } from './file-preview-image-group-controller';
+export { FilePreviewMDController } from './file-preview-item/file-preview-md-controller';
+export { FilePreviewHtmlController } from './file-preview-item/file-prview-html-controller';
+export { FilePreviewTextController } from './file-preview-item/file-preview-text-controller';
+export { FilePreviewImageController } from './file-preview-item/file-preview-image-controller';
+export { FilePreviewImageGroupController } from './file-preview-item/file-preview-image-group-controller';

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

@@ -7,3 +7,11 @@ export declare const CounterClockwiseSvg: () => JSX.Element;
 export declare const ThumbnailSvg: () => JSX.Element;
 export declare const UpPageSvg: () => JSX.Element;
 export declare const DownPageSvg: () => JSX.Element;
+export declare const DownSvg: () => JSX.Element;
+export declare const ResetSvg: () => JSX.Element;
+/**
+ * loadding图标
+ */
+export declare const LoaddingSvg: (props: {
+    size: number;
+}) => JSX.Element;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { FilePreviewShellController } from './controller';
 export type { IFilePreviewerData, IFilePreviewerOption } from './interface';
-export { ActionType } from './const/action-type';
+export { ActionType, FileType } from './const';

package/dist/types/interface/i-file-preview-item-controller.d.ts

@@ -1,3 +1,4 @@
+import { FileType, ImageMode } from '../const';
 import { IFilePreviewShellController } from './i-file-preview-shell-controller';
 /**
  * 文件预览项状态
@@ -8,9 +9,9 @@ export interface IFilePreviewItemState {
      */
     content: string | object;
     /**
-     * 放大倍数
+     *  文件类型
      */
-    scale: number;
+    fileType: FileType;
     /**
      * 主题
      */
@@ -20,15 +21,35 @@ export interface IFilePreviewItemState {
  * 文件预览图片状态
  */
 export interface IFilePreviewImageState extends IFilePreviewItemState {
+    /**
+     * 放大倍数
+     */
+    scale: number;
     /**
      * 旋转角度
      */
     rotate: number;
+    /**
+     * X轴偏移
+     */
+    offsetX: number;
+    /**
+     * Y轴偏移
+     */
+    offsetY: number;
+    /**
+     * 启用转换
+     */
+    enableTransition: boolean;
+    /**
+     * 图片模式
+     */
+    mode: ImageMode;
 }
 /**
  * 文件预览图片组状态
  */
-export interface IFilePreviewImageGroupState extends IFilePreviewItemState {
+export interface IFilePreviewImageGroupState extends IFilePreviewImageState {
     /**
      * 缩略图面板是否显示
      */
@@ -49,15 +70,10 @@ export interface IFilePreviewImageGroupState extends IFilePreviewItemState {
      * 总数
      */
     total: number;
-}
-/**
- * 文件预览初始化参数
- */
-export interface IInitializeParam {
     /**
-     * 主题
+     * 旋转角度映射，key是图片组索引，value是旋转角度
      */
-    theme: 'light' | 'dark';
+    rotateMap: Record<string, number>;
 }
 /**
  * 文件预览控制器
@@ -69,21 +85,12 @@ export interface IFilePreviewItemController {
     state: Record<string, any>;
     /**
      * 初始化
-     * @param param 初始化参数
      */
-    initialize(param: IInitializeParam): Promise<void>;
+    initialize(): Promise<void>;
     /**
      * 获取内容
      */
     getContent(): Promise<string | object>;
-    /**
-     * 缩小预览
-     */
-    zoomOutPreview(event: MouseEvent): void;
-    /**
-     * 放大预览
-     */
-    zoomInPreview(event: MouseEvent): void;
 }
 /**
  * 文件预览构造函数

package/dist/types/interface/i-file-preview-shell-controller.d.ts

@@ -1,7 +1,5 @@
-import { Component } from 'vue';
 import { IFilePreviewerData, IFilePreviewerOption } from './i-file-previewer-option';
-import { IFilePreviewItemController } from './i-file-preview-item-controller';
-import { EngineType } from '../const/file-type';
+import { EngineType, FileType } from '../const';
 /**
  * 文件预览壳状态
  */
@@ -17,19 +15,11 @@ export interface IFilePreviewShellState {
     /**
      * 文件类型
      */
-    fileType: string;
+    fileType: FileType;
     /**
      * 文件分类
      */
     fileCat: string;
-    /**
-     * 预览组件
-     */
-    preViewComp: Component | undefined;
-    /**
-     * 预览控制器
-     */
-    preViewController: IFilePreviewItemController | undefined;
     /**
      * 主题
      */
@@ -38,6 +28,18 @@ export interface IFilePreviewShellState {
      * 引擎类型
      */
     engineType: EngineType;
+    /**
+     * 引擎选项
+     */
+    engineOptions: string[];
+    /**
+     * 加载状态
+     */
+    isLoading: boolean;
+    /**
+     * 创建状态
+     */
+    isCreated: boolean;
 }
 /**
  * 文件预览壳控制器接口

package/dist/types/interface/i-file-previewer-option.d.ts

@@ -1,3 +1,4 @@
+import { FileType } from '../const';
 /**
  * 文件预览组件配置项 - 通过 URL 预览
  */
@@ -60,12 +61,15 @@ export interface IFilePreviewerOption {
      */
     getContent(id: string, type: string, cat: string): Promise<string | object | undefined>;
     /**
-     * 获取文件路径
-     * @param id
-     * @param cat
+     * 获取图片内容
+     * - 标准图片返回值必须为 图片url路径 | 图片Base64内容
+     * - SVG图片必须返回 图片html内容
+     * @param id 标识
+     * @param type 类型
+     * @param cat 分类
      * @returns
      */
-    getUrl: (id: string, cat: string) => Promise<string>;
+    getImgContent: (id: string, type: FileType, cat: string) => Promise<string>;
     /**
      * 上传文件至oss
      * @param file

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

@@ -1,3 +1,3 @@
 export type { IFilePreviewerData, IFilePreviewerOption, } from './i-file-previewer-option';
 export type { IFilePreviewShellState, IFilePreviewShellController, } from './i-file-preview-shell-controller';
-export type { IInitializeParam, IFilePreviewItemState, IFilePreviewImageState, IFilePreviewImageGroupState, IFilePreviewItemController, IFilePreviewItemConstructor, } from './i-file-preview-item-controller';
+export type { IFilePreviewItemState, IFilePreviewImageState, IFilePreviewImageGroupState, IFilePreviewItemController, IFilePreviewItemConstructor, } from './i-file-preview-item-controller';

package/dist/types/util/util.d.ts

@@ -1,9 +1,10 @@
+import { FileType } from '../const';
 /**
  * 文件名转为文件类型
  * @param fileName
  * @returns
  */
-export declare const fileNameToFileType: (fileName: string) => string;
+export declare const fileNameToFileType: (fileName: string) => FileType;
 /**
  * 节流函数
  * @param func

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template-plugin/ibiz-file-previewer",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "iBiz文件预览器",
   "main": "./dist/index.cjs",
   "module": "./dist/index.es.js",

package/dist/types/component/file-preview-item/file-preview-img/file-preview-img.d.ts

@@ -1,19 +0,0 @@
-import { PropType, CSSProperties } from 'vue';
-import { FilePreviewImageController } from '../../../controller';
-import './file-preview-img.scss';
-export declare const FilePreviewImg: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<FilePreviewImageController>;
-        required: true;
-    };
-}>, {
-    c: FilePreviewImageController<import("../../../interface").IFilePreviewImageState>;
-    style: import("vue").ComputedRef<CSSProperties>;
-    previewRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    shouldRender: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<FilePreviewImageController>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/component/file-preview-item/file-preview-json/file-preview-json.d.ts

@@ -1,18 +0,0 @@
-import { PropType } from 'vue';
-import { FilePreviewTextController } from '../../../controller';
-import './file-preview-json.scss';
-export declare const FilePreviewJson: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<FilePreviewTextController>;
-        required: true;
-    };
-}>, {
-    c: FilePreviewTextController<import("../../../interface").IFilePreviewItemState>;
-    previewRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    shouldRender: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<FilePreviewTextController>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/component/file-preview-item/file-preview-xml/file-preview-xml.d.ts

@@ -1,18 +0,0 @@
-import { PropType } from 'vue';
-import { FilePreviewTextController } from '../../../controller';
-import './file-preview-xml.scss';
-export declare const FilePreviewXml: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<FilePreviewTextController>;
-        required: true;
-    };
-}>, {
-    c: FilePreviewTextController<import("../../../interface").IFilePreviewItemState>;
-    previewRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    shouldRender: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<FilePreviewTextController>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/const/action-type.d.ts

@@ -1,6 +0,0 @@
-export declare enum ActionType {
-    DOWNORIGINAL = "DOWNORIGINAL",// 下载原始文件
-    COPYTEXTCONTENT = "COPYTEXTCONTENT",// 复制文本内容
-    DOWNPDF = "DOWNPDF",// 下载PDF文件
-    DOWNMD = "DOWNMD"
-}

package/dist/types/controller/file-preview-image-controller.d.ts

@@ -1,18 +0,0 @@
-import { IFilePreviewImageState } from '../interface';
-import { FilePreviewItemController } from './file-preview-item-controller';
-/**
- * 图片预览控制器
- */
-export declare class FilePreviewImageController<S extends IFilePreviewImageState = IFilePreviewImageState> extends FilePreviewItemController<S> {
-    protected initState(): void;
-    /**
-     * 获取内容
-     */
-    getContent(): Promise<string | object>;
-    /**
-     * 改变旋转角度
-     *
-     * @param value
-     */
-    onRotateChange(value: number): void;
-}