next-element-vue 0.3.8 → 0.3.9

package/dist/index.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.3.8 v
- * 发布日期：2024-09-26
+ * 当前版本：0.3.9 v
+ * 发布日期：2024-11-12
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -1977,15 +1977,18 @@ var Header$3 = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor$3(color, .5)})`
             } : "";
-        }));
-        return createVNode("header", {
+        })), __slots_header_tools = {};
+        return slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]()), 
+        createVNode("header", {
             class: _ns.b("header"),
             style: headerStyle.value
         }, [ createVNode(LogoView, null, null), createVNode("div", {
             class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]);
+        }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+            default: () => [ __slots_header_tools ]
+        })) ]) ]);
+        var s;
     }
 });
 
@@ -2824,21 +2827,29 @@ var defaults = defineComponent({
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {});
         slots.menu;
+        const __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
         const isTabs = ref(!!slots.tabs);
         return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(ElContainer, {
             class: ns$j.b()
         }, {
-            default: () => [ createVNode(Sidebar$2, null, null), createVNode("div", {
-                class: [ ns$j.b("content") ]
-            }, [ createVNode(Header$3, null, null), _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
-                tabs: _config.tabs,
-                activeTab: _config.activeTab,
-                onChange: (...arg) => _emit("tabsChange", ...arg),
-                onSelect: (...arg) => _emit("tabsSelect", ...arg),
-                onClose: (...arg) => _emit("tabsClose", ...arg)
-            }, null) : null, createVNode("main", {
-                class: [ ns$j.bf("main"), ns$j.is("layout-tabs", isTabs.value) ]
-            }, [ slots.default?.() ]) ]) ]
+            default: () => {
+                return [ createVNode(Sidebar$2, null, null), createVNode("div", {
+                    class: [ ns$j.b("content") ]
+                }, [ createVNode(Header$3, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                    default: () => [ __slots_header_tools ]
+                })), _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
+                    tabs: _config.tabs,
+                    activeTab: _config.activeTab,
+                    onChange: (...arg) => _emit("tabsChange", ...arg),
+                    onSelect: (...arg) => _emit("tabsSelect", ...arg),
+                    onClose: (...arg) => _emit("tabsClose", ...arg)
+                }, null) : null, createVNode("main", {
+                    class: [ ns$j.bf("main"), ns$j.is("layout-tabs", isTabs.value) ]
+                }, [ slots.default?.() ]) ]) ];
+                var s;
+            }
         });
     }
 });
@@ -2852,21 +2863,26 @@ var Header$2 = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor$2(color, .5)})`
             } : "";
-        }));
-        return () => createVNode(Fragment, null, [ createVNode("header", {
-            class: _ns.b("header"),
-            style: headerStyle.value
-        }, [ createVNode(LogoView, null, null), createVNode("div", {
-            class: _ns.bf("header", "menu")
-        }, [ slots[slots_config_headerMenu] ? slots[slots_config_headerMenu]() : createVNode(NextMenu, {
-            menuTree: _config.menuTree,
-            router: _config.menuRouter,
-            mode: _config.menuMode
-        }, null) ]), createVNode("div", {
-            class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]) ]);
+        })), __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
+        return () => {
+            return createVNode(Fragment, null, [ createVNode("header", {
+                class: _ns.b("header"),
+                style: headerStyle.value
+            }, [ createVNode(LogoView, null, null), createVNode("div", {
+                class: _ns.bf("header", "menu")
+            }, [ slots[slots_config_headerMenu] ? slots[slots_config_headerMenu]() : createVNode(NextMenu, {
+                menuTree: _config.menuTree,
+                router: _config.menuRouter,
+                mode: _config.menuMode
+            }, null) ]), createVNode("div", {
+                class: _ns.bf("header", "right")
+            }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                default: () => [ __slots_header_tools ]
+            })) ]) ]) ]);
+            var s;
+        };
     }
 });
 
@@ -2906,17 +2922,22 @@ var Header$1 = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor$1(color, .5)})`
             } : "";
-        }));
-        return () => createVNode(Fragment, null, [ createVNode("header", {
-            class: _ns.b("header"),
-            style: headerStyle.value
-        }, [ createVNode(LogoView, null, null), createVNode("div", {
-            class: _ns.bf("header", "menu")
-        }, null), createVNode("div", {
-            class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]) ]);
+        })), __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
+        return () => {
+            return createVNode(Fragment, null, [ createVNode("header", {
+                class: _ns.b("header"),
+                style: headerStyle.value
+            }, [ createVNode(LogoView, null, null), createVNode("div", {
+                class: _ns.bf("header", "menu")
+            }, null), createVNode("div", {
+                class: _ns.bf("header", "right")
+            }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                default: () => [ __slots_header_tools ]
+            })) ]) ]) ]);
+            var s;
+        };
     }
 }), Sidebar$1 = defineComponent({
     setup: () => ({
@@ -2976,17 +2997,22 @@ var Header = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor(color, .5)})`
             } : "";
-        }));
-        return () => createVNode(Fragment, null, [ createVNode("header", {
-            class: _ns.b("header"),
-            style: headerStyle.value
-        }, [ createVNode(LogoView, null, null), createVNode("div", {
-            class: _ns.bf("header", "menu")
-        }, [ slots[slots_config_headerMenu]?.() ]), createVNode("div", {
-            class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]) ]);
+        })), __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
+        return () => {
+            return createVNode(Fragment, null, [ createVNode("header", {
+                class: _ns.b("header"),
+                style: headerStyle.value
+            }, [ createVNode(LogoView, null, null), createVNode("div", {
+                class: _ns.bf("header", "menu")
+            }, [ slots[slots_config_headerMenu]?.() ]), createVNode("div", {
+                class: _ns.bf("header", "right")
+            }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                default: () => [ __slots_header_tools ]
+            })) ]) ]) ]);
+            var s;
+        };
     }
 }), Sidebar = defineComponent({
     setup: () => ({
@@ -3015,8 +3041,14 @@ var classic = defineComponent({
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {});
         slots.menu;
+        const __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
         const isTabs = ref(!!slots.tabs);
-        return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(Fragment, null, [ createVNode(Header, null, null), createVNode("div", {
+        return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(Fragment, null, [ createVNode(Header, null, (s = __slots_header_tools, 
+        "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+            default: () => [ __slots_header_tools ]
+        })), createVNode("div", {
             class: [ ns$g.b("content"), ns$g.is("layout-tabs", isTabs.value) ]
         }, [ createVNode(Sidebar, null, null), createVNode("div", {
             class: ns$g.b("container")
@@ -3029,6 +3061,7 @@ var classic = defineComponent({
         }, null) : null, createVNode("main", {
             class: [ ns$g.b("main") ]
         }, [ slots.default?.() ]) ]) ]) ]);
+        var s;
     }
 });
 
@@ -4868,9 +4901,9 @@ var Element$7 = defineComponent({
                 return createVNode(ElInput, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
-                    disabled: col.disabled,
+                    disabled: valueExist(col.disabled, !1),
                     placeholder: placeholder,
                     onChange: event => col.onChange?.(event, col, formParams, formColumns)
                 }, {
@@ -4886,7 +4919,7 @@ var Element$7 = defineComponent({
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     type: "password",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     "show-password": !0,
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
@@ -4904,7 +4937,7 @@ var Element$7 = defineComponent({
                 return createVNode(ElInput, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
                     placeholder: placeholder,
@@ -4925,7 +4958,7 @@ var Element$7 = defineComponent({
                 return createVNode(ElInput, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
                     placeholder: placeholder,
@@ -4949,7 +4982,7 @@ var Element$7 = defineComponent({
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     type: "textarea",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
                     placeholder: placeholder,
@@ -4967,8 +5000,9 @@ var Element$7 = defineComponent({
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     placeholder: placeholder,
-                    clearable: !0,
-                    disabled: col.disabled,
+                    clearable: valueExist(col.clearable, !0),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1),
                     multiple: valueExist(col.multiple, !1),
                     "collapse-tags-tooltip": !0,
                     onChange: event => col.onChange?.(event, col, formParams, formColumns)
@@ -4989,8 +5023,10 @@ var Element$7 = defineComponent({
                     start: "00:00",
                     step: "00:30",
                     end: "23:59",
-                    editable: !1,
-                    disabled: col.disabled,
+                    clearable: valueExist(col.clearable, !0),
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1),
                     placeholder: placeholder,
                     onChange: event => col.onChange?.(event, col, formParams, formColumns)
                 }, {
@@ -5001,7 +5037,8 @@ var Element$7 = defineComponent({
             if ("radio" === col.type) return createVNode(ElRadioGroup, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
+                readonly: valueExist(col.readonly, !1),
                 onChange: event => col.onChange?.(event, col, formParams, formColumns)
             }, {
                 default: () => [ col.dicData && col.dicData.map((item => createVNode(ElRadio, {
@@ -5016,7 +5053,8 @@ var Element$7 = defineComponent({
             createVNode(ElCheckboxGroup, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
+                readonly: valueExist(col.readonly, !1),
                 onChange: event => col.onChange?.(event, col, formParams, formColumns)
             }, {
                 default: () => [ col.dicData && col.dicData.map((item => createVNode(ElCheckbox, {
@@ -5036,10 +5074,11 @@ var Element$7 = defineComponent({
                     type: "date",
                     valueFormat: col.format || "YYYY-MM-DD",
                     format: col.format || "YYYY-MM-DD",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     disabledDate: col.disabledDate || _defaultDisabledDate,
-                    disabled: col.disabled,
-                    editable: col.editable
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1)
                 }, null);
             }
             if ("datetime" === col.type) {
@@ -5051,10 +5090,11 @@ var Element$7 = defineComponent({
                     type: "datetime",
                     valueFormat: col.format || "YYYY-MM-DD HH:mm:ss",
                     format: col.format || "YYYY-MM-DD HH:mm:ss",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     disabledDate: col.disabledDate || _defaultDisabledDate,
-                    disabled: col.disabled,
-                    editable: col.editable
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1)
                 }, null);
             }
             if ("datetimerange" === col.type) {
@@ -5066,13 +5106,14 @@ var Element$7 = defineComponent({
                     type: "datetimerange",
                     valueFormat: col.format || "YYYY-MM-DD HH:mm:ss",
                     format: col.format || "YYYY-MM-DD HH:mm:ss",
-                    clearable: !0,
                     "range-separator": t("next.date.rangeSeparator"),
                     "start-placeholder": t("next.date.startPlaceholder"),
                     "end-placeholder": t("next.date.endPlaceholder"),
                     disabledDate: col.disabledDate || _defaultDisabledDate,
-                    disabled: col.disabled,
-                    editable: col.editable,
+                    clearable: valueExist(col.clearable, !0),
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1),
                     shortcuts: col.shortcuts || _defaultShortcuts
                 }, null);
             }
@@ -5090,7 +5131,7 @@ var Element$7 = defineComponent({
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                 formParams: formParams,
                 column: col,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
                 onSelect: rows => ((rows, col) => {
                     rows && (col.tableSelectRows = rows);
                     const {value: value} = col.tableSelectProps || {};
@@ -5099,15 +5140,15 @@ var Element$7 = defineComponent({
             }, null) : "uploadImage" === col.type ? createVNode(UploadImage, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
-                multiple: col.multiple,
+                disabled: valueExist(col.disabled, !1),
+                multiple: valueExist(col.multiple, !1),
                 limit: col.limit,
                 onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns),
                 onExceed: (...arg) => col.onExceed?.(...arg, col, formParams, formColumns)
             }, null) : "treeSelect" === col.type ? createVNode(treeSelect, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
                 column: col,
                 formParams: formParams
             }, null) : void 0;
@@ -5284,7 +5325,7 @@ var Element$6 = defineComponent({
                         append: valueExist(col.formAppend, col.append, null),
                         hide: valueExist(col.formHide, col.hide, !1),
                         disabled: valueExist(col.formDisabled, col.disabled, !1),
-                        clearable: valueExist(col.formClearable, col.clearable, !1),
+                        clearable: valueExist(col.formClearable, col.clearable, !0),
                         readonly: valueExist(col.formReadonly, col.readonly, !1),
                         tip: valueExist(col.formTip, col.tip, null),
                         rules: valueExist(col.formRules, col.rules, null),
@@ -7378,6 +7419,10 @@ class EditPolygonPath {
     onEditPolygon(callback) {
         this.editPolygonObserver = callback;
     }
+    getTransformPoint(x, y) {
+        const transformMatrix = this.ctx.getTransform(), scaleX = parseFloat(transformMatrix.a.toFixed(1)), scaleY = parseFloat(transformMatrix.d.toFixed(1)), translateX = Math.ceil(transformMatrix.e), translateY = Math.ceil(transformMatrix.f);
+        return [ Math.floor((x - translateX) / scaleX), Math.floor((y - translateY) / scaleY) ];
+    }
     drawPolygonPath(vertexes, mouseX, mouseY) {
         const ctx = this.ctx;
         if (!vertexes.length) return;
@@ -7409,11 +7454,11 @@ class EditPolygonPath {
         this.drawPolygonEdgeCentre(vertexes));
     }
     pointInVertexes(x, y) {
-        const vertexes = this.vertexes;
+        const [_x, _y] = this.getTransformPoint(x, y), vertexes = this.vertexes;
         let aimIndex = null;
         for (let i = 0; i < vertexes.length; i++) {
             const [vertex_x, vertex_y] = vertexes[i];
-            if (isPointInCircle(x, y, vertex_x, vertex_y, this.vertexRadius)) {
+            if (isPointInCircle(_x, _y, vertex_x, vertex_y, this.vertexRadius)) {
                 this.canvas.style.cursor = "pointer", aimIndex = i;
                 break;
             }
@@ -7422,11 +7467,11 @@ class EditPolygonPath {
         return aimIndex;
     }
     pointInEdgeCentre(x, y) {
-        const vertexes = this.vertexes;
+        const [_x, _y] = this.getTransformPoint(x, y), vertexes = this.vertexes;
         let aimIndex = null;
         for (let i = 0; i < vertexes.length; i++) {
             const start = vertexes[i % vertexes.length], end = vertexes[(i + 1) % vertexes.length], vertex_x = start[0] + (end[0] - start[0]) / 2, vertex_y = start[1] + (end[1] - start[1]) / 2;
-            if (isPointInCircle(x, y, vertex_x, vertex_y, this.edgeCentreRadius)) {
+            if (isPointInCircle(_x, _y, vertex_x, vertex_y, this.edgeCentreRadius)) {
                 this.canvas.style.cursor = "pointer", aimIndex = i;
                 break;
             }
@@ -7435,9 +7480,9 @@ class EditPolygonPath {
         return aimIndex;
     }
     pointInVertexesOrEdgeCentre(x, y) {
-        const vertexes = this.vertexes;
+        const [_x, _y] = this.getTransformPoint(x, y), vertexes = this.vertexes;
         for (let i = 0; i < vertexes.length; i++) {
-            const [vertex_x, vertex_y] = vertexes[i], isInVertex = isPointInCircle(x, y, vertex_x, vertex_y, this.vertexRadius), start = vertexes[i % vertexes.length], end = vertexes[(i + 1) % vertexes.length], edge_center_x = start[0] + (end[0] - start[0]) / 2, edge_center_y = start[1] + (end[1] - start[1]) / 2, isInEdgeCenter = isPointInCircle(x, y, edge_center_x, edge_center_y, this.edgeCentreRadius);
+            const [vertex_x, vertex_y] = vertexes[i], isInVertex = isPointInCircle(_x, _y, vertex_x, vertex_y, this.vertexRadius), start = vertexes[i % vertexes.length], end = vertexes[(i + 1) % vertexes.length], edge_center_x = start[0] + (end[0] - start[0]) / 2, edge_center_y = start[1] + (end[1] - start[1]) / 2, isInEdgeCenter = isPointInCircle(_x, _y, edge_center_x, edge_center_y, this.edgeCentreRadius);
             if (isInVertex || isInEdgeCenter) {
                 this.canvas.style.cursor = "pointer";
                 break;
@@ -7578,7 +7623,7 @@ class CreateDrawCanvas {
         this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight), this.ctx.drawImage(this.image, 0, 0, this.canvasWidth, this.canvasHeight), 
         this.ctx.save();
         const shapes = this.labels.shapes;
-        this.drawPolygons(shapes), this.ctx.restore();
+        shapes?.length && this.drawPolygons(shapes), this.ctx.restore();
     };
     render=() => {
         this.canvas.width = this.canvasWidth, this.scaleOffset.value && (this.ctx.translate(this.scaleOffset.value.x, this.scaleOffset.value.y), 
@@ -8147,7 +8192,7 @@ const zoomDialog = app => {
             }));
         }
     });
-}, version = "0.3.8", install = function(app) {
+}, version = "0.3.9", install = function(app) {
     Object.keys(components).forEach((key => {
         const component = components[key];
         app.component(component.name, component);
@@ -8157,7 +8202,7 @@ const zoomDialog = app => {
 };
 
 var index = {
-    version: "0.3.8",
+    version: "0.3.9",
     install: install
 };