bhd-components 0.9.0 → 0.9.2

package/esm/customerService/js-screen-shot/lib/split-methods/DrawCutOutBox.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 绘制裁剪框
+ * @param mouseX 鼠标x轴坐标
+ * @param mouseY 鼠标y轴坐标
+ * @param width 裁剪框宽度
+ * @param height 裁剪框高度
+ * @param context 需要进行绘制的canvas画布
+ * @param borderSize 边框节点直径
+ * @param controller 需要进行操作的canvas容器
+ * @param imageController 图片canvas容器
+ * @param drawBorders
+ * @private
+ */
+export declare function drawCutOutBox(mouseX: number, mouseY: number, width: number, height: number, context: CanvasRenderingContext2D, borderSize: number, controller: HTMLCanvasElement, imageController: HTMLCanvasElement, drawBorders?: boolean): {
+    startX: number;
+    startY: number;
+    width: number;
+    height: number;
+};

package/esm/customerService/js-screen-shot/lib/split-methods/DrawCutOutBox.js

@@ -0,0 +1,119 @@
+import PlugInParameters from "../main-entrance/PlugInParameters";
+/**
+ * 绘制裁剪框
+ * @param mouseX 鼠标x轴坐标
+ * @param mouseY 鼠标y轴坐标
+ * @param width 裁剪框宽度
+ * @param height 裁剪框高度
+ * @param context 需要进行绘制的canvas画布
+ * @param borderSize 边框节点直径
+ * @param controller 需要进行操作的canvas容器
+ * @param imageController 图片canvas容器
+ * @param drawBorders
+ * @private
+ */ export function drawCutOutBox(mouseX, mouseY, width, height, context, borderSize, controller, imageController) {
+    var drawBorders = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : true;
+    // 获取画布宽高
+    var canvasWidth = controller === null || controller === void 0 ? void 0 : controller.width;
+    var canvasHeight = controller === null || controller === void 0 ? void 0 : controller.height;
+    var dpr = window.devicePixelRatio || 1;
+    var data = new PlugInParameters();
+    // 画布、图片不存在则return
+    if (!canvasWidth || !canvasHeight || !imageController || !controller) return;
+    // 清除画布
+    context.clearRect(0, 0, canvasWidth, canvasHeight);
+    width = width != 0 ? width : 5;
+    height = height != 0 ? height : 5;
+    // 绘制蒙层
+    context.save();
+    var maskColor = data.getMaskColor();
+    context.fillStyle = "rgba(0, 0, 0, .6)";
+    if (maskColor) {
+        context.fillStyle = "rgba(".concat(maskColor.r, ", ").concat(maskColor.g, ", ").concat(maskColor.b, ", ").concat(maskColor.a, ")");
+    }
+    context.fillRect(0, 0, canvasWidth, canvasHeight);
+    // 将蒙层凿开
+    context.globalCompositeOperation = "source-atop";
+    // 裁剪选择框
+    context.clearRect(mouseX, mouseY, width, height);
+    // 绘制8个边框像素点并保存坐标信息以及事件参数
+    context.globalCompositeOperation = "source-over";
+    context.fillStyle = data.getCutBoxBdColor();
+    // 是否绘制裁剪框的8个像素点
+    if (drawBorders) {
+        // 像素点大小
+        var size = borderSize;
+        // 绘制像素点
+        context.fillRect(mouseX - size / 2, mouseY - size / 2, size, size);
+        context.fillRect(mouseX - size / 2 + width / 2, mouseY - size / 2, size, size);
+        context.fillRect(mouseX - size / 2 + width, mouseY - size / 2, size, size);
+        context.fillRect(mouseX - size / 2, mouseY - size / 2 + height / 2, size, size);
+        context.fillRect(mouseX - size / 2 + width, mouseY - size / 2 + height / 2, size, size);
+        context.fillRect(mouseX - size / 2, mouseY - size / 2 + height, size, size);
+        context.fillRect(mouseX - size / 2 + width / 2, mouseY - size / 2 + height, size, size);
+        context.fillRect(mouseX - size / 2 + width, mouseY - size / 2 + height, size, size);
+    }
+    // 绘制结束
+    context.restore();
+    // 使用drawImage将图片绘制到蒙层下方
+    context.save();
+    context.globalCompositeOperation = "destination-over";
+    // 图片尺寸使用canvas容器的css中的尺寸
+    var _ref = {
+        imgWidth: parseInt(controller === null || controller === void 0 ? void 0 : controller.style.width),
+        imgHeight: parseInt(controller === null || controller === void 0 ? void 0 : controller.style.height)
+    }, imgWidth = _ref.imgWidth, imgHeight = _ref.imgHeight;
+    // 用户有传入截图dom绘制时使用其dom的尺寸
+    var screenShotDom = data.getScreenShotDom();
+    if (screenShotDom != null) {
+        imgWidth = screenShotDom.clientWidth;
+        imgHeight = screenShotDom.clientHeight;
+    }
+    // 非webrtc模式、未开启图片自适应、未传入截图dom时，图片的宽高不做处理
+    if (!data.getWebRtcStatus() && !data.getImgAutoFit() && screenShotDom == null) {
+        imgWidth = imageController.width / dpr;
+        imgHeight = imageController.height / dpr;
+    }
+    context.drawImage(imageController, 0, 0, imgWidth, imgHeight);
+    context.restore();
+    // 返回裁剪框临时位置信息
+    if (width > 0 && height > 0) {
+        // 考虑左上往右下拉区域的情况
+        return {
+            startX: mouseX,
+            startY: mouseY,
+            width: width,
+            height: height
+        };
+    } else if (width < 0 && height < 0) {
+        // 考虑右下往左上拉区域的情况
+        return {
+            startX: mouseX + width,
+            startY: mouseY + height,
+            width: Math.abs(width),
+            height: Math.abs(height)
+        };
+    } else if (width > 0 && height < 0) {
+        // 考虑左下往右上拉区域的情况
+        return {
+            startX: mouseX,
+            startY: mouseY + height,
+            width: width,
+            height: Math.abs(height)
+        };
+    } else if (width < 0 && height > 0) {
+        // 考虑右上往左下拉区域的情况
+        return {
+            startX: mouseX + width,
+            startY: mouseY,
+            width: Math.abs(width),
+            height: height
+        };
+    }
+    return {
+        startX: mouseX,
+        startY: mouseY,
+        width: width,
+        height: height
+    };
+}

