xctc-utils 1.6.49 → 1.6.51

package/dist/handle/create.js

@@ -0,0 +1,291 @@
+"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 = exports.xx = void 0;
+var utils_1 = require("../utils");
+var is_1 = require("../is");
+exports.xx = {};
+function CreateDragElementFn(data) {
+    var _a, _b, _c, _d, _e;
+    if (!(0, is_1.isObject)(data)) {
+        return;
+    }
+    var _ = 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);
+    // 同一个对象是否允许多次创建 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 });
+    // 拖拽数据类型为SVG图片对象
+    if (type == "svg") {
+        _.createCanvasSvgElementFn(item);
+    }
+    else {
+        _.createCanvasImageElementFn(item);
+    }
+}
+exports.CreateDragElementFn = CreateDragElementFn;
+function InitElement2CanvasFn(list) {
+    if (!(0, is_1.isArray)(list)) {
+        return;
+    }
+    var _ = this;
+    _.defaultCreateDataListStatus = false;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    if (list === null || list === void 0 ? void 0 : list.length) {
+        _.defaultCreateDataList = list;
+        list.forEach(function (item, index) {
+            if (item.hasOwnProperty("left") && item.hasOwnProperty("top")) {
+                var type = (item === null || item === void 0 ? void 0 : item.renderType) || "image";
+                if (type == "svg") {
+                    _.createCanvasSvgElementFn(item, index);
+                }
+                else {
+                    _.createCanvasImageElementFn(item, index);
+                }
+            }
+        });
+    }
+}
+exports.InitElement2CanvasFn = InitElement2CanvasFn;
+function CreateCanvasSvgElementFn(fabric, item, index) {
+    if (!(0, is_1.isObject)(item)) {
+        return;
+    }
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var createDragElementBackFn = (_.callBackEventConfig || {}).createDragElementBackFn;
+    fabric.loadSVGFromURL(item === null || item === void 0 ? void 0 : item.address, function (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));
+        _.canvasDataSource.add(svgObject);
+        _.canvasDataSource.requestRenderAll();
+        _.mousePointerDataSource = null;
+        _.canvasCreateElementsDataSource.push(svgObject);
+        _.canvasCreateTargetElementsDataSource.push(svgObject);
+        _.getCreateElementStatusFn(index);
+        if (createDragElementBackFn instanceof Function) {
+            createDragElementBackFn(_.dragElementDataSource);
+        }
+        setTimeout(function () {
+            _.mouseDragStatus = false;
+        }, 0);
+    });
+}
+exports.CreateCanvasSvgElementFn = CreateCanvasSvgElementFn;
+function CreateCanvasImageElementFn(fabric, item, index) {
+    var _a;
+    if (!(0, is_1.isObject)(item)) {
+        return;
+    }
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var createDragElementBackFn = (_.callBackEventConfig || {}).createDragElementBackFn;
+    fabric.Image.fromURL((_a = _.dragElementDataSource) === null || _a === void 0 ? void 0 : _a.address, function (img) {
+        img.set(__assign({}, item));
+        _.canvasDataSource.add(img);
+        _.canvasCreateElementsDataSource.push(img);
+        _.canvasCreateTargetElementsDataSource.push(img);
+        _.mousePointerDataSource = null;
+        _.canvasDataSource.requestRenderAll();
+        _.getCreateElementStatusFn(index);
+        setTimeout(function () {
+            _.mouseDragStatus = false;
+        }, 0);
+        if (createDragElementBackFn instanceof Function) {
+            createDragElementBackFn(_.dragElementDataSource);
+        }
+    }, function (exception) {
+        // 图片加载失败后的操作
+        console.error('createElement-exception-exception: ', exception);
+        // 这里可以显示文案或者进行其他错误处理
+    });
+}
+exports.CreateCanvasImageElementFn = CreateCanvasImageElementFn;
+function CreateSelectionRectFn(fabric) {
+    var _a, _b;
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    _.createSelectionRectDataSource = new fabric.Rect({
+        left: (_a = _.mousePointerDataSource) === null || _a === void 0 ? void 0 : _a.x,
+        top: (_b = _.mousePointerDataSource) === null || _b === void 0 ? void 0 : _b.y,
+        width: 0,
+        height: 0,
+        fill: 'rgba(0,0,255,0.1)',
+        stroke: 'blue',
+        // fill:"transparent",
+        strokeWidth: 1,
+        hasControls: true,
+        hasBorders: true,
+        selectable: true,
+        evented: true,
+        hoverCursor: 'move',
+        renderType: "frameSelection", // 代表框选
+    });
+    _.canvasDataSource.add(_.createSelectionRectDataSource);
+    _.canvasDataSource.requestRenderAll();
+}
+exports.CreateSelectionRectFn = CreateSelectionRectFn;
+function CreateAllSelectionRectFn(fabric) {
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    _.createSelectionRectDataSource = new fabric.Rect({
+        left: 0,
+        top: 0,
+        width: _.canvasDataSource.getWidth(),
+        height: _.canvasDataSource.getHeight(),
+        fill: 'rgba(0,0,255,0.1)',
+        stroke: 'blue',
+        // fill:"transparent",
+        strokeWidth: 1,
+        hasControls: false,
+        hasBorders: false,
+        selectable: false,
+        evented: true,
+        hoverCursor: 'move',
+        renderType: "frameSelection", // 代表框选
+    });
+    _.canvasDataSource.add(_.createSelectionRectDataSource);
+    _.canvasDataSource.requestRenderAll();
+}
+exports.CreateAllSelectionRectFn = CreateAllSelectionRectFn;
+function CreateRightClickMenuFn(options) {
+    if (!(0, is_1.isObject)(options)) {
+        return;
+    }
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var rightButtonsDataSource = (_.canvasHandleConfig || {}).rightButtonsDataSource;
+    var rightButtonMenuClickBackFn = (_.callBackEventConfig || {}).rightButtonMenuClickBackFn;
+    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");
+    if (canvasContainer && oldMenuBox) {
+        canvasContainer === null || canvasContainer === void 0 ? void 0 : canvasContainer.removeChild(oldMenuBox);
+    }
+    var 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);
+            liItem.innerHTML = (item === null || item === void 0 ? void 0 : item.label) || "请传入label值";
+            liItem.style = liStype_1;
+            liItem.className = "right-menu-button";
+            liItem.addEventListener("click", function (event) {
+                // 点击右键菜单回调函数
+                console.log("rightButtonMenuClickBackFn==", rightButtonMenuClickBackFn);
+                if (rightButtonMenuClickBackFn instanceof Function) {
+                    rightButtonMenuClickBackFn(event.target['data-index']);
+                }
+                _.canvasMenuShowStatus = false;
+                _.mouseRightClickStatus = false;
+                _.hiddenRightClickMenuFn();
+            });
+            liItem.addEventListener('mousemove', function () {
+                var lists = document.getElementsByClassName("right-menu-button");
+                for (var i = 0; i < lists.length; i++) {
+                    var element = lists[i];
+                    element.style.backgroundColor = "#fff";
+                    element.style.color = "#333";
+                }
+                liItem.style.backgroundColor = '#0AC496';
+                liItem.style.color = '#fff';
+                liItem.style.fontWeight = "bold";
+            });
+            ulBox_1.appendChild(liItem);
+        });
+        menuBox.appendChild(ulBox_1);
+    }
+    if (menuBox) {
+        menuBox.id = "menuBox";
+        // 显示菜单，设置右键菜单位置
+        // 获取菜单组件的宽高
+        var menuWidth = menuBox.offsetWidth;
+        var menuHeight = menuBox.offsetHeight;
+        // 当前鼠标位置
+        var pointX = options.pointer.x;
+        var pointY = options.pointer.y;
+        // 计算菜单出现的位置
+        // 如果鼠标靠近画布右侧，菜单就出现在鼠标指针左侧
+        if (_.canvasDataSource.width - pointX <= menuWidth) {
+            pointX -= menuWidth;
+        }
+        // 如果鼠标靠近画布底部，菜单就出现在鼠标指针上方
+        if (_.canvasDataSource.height - pointY <= menuHeight) {
+            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        ");
+        if (canvasContainer) {
+            canvasContainer.appendChild(menuBox);
+            _.isRightClick = true;
+            _.canvasDragStatus = false; // 进行右键操作时，先禁用画布拖拽操作功能
+        }
+        else {
+            console.error("请在canvas元素外层包一个DIV容器，且id='canvasContainer'");
+        }
+    }
+}
+exports.CreateRightClickMenuFn = CreateRightClickMenuFn;
+function CreateElementFn(domVal, id, index) {
+    if (!(0, is_1.isString)(id)) {
+        return;
+    }
+    var _ = this;
+    var element = (0, utils_1.getDomFn)(id);
+    if (element) {
+        return;
+    }
+    else {
+        if (domVal) {
+            var dom = document.createElement(domVal);
+            dom.id = id;
+            if (typeof index == "undefined") {
+                index = 0;
+            }
+            if (index >= 0) {
+                dom['data-index'] = index;
+            }
+            return dom;
+        }
+        return;
+    }
+}
+exports.CreateElementFn = CreateElementFn;

package/dist/handle/index.d.ts

@@ -0,0 +1,2 @@
+export declare function RegisterZoomHandleFn(options: any): void;
+export declare function SetCanvasBaseConfigFn(zoom: any): void;

package/dist/handle/index.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetCanvasBaseConfigFn = exports.RegisterZoomHandleFn = void 0;
+var is_1 = require("../is");
+function RegisterZoomHandleFn(options) {
+    var _a;
+    if (!(0, is_1.isObject)(options)) {
+        return;
+    }
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    // 滚轮，向上滚一下是 -100，向下滚一下是 100
+    var delta = options.e.deltaY;
+    var zoom = _.canvasDataSource.getZoom(); // 获取画布当前缩放值
+    console.log("registerZoomHandleFn--zoom=", zoom);
+    zoom += 0.001 * delta;
+    if (zoom > 10)
+        zoom = 10; // 限制最大缩放级别
+    if (zoom < 0.2)
+        zoom = 0.2; // 限制最小缩放级别
+    _.zoomDataSource = (zoom * 100).toFixed(0);
+    // 以鼠标所在位置为原点缩放
+    _.canvasDataSource.zoomToPoint({
+        x: options.e.offsetX,
+        y: options.e.offsetY
+    }, zoom // 传入修改后的缩放级别
+    );
+    var fn = ((_a = _.callBackEventConfig) === null || _a === void 0 ? void 0 : _a.zoomListenEvent) || "";
+    if (fn && fn instanceof Function) {
+        fn(zoom, _.zoomDataSource);
+    }
+}
+exports.RegisterZoomHandleFn = RegisterZoomHandleFn;
+function SetCanvasBaseConfigFn(zoom) {
+    var _a;
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    if (!zoom) {
+        return;
+    }
+    var x = 0;
+    var 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;
+        x = offsetX;
+        y = offsetY;
+    }
+    _.canvasDataSource.zoomToPoint({
+        x: x,
+        y: y
+    }, zoom // 传入修改后的缩放级别
+    );
+    _.canvasDataSource.requestRenderAll();
+}
+exports.SetCanvasBaseConfigFn = SetCanvasBaseConfigFn;

package/dist/handle/query.d.ts

@@ -0,0 +1,7 @@
+export declare function QueryCanvasActionDataFn(): any;
+export declare function QueryElementSizeFn(id: string): string | {
+    width: number;
+    height: number;
+} | undefined;
+export declare function QuerySelectionAllElementsFn(options: any): any[] | any;
+export declare function QuerySelectionElementsFn(item: any): any[] | any;

package/dist/handle/query.js

@@ -0,0 +1,93 @@
+"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");
+function QueryCanvasActionDataFn() {
+    var _a, _b, _c, _d, _e;
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var zoom = _.canvasDataSource.getZoom();
+    console.log("getCanvasActionDataFn--zoom=", zoom);
+    var x = 0;
+    var y = 0;
+    var left = 0;
+    var 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;
+        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;
+        top = ((_e = (_d = _.mouseWheelPointerDataSource) === null || _d === void 0 ? void 0 : _d.absolutePointer) === null || _e === void 0 ? void 0 : _e.y) || 0;
+    }
+    return {
+        zoom: zoom,
+        x: x,
+        y: y,
+        left: left,
+        top: top,
+    };
+}
+exports.QueryCanvasActionDataFn = QueryCanvasActionDataFn;
+function QueryElementSizeFn(id) {
+    if (!(0, is_1.isObject)(id)) {
+        return;
+    }
+    var _ = this;
+    var box = (0, utils_1.getDomFn)(id);
+    if (!box) {
+        console.error("canvas外层必须套一层id=canvasContainer的DOM元素");
+    }
+    var height = box.clientHeight;
+    var width = box.clientWidth;
+    return {
+        height: height,
+        width: width
+    };
+}
+exports.QueryElementSizeFn = QueryElementSizeFn;
+function QuerySelectionAllElementsFn(options) {
+    if (!(0, is_1.isObject)(options)) {
+        return;
+    }
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var dataList = [];
+    var selection = _.canvasSelectionElementsDataSource || [];
+    // 检查哪些图标在选择框内
+    _.canvasDataSource.forEachObject(function (obj) {
+        var isTarget = false;
+        selection.map(function (item) {
+            if (obj.intersectsWithObject(item)) {
+                isTarget = true;
+            }
+        });
+        if (isTarget && (obj === null || obj === void 0 ? void 0 : obj.elementKey) == "data") {
+            dataList.push(obj);
+        }
+    });
+    return dataList;
+}
+exports.QuerySelectionAllElementsFn = QuerySelectionAllElementsFn;
+function QuerySelectionElementsFn(item) {
+    if (!(0, is_1.isObject)(item)) {
+        return;
+    }
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var dataList = [];
+    // 检查哪些图标在选择框内
+    _.canvasDataSource.forEachObject(function (obj) {
+        if (item && obj.intersectsWithObject(item) && (obj === null || obj === void 0 ? void 0 : obj.elementKey) == "data") {
+            dataList.push(obj);
+        }
+    });
+    return dataList;
+}
+exports.QuerySelectionElementsFn = QuerySelectionElementsFn;

package/dist/handle/register.d.ts

@@ -0,0 +1,2 @@
+export declare function RegisterCanvasEventFn(config?: any): void;
+export declare function RegisterCanvasZoomChangeEventFn(): void;

package/dist/handle/register.js

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

package/dist/handle/update.d.ts

@@ -0,0 +1,6 @@
+export declare function RemoveAllSelectionRectFn(): void;
+export declare function UpdateSelectionRectFn(options: any): void;
+export declare function CreateSelectionRectFinishFn(): void;
+export declare function HiddenRightClickMenuFn(): void;
+export declare function RemoveElementFn(id: string): void;
+export declare function RemoveAllElementFn(): void;

package/dist/handle/update.js

@@ -0,0 +1,102 @@
+"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");
+function RemoveAllSelectionRectFn() {
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    _.canvasDataSource.remove(_.createSelectionRectDataSource);
+    _.canvasDataSource.requestRenderAll();
+}
+exports.RemoveAllSelectionRectFn = RemoveAllSelectionRectFn;
+function UpdateSelectionRectFn(options) {
+    var _a, _b;
+    if (!(0, is_1.isObject)(options)) {
+        return;
+    }
+    var _ = 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);
+        _.createSelectionRectDataSource.set({ width: Math.abs(width), height: Math.abs(height) });
+        // _.createSelectionRectDataSource.setCoords(); // 更新控制点坐标
+        _.canvasDataSource.requestRenderAll();
+        _.createSelectionStatus = 3;
+        setTimeout(function () {
+            _.createSelectionStatus = 0;
+        }, 0);
+    }
+}
+exports.UpdateSelectionRectFn = UpdateSelectionRectFn;
+function CreateSelectionRectFinishFn() {
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    _.canvasSelectionStatus = false;
+    _.isRightClick = false;
+    _.canvasDragStatus = true;
+    _.mouseRightClickStatus = false;
+    if (_.createSelectionRectDataSource) {
+        _.canvasSelectionElementsDataSource.push(_.createSelectionRectDataSource);
+        _.canvasCreateElementsDataSource.push(_.createSelectionRectDataSource);
+        _.createSelectionRectDataSource.setCoords(); // 更新控制点坐标
+        _.createSelectionRectDataSource = null; // 清除引用，结束绘制
+    }
+}
+exports.CreateSelectionRectFinishFn = CreateSelectionRectFinishFn;
+function HiddenRightClickMenuFn() {
+    var _ = this;
+    var canvasContainer = (0, utils_1.getDomFn)("canvasContainer");
+    var menuBox = (0, utils_1.getDomFn)("menuBox");
+    if (canvasContainer && menuBox) {
+        canvasContainer === null || canvasContainer === void 0 ? void 0 : canvasContainer.removeChild(menuBox);
+    }
+}
+exports.HiddenRightClickMenuFn = HiddenRightClickMenuFn;
+function RemoveElementFn(id) {
+    if (!(0, is_1.isString)(id)) {
+        return;
+    }
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var list = _.canvasCreateElementsDataSource;
+    var targetElement = list.find(function (obj) {
+        return obj.id === id;
+    });
+    if (targetElement) {
+        _.canvasDataSource.remove(targetElement);
+    }
+    _.canvasDataSource.requestRenderAll();
+}
+exports.RemoveElementFn = RemoveElementFn;
+function RemoveAllElementFn() {
+    var _ = this;
+    if (!_.canvasDataSource) {
+        return;
+    }
+    var list = _.canvasCreateElementsDataSource;
+    _.createSelectionRectDataSource = [];
+    _.canvasCreateElementsDataSource = [];
+    _.createSelectionRectDataSource = [];
+    _.dragElementDataSource = [];
+    _.canvasSelectionElementsDataSource = [];
+    _.canvasCreateTargetElementsDataSource = [];
+    _.defaultCreateDataList = [];
+    list.map(function (item) {
+        if (item) {
+            _.canvasDataSource.remove(item);
+        }
+    });
+    _.canvasDataSource.requestRenderAll();
+}
+exports.RemoveAllElementFn = RemoveAllElementFn;

package/dist/iframe/index.js

@@ -15,7 +15,7 @@ var $iframe = function (id) {
         console.error("请传入 iframe id属性值！");
         return;
     }
-    var iframe = (0, utils_1.$id)(id) || {};
+    var iframe = (0, utils_1.getDomFn)(id) || {};
     if ((iframe === null || iframe === void 0 ? void 0 : iframe.tagName) === 'IFRAME') {
         return iframe;
     }

package/dist/is/has.d.ts

@@ -0,0 +1 @@
+export declare const hasProperty: (obj: any, attr: string) => boolean;

package/dist/is/has.js

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

package/dist/modal/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.destroyMessageModule = exports.createMessageModule = exports.destroySpinModule = exports.createSpinModule = void 0;
 // 通过ID获取DOM元素
-function $id(id) {
+function getDomFn(id) {
     if (!id)
         return false;
     var dom = document.getElementById(id);
@@ -54,7 +54,7 @@ exports.destroySpinModule = destroySpinModule;
 var toggleDomModule = function (id, val) {
     if (!id)
         return;
-    var div = $id(id) || "";
+    var div = getDomFn(id) || "";
     if (div) {
         div.style.display = val;
     }
@@ -89,7 +89,7 @@ var destroyMessageModule = function () {
 };
 exports.destroyMessageModule = destroyMessageModule;
 var removeDom = function (id) {
-    var div = $id(id);
+    var div = getDomFn(id);
     if (div)
         div.remove();
 };

package/dist/utils.d.ts

@@ -6,7 +6,7 @@ export declare function isMobile(): boolean;
  * @returns
  */
 export declare function isJson(str: string): any;
-export declare function $id(id: string): false | HTMLElement;
+export declare function getDomFn(id: string): false | HTMLElement;
 export declare function checkIframeContentHeight(option: UeditorHeightOption): string;
 export declare function getIframeContentHeight(id: string): any;
 /**