bhd-components 0.9.1 → 0.9.2

package/es2017/customerService/js-screen-shot/lib/type/ComponentType.d.ts

@@ -0,0 +1,133 @@
+export type cutOutBoxBorder = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    index: number;
+    option: number;
+};
+export type movePositionType = {
+    moveStartX: number;
+    moveStartY: number;
+};
+export type positionInfoType = {
+    startX: number;
+    startY: number;
+    width: number;
+    height: number;
+};
+export type textInfoType = {
+    positionX: number;
+    positionY: number;
+    color: string;
+    size: number;
+};
+export type zoomCutOutBoxReturnType = {
+    tempStartX: number;
+    tempStartY: number;
+    tempWidth: number;
+    tempHeight: number;
+};
+export type toolPositionValType = "left" | "right" | "center";
+export type hideBarInfoType = {
+    state: boolean;
+    color?: string;
+    fillWidth?: number;
+    fillHeight?: number;
+    fillState?: boolean;
+};
+export type drawCutOutBoxReturnType = {
+    startX: number;
+    startY: number;
+    width: number;
+    height: number;
+};
+export type toolIcoType = {
+    [key: string]: boolean | undefined;
+    square?: boolean;
+    round?: boolean;
+    rightTop?: boolean;
+    brush?: boolean;
+    mosaicPen?: boolean;
+    text?: boolean;
+    separateLine?: boolean;
+    save?: boolean;
+    undo?: boolean;
+    confirm?: boolean;
+};
+export type toolbarType = {
+    id: number;
+    title: string;
+};
+export type crcEventType = {
+    state: boolean;
+    handleFn?: () => void;
+};
+export type screenShotType = {
+    enableWebRtc?: boolean;
+    screenFlow?: MediaStream;
+    level?: number;
+    canvasWidth?: number;
+    canvasHeight?: number;
+    completeCallback?: (imgInfo: {
+        base64: string;
+        cutInfo: positionInfoType;
+    }) => void;
+    closeCallback?: () => void;
+    triggerCallback?: (res: {
+        code: number;
+        msg: string;
+        displaySurface: string | null;
+        displayLabel: string | null;
+    }) => void;
+    cancelCallback?: (res: {
+        code: number;
+        msg: string;
+        errorInfo: string;
+    }) => void;
+    saveCallback?: (code: number, msg: string) => void;
+    position?: {
+        top?: number;
+        left?: number;
+    };
+    clickCutFullScreen?: boolean;
+    hiddenToolIco?: toolIcoType;
+    showScreenData?: boolean;
+    imgSrc?: string;
+    loadCrossImg?: boolean;
+    proxyUrl?: string;
+    useCORS?: boolean;
+    screenShotDom?: HTMLElement | HTMLDivElement | HTMLCanvasElement;
+    cropBoxInfo?: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    wrcReplyTime?: number;
+    wrcImgPosition?: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    noScroll?: boolean;
+    maskColor?: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    toolPosition?: toolPositionValType;
+    writeBase64?: boolean;
+    hiddenScrollBar?: hideBarInfoType;
+    wrcWindowMode?: boolean;
+    curTabState?: boolean;
+    customRightClickEvent?: crcEventType;
+    cutBoxBdColor?: string;
+    maxUndoNum?: number;
+    useRatioArrow?: boolean;
+    imgAutoFit?: boolean;
+    saveImgTitle?: string;
+    destroyContainer?: boolean;
+};

package/es2017/customerService/js-screen-shot/lib/type/ComponentType.js

@@ -0,0 +1,2 @@
+// 裁剪框节点事件定义
+export { };

package/es2017/customerService/js-screen-shot/main.d.ts

@@ -0,0 +1,110 @@
+import "./assets/less/screen-shot.less";
+import { screenShotType } from "./lib/type/ComponentType";
+export default class ScreenShot {
+    private readonly data;
+    private readonly videoController;
+    private screenShotContainer;
+    private screenShotDom;
+    private toolController;
+    private screenShotImageController;
+    private screenShotCanvas;
+    private textInputController;
+    private optionController;
+    private optionIcoController;
+    private plugInParameters;
+    private wrcReplyTime;
+    private keyboardEventHandle;
+    private drawGraphPosition;
+    private tempGraphPosition;
+    private wrcImgPosition;
+    private hiddenScrollBar;
+    private wrcWindowMode;
+    private curTabState;
+    private cutOutBoxBorderArr;
+    private borderOption;
+    private movePosition;
+    private dragFlag;
+    private clickCutFullScreen;
+    private getFullScreenStatus;
+    private drawGraphPrevX;
+    private drawGraphPrevY;
+    private degreeOfBlur;
+    private dpr;
+    private fullScreenDiffHeight;
+    private position;
+    private imgSrc;
+    private loadCrossImg;
+    private mouseInsideCropBox;
+    private proxyUrl;
+    private useCORS;
+    private drawStatus;
+    private captureStream;
+    private cropBoxInfo;
+    private textInputPosition;
+    private placement;
+    private drawArrow;
+    private customRightClickEvent;
+    constructor(options: screenShotType);
+    getCanvasController(): HTMLCanvasElement | null | undefined;
+    destroyComponents(): void;
+    completeScreenshot(): void;
+    private registerForRightClickEvent;
+    private load;
+    private sendStream;
+    private loadScreenFlowData;
+    private startCapture;
+    private stopCapture;
+    private screenShot;
+    private mouseDownEvent;
+    private mouseMoveEvent;
+    private adjustContainerLevels;
+    private initCropBox;
+    /**
+     * 从窗口数据流中截取页面body内容
+     * @param videoWidth 窗口宽度
+     * @param videoHeight 窗口高度
+     * @param containerWidth body内容宽度
+     * @param containerHeight body内容高度
+     * @private
+     */
+    private getWindowContentData;
+    private registerContainerShortcuts;
+    private showToolBar;
+    private setGlobalParameter;
+    private setOptionalParameter;
+    private mouseUpEvent;
+    /**
+     * 操作裁剪框
+     * @param currentX 裁剪框当前x轴坐标
+     * @param currentY 裁剪框当前y轴坐标
+     * @param startX 鼠标x轴坐标
+     * @param startY 鼠标y轴坐标
+     * @param width 裁剪框宽度
+     * @param height 裁剪框高度
+     * @param context 需要进行绘制的canvas画布
+     * @private
+     */
+    private operatingCutOutBox;
+    /**
+     * 显示最新的画布状态
+     * @private
+     */
+    private showLastHistory;
+    private setScreenShotContainerEventListener;
+    /**
+     * 向截图容器中绘制图片
+     * @param triggerCallback
+     * @param context
+     * @param imgSrc
+     * @private
+     */
+    private drawPictures;
+    /**
+     * 初始化截图容器
+     * @param triggerCallback
+     * @param context
+     * @param screenShotContainer
+     * @private
+     */
+    private initScreenShot;
+}