package/esm/customerService/js-screen-shot/lib/split-methods/DrawLineArrow.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 绘制箭头
+ * @param context 需要进行绘制的画布
+ * @param mouseStartX 鼠标按下时的x轴坐标 P1
+ * @param mouseStartY 鼠标按下式的y轴坐标 P1
+ * @param mouseX 当前鼠标x轴坐标 P2
+ * @param mouseY 当前鼠标y轴坐标 P2
+ * @param theta 箭头斜线与直线的夹角角度 (θ) P3 ---> (P1、P2) || P4 ---> P1(P1、P2)
+ * @param slashLength 箭头斜线的长度 P3 ---> P2 || P4 ---> P2
+ * @param borderWidth 边框宽度
+ * @param color 边框颜色
+ */
+export declare function drawLineArrow(context: CanvasRenderingContext2D, mouseStartX: number, mouseStartY: number, mouseX: number, mouseY: number, theta: number, slashLength: number, borderWidth: number, color: string): void;

package/esm/customerService/js-screen-shot/lib/split-methods/DrawLineArrow.js

@@ -0,0 +1,51 @@
+/**
+ * 绘制箭头
+ * @param context 需要进行绘制的画布
+ * @param mouseStartX 鼠标按下时的x轴坐标 P1
+ * @param mouseStartY 鼠标按下式的y轴坐标 P1
+ * @param mouseX 当前鼠标x轴坐标 P2
+ * @param mouseY 当前鼠标y轴坐标 P2
+ * @param theta 箭头斜线与直线的夹角角度 (θ) P3 ---> (P1、P2) || P4 ---> P1(P1、P2)
+ * @param slashLength 箭头斜线的长度 P3 ---> P2 || P4 ---> P2
+ * @param borderWidth 边框宽度
+ * @param color 边框颜色
+ */ export function drawLineArrow(context, mouseStartX, mouseStartY, mouseX, mouseY, theta, slashLength, borderWidth, color) {
+    /**
+   * 已知:
+   *    1. P1、P2的坐标
+   *    2. 箭头斜线(P3 || P4) ---> P2直线的长度
+   *    3. 箭头斜线(P3 || P4) ---> (P1、P2)直线的夹角角度(θ)
+   * 求:
+   *    P3、P4的坐标
+   */ var angle = Math.atan2(mouseStartY - mouseY, mouseStartX - mouseX) * 180 / Math.PI, angle1 = (angle + theta) * Math.PI / 180, angle2 = (angle - theta) * Math.PI / 180, topX = slashLength * Math.cos(angle1), topY = slashLength * Math.sin(angle1), botX = slashLength * Math.cos(angle2), botY = slashLength * Math.sin(angle2); // P4点的Y轴坐标
+    // 开始绘制
+    context.save();
+    context.beginPath();
+    // P3的坐标位置
+    var arrowX = mouseStartX - topX, arrowY = mouseStartY - topY;
+    // 移动笔触到P3坐标
+    context.moveTo(arrowX, arrowY);
+    // 移动笔触到P1
+    context.moveTo(mouseStartX, mouseStartY);
+    // 绘制P1到P2的直线
+    context.lineTo(mouseX, mouseY);
+    // 计算P3的位置
+    arrowX = mouseX + topX;
+    arrowY = mouseY + topY;
+    // 移动笔触到P3坐标
+    context.moveTo(arrowX, arrowY);
+    // 绘制P2到P3的斜线
+    context.lineTo(mouseX, mouseY);
+    // 计算P4的位置
+    arrowX = mouseX + botX;
+    arrowY = mouseY + botY;
+    // 绘制P2到P4的斜线
+    context.lineTo(arrowX, arrowY);
+    // 上色
+    context.strokeStyle = color;
+    context.lineWidth = borderWidth;
+    // 填充
+    context.stroke();
+    // 结束绘制
+    context.restore();
+}

package/esm/customerService/js-screen-shot/lib/split-methods/DrawMasking.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 绘制蒙层
+ * @param context 需要进行绘制canvas
+ * @param imgData 屏幕截图canvas容器
+ */
+export declare function drawMasking(context: CanvasRenderingContext2D, imgData?: HTMLCanvasElement): void;

package/esm/customerService/js-screen-shot/lib/split-methods/DrawMasking.js

@@ -0,0 +1,41 @@
+import PlugInParameters from "../main-entrance/PlugInParameters";
+/**
+ * 绘制蒙层
+ * @param context 需要进行绘制canvas
+ * @param imgData 屏幕截图canvas容器
+ */ export function drawMasking(context, imgData) {
+    var data = new PlugInParameters();
+    var plugInParameters = new PlugInParameters();
+    var canvasSize = plugInParameters.getCanvasSize();
+    var viewSize = {
+        width: parseFloat(window.getComputedStyle(document.body).width),
+        height: parseFloat(window.getComputedStyle(document.body).height)
+    };
+    var maxWidth = Math.max(viewSize.width || 0, Math.max(document.body.scrollWidth, document.documentElement.scrollWidth), Math.max(document.body.offsetWidth, document.documentElement.offsetWidth), Math.max(document.body.clientWidth, document.documentElement.clientWidth));
+    var maxHeight = Math.max(viewSize.height || 0, Math.max(document.body.scrollHeight, document.documentElement.scrollHeight), Math.max(document.body.offsetHeight, document.documentElement.offsetHeight), Math.max(document.body.clientHeight, document.documentElement.clientHeight));
+    // 清除画布
+    context.clearRect(0, 0, maxWidth, maxHeight);
+    // 屏幕截图存在且展示截图数据的状态为true则进行绘制
+    if (imgData != null && plugInParameters.getShowScreenDataStatus()) {
+        // 调用者传了画布尺寸则使用，否则使用窗口宽高
+        if (canvasSize.canvasWidth !== 0 && canvasSize.canvasHeight !== 0) {
+            context.drawImage(imgData, 0, 0, canvasSize.canvasWidth, canvasSize.canvasHeight);
+        } else {
+            context.drawImage(imgData, 0, 0, maxWidth, maxHeight);
+        }
+    }
+    // 绘制蒙层
+    context.save();
+    var maskColor = data.getMaskColor();
+    context.fillStyle = "rgba(0, 0, 0, .6)";
+    if (maskColor) {
+        context.fillStyle = "rgba(".concat(maskColor.r, ", ").concat(maskColor.g, ", ").concat(maskColor.b, ", ").concat(maskColor.a, ")");
+    }
+    if (canvasSize.canvasWidth !== 0 && canvasSize.canvasHeight !== 0) {
+        context.fillRect(0, 0, canvasSize.canvasWidth, canvasSize.canvasHeight);
+    } else {
+        context.fillRect(0, 0, maxWidth, maxHeight);
+    }
+    // 绘制结束
+    context.restore();
+}

package/esm/customerService/js-screen-shot/lib/split-methods/DrawMosaic.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 绘制马赛克
+ *    实现思路：
+ *      1. 获取鼠标划过路径区域的图像信息
+ *      2. 将区域内的像素点绘制成周围相近的颜色
+ * @param mouseX 当前鼠标X轴坐标
+ * @param mouseY 当前鼠标Y轴坐标
+ * @param size 马赛克画笔大小
+ * @param degreeOfBlur 马赛克模糊度
+ * @param context 需要进行绘制的画布
+ */
+export declare function drawMosaic(mouseX: number, mouseY: number, size: number, degreeOfBlur: number, context: CanvasRenderingContext2D): void;

package/esm/customerService/js-screen-shot/lib/split-methods/DrawMosaic.js

@@ -0,0 +1,67 @@
+/**
+ * 获取图像指定坐标位置的颜色
+ * @param imgData 需要进行操作的图片
+ * @param x x点坐标
+ * @param y y点坐标
+ */ var getAxisColor = function(imgData, x, y) {
+    var w = imgData.width;
+    var d = imgData.data;
+    var color = [];
+    color[0] = d[4 * (y * w + x)];
+    color[1] = d[4 * (y * w + x) + 1];
+    color[2] = d[4 * (y * w + x) + 2];
+    color[3] = d[4 * (y * w + x) + 3];
+    return color;
+};
+/**
+ * 设置图像指定坐标位置的颜色
+ * @param imgData 需要进行操作的图片
+ * @param x x点坐标
+ * @param y y点坐标
+ * @param color 颜色数组
+ */ var setAxisColor = function(imgData, x, y, color) {
+    var w = imgData.width;
+    var d = imgData.data;
+    d[4 * (y * w + x)] = color[0];
+    d[4 * (y * w + x) + 1] = color[1];
+    d[4 * (y * w + x) + 2] = color[2];
+    d[4 * (y * w + x) + 3] = color[3];
+};
+/**
+ * 绘制马赛克
+ *    实现思路：
+ *      1. 获取鼠标划过路径区域的图像信息
+ *      2. 将区域内的像素点绘制成周围相近的颜色
+ * @param mouseX 当前鼠标X轴坐标
+ * @param mouseY 当前鼠标Y轴坐标
+ * @param size 马赛克画笔大小
+ * @param degreeOfBlur 马赛克模糊度
+ * @param context 需要进行绘制的画布
+ */ export function drawMosaic(mouseX, mouseY, size, degreeOfBlur, context) {
+    // 获取设备像素比
+    var dpr = window.devicePixelRatio || 1;
+    // 获取鼠标经过区域的图片像素信息
+    var imgData = context.getImageData(mouseX * dpr, mouseY * dpr, size * dpr, size * dpr);
+    // 获取图像宽高
+    var w = imgData.width;
+    var h = imgData.height;
+    // 等分图像宽高
+    var stepW = w / degreeOfBlur;
+    var stepH = h / degreeOfBlur;
+    // 循环画布像素点
+    for(var i = 0; i < stepH; i++){
+        for(var j = 0; j < stepW; j++){
+            // 随机获取一个小方格的随机颜色
+            var color = getAxisColor(imgData, j * degreeOfBlur + Math.floor(Math.random() * degreeOfBlur), i * degreeOfBlur + Math.floor(Math.random() * degreeOfBlur));
+            // 循环小方格的像素点
+            for(var k = 0; k < degreeOfBlur; k++){
+                for(var l = 0; l < degreeOfBlur; l++){
+                    // 设置小方格的颜色
+                    setAxisColor(imgData, j * degreeOfBlur + l, i * degreeOfBlur + k, color);
+                }
+            }
+        }
+    }
+    // 渲染打上马赛克后的图像信息
+    context.putImageData(imgData, mouseX * dpr, mouseY * dpr);
+}

package/esm/customerService/js-screen-shot/lib/split-methods/DrawPencil.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 画笔绘制
+ * @param context
+ * @param mouseX
+ * @param mouseY
+ * @param size
+ * @param color
+ */
+export declare function drawPencil(context: CanvasRenderingContext2D, mouseX: number, mouseY: number, size: number, color: string): void;
+/**
+ * 画笔初始化
+ */
+export declare function initPencil(context: CanvasRenderingContext2D, mouseX: number, mouseY: number): void;

package/esm/customerService/js-screen-shot/lib/split-methods/DrawPencil.js

@@ -0,0 +1,27 @@
+/**
+ * 画笔绘制
+ * @param context
+ * @param mouseX
+ * @param mouseY
+ * @param size
+ * @param color
+ */ export function drawPencil(context, mouseX, mouseY, size, color) {
+    // 开始绘制
+    context.save();
+    // 设置边框大小
+    context.lineWidth = size;
+    // 设置边框颜色
+    context.strokeStyle = color;
+    context.lineTo(mouseX, mouseY);
+    context.stroke();
+    // 绘制结束
+    context.restore();
+}
+/**
+ * 画笔初始化
+ */ export function initPencil(context, mouseX, mouseY) {
+    // 开始||清空一条路径
+    context.beginPath();
+    // 移动画笔位置
+    context.moveTo(mouseX, mouseY);
+}

package/esm/customerService/js-screen-shot/lib/split-methods/DrawRectangle.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 绘制矩形
+ * @param mouseX
+ * @param mouseY
+ * @param width
+ * @param height
+ * @param color 边框颜色
+ * @param borderWidth 边框大小
+ * @param context 需要进行绘制的canvas画布
+ */
+export declare function drawRectangle(mouseX: number, mouseY: number, width: number, height: number, color: string, borderWidth: number, context: CanvasRenderingContext2D): void;

package/esm/customerService/js-screen-shot/lib/split-methods/DrawRectangle.js

@@ -0,0 +1,22 @@
+/**
+ * 绘制矩形
+ * @param mouseX
+ * @param mouseY
+ * @param width
+ * @param height
+ * @param color 边框颜色
+ * @param borderWidth 边框大小
+ * @param context 需要进行绘制的canvas画布
+ */ export function drawRectangle(mouseX, mouseY, width, height, color, borderWidth, context) {
+    context.save();
+    // 设置边框颜色
+    context.strokeStyle = color;
+    // 设置边框大小
+    context.lineWidth = borderWidth;
+    context.beginPath();
+    // 绘制矩形
+    context.rect(mouseX, mouseY, width, height);
+    context.stroke();
+    // 绘制结束
+    context.restore();
+}

package/esm/customerService/js-screen-shot/lib/split-methods/DrawText.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 绘制文本
+ * @param text 需要进行绘制的文字
+ * @param mouseX 绘制位置的X轴坐标
+ * @param mouseY 绘制位置的Y轴坐标
+ * @param color 字体颜色
+ * @param fontSize 字体大小
+ * @param context 需要你行绘制的画布
+ */
+export declare function drawText(text: string, mouseX: number, mouseY: number, color: string, fontSize: number, context: CanvasRenderingContext2D): void;

package/esm/customerService/js-screen-shot/lib/split-methods/DrawText.js

@@ -0,0 +1,24 @@
+/**
+ * 绘制文本
+ * @param text 需要进行绘制的文字
+ * @param mouseX 绘制位置的X轴坐标
+ * @param mouseY 绘制位置的Y轴坐标
+ * @param color 字体颜色
+ * @param fontSize 字体大小
+ * @param context 需要你行绘制的画布
+ */ export function drawText(text, mouseX, mouseY, color, fontSize, context) {
+    context.save();
+    context.lineWidth = 1;
+    context.fillStyle = color;
+    context.textBaseline = "middle";
+    context.font = "bold ".concat(fontSize, "px none");
+    // 处理换行符并绘制多行文本
+    var lines = text.split("\n"); // 根据换行符拆分文本为多行
+    var lineHeight = fontSize * 1.4; // 设定行高为字体大小的1.4倍
+    lines.forEach(function(line, index) {
+        // 调整每行的垂直位置
+        var lineY = mouseY + lineHeight * index;
+        context.fillText(line, mouseX, lineY);
+    });
+    context.restore();
+}

package/esm/customerService/js-screen-shot/lib/split-methods/KeyboardEventHandle.d.ts

@@ -0,0 +1,10 @@
+export default class KeyboardEventHandle {
+    private readonly toolController;
+    constructor(screenShotController: HTMLCanvasElement, toolController: HTMLDivElement);
+    /**
+     * 触发工具栏指定模块的点击事件
+     * @param eventName 事件名, 与截图工具栏中的data-title属性值保持一致
+     * @private
+     */
+    triggerEvent(eventName: string): void;
+}

package/esm/customerService/js-screen-shot/lib/split-methods/KeyboardEventHandle.js

@@ -0,0 +1,61 @@
+// 键盘按下事件处理类
+import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
+import { _ as _create_class } from "@swc/helpers/_/_create_class";
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import InitData from "../main-entrance/InitData";
+var KeyboardEventHandle = /*#__PURE__*/ function() {
+    "use strict";
+    function KeyboardEventHandle(screenShotController, toolController) {
+        var _this = this;
+        _class_call_check(this, KeyboardEventHandle);
+        // 截图工具栏容器
+        _define_property(this, "toolController", null);
+        var data = new InitData();
+        var textInputContainer = document.getElementById("textInputPanel");
+        this.toolController = toolController;
+        // 调整截图容器显示权重
+        screenShotController.tabIndex = 9999;
+        // 监听全局键盘按下事件
+        document.body.addEventListener("keydown", function(event) {
+            // 文本输入框存在时则终止
+            if (data.getTextEditState()) {
+                data.setTextEditState(false);
+                return;
+            }
+            if (event.code === "Escape") {
+                // ESC按下，触发取消截图事件
+                _this.triggerEvent("close");
+            }
+            if (event.code === "Enter" && textInputContainer && textInputContainer.style.display !== "block") {
+                // Enter按下，触发确认截图事件
+                _this.triggerEvent("confirm");
+            }
+            // 按下command+z或者ctrl+z快捷键选中撤销工具
+            if ((event.metaKey || event.ctrlKey) && event.code === "KeyZ") {
+                _this.triggerEvent("undo");
+            }
+        });
+    }
+    _create_class(KeyboardEventHandle, [
+        {
+            key: "triggerEvent",
+            value: /**
+   * 触发工具栏指定模块的点击事件
+   * @param eventName 事件名, 与截图工具栏中的data-title属性值保持一致
+   * @private
+   */ function triggerEvent(eventName) {
+                if (this.toolController == null) return;
+                for(var i = 0; i < this.toolController.childNodes.length; i++){
+                    var childNode = this.toolController.childNodes[i];
+                    var toolName = childNode.getAttribute("data-title");
+                    if (toolName === eventName) {
+                        // 执行参数事件
+                        childNode.click();
+                    }
+                }
+            }
+        }
+    ]);
+    return KeyboardEventHandle;
+}();
+export { KeyboardEventHandle as default };

package/esm/customerService/js-screen-shot/lib/split-methods/SetPlugInParameters.d.ts

@@ -0,0 +1,2 @@
+import { screenShotType } from "../type/ComponentType";
+export declare function setPlugInParameters(options: screenShotType): void;

package/esm/customerService/js-screen-shot/lib/split-methods/SetPlugInParameters.js

@@ -0,0 +1,62 @@
+import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
+import PlugInParameters from "../main-entrance/PlugInParameters";
+// 为插件的全局参数设置数据
+export function setPlugInParameters(options) {
+    var plugInParameters = new PlugInParameters();
+    // webrtc启用状态, 默认为true，如果设置了false则修改默认值
+    if ((options === null || options === void 0 ? void 0 : options.enableWebRtc) === false) {
+        plugInParameters.setWebRtcStatus(false);
+        plugInParameters.setInitStatus(false);
+    }
+    // 读取并设置参数中的视频流数据
+    if (_instanceof(options === null || options === void 0 ? void 0 : options.screenFlow, MediaStream)) {
+        plugInParameters.setScreenFlow(options.screenFlow);
+    }
+    // 读取参数中的画布宽高, 两者都存在时才设置
+    if ((options === null || options === void 0 ? void 0 : options.canvasWidth) && (options === null || options === void 0 ? void 0 : options.canvasHeight)) {
+        plugInParameters.setCanvasSize(options.canvasWidth, options.canvasHeight);
+    }
+    // 读取参数设置默认展示截屏数据的状态，默认为false，如果设置了true才修改
+    if ((options === null || options === void 0 ? void 0 : options.showScreenData) === true) {
+        plugInParameters.setShowScreenDataStatus(true);
+    }
+    if ((options === null || options === void 0 ? void 0 : options.maskColor) && typeof options.maskColor === "object") {
+        plugInParameters.setMaskColor(options.maskColor);
+    }
+    // 调用者关闭了剪切板写入，则修改全局变量（默认为true）
+    if ((options === null || options === void 0 ? void 0 : options.writeBase64) === false) {
+        plugInParameters.setWriteImgState(options.writeBase64);
+    }
+    // 调用者传入了截图dom
+    if (options === null || options === void 0 ? void 0 : options.screenShotDom) {
+        plugInParameters.setScreenShotDom(options.screenShotDom);
+    }
+    // 调用者传入了裁剪区域边框像素点颜色信息
+    if (options === null || options === void 0 ? void 0 : options.cutBoxBdColor) {
+        plugInParameters.setCutBoxBdColor(options.cutBoxBdColor);
+    }
+    // 调用者传入了保存截图回调
+    if (options === null || options === void 0 ? void 0 : options.saveCallback) {
+        plugInParameters.setSaveCallback(options.saveCallback);
+    }
+    // 设置最大撤销次数
+    if (options === null || options === void 0 ? void 0 : options.maxUndoNum) {
+        plugInParameters.setMaxUndoNum(options.maxUndoNum);
+    }
+    // 箭头绘制工具是否使用等比例绘制方式
+    if (options === null || options === void 0 ? void 0 : options.useRatioArrow) {
+        plugInParameters.setRatioArrow(options.useRatioArrow);
+    }
+    // 设置图片自适应开启状态
+    if (options === null || options === void 0 ? void 0 : options.imgAutoFit) {
+        plugInParameters.setImgAutoFit(options.imgAutoFit);
+    }
+    // 设置图片保存时的文件名称
+    if (options === null || options === void 0 ? void 0 : options.saveImgTitle) {
+        plugInParameters.setSaveImgTitle(options.saveImgTitle);
+    }
+    // 确认截图时，是否需要销毁dom
+    if ((options === null || options === void 0 ? void 0 : options.destroyContainer) === false) {
+        plugInParameters.setDestroyContainerState(options.destroyContainer);
+    }
+}

package/esm/customerService/js-screen-shot/lib/split-methods/ToolClickEvent.d.ts

@@ -0,0 +1 @@
+export declare function toolClickEvent(toolName: string, index: number, mouseEvent: any, completeCallback: Function | undefined, closeCallback: Function | undefined): void;