xctc-utils 1.6.67 → 1.6.69

package/dist/handle/index.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SetCanvasBaseConfigFn = exports.RegisterZoomHandleFn = void 0;
-var is_1 = require("../is");
+const is_1 = require("../is");
 function RegisterZoomHandleFn(options) {
     var _a;
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
     // 滚轮，向上滚一下是 -100，向下滚一下是 100
-    var delta = options.e.deltaY;
-    var zoom = _.canvasDataSource.getZoom(); // 获取画布当前缩放值
+    const delta = options.e.deltaY;
+    let zoom = _.canvasDataSource.getZoom(); // 获取画布当前缩放值
     console.log("registerZoomHandleFn--zoom=", zoom);
     zoom += 0.001 * delta;
     if (zoom > 10)
@@ -27,7 +27,7 @@ function RegisterZoomHandleFn(options) {
         y: options.e.offsetY
     }, zoom // 传入修改后的缩放级别
     );
-    var fn = ((_a = _.callBackEventConfig) === null || _a === void 0 ? void 0 : _a.zoomListenEvent) || "";
+    const fn = ((_a = _.callBackEventConfig) === null || _a === void 0 ? void 0 : _a.zoomListenEvent) || "";
     if (fn && fn instanceof Function) {
         fn(zoom, _.zoomDataSource);
     }
@@ -35,17 +35,17 @@ function RegisterZoomHandleFn(options) {
 exports.RegisterZoomHandleFn = RegisterZoomHandleFn;
 function SetCanvasBaseConfigFn(zoom) {
     var _a;
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
     if (!zoom) {
         return;
     }
-    var x = 0;
-    var y = 0;
+    let x = 0;
+    let y = 0;
     if ((_a = _.mouseWheelPointerDataSource) === null || _a === void 0 ? void 0 : _a.e) {
-        var _b = _.mouseWheelPointerDataSource.e, _c = _b.offsetX, offsetX = _c === void 0 ? 0 : _c, _d = _b.offsetY, offsetY = _d === void 0 ? 0 : _d;
+        const { offsetX = 0, offsetY = 0 } = _.mouseWheelPointerDataSource.e;
         x = offsetX;
         y = offsetY;
     }

package/dist/handle/query.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuerySelectionElementsFn = exports.QuerySelectionAllElementsFn = exports.QueryElementSizeFn = exports.QueryCanvasActionDataFn = void 0;
-var is_1 = require("../is");
-var utils_1 = require("../utils");
+const is_1 = require("../is");
+const utils_1 = require("../utils");
 function QueryCanvasActionDataFn() {
     var _a, _b, _c, _d, _e;
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var zoom = _.canvasDataSource.getZoom();
+    const zoom = _.canvasDataSource.getZoom();
     console.log("getCanvasActionDataFn--zoom=", zoom);
-    var x = 0;
-    var y = 0;
-    var left = 0;
-    var top = 0;
+    let x = 0;
+    let y = 0;
+    let left = 0;
+    let top = 0;
     if ((_a = _.mouseWheelPointerDataSource) === null || _a === void 0 ? void 0 : _a.e) {
-        var _f = _.mouseWheelPointerDataSource.e, _g = _f.offsetX, offsetX = _g === void 0 ? 0 : _g, _h = _f.offsetY, offsetY = _h === void 0 ? 0 : _h;
+        const { offsetX = 0, offsetY = 0 } = _.mouseWheelPointerDataSource.e;
         x = offsetX;
         y = offsetY;
         left = ((_c = (_b = _.mouseWheelPointerDataSource) === null || _b === void 0 ? void 0 : _b.absolutePointer) === null || _c === void 0 ? void 0 : _c.x) || 0;
@@ -35,19 +35,19 @@ function QueryElementSizeFn(id) {
     if (!(0, is_1.isString)(id)) {
         return;
     }
-    var _ = this;
-    var box = (0, utils_1.getDomFn)(id);
+    const _ = this;
+    const box = (0, utils_1.getDomFn)(id);
     if (!box) {
         console.error("canvas外层必须套一层id=canvasContainer的DOM元素");
     }
-    var height = box.clientHeight;
-    var width = box.clientWidth;
+    const height = box.clientHeight;
+    const width = box.clientWidth;
     console.log("canvasContainer=", box);
     console.log("box-height=", height);
     console.log("box-width=", width);
     return {
-        height: height,
-        width: width
+        height,
+        width
     };
 }
 exports.QueryElementSizeFn = QueryElementSizeFn;
@@ -55,16 +55,16 @@ function QuerySelectionAllElementsFn(options) {
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var dataList = [];
-    var selection = _.canvasSelectionElementsDataSource || [];
+    const dataList = [];
+    const selection = _.canvasSelectionElementsDataSource || [];
     // 检查哪些图标在选择框内
     _.canvasDataSource.forEachObject(function (obj) {
-        var isTarget = false;
-        selection.map(function (item) {
+        let isTarget = false;
+        selection.map((item) => {
             if (obj.intersectsWithObject(item)) {
                 isTarget = true;
             }
@@ -80,11 +80,11 @@ function QuerySelectionElementsFn(item) {
     if (!(0, is_1.isObject)(item)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var dataList = [];
+    const dataList = [];
     // 检查哪些图标在选择框内
     _.canvasDataSource.forEachObject(function (obj) {
         if (item && obj.intersectsWithObject(item) && (obj === null || obj === void 0 ? void 0 : obj.elementKey) == "data") {

package/dist/handle/register.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RegisterCanvasZoomChangeEventFn = exports.RegisterCanvasEventFn = void 0;
 // 注册回调事件--页面生成画布实例的时候，调用该函数
 function RegisterCanvasEventFn(config) {
-    var _ = this;
+    const _ = this;
     console.log("canvasDataSource--", _.canvasDataSource);
     if (!_.canvasDataSource) {
         return;
@@ -14,8 +14,8 @@ function RegisterCanvasEventFn(config) {
 }
 exports.RegisterCanvasEventFn = RegisterCanvasEventFn;
 function RegisterCanvasZoomChangeEventFn() {
-    var _ = this;
-    var zoom = _.canvasDataSource.getZoom();
+    const _ = this;
+    const zoom = _.canvasDataSource.getZoom();
     return zoom;
 }
 exports.RegisterCanvasZoomChangeEventFn = RegisterCanvasZoomChangeEventFn;

package/dist/handle/update.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RemoveAllElementFn = exports.RemoveElementFn = exports.HiddenRightClickMenuFn = exports.CreateSelectionRectFinishFn = exports.UpdateSelectionRectFn = exports.RemoveAllSelectionRectFn = void 0;
-var is_1 = require("../is");
-var utils_1 = require("../utils");
+const is_1 = require("../is");
+const utils_1 = require("../utils");
 function RemoveAllSelectionRectFn() {
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
@@ -17,26 +17,26 @@ function UpdateSelectionRectFn(options) {
     if (!(0, is_1.isObject)(options)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
     if (_.createSelectionRectDataSource) {
-        var pointer = _.canvasDataSource.getPointer(options.e);
-        var width = pointer.x - ((_a = _.mousePointerDataSource) === null || _a === void 0 ? void 0 : _a.x);
-        var height = pointer.y - ((_b = _.mousePointerDataSource) === null || _b === void 0 ? void 0 : _b.y);
+        let pointer = _.canvasDataSource.getPointer(options.e);
+        let width = pointer.x - ((_a = _.mousePointerDataSource) === null || _a === void 0 ? void 0 : _a.x);
+        let height = pointer.y - ((_b = _.mousePointerDataSource) === null || _b === void 0 ? void 0 : _b.y);
         _.createSelectionRectDataSource.set({ width: Math.abs(width), height: Math.abs(height) });
         // _.createSelectionRectDataSource.setCoords(); // 更新控制点坐标
         _.canvasDataSource.requestRenderAll();
         _.createSelectionStatus = 3;
-        setTimeout(function () {
+        setTimeout(() => {
             _.createSelectionStatus = 0;
         }, 0);
     }
 }
 exports.UpdateSelectionRectFn = UpdateSelectionRectFn;
 function CreateSelectionRectFinishFn() {
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
@@ -53,9 +53,9 @@ function CreateSelectionRectFinishFn() {
 }
 exports.CreateSelectionRectFinishFn = CreateSelectionRectFinishFn;
 function HiddenRightClickMenuFn() {
-    var _ = this;
-    var canvasContainer = (0, utils_1.getDomFn)("canvasContainer");
-    var menuBox = (0, utils_1.getDomFn)("menuBox");
+    const _ = this;
+    const canvasContainer = (0, utils_1.getDomFn)("canvasContainer");
+    const menuBox = (0, utils_1.getDomFn)("menuBox");
     if (canvasContainer && menuBox) {
         canvasContainer === null || canvasContainer === void 0 ? void 0 : canvasContainer.removeChild(menuBox);
     }
@@ -65,11 +65,11 @@ function RemoveElementFn(id) {
     if (!(0, is_1.isString)(id)) {
         return;
     }
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var list = _.canvasCreateElementsDataSource;
+    const list = _.canvasCreateElementsDataSource;
     var targetElement = list.find(function (obj) {
         return obj.id === id;
     });
@@ -80,11 +80,11 @@ function RemoveElementFn(id) {
 }
 exports.RemoveElementFn = RemoveElementFn;
 function RemoveAllElementFn() {
-    var _ = this;
+    const _ = this;
     if (!_.canvasDataSource) {
         return;
     }
-    var list = _.canvasCreateElementsDataSource;
+    const list = _.canvasCreateElementsDataSource;
     _.createSelectionRectDataSource = [];
     _.canvasCreateElementsDataSource = [];
     _.createSelectionRectDataSource = [];
@@ -92,7 +92,7 @@ function RemoveAllElementFn() {
     _.canvasSelectionElementsDataSource = [];
     _.canvasCreateTargetElementsDataSource = [];
     _.defaultCreateDataList = [];
-    list.map(function (item) {
+    list.map((item) => {
         if (item) {
             _.canvasDataSource.remove(item);
         }

package/dist/iframe/index.js

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.iframeSendToParentData = exports.updateParentToIframeData = exports.updateIframeToParentData = exports.parentSendIframeData = exports.initParentDataToIframe = exports.$iframe = void 0;
-var is_1 = require("../is");
-var utils_1 = require("../utils");
-var storage_1 = require("../storage");
+const is_1 = require("../is");
+const utils_1 = require("../utils");
+const storage_1 = require("../storage");
 /**
  *
  * @param id
  * @returns
  */
-var win = window;
-var $iframe = function (id) {
+const win = window;
+const $iframe = (id) => {
     if (!id) {
         console.error("请传入 iframe id属性值！");
         return;
     }
-    var iframe = (0, utils_1.getDomFn)(id) || {};
+    let iframe = (0, utils_1.getDomFn)(id) || {};
     if ((iframe === null || iframe === void 0 ? void 0 : iframe.tagName) === 'IFRAME') {
         return iframe;
     }
     else {
-        console.error("\u672A\u67E5\u8BE2\u5230id=".concat(id, "\u7684iframe\u6807\u7B7E"));
+        console.error(`未查询到id=${id}的iframe标签`);
     }
     return;
 };
@@ -33,7 +33,7 @@ exports.$iframe = $iframe;
  * @param keys 微信分享链接存储的键，默认是 urlParamsData
  * @returns
  */
-var initParentDataToIframe = function (id, url, keys) {
+const initParentDataToIframe = (id, url, keys) => {
     var _a;
     if (!id) {
         console.error("请传入 iframe id属性值！");
@@ -46,8 +46,8 @@ var initParentDataToIframe = function (id, url, keys) {
     if (!keys) {
         keys = "urlParamsData";
     }
-    var stateData = (0, storage_1.getSessionStorage)(keys) || {};
-    var data = {};
+    const stateData = (0, storage_1.getSessionStorage)(keys) || {};
+    let data = {};
     if ((_a = stateData === null || stateData === void 0 ? void 0 : stateData.state) === null || _a === void 0 ? void 0 : _a.data) {
         data = stateData.state.data || {};
     }
@@ -55,7 +55,7 @@ var initParentDataToIframe = function (id, url, keys) {
 };
 exports.initParentDataToIframe = initParentDataToIframe;
 function sendDataFormat(data, msg) {
-    var sendData = {
+    let sendData = {
         type: "data",
         data: {},
         msg: msg
@@ -79,20 +79,20 @@ function onloadIframe(id, url, data) {
         alert("onloadIframe:请传入iframe元素的src属性值");
         return;
     }
-    var msg = "\u7236\u9875\u9762\u5411\u5B50\u9875\u9762".concat(url, "\u4F20\u9012\u53C2\u6570");
-    var sendData = sendDataFormat(data, msg);
-    var iframe = (0, exports.$iframe)(id);
+    const msg = `父页面向子页面${url}传递参数`;
+    const sendData = sendDataFormat(data, msg);
+    const iframe = (0, exports.$iframe)(id);
     iframe.src = url;
     if (iframe.hasOwnProperty("attachEvent")) {
         iframe.attachEvent('onload', function () {
-            setTimeout(function () {
+            setTimeout(() => {
                 iframe.contentWindow.postMessage(sendData, iframe.src);
             }, 0);
         });
     }
     else {
         iframe.onload = function () {
-            setTimeout(function () {
+            setTimeout(() => {
                 iframe.contentWindow.postMessage(sendData, iframe.src);
             }, 0);
         };
@@ -106,7 +106,7 @@ function onloadIframe(id, url, data) {
  * @param duration 父页面向子页面传输数据时，如果和initParentDataToIframe函数同时调用，则需要加入定时器传递参数，子页面才能获取到数据
  * @returns
  */
-var parentSendIframeData = function (id, data, url, duration) {
+const parentSendIframeData = (id, data, url, duration) => {
     if (!id) {
         console.error("请传入iframe元素的id属性值");
         return;
@@ -117,7 +117,7 @@ var parentSendIframeData = function (id, data, url, duration) {
     }
     if (!duration)
         duration = 100;
-    var iframe = (0, exports.$iframe)(id);
+    const iframe = (0, exports.$iframe)(id);
     if (!iframe['src']) {
         if (!url) {
             console.error("请传入iframe src属性值");
@@ -128,9 +128,9 @@ var parentSendIframeData = function (id, data, url, duration) {
             return;
         }
     }
-    var msg = "\u7236\u9875\u9762\u5411\u5B50\u9875\u9762".concat(iframe.src, "\u4F20\u9012\u53C2\u6570");
-    var sendData = sendDataFormat(data, msg);
-    setTimeout(function () {
+    const msg = `父页面向子页面${iframe.src}传递参数`;
+    const sendData = sendDataFormat(data, msg);
+    setTimeout(() => {
         iframe.contentWindow.postMessage(sendData, iframe.src);
     }, duration);
 };
@@ -139,10 +139,10 @@ exports.parentSendIframeData = parentSendIframeData;
  * 主应用 获取到 子应用Iframe传递的数据
  * @param cb
  */
-var updateIframeToParentData = function (cb) {
+const updateIframeToParentData = (cb) => {
     window.addEventListener('message', function (event) {
-        var data = (event === null || event === void 0 ? void 0 : event.data) || {};
-        var messageData = (0, utils_1.isJson)(data) || "";
+        const data = (event === null || event === void 0 ? void 0 : event.data) || {};
+        const messageData = (0, utils_1.isJson)(data) || "";
         if (typeof cb === "function" && (messageData === null || messageData === void 0 ? void 0 : messageData.type) == "data") {
             cb(messageData === null || messageData === void 0 ? void 0 : messageData.data);
         }
@@ -153,10 +153,10 @@ exports.updateIframeToParentData = updateIframeToParentData;
  * 子应用 获取到 主应用 传递的数据
  * @param cb
  */
-var updateParentToIframeData = function (cb) {
+const updateParentToIframeData = (cb) => {
     window.addEventListener('message', function (event) {
-        var data = event.data;
-        var mainData = (0, utils_1.isJson)(data);
+        let data = event.data;
+        const mainData = (0, utils_1.isJson)(data);
         if (typeof cb === "function") {
             cb(mainData);
         }
@@ -169,13 +169,13 @@ exports.updateParentToIframeData = updateParentToIframeData;
  * @param url 父页面地址
  * @returns
  */
-var iframeSendToParentData = function (data, url) {
+const iframeSendToParentData = (data, url) => {
     if (!url) {
         console.error("必须传入父页面的地址！");
         return;
     }
-    var msg = "\u5B50\u9875\u9762\u5411\u7236\u9875\u9762".concat(url, "\u4F20\u9012\u53C2\u6570");
-    var sendData = sendDataFormat(data, msg);
+    const msg = `子页面向父页面${url}传递参数`;
+    const sendData = sendDataFormat(data, msg);
     window.parent.postMessage(sendData, url);
 };
 exports.iframeSendToParentData = iframeSendToParentData;

package/dist/index.js

@@ -1,15 +1,4 @@
 "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);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37,18 +26,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var storage = __importStar(require("./storage"));
-var utils = __importStar(require("./utils"));
-var crypto = __importStar(require("./crypto"));
-var weixin = __importStar(require("./weixin"));
-var time = __importStar(require("./time"));
-var format = __importStar(require("./format"));
-var isType = __importStar(require("./is"));
-var modal = __importStar(require("./modal"));
-var params = __importStar(require("./params"));
-var iframe = __importStar(require("./iframe"));
-var canvas_1 = __importDefault(require("./canvas"));
-var obj = __assign(__assign(__assign({}, storage), utils), { weixin: __assign({}, weixin), crypto: __assign({}, crypto), date: __assign({}, time), format: __assign({}, format), type: __assign({}, isType), modal: __assign({}, modal), params: __assign({}, params), iframe: __assign({}, iframe), canvas: {
+const storage = __importStar(require("./storage"));
+const utils = __importStar(require("./utils"));
+const crypto = __importStar(require("./crypto"));
+const weixin = __importStar(require("./weixin"));
+const time = __importStar(require("./time"));
+const format = __importStar(require("./format"));
+const isType = __importStar(require("./is"));
+const modal = __importStar(require("./modal"));
+const params = __importStar(require("./params"));
+const iframe = __importStar(require("./iframe"));
+const update = __importStar(require("./update"));
+const canvas_1 = __importDefault(require("./canvas"));
+const obj = {
+    ...storage,
+    ...utils,
+    weixin: { ...weixin },
+    crypto: { ...crypto },
+    date: { ...time },
+    format: { ...format },
+    type: { ...isType },
+    modal: { ...modal },
+    params: { ...params },
+    iframe: { ...iframe },
+    update: {
+        ...update,
+    },
+    canvas: {
         CanvasHooks: canvas_1.default,
-    } });
+    },
+};
 exports.default = obj;

package/dist/is/has.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasProperty = void 0;
-var is_1 = require("../is");
-var hasProperty = function (obj, attr) {
+const is_1 = require("../is");
+const hasProperty = (obj, attr) => {
     if (!obj || !attr) {
         return false;
     }

package/dist/is/index.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isWindow = exports.isArray = exports.isBoolean = exports.isString = exports.isNumber = exports.isDate = exports.isObject = exports.isFunction = exports.is = void 0;
-var toString = Object.prototype.toString;
+const toString = Object.prototype.toString;
 /**
  * @description: 判断传入的值是否为指定类型
  */
 function is(val, type) {
     if (!type)
         return false;
-    return toString.call(val) === "[object ".concat(type, "]");
+    return toString.call(val) === `[object ${type}]`;
 }
 exports.is = is;
 /**
@@ -23,7 +23,7 @@ exports.isFunction = isFunction;
 /**
  * @description: 是否为对象
  */
-var isObject = function (val) {
+const isObject = (val) => {
     return val !== null && is(val, "Object");
 };
 exports.isObject = isObject;
@@ -67,7 +67,7 @@ exports.isArray = isArray;
 /**
  * @description: 是否为浏览器
  */
-var isWindow = function (val) {
+const isWindow = (val) => {
     return typeof window !== "undefined" && is(val, "Window");
 };
 exports.isWindow = isWindow;

package/dist/modal/index.js

@@ -5,31 +5,31 @@ exports.destroyMessageModule = exports.createMessageModule = exports.destroySpin
 function getDomFn(id) {
     if (!id)
         return false;
-    var dom = document.getElementById(id);
+    let dom = document.getElementById(id);
     if (id && dom instanceof HTMLElement) {
         return dom;
     }
     return false;
 }
-var createSpinModule = function () {
-    var parentBox = toggleDomModule("serveSpinModule", "block");
-    var containerBox = "";
-    var canvasBox = "";
-    var spinnerFourBox = "";
+const createSpinModule = () => {
+    let parentBox = toggleDomModule("serveSpinModule", "block");
+    let containerBox = "";
+    let canvasBox = "";
+    let spinnerFourBox = "";
     if (!parentBox) {
         styleModule();
         parentBox = createDom("div");
         containerBox = createDom("div");
         canvasBox = createDom("div");
         spinnerFourBox = createDom("div");
-        var parentBoxStyle = "width:100vw!important; height:100vh!important;background-color:rgba(0,0,0,0.5);z-index:100000000;position: fixed;top:0;left:0;text-align:center;";
+        const parentBoxStyle = `width:100vw!important; height:100vh!important;background-color:rgba(0,0,0,0.5);z-index:100000000;position: fixed;top:0;left:0;text-align:center;`;
         parentBox.setAttribute("style", parentBoxStyle);
         parentBox.id = 'serveSpinModule';
-        var containerBoxStyle = "display: inline-block;padding-top:23%;";
+        const containerBoxStyle = `display: inline-block;padding-top:23%;`;
         containerBox.setAttribute("style", containerBoxStyle);
-        var canvasBoxStyle = "align-items: center;background: #eeeeee;border-radius: 50%;display: flex;justify-content: center;margin: 1em;width: 3em;height: 3em;";
+        const canvasBoxStyle = `align-items: center;background: #eeeeee;border-radius: 50%;display: flex;justify-content: center;margin: 1em;width: 3em;height: 3em;`;
         canvasBox.setAttribute("style", canvasBoxStyle);
-        var spinnerFourBoxStyle = "animation: spinnerFour 1s linear infinite;border: solid 7px transparent;border-top: solid 7px #4db6ac;border-radius: 100%;width: 3em;height: 3em;";
+        const spinnerFourBoxStyle = `animation: spinnerFour 1s linear infinite;border: solid 7px transparent;border-top: solid 7px #4db6ac;border-radius: 100%;width: 3em;height: 3em;`;
         spinnerFourBox.setAttribute("style", spinnerFourBoxStyle);
         parentBox.appendChild(containerBox);
         containerBox.appendChild(canvasBox);
@@ -38,38 +38,47 @@ var createSpinModule = function () {
     }
 };
 exports.createSpinModule = createSpinModule;
-var styleModule = function () {
+const styleModule = () => {
     // 创建一个新的style元素
     var styleElement = document.createElement('style');
     // 将css字符串作为文本内容添加到style元素中
-    styleElement.textContent = "\n        @keyframes spinnerFour {\n            0% {\n            transform: rotate(0deg);\n            }\n            100% {\n            transform: rotate(360deg);\n            }\n      }\n    ";
+    styleElement.textContent = `
+        @keyframes spinnerFour {
+            0% {
+            transform: rotate(0deg);
+            }
+            100% {
+            transform: rotate(360deg);
+            }
+      }
+    `;
     // 将style元素添加到head部分，使得样式生效
     document.head.appendChild(styleElement);
 };
-var destroySpinModule = function () {
+const destroySpinModule = () => {
     toggleDomModule("serveSpinModule", "none");
     removeDom("serveSpinModule");
 };
 exports.destroySpinModule = destroySpinModule;
-var toggleDomModule = function (id, val) {
+const toggleDomModule = (id, val) => {
     if (!id)
         return;
-    var div = getDomFn(id) || "";
+    const div = getDomFn(id) || "";
     if (div) {
         div.style.display = val;
     }
     return div;
 };
-var createDom = function (dom) {
+const createDom = (dom) => {
     if (!dom)
         return;
     return document.createElement(dom);
 };
-var createMessageModule = function (title, duration, type) {
-    var box = toggleDomModule("serveMessageModule", "block");
+const createMessageModule = (title, duration, type) => {
+    let box = toggleDomModule("serveMessageModule", "block");
     if (!type)
         type = "success";
-    var containerBoxStyle = "display:inline-block;margin:auto;z-index:100000000;position: fixed;top:10px;left:50%;text-align:center;padding:6px 12px;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);box-sizing: border-box;border-radius:4px;color:".concat(type == "success" ? "#52c41a" : "#f50", "  ");
+    let containerBoxStyle = `display:inline-block;margin:auto;z-index:100000000;position: fixed;top:10px;left:50%;text-align:center;padding:6px 12px;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);box-sizing: border-box;border-radius:4px;color:${type == "success" ? "#52c41a" : "#f50"}  `;
     box = createDom("div");
     box.id = "serveMessageModule";
     box.setAttribute("style", containerBoxStyle);
@@ -78,18 +87,18 @@ var createMessageModule = function (title, duration, type) {
     if (!(typeof duration === "number")) {
         duration = 1500;
     }
-    setTimeout(function () {
+    setTimeout(() => {
         (0, exports.destroyMessageModule)();
     }, duration);
 };
 exports.createMessageModule = createMessageModule;
-var destroyMessageModule = function () {
+const destroyMessageModule = () => {
     toggleDomModule("serveMessageModule", "none");
     removeDom("serveMessageModule");
 };
 exports.destroyMessageModule = destroyMessageModule;
-var removeDom = function (id) {
-    var div = getDomFn(id);
+const removeDom = (id) => {
+    const div = getDomFn(id);
     if (div)
         div.remove();
 };