xctc-utils 1.6.67 → 1.6.69

package/dist/crypto/index.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.decrypt = exports.encrypt = exports.cryptojs = exports.loadCryptoJs = void 0;
-var utils_1 = require("../utils");
-var utils_2 = require("../utils");
-var cryptoUrl = "https://unpkg.com/crypto-js@4.1.1/index.js";
-var cryptoJsSource = "";
-var loadCryptoJs = function (url, callback) {
-    var win = window;
+const utils_1 = require("../utils");
+const utils_2 = require("../utils");
+let cryptoUrl = "https://unpkg.com/crypto-js@4.1.1/index.js";
+let cryptoJsSource = "";
+const loadCryptoJs = (url, callback) => {
+    const win = window;
     if (url) {
         cryptoUrl = url;
     }
-    (0, utils_2.loadScript)(cryptoUrl, function () {
+    (0, utils_2.loadScript)(cryptoUrl, () => {
         cryptoJsSource = (win === null || win === void 0 ? void 0 : win.CryptoJS) || "";
         if (typeof callback === "function") {
             callback();
@@ -19,7 +19,7 @@ var loadCryptoJs = function (url, callback) {
 };
 exports.loadCryptoJs = loadCryptoJs;
 function formatVal(val) {
-    var key = "5uMz4R8r0926DkC8";
+    let key = "5uMz4R8r0926DkC8";
     if (val)
         key = val;
     return cryptoJsSource.enc.Utf8.parse(key);
@@ -36,12 +36,12 @@ function encrypt(word, key, iv) {
     }
     // key  //十六位十六进制数作为密钥
     // iv 十六位十六进制数作为密钥偏移量
-    var src = cryptoJsSource.enc.Utf8.parse(word);
+    const src = cryptoJsSource.enc.Utf8.parse(word);
     key = formatVal(key);
     iv = formatVal(iv);
-    var encryptedData = "";
+    let encryptedData = "";
     try {
-        var encrypted = cryptoJsSource.AES.encrypt(src, key, { iv: iv, mode: cryptoJsSource.mode.CBC, padding: cryptoJsSource.pad.Pkcs7 });
+        const encrypted = cryptoJsSource.AES.encrypt(src, key, { iv, mode: cryptoJsSource.mode.CBC, padding: cryptoJsSource.pad.Pkcs7 });
         encryptedData = encrypted.ciphertext.toString().toUpperCase();
     }
     catch (error) {
@@ -59,12 +59,12 @@ function decrypt(word, key, iv) {
     }
     key = formatVal(key);
     iv = formatVal(iv);
-    var encryptedHexStr = cryptoJsSource.enc.Hex.parse(word);
-    var src = cryptoJsSource.enc.Base64.stringify(encryptedHexStr);
-    var decryptedData = "";
+    const encryptedHexStr = cryptoJsSource.enc.Hex.parse(word);
+    const src = cryptoJsSource.enc.Base64.stringify(encryptedHexStr);
+    let decryptedData = "";
     try {
-        var decrypt_1 = cryptoJsSource.AES.decrypt(src, key, { iv: iv, mode: cryptoJsSource.mode.CBC, padding: cryptoJsSource.pad.Pkcs7 });
-        var decryptedStr = decrypt_1.toString(cryptoJsSource.enc.Utf8);
+        const decrypt = cryptoJsSource.AES.decrypt(src, key, { iv, mode: cryptoJsSource.mode.CBC, padding: cryptoJsSource.pad.Pkcs7 });
+        const decryptedStr = decrypt.toString(cryptoJsSource.enc.Utf8);
         decryptedData = decryptedStr.toString();
     }
     catch (error) {

package/dist/event/changed.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.xx = exports.ResetElementSizeFn = exports.PreviousStepFn = void 0;
 function PreviousStepFn() {
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var list = _.canvasCreateElementsDataSource;
-    var len = list.length;
+    const list = _.canvasCreateElementsDataSource;
+    const len = list.length;
     if (len) {
-        var targetElement_1 = list[len - 1];
-        if (targetElement_1) {
-            _.canvasDataSource.remove(targetElement_1);
+        const targetElement = list[len - 1];
+        if (targetElement) {
+            _.canvasDataSource.remove(targetElement);
             _.canvasCreateElementsDataSource.splice(len - 1, 1);
-            var index = _.canvasCreateTargetElementsDataSource.findIndex(function (citem) { return citem.id == targetElement_1.id; });
+            const index = _.canvasCreateTargetElementsDataSource.findIndex((citem) => citem.id == targetElement.id);
             if (index >= 0) {
                 _.canvasCreateTargetElementsDataSource.splice(index, 1);
             }
@@ -24,15 +24,15 @@ function PreviousStepFn() {
 exports.PreviousStepFn = PreviousStepFn;
 function ResetElementSizeFn() {
     var _a;
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var _b = _.canvasConfig.actions, actions = _b === void 0 ? "" : _b;
-    var backgroundImage = ((_a = _.canvasDataSource) === null || _a === void 0 ? void 0 : _a.backgroundImage) || "";
-    var zoomValue = (actions === null || actions === void 0 ? void 0 : actions.zoom) || 1;
-    var scaleX = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.scaleX) || 1;
-    var scaleY = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.scaleY) || 1;
+    const { actions = "" } = _.canvasConfig;
+    const backgroundImage = ((_a = _.canvasDataSource) === null || _a === void 0 ? void 0 : _a.backgroundImage) || "";
+    const zoomValue = (actions === null || actions === void 0 ? void 0 : actions.zoom) || 1;
+    let scaleX = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.scaleX) || 1;
+    let scaleY = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.scaleY) || 1;
     if (zoomValue != 1) {
         // _.canvasDataSource.zoom = zoomValue
         scaleX = scaleX * zoomValue;

package/dist/event/drop.js

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DragCreateElementDataFn = exports.RegisterMouseDropEventFn = void 0;
-var is_1 = require("../is");
+const is_1 = require("../is");
 function RegisterMouseDropEventFn(options) {
     if (!(0, is_1.isObject)(options)) {
         return;
     }
     console.log("registerMouseDropEventFn");
-    var _ = this;
+    const _ = this;
     // 画布元素距离浏览器左侧和顶部的距离
-    var offset = {
+    let offset = {
         left: _.canvasDataSource.getSelectionElement().getBoundingClientRect().left,
         top: _.canvasDataSource.getSelectionElement().getBoundingClientRect().top
     };
     // 鼠标坐标转换成画布的坐标（未经过缩放和平移的坐标）
-    var point = {
+    let point = {
         x: options.e.x - offset.left,
         y: options.e.y - offset.top,
     };
     // 转换后的坐标，restorePointerVpt 不受视窗变换的影响
-    var pointerVpt = _.canvasDataSource.restorePointerVpt(point);
+    let pointerVpt = _.canvasDataSource.restorePointerVpt(point);
     //创建元素
     _.mousePointerDataSource = pointerVpt;
     _.createDragElementFn();
@@ -32,7 +32,7 @@ function DragCreateElementDataFn(data) {
     if (!(0, is_1.isObject)(data)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }

package/dist/event/index.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkMouseInElement = void 0;
-var win = window || {};
+const win = window || {};
 function checkMouseInElement(element) {
     return function (event) {
         // 获取鼠标相对于文档的位置
-        var mouseX = event === null || event === void 0 ? void 0 : event.clientX;
-        var mouseY = event === null || event === void 0 ? void 0 : event.clientY;
+        const mouseX = event === null || event === void 0 ? void 0 : event.clientX;
+        const mouseY = event === null || event === void 0 ? void 0 : event.clientY;
         // 获取目标元素的位置和尺寸
-        var rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+        const rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
         // 判断鼠标是否在元素内
-        var isInElement = (mouseX >= (rect === null || rect === void 0 ? void 0 : rect.left) &&
+        const isInElement = (mouseX >= (rect === null || rect === void 0 ? void 0 : rect.left) &&
             mouseX <= (rect === null || rect === void 0 ? void 0 : rect.right) &&
             mouseY >= (rect === null || rect === void 0 ? void 0 : rect.top) &&
             mouseY <= (rect === null || rect === void 0 ? void 0 : rect.bottom));

package/dist/event/mouse-down.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RegisterMouseDownEventFn = void 0;
-var is_1 = require("../is");
+const is_1 = require("../is");
 function RegisterMouseDownEventFn(options) {
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     _.mouseCanvasInRangeStatus = true;
     _.mouseWheelPointerDataSource = options;
-    var event = options.e;
-    var activeTarget = options.target || options.activeTarget;
+    const event = options.e;
+    const activeTarget = options.target || options.activeTarget;
     console.log("activeTarget==", activeTarget);
     _.mouseDragStatus = false;
     _.mouseWheelStatus = false;
@@ -39,7 +39,7 @@ function RegisterMouseDownEventFn(options) {
         if (_.canvasSelectionStatus) {
             console.log("自定义绘制选择框选状态--开始绘制");
             _.createSelectionStatus = 1;
-            var pointer = _.canvasDataSource.getPointer(options.e);
+            let pointer = _.canvasDataSource.getPointer(options.e);
             _.mousePointerDataSource = { x: pointer.x, y: pointer.y };
             _.createSelectionRectFn(options);
             return;
@@ -72,7 +72,7 @@ function RegisterMouseDownEventFn(options) {
         }
         else {
             if (!_.canvasDragStatus) {
-                setTimeout(function () {
+                setTimeout(() => {
                     _.canvasDragStatus = true;
                 }, 0);
             }

package/dist/event/mouse-move.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RegisterMouseMoveEventFn = void 0;
-var is_1 = require("../is");
-var win = window || {};
+const is_1 = require("../is");
+const win = window || {};
 function RegisterMouseMoveEventFn(options) {
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     // 监听鼠标是否在画布范围内移动
     var pointer = _.canvasDataSource.getPointer(options.e);
     var inRange = pointer.x >= 0 && pointer.x <= _.canvasDataSource.width &&
@@ -18,7 +18,7 @@ function RegisterMouseMoveEventFn(options) {
         // console.log("鼠标不在画布内，终止行为" );
         return;
     }
-    var activeTarget = options.target || options.activeTarget;
+    const activeTarget = options.target || options.activeTarget;
     _.mouseDragStatus = true;
     _.mouseWheelStatus = true;
     _.mouseWheelPointerDataSource = options;
@@ -27,8 +27,8 @@ function RegisterMouseMoveEventFn(options) {
         return;
     }
     if (_.dragLastPosDataSource.open) {
-        var evt = options.e;
-        var vpt = _.canvasDataSource.viewportTransform;
+        const evt = options.e;
+        const vpt = _.canvasDataSource.viewportTransform;
         vpt[4] += evt.clientX - _.dragLastPosDataSource.lastPosX;
         vpt[5] += evt.clientY - _.dragLastPosDataSource.lastPosY;
         _.canvasDataSource.requestRenderAll(); // 异步更新画板，提升性能

package/dist/event/mouse-up.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RegisterMouseUpEventFn = void 0;
-var is_1 = require("../is");
+const is_1 = require("../is");
 function RegisterMouseUpEventFn(options) {
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     // 鼠标不在画布内，终止行为
     if (!_.mouseCanvasInRangeStatus) {
         return;
     }
-    var activeTarget = options.target || options.activeTarget;
-    var _a = _.callBackEventConfig || {}, activeTargetElementBackFn = _a.activeTargetElementBackFn, activeTargetSelectionRectBackFn = _a.activeTargetSelectionRectBackFn;
+    const activeTarget = options.target || options.activeTarget;
+    const { activeTargetElementBackFn, activeTargetSelectionRectBackFn } = _.callBackEventConfig || {};
     _.mouseWheelPointerDataSource = options;
     console.log("activeTarget==", activeTarget);
     console.log("_.canvasDataSource==", _.canvasDataSource);
-    setTimeout(function () {
+    setTimeout(() => {
         _.mouseWheelStatus = false;
     }, 0);
     if (_.mouseRightClickStatus) {
@@ -31,7 +31,7 @@ function RegisterMouseUpEventFn(options) {
                 activeTargetElementBackFn(activeTarget);
             }
         }
-        setTimeout(function () {
+        setTimeout(() => {
             _.mouseClickTargetObjectStatus = 3;
         }, 0);
         return;
@@ -43,7 +43,7 @@ function RegisterMouseUpEventFn(options) {
                 activeTargetSelectionRectBackFn(activeTarget);
             }
         }
-        setTimeout(function () {
+        setTimeout(() => {
             _.mouseClickTargetObjectStatus = 3;
         }, 0);
         return;
@@ -60,7 +60,7 @@ function RegisterMouseUpEventFn(options) {
         return;
     }
     // _.canvasDataSource.selection = true;
-    setTimeout(function () {
+    setTimeout(() => {
         _.mouseDragStatus = false;
     }, 0);
 }

package/dist/event/mouse-wheel.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RegisterMouseWheelEventFn = void 0;
-var is_1 = require("../is");
+const is_1 = require("../is");
 function RegisterMouseWheelEventFn(options) {
     var _a;
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     _.mouseWheelPointerDataSource = options;
     if (!_.canvasDataSource) {
         return;

package/dist/format/index.js

@@ -4,7 +4,7 @@ exports.formatMobile = exports.makePhone = void 0;
 // h5页面拨打电话
 function makePhone(tel) {
     if (tel) {
-        window.location.href = "tel://".concat(tel);
+        window.location.href = `tel://${tel}`;
     }
 }
 exports.makePhone = makePhone;

package/dist/handle/create.js

@@ -1,35 +1,28 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateElementFn = exports.CreateRightClickMenuFn = exports.CreateAllSelectionRectFn = exports.CreateSelectionRectFn = exports.CreateCanvasImageElementFn = exports.CreateCanvasSvgElementFn = exports.InitElement2CanvasFn = exports.CreateDragElementFn = void 0;
-var utils_1 = require("../utils");
-var is_1 = require("../is");
+const utils_1 = require("../utils");
+const is_1 = require("../is");
 function CreateDragElementFn() {
     var _a, _b, _c, _d, _e;
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var type = ((_a = _.dragElementDataSource) === null || _a === void 0 ? void 0 : _a.renderType) || "image";
-    var top = (_b = _.mousePointerDataSource) === null || _b === void 0 ? void 0 : _b.y;
-    var left = ((_c = _.mousePointerDataSource) === null || _c === void 0 ? void 0 : _c.x) - (((_d = _.dragElementDataSource) === null || _d === void 0 ? void 0 : _d.width) / 2);
+    const type = ((_a = _.dragElementDataSource) === null || _a === void 0 ? void 0 : _a.renderType) || "image";
+    const top = (_b = _.mousePointerDataSource) === null || _b === void 0 ? void 0 : _b.y;
+    const left = ((_c = _.mousePointerDataSource) === null || _c === void 0 ? void 0 : _c.x) - (((_d = _.dragElementDataSource) === null || _d === void 0 ? void 0 : _d.width) / 2);
     // 同一个对象是否允许多次创建 createMode = multiple 允许 传其他或不传不允许
     _.targetObjectDataSource = _.dragElementDataSource;
     if (!((_e = _.targetObjectDataSource) === null || _e === void 0 ? void 0 : _e.id)) {
         console.error("拖入画布的元素没有唯一标识id字段，不能创建！");
         return;
     }
-    var item = __assign(__assign({}, _.dragElementDataSource), { top: top, left: left });
+    const item = {
+        ..._.dragElementDataSource,
+        top: top,
+        left: left,
+    };
     // 拖拽数据类型为SVG图片对象
     if (type == "svg") {
         _.createCanvasSvgElementFn(item);
@@ -43,16 +36,16 @@ function InitElement2CanvasFn(list) {
     if (!(0, is_1.isArray)(list)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     _.defaultCreateDataListStatus = false;
     if (!_.canvasDataSource) {
         return;
     }
     if (list === null || list === void 0 ? void 0 : list.length) {
         _.defaultCreateDataList = list;
-        list.forEach(function (item, index) {
+        list.forEach((item, index) => {
             if (item.hasOwnProperty("left") && item.hasOwnProperty("top")) {
-                var type = (item === null || item === void 0 ? void 0 : item.renderType) || "image";
+                const type = (item === null || item === void 0 ? void 0 : item.renderType) || "image";
                 if (type == "svg") {
                     _.createCanvasSvgElementFn(item, index);
                 }
@@ -69,17 +62,22 @@ function CreateCanvasSvgElementFn(item, index) {
     if (!(0, is_1.isObject)(item)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var createDragElementBackFn = (_.callBackEventConfig || {}).createDragElementBackFn;
-    _.fabricSource.loadSVGFromURL(item === null || item === void 0 ? void 0 : item.address, function (objects) {
+    const { createDragElementBackFn } = _.callBackEventConfig || {};
+    _.fabricSource.loadSVGFromURL(item === null || item === void 0 ? void 0 : item.address, (objects) => {
         var svgObject = (objects === null || objects === void 0 ? void 0 : objects.length) ? objects[0] : "";
         if (!svgObject) {
             return;
         }
-        svgObject.set(__assign({ evented: true, originX: 'left', originY: 'top' }, item));
+        svgObject.set({
+            evented: true,
+            originX: 'left',
+            originY: 'top',
+            ...item
+        });
         _.canvasDataSource.add(svgObject);
         _.canvasDataSource.requestRenderAll();
         _.mousePointerDataSource = null;
@@ -89,7 +87,7 @@ function CreateCanvasSvgElementFn(item, index) {
         if (createDragElementBackFn instanceof Function) {
             createDragElementBackFn(_.dragElementDataSource);
         }
-        setTimeout(function () {
+        setTimeout(() => {
             _.mouseDragStatus = false;
         }, 0);
     });
@@ -100,20 +98,27 @@ function CreateCanvasImageElementFn(item, index) {
     if (!(0, is_1.isObject)(item)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var createDragElementBackFn = (_.callBackEventConfig || {}).createDragElementBackFn;
-    _.fabricSource.Image.fromURL((_a = _.dragElementDataSource) === null || _a === void 0 ? void 0 : _a.address, function (img) {
-        img.set(__assign({}, item));
+    const { createDragElementBackFn } = _.callBackEventConfig || {};
+    _.fabricSource.Image.fromURL((_a = _.dragElementDataSource) === null || _a === void 0 ? void 0 : _a.address, (img) => {
+        img.set({
+            // hasBorders: false, //不显示选中时的边
+            // // hasControls: false, //不显示选中时的9个方块
+            // ..._.dragElementDataSource,
+            // top:top,
+            // left:left,
+            ...item,
+        });
         _.canvasDataSource.add(img);
         _.canvasCreateElementsDataSource.push(img);
         _.canvasCreateTargetElementsDataSource.push(img);
         _.mousePointerDataSource = null;
         _.canvasDataSource.requestRenderAll();
         _.getCreateElementStatusFn(index);
-        setTimeout(function () {
+        setTimeout(() => {
             _.mouseDragStatus = false;
         }, 0);
         if (createDragElementBackFn instanceof Function) {
@@ -128,7 +133,7 @@ function CreateCanvasImageElementFn(item, index) {
 exports.CreateCanvasImageElementFn = CreateCanvasImageElementFn;
 function CreateSelectionRectFn() {
     var _a, _b;
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
@@ -153,14 +158,14 @@ function CreateSelectionRectFn() {
 }
 exports.CreateSelectionRectFn = CreateSelectionRectFn;
 function CreateAllSelectionRectFn() {
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var container = (0, utils_1.getDomFn)("canvasContainer");
+    const container = (0, utils_1.getDomFn)("canvasContainer");
     // console.log("xxx---",_.canvasDataSource.getWidth());
-    var containerWidth = container.offsetWidth;
-    var containerHeight = container.offsetWidth;
+    const containerWidth = container.offsetWidth;
+    const containerHeight = container.offsetWidth;
     _.createSelectionRectDataSource = new _.fabricSource.Rect({
         left: 0,
         top: 0,
@@ -188,31 +193,40 @@ function CreateRightClickMenuFn(options) {
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var rightButtonsDataSource = (_.canvasHandleConfig || {}).rightButtonsDataSource;
-    var rightButtonMenuClickBackFn = (_.callBackEventConfig || {}).rightButtonMenuClickBackFn;
+    const { rightButtonsDataSource } = _.canvasHandleConfig || {};
+    const { rightButtonMenuClickBackFn } = _.callBackEventConfig || {};
     if (!(rightButtonsDataSource === null || rightButtonsDataSource === void 0 ? void 0 : rightButtonsDataSource.length)) {
         return;
     }
-    var canvasContainer = (0, utils_1.getDomFn)("canvasContainer");
-    var oldMenuBox = (0, utils_1.getDomFn)("menuBox");
+    const canvasContainer = (0, utils_1.getDomFn)("canvasContainer");
+    const oldMenuBox = (0, utils_1.getDomFn)("menuBox");
     if (canvasContainer && oldMenuBox) {
         canvasContainer === null || canvasContainer === void 0 ? void 0 : canvasContainer.removeChild(oldMenuBox);
     }
-    var menuBox = _.createElementFn("menuBox", "div");
+    const menuBox = _.createElementFn("menuBox", "div");
     if (rightButtonsDataSource === null || rightButtonsDataSource === void 0 ? void 0 : rightButtonsDataSource.length) {
-        var ulBox_1 = _.createElementFn("ulBox", "ul");
-        ulBox_1.style = "\n        list-style-type: none;\n        padding:0px;\n        margin:0px;\n        ";
-        var liStype_1 = "\n        padding:8px 12px;\n        cursor: pointer;\n        border-radius:4px;\n        font-size:16px;\n        ";
-        rightButtonsDataSource.forEach(function (item, index) {
-            var liItem = _.createElementFn("li", "liBox".concat(index + 1), index);
+        const ulBox = _.createElementFn("ulBox", "ul");
+        ulBox.style = `
+        list-style-type: none;
+        padding:0px;
+        margin:0px;
+        `;
+        const liStype = `
+        padding:8px 12px;
+        cursor: pointer;
+        border-radius:4px;
+        font-size:16px;
+        `;
+        rightButtonsDataSource.forEach((item, index) => {
+            const liItem = _.createElementFn("li", `liBox${index + 1}`, index);
             liItem.innerHTML = (item === null || item === void 0 ? void 0 : item.label) || "请传入label值";
-            liItem.style = liStype_1;
+            liItem.style = liStype;
             liItem.className = "right-menu-button";
-            liItem.addEventListener("click", function (event) {
+            liItem.addEventListener("click", (event) => {
                 // 点击右键菜单回调函数
                 console.log("rightButtonMenuClickBackFn==", rightButtonMenuClickBackFn);
                 event.preventDefault();
@@ -224,7 +238,7 @@ function CreateRightClickMenuFn(options) {
                 _.hiddenRightClickMenuFn();
             });
             liItem.addEventListener('mousemove', function () {
-                var lists = document.getElementsByClassName("right-menu-button");
+                const lists = document.getElementsByClassName("right-menu-button");
                 for (var i = 0; i < lists.length; i++) {
                     var element = lists[i];
                     element.style.backgroundColor = "#fff";
@@ -234,19 +248,19 @@ function CreateRightClickMenuFn(options) {
                 liItem.style.color = '#fff';
                 liItem.style.fontWeight = "bold";
             });
-            ulBox_1.appendChild(liItem);
+            ulBox.appendChild(liItem);
         });
-        menuBox.appendChild(ulBox_1);
+        menuBox.appendChild(ulBox);
     }
     if (menuBox) {
         menuBox.id = "menuBox";
         // 显示菜单，设置右键菜单位置
         // 获取菜单组件的宽高
-        var menuWidth = menuBox.offsetWidth;
-        var menuHeight = menuBox.offsetHeight;
+        const menuWidth = menuBox.offsetWidth;
+        const menuHeight = menuBox.offsetHeight;
         // 当前鼠标位置
-        var pointX = options.pointer.x;
-        var pointY = options.pointer.y;
+        let pointX = options.pointer.x;
+        let pointY = options.pointer.y;
         // 计算菜单出现的位置
         // 如果鼠标靠近画布右侧，菜单就出现在鼠标指针左侧
         if (_.canvasDataSource.width - pointX <= menuWidth) {
@@ -257,7 +271,17 @@ function CreateRightClickMenuFn(options) {
             pointY -= menuHeight;
         }
         // 将菜单展示出来
-        menuBox.style = "\n        visibility: visible;\n        left: ".concat(pointX, "px;\n        top: ").concat(pointY, "px;\n        z-index: 10000000;\n        padding:16px 12px;\n        border-radius:4px;\n        background-color:#fff;\n        position: absolute;\n        box-shadow: h-shadow v-shadow blur spread color inset;\n        ");
+        menuBox.style = `
+        visibility: visible;
+        left: ${pointX}px;
+        top: ${pointY}px;
+        z-index: 10000000;
+        padding:16px 12px;
+        border-radius:4px;
+        background-color:#fff;
+        position: absolute;
+        box-shadow: h-shadow v-shadow blur spread color inset;
+        `;
         if (canvasContainer) {
             canvasContainer.appendChild(menuBox);
             _.isRightClick = true;
@@ -273,14 +297,14 @@ function CreateElementFn(domVal, id, index) {
     if (!(0, is_1.isString)(id)) {
         return;
     }
-    var _ = this;
-    var element = (0, utils_1.getDomFn)(id);
+    const _ = this;
+    const element = (0, utils_1.getDomFn)(id);
     if (element) {
         return;
     }
     else {
         if (domVal) {
-            var dom = document.createElement(domVal);
+            const dom = document.createElement(domVal);
             dom.id = id;
             if (typeof index == "undefined") {
                 index = 0;