next-element-vue 0.3.2 → 0.3.4

package/dist/index.umd.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.3.2 v
- * 发布日期：2024-06-27
+ * 当前版本：0.3.4 v
+ * 发布日期：2024-08-10
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -491,8 +491,8 @@
             }(result, symbolsFunc(object));
         }(object, keys, getSymbols$1);
     }
-    var DataView = getNative(root, "DataView"), Promise$1 = getNative(root, "Promise"), Set = getNative(root, "Set"), dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap), getTag = baseGetTag;
-    (DataView && "[object DataView]" != getTag(new DataView(new ArrayBuffer(1))) || Map$1 && "[object Map]" != getTag(new Map$1) || Promise$1 && "[object Promise]" != getTag(Promise$1.resolve()) || Set && "[object Set]" != getTag(new Set) || WeakMap && "[object WeakMap]" != getTag(new WeakMap)) && (getTag = function(value) {
+    var DataView = getNative(root, "DataView"), Promise$1 = getNative(root, "Promise"), Set$1 = getNative(root, "Set"), dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap), getTag = baseGetTag;
+    (DataView && "[object DataView]" != getTag(new DataView(new ArrayBuffer(1))) || Map$1 && "[object Map]" != getTag(new Map$1) || Promise$1 && "[object Promise]" != getTag(Promise$1.resolve()) || Set$1 && "[object Set]" != getTag(new Set$1) || WeakMap && "[object WeakMap]" != getTag(new WeakMap)) && (getTag = function(value) {
         var result = baseGetTag(value), Ctor = "[object Object]" == result ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
         if (ctorString) switch (ctorString) {
           case dataViewCtorString:
@@ -798,6 +798,12 @@
                 saveLabel: "保存当前标注",
                 instructions: "使用说明",
                 labelNoUpdate: "暂无标签数据更新"
+            },
+            labelme: {
+                saveLabel: "保存",
+                createPolygon: "创建多边形",
+                editPolygon: "编辑多边形",
+                deletePolyton: "删除多边形"
             }
         }
     }, enLocale = {
@@ -876,6 +882,12 @@
                 saveLabel: "save label",
                 instructions: "instructions",
                 labelNoUpdate: "No label data update"
+            },
+            labelme: {
+                saveLabel: "saving...",
+                createPolygon: "create polygon",
+                editPolygon: "edit polygon",
+                deletePolyton: "delete polygon"
             }
         }
     }, zhtwLocale = {
@@ -954,6 +966,9 @@
                 saveLabel: "保存当前标注",
                 instructions: "使用说明",
                 labelNoUpdate: "暂无标签数据更新"
+            },
+            labelme: {
+                saveLabel: "保存"
             }
         }
     };
@@ -988,6 +1003,14 @@
                 for (let i = 0; i < 3; i++) hexs[i] = parseInt(hexs[i], 16);
                 return hexs;
             },
+            hexToRgba: (str, alpha = 1) => {
+                let hexs = "";
+                if (!/^\#?[0-9A-Fa-f]{6}$/.test(str)) return elementPlus.ElMessage.warning("输入错误的hex"), 
+                "";
+                hexs = (str = str.replace("#", "")).match(/../g);
+                for (let i = 0; i < 3; i++) hexs[i] = parseInt(hexs[i], 16);
+                return `rgba(${hexs.join(",")},${alpha})`;
+            },
             rgbToHex: (r, g, b) => {
                 let reg = /^\d{1,3}$/;
                 if (!reg.test(r) || !reg.test(g) || !reg.test(b)) return elementPlus.ElMessage.warning("输入错误的rgb颜色值"), 
@@ -1082,7 +1105,7 @@
         }, extra) for (const [key, comp] of Object.entries(extra)) main[key] = comp;
         return main;
     }, slots_config_headerMenu = "header-menu", slots_config_headerToolsPrefix = "header-tools-prefix", slots_config_headerToolsSuffix = "header-tools-suffix";
-    var defaultConfig$4 = {
+    var defaultConfig$5 = {
         logo: "",
         title: "Next Element Vue",
         userName: "Admin",
@@ -1129,7 +1152,7 @@
             isDark: !1
         }
     };
-    const ns$k = useNamespace("text-ellipsis");
+    const ns$l = useNamespace("text-ellipsis");
     const NextTextEllipsis = withInstall(vue.defineComponent({
         name: "NextTextEllipsis",
         props: {
@@ -1175,7 +1198,7 @@
                 }
             };
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
-                class: [ ns$k.b(), props.class ],
+                class: [ ns$l.b(), props.class ],
                 style: setWidth.value,
                 onMouseenter: onMouseenter
             }, [ isTip.value ? vue.createVNode(elementPlus.ElTooltip, {
@@ -1185,11 +1208,11 @@
                 disabled: props.disabled
             }, {
                 default: () => [ vue.createVNode("span", {
-                    class: ns$k.e("text"),
+                    class: ns$l.e("text"),
                     ref: ellipsisRef
                 }, [ slots.default ? slots.default() : props.content ]) ]
             }) : vue.createVNode("span", {
-                class: ns$k.e("text"),
+                class: ns$l.e("text"),
                 ref: ellipsisRef
             }, [ slots.default ? slots.default() : props.content ]) ]) ]);
         }
@@ -2524,7 +2547,7 @@
                 }, null) ]
             }))) ]) ]);
         }
-    }), ns$j = useNamespace("menu");
+    }), ns$k = useNamespace("menu");
     const NextMenu = withInstall(vue.defineComponent({
         name: "NextMenu",
         props: {
@@ -2551,13 +2574,13 @@
             }
         },
         setup(props) {
-            vue.provide("ns", ns$j);
+            vue.provide("ns", ns$k);
             const router = vue.getCurrentInstance().appContext.config.globalProperties.$router, currentPath = router.currentRoute?.value.fullPath, activePath = vue.ref(currentPath);
             vue.watch((() => router.currentRoute?.value), (to => {
                 activePath.value = to.fullPath;
             }));
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(elementPlus.ElMenu, {
-                class: [ ns$j.b(), props.className ],
+                class: [ ns$k.b(), props.className ],
                 style: props.style,
                 defaultActive: activePath.value,
                 router: props.router,
@@ -2565,7 +2588,7 @@
                 ellipsis: !0
             }, {
                 default: () => [ vue.createVNode(vue.Fragment, null, [ props.menuTree.map((item => item.children?.length ? valueExist(item.meta?.isHide, !1) ? null : vue.createVNode(elementPlus.ElSubMenu, {
-                    "popper-class": ns$j.b("popper"),
+                    "popper-class": ns$k.b("popper"),
                     index: item.path || item.id,
                     teleported: !0
                 }, {
@@ -2576,7 +2599,7 @@
                         menuData: item.children
                     }, null)
                 }) : valueExist(item.meta?.isHide, !1) ? null : vue.createVNode(elementPlus.ElMenuItem, {
-                    "popper-class": ns$j.b("popper"),
+                    "popper-class": ns$k.b("popper"),
                     index: item.path
                 }, {
                     default: () => [ vue.createVNode(MenuItemTitle, {
@@ -2602,19 +2625,19 @@
             }) ]);
         }
     });
-    const ns$i = useNamespace("layout-defaults");
+    const ns$j = useNamespace("layout-defaults");
     var defaults = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$i), {}),
+        setup: () => (vue.provide("ns", ns$j), {}),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {});
             slots.menu;
             const isTabs = vue.ref(!!slots.tabs);
             return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), vue.createVNode(elementPlus.ElContainer, {
-                class: ns$i.b()
+                class: ns$j.b()
             }, {
                 default: () => [ vue.createVNode(Sidebar$2, null, null), vue.createVNode("div", {
-                    class: [ ns$i.b("content") ]
+                    class: [ ns$j.b("content") ]
                 }, [ vue.createVNode(Header$3, null, null), _config.showTabs ? slots.tabs ? slots.tabs?.() : vue.createVNode(NextTabs, {
                     tabs: _config.tabs,
                     activeTab: _config.activeTab,
@@ -2622,7 +2645,7 @@
                     onSelect: (...arg) => _emit("tabsSelect", ...arg),
                     onClose: (...arg) => _emit("tabsClose", ...arg)
                 }, null) : null, vue.createVNode("main", {
-                    class: [ ns$i.bf("main"), ns$i.is("layout-tabs", isTabs.value) ]
+                    class: [ ns$j.bf("main"), ns$j.is("layout-tabs", isTabs.value) ]
                 }, [ slots.default?.() ]) ]) ]
             });
         }
@@ -2652,10 +2675,10 @@
             }) ]) ]) ]);
         }
     });
-    const ns$h = useNamespace("layout-transverse");
+    const ns$i = useNamespace("layout-transverse");
     var transverse = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$h), {}),
+        setup: () => (vue.provide("ns", ns$i), {}),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {}), __slots_header = {};
             slots[slots_config_headerMenu] && (__slots_header[slots_config_headerMenu] = () => slots[slots_config_headerMenu]()), 
@@ -2672,7 +2695,7 @@
                 onSelect: (...arg) => _emit("tabsSelect", ...arg),
                 onClose: (...arg) => _emit("tabsClose", ...arg)
             }, null) : null, vue.createVNode("main", {
-                class: [ ns$h.b("main"), ns$h.is("layout-tabs", isTabs.value) ]
+                class: [ ns$i.b("main"), ns$i.is("layout-tabs", isTabs.value) ]
             }, [ slots.default?.() ]) ]);
             var s;
         }
@@ -2711,10 +2734,10 @@
             }, null) ]);
         }
     });
-    const ns$g = useNamespace("layout-columns");
+    const ns$h = useNamespace("layout-columns");
     var columns = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$g), {}),
+        setup: () => (vue.provide("ns", ns$h), {}),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {}), __slots_header = {};
             slots[slots_config_headerMenu] && (__slots_header[slots_config_headerMenu] = () => slots[slots_config_headerMenu]()), 
@@ -2722,11 +2745,11 @@
             slots[slots_config_headerToolsSuffix] && (__slots_header[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
             const isTabs = vue.ref(!!slots.tabs);
             return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), vue.createVNode(elementPlus.ElContainer, {
-                class: ns$g.b()
+                class: ns$h.b()
             }, {
                 default: () => {
                     return [ vue.createVNode(Sidebar$1, null, null), vue.createVNode("div", {
-                        class: [ ns$g.b("content") ]
+                        class: [ ns$h.b("content") ]
                     }, [ vue.createVNode(Header$1, null, (s = __slots_header, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s) ? __slots_header : {
                         default: () => [ __slots_header ]
                     })), _config.showTabs ? slots.tabs ? slots.tabs?.() : vue.createVNode(NextTabs, {
@@ -2736,7 +2759,7 @@
                         onSelect: (...arg) => _emit("tabsSelect", ...arg),
                         onClose: (...arg) => _emit("tabsClose", ...arg)
                     }, null) : null, vue.createVNode("main", {
-                        class: [ ns$g.bf("main"), ns$g.is("layout-tabs", isTabs.value) ]
+                        class: [ ns$h.bf("main"), ns$h.is("layout-tabs", isTabs.value) ]
                     }, [ slots.default?.() ]) ]) ];
                     var s;
                 }
@@ -2779,20 +2802,20 @@
             }) ]);
         }
     });
-    const ns$f = useNamespace("layout-classic");
+    const ns$g = useNamespace("layout-classic");
     var classic = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$f), {
-            ns: ns$f
+        setup: () => (vue.provide("ns", ns$g), {
+            ns: ns$g
         }),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {});
             slots.menu;
             const isTabs = vue.ref(!!slots.tabs);
             return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), vue.createVNode(vue.Fragment, null, [ vue.createVNode(Header, null, null), vue.createVNode("div", {
-                class: [ ns$f.b("content"), ns$f.is("layout-tabs", isTabs.value) ]
+                class: [ ns$g.b("content"), ns$g.is("layout-tabs", isTabs.value) ]
             }, [ vue.createVNode(Sidebar, null, null), vue.createVNode("div", {
-                class: ns$f.b("container")
+                class: ns$g.b("container")
             }, [ _config.showTabs ? slots.tabs ? slots.tabs?.() : vue.createVNode(NextTabs, {
                 tabs: _config.tabs,
                 activeTab: _config.activeTab,
@@ -2800,11 +2823,11 @@
                 onSelect: (...arg) => _emit("tabsSelect", ...arg),
                 onClose: (...arg) => _emit("tabsClose", ...arg)
             }, null) : null, vue.createVNode("main", {
-                class: [ ns$f.b("main") ]
+                class: [ ns$g.b("main") ]
             }, [ slots.default?.() ]) ]) ]) ]);
         }
     });
-    const ns$e = useNamespace("layout"), layouts = {
+    const ns$f = useNamespace("layout"), layouts = {
         defaults: vue.markRaw(defaults),
         transverse: vue.markRaw(transverse),
         columns: vue.markRaw(columns),
@@ -2830,8 +2853,8 @@
         },
         emits: [ "changeLanguage", "changeUserDropdown", "changeOptions", "tabsChange", "tabsSelect", "tabsClose" ],
         setup(props, {slots: slots, emit: emit}) {
-            const _config = vue.ref(mergeWith(defaultConfig$4, props.options, customizerCoverArray));
-            vue.provide("options", _config.value), vue.provide("__ns__", ns$e), vue.provide("__emit__", emit), 
+            const _config = vue.ref(mergeWith(defaultConfig$5, props.options, customizerCoverArray));
+            vue.provide("options", _config.value), vue.provide("__ns__", ns$f), vue.provide("__emit__", emit), 
             vue.provide("__slots__", slots);
             const updateOptions = cfg => {
                 _config.value = mergeWith(_config.value, cfg, customizerCoverArray), updateThemeColorCssVar(_config.value?.setting), 
@@ -2855,14 +2878,14 @@
             const _activeSlots = {};
             for (const key in slots) Object.prototype.hasOwnProperty.call(slots, key) && (_activeSlots[key] = () => slots[key]?.());
             return vue.createVNode("div", {
-                class: [ ns$e.b(), props.className ],
+                class: [ ns$f.b(), props.className ],
                 style: props.style
             }, [ vue.h(activeLayout.value, {}, {
                 ..._activeSlots
             }) ]);
         }
-    })), ns$d = useNamespace("tabs");
-    var Element$8 = vue.defineComponent({
+    })), ns$e = useNamespace("tabs");
+    var Element$9 = vue.defineComponent({
         name: "NextTabs",
         props: {
             activeTab: {
@@ -2931,12 +2954,12 @@
                 tabsView.value.push(activeRoute)), emit("change", activeIndex.value, tabsView.value, "add");
             }));
             const renderContent = () => vue.createVNode("nav", {
-                class: ns$d.b()
+                class: ns$e.b()
             }, [ vue.createVNode(elementPlus.ElScrollbar, null, {
                 default: () => [ vue.createVNode("ul", {
-                    class: ns$d.b("list")
+                    class: ns$e.b("list")
                 }, [ tabsView.value.map(((tab, index) => tab ? vue.createVNode("li", {
-                    class: [ "tab-item", ns$d.is("active", activeIndex.value === index) ],
+                    class: [ "tab-item", ns$e.is("active", activeIndex.value === index) ],
                     onClick: event => onClickTabItem(event, tab, index)
                 }, [ vue.createVNode("i", {
                     class: [ "tab-icon", tab.meta?.icon ]
@@ -2967,11 +2990,11 @@
                 onCommand: onChange
             }, {
                 default: () => vue.createVNode("span", {
-                    class: ns$d.b("tab-more")
+                    class: ns$e.b("tab-more")
                 }, [ vue.createVNode("i", {
-                    class: [ ns$d.be("tab-more", "box"), ns$d.be("tab-more", "top") ]
+                    class: [ ns$e.be("tab-more", "box"), ns$e.be("tab-more", "top") ]
                 }, null), vue.createVNode("i", {
-                    class: [ ns$d.be("tab-more", "box"), ns$d.be("tab-more", "bottom") ]
+                    class: [ ns$e.be("tab-more", "box"), ns$e.be("tab-more", "bottom") ]
                 }, null) ]),
                 dropdown: () => vue.createVNode(elementPlus.ElDropdownMenu, null, {
                     default: () => [ vue.createVNode(elementPlus.ElDropdownItem, {
@@ -3004,7 +3027,7 @@
             return () => vue.createVNode(vue.Fragment, null, [ renderContent() ]);
         }
     });
-    const NextTabs = withInstall(Element$8), ns$c = useNamespace("container");
+    const NextTabs = withInstall(Element$9), ns$d = useNamespace("container");
     const NextContainer = withInstall(vue.defineComponent({
         name: "NextContainer",
         props: {
@@ -3042,18 +3065,18 @@
                 }), style;
             }));
             return () => props.scrollbar ? vue.createVNode(elementPlus.ElScrollbar, {
-                class: [ ns$c.b(), props.className ],
+                class: [ ns$d.b(), props.className ],
                 style: props.style
             }, {
                 default: () => [ slots.default?.() ]
             }) : vue.createVNode("div", {
-                class: [ ns$c.b(), props.className ],
+                class: [ ns$d.b(), props.className ],
                 style: {
                     ...styles.value,
                     ...props.style
                 }
             }, [ props.card ? vue.createVNode("div", {
-                class: ns$c.b("card")
+                class: ns$d.b("card")
             }, [ slots.default?.() ]) : slots.default?.() ]);
         }
     }));
@@ -3127,7 +3150,7 @@
         }
     };
     const header_menu_slots_key = [ "menu-left-prefix", "menu-left-suffix", "menu-right-prefix", "menu-right-suffix" ], operation_column_slots_key = [ "operation-column-prefix", "operation-column-suffix" ];
-    var defaultConfig$3 = {
+    var defaultConfig$4 = {
         initLoadData: !0,
         defaultContentHeight: 300,
         fullscreenchangeContentHeight: !1,
@@ -3175,7 +3198,7 @@
         formSpan: 12,
         formColumnMinWidth: 350
     };
-    const columnSlotName = prop => "column-" + prop, searchFormSlotName = prop => "search-" + prop, formSlotName = prop => "form-" + prop, ns$b = useNamespace("spin-loading");
+    const columnSlotName = prop => "column-" + prop, searchFormSlotName = prop => "search-" + prop, formSlotName = prop => "form-" + prop, ns$c = useNamespace("spin-loading");
     var NextSpinLoading$1 = vue.defineComponent({
         name: "NextSpinLoading",
         props: {
@@ -3209,22 +3232,22 @@
             const _t = this.t, slots = this.$slots, props = this.$props, loadingText = props.tip || _t("next.loading");
             return vue.createVNode("div", {
                 ref: "elementInstance",
-                class: [ ns$b.b(), props.className ],
+                class: [ ns$c.b(), props.className ],
                 style: props.style
             }, [ slots.default?.(), props.loading ? vue.createVNode("div", {
-                class: ns$b.b("mask")
+                class: ns$c.b("mask")
             }, [ vue.createVNode("span", {
-                class: ns$b.b("mask-dot")
+                class: ns$c.b("mask-dot")
             }, [ vue.createVNode("i", {
-                class: ns$b.be("mask", "dot-item")
+                class: ns$c.be("mask", "dot-item")
             }, null), vue.createVNode("i", {
-                class: ns$b.be("mask", "dot-item")
+                class: ns$c.be("mask", "dot-item")
             }, null), vue.createVNode("i", {
-                class: ns$b.be("mask", "dot-item")
+                class: ns$c.be("mask", "dot-item")
             }, null), vue.createVNode("i", {
-                class: ns$b.be("mask", "dot-item")
+                class: ns$c.be("mask", "dot-item")
             }, null) ]), vue.createVNode("span", {
-                class: ns$b.be("mask", "text")
+                class: ns$c.be("mask", "text")
             }, [ loadingText ]) ]) : null ]);
         }
     }), SearchColumn = vue.defineComponent({
@@ -3281,7 +3304,7 @@
                     return start.setTime(start.getTime() - 94608e6), [ start, end ];
                 }
             } ], _onChangeNumberRange = (value, key) => {
-                formParams.value[key] = value;
+                formParams[key] = value;
             }, renderColItemContent = col => {
                 const _disabled = valueExist(col.searchDisabled, col.disabled, !1);
                 if (slots[searchFormSlotName(col.prop)]) return slots[searchFormSlotName(col.prop)]({
@@ -3312,7 +3335,7 @@
                         placeholder: placeholder,
                         onInput: e => ((val, key) => {
                             const value = val.replace(/\D/g, "");
-                            formParams.value[key] = value;
+                            formParams[key] = value;
                         })(e, col.prop)
                     }, {
                         prefix: col.prefix ? () => col.prefix(formParams, col) : null,
@@ -3333,7 +3356,7 @@
                             let value = val;
                             value = value.replace(/[^0-9\.]/g, ""), value = value.replace(/^\./, "0."), value = value.replace(/\.{2,}/g, "."), 
                             value = value.replace(".", "DUMMY"), value = value.replace(/\./g, ""), value = value.replace("DUMMY", "."), 
-                            formParams.value[key] = value;
+                            formParams[key] = value;
                         })(e, col.prop)
                     }, {
                         prefix: col.prefix ? () => col.prefix(formParams, col) : null,
@@ -3911,7 +3934,7 @@
             }, null) ]);
         }
     });
-    const ns$a = useNamespace("dialog");
+    const ns$b = useNamespace("dialog");
     var NextDialog$1 = vue.defineComponent({
         name: "NextDialog",
         props: {
@@ -3939,6 +3962,10 @@
                 type: Boolean,
                 default: !0
             },
+            showClose: {
+                type: Boolean,
+                default: !0
+            },
             appendToBody: {
                 type: Boolean,
                 default: !1
@@ -3976,7 +4003,7 @@
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(elementPlus.ElDialog, {
                 modelValue: visible.value,
                 "onUpdate:modelValue": $event => visible.value = $event,
-                class: ns$a.b(),
+                class: ns$b.b(),
                 title: props.title,
                 appendToBody: props.appendToBody,
                 "destroy-on-close": !0,
@@ -3993,18 +4020,18 @@
             }, {
                 default: () => [ slots.default?.() ],
                 header: ({close: close, titleId: titleId, titleClass: titleClass}) => vue.createVNode("div", {
-                    class: ns$a.b("header")
+                    class: ns$b.b("header")
                 }, [ vue.createVNode("h4", {
                     id: titleId,
                     class: titleClass
                 }, [ props.title ]), vue.createVNode("div", {
-                    class: ns$a.e("header-right")
+                    class: ns$b.e("header-right")
                 }, [ props.fullscreenBtn && vue.createVNode("span", {
                     class: "icon-fullscreen",
                     onClick: () => isFullscreen.value = !isFullscreen.value
                 }, [ vue.createVNode(elementPlus.ElIcon, null, {
                     default: () => [ vue.createVNode(full_screen_default, null, null) ]
-                }) ]), vue.createVNode("span", {
+                }) ]), props.showClose && vue.createVNode("span", {
                     class: "icon-close",
                     onClick: close
                 }, [ vue.createVNode(elementPlus.ElIcon, {
@@ -4030,7 +4057,7 @@
         settingBtn: !0,
         operations: !1
     };
-    var defaultConfig$2 = {
+    var defaultConfig$3 = {
         size: "default",
         colSpan: 8,
         labelWidth: "6em",
@@ -4044,7 +4071,7 @@
         submitText: null,
         resetText: null
     };
-    const ns$9 = useNamespace("form");
+    const ns$a = useNamespace("form");
     var NumberRangePicker = vue.defineComponent({
         name: "NumberRangePicker",
         props: {
@@ -4083,7 +4110,7 @@
             }));
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
                 ref: numberRangeRef,
-                class: ns$9.e("number-range")
+                class: ns$a.e("number-range")
             }, [ vue.createVNode(elementPlus.ElInputNumber, {
                 modelValue: startNumber.value,
                 "onUpdate:modelValue": $event => startNumber.value = $event,
@@ -4093,7 +4120,7 @@
                 disabled: disabled,
                 onChange: onChangeStart
             }, null), vue.createVNode("span", {
-                class: ns$9.em("number-range", "division")
+                class: ns$a.em("number-range", "division")
             }, [ t("next.date.rangeSeparator") ]), vue.createVNode(elementPlus.ElInputNumber, {
                 modelValue: endNumber.value,
                 "onUpdate:modelValue": $event => endNumber.value = $event,
@@ -4109,7 +4136,7 @@
     function _isSlot$3(s) {
         return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
     }
-    const ns$8 = useNamespace("form"), InputTableSelect = vue.defineComponent({
+    const ns$9 = useNamespace("form"), InputTableSelect = vue.defineComponent({
         name: "InputTableSelect",
         props: {
             modelValue: {
@@ -4137,7 +4164,7 @@
         },
         emits: [ "select" ],
         setup(props, {emit: emit}) {
-            const {t: t} = useLocale(), _disabled = props.disabled, _column = props.column, _placeholder = _column.placeholder || t("next.form.select") + _column.label, _tableDefaultConfig = deepClone(defaultConfig$3), _tableSelectConfig = deepClone(tableSelectConfig), _options = merge$1(_tableDefaultConfig, _tableSelectConfig, _column.tableSelect), tableSelectDialog = vue.reactive({
+            const {t: t} = useLocale(), _disabled = props.disabled, _column = props.column, _placeholder = _column.placeholder || t("next.form.select") + _column.label, _tableDefaultConfig = deepClone(defaultConfig$4), _tableSelectConfig = deepClone(tableSelectConfig), _options = merge$1(_tableDefaultConfig, _tableSelectConfig, _column.tableSelect), tableSelectDialog = vue.reactive({
                 visible: !1,
                 title: _column.label + t("next.form.tableSelect"),
                 dialogWidth: _options.dialogWidth
@@ -4208,18 +4235,18 @@
             }, renderContent = () => {
                 let _slot, _slot2;
                 return vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
-                    class: [ "el-input", ns$8.e("input-table"), ns$8.is("disabled", _disabled) ]
+                    class: [ "el-input", ns$9.e("input-table"), ns$9.is("disabled", _disabled) ]
                 }, [ vue.createVNode("div", {
                     class: "el-input__wrapper"
                 }, [ tags?.value.length ? vue.createVNode("span", {
-                    class: ns$8.em("input-table", "value")
+                    class: ns$9.em("input-table", "value")
                 }, [ tags.value.map(((tag, index) => vue.createVNode(elementPlus.ElTag, {
                     closable: !_disabled,
                     onClose: () => _onCloseTag(0, index)
                 }, {
                     default: () => [ tag.label ]
                 }))), tagsMore?.value?.length ? vue.createVNode(elementPlus.ElTooltip, {
-                    "popper-class": ns$8.e("tooltip-tags"),
+                    "popper-class": ns$9.e("tooltip-tags"),
                     placement: "bottom",
                     effect: "light"
                 }, {
@@ -4233,10 +4260,10 @@
                         default: () => [ tag.label ]
                     })))
                 }) : null ]) : vue.createVNode("span", {
-                    class: ns$8.em("input-table", "placeholder")
+                    class: ns$9.em("input-table", "placeholder")
                 }, [ _placeholder ]) ]), vue.createVNode(elementPlus.ElButton, {
                     type: "primary",
-                    class: ns$8.em("input-table", "append"),
+                    class: ns$9.em("input-table", "append"),
                     disabled: _disabled,
                     icon: search_default,
                     onClick: onClickTableDialog
@@ -4250,7 +4277,7 @@
                     onClose: onCloseTableDialog
                 }, {
                     default: () => [ vue.createVNode("div", {
-                        class: ns$8.em("input-table", "content")
+                        class: ns$9.em("input-table", "content")
                     }, [ vue.createVNode(elementPlus.ElRadioGroup, {
                         modelValue: sinleSelection.value
                     }, {
@@ -4273,7 +4300,7 @@
                             }) ]
                         }) ]
                     }) ]), vue.createVNode("div", {
-                        class: ns$8.em("input-table", "footer")
+                        class: ns$9.em("input-table", "footer")
                     }, [ vue.createVNode(elementPlus.ElButton, {
                         onClick: onResetTableSelect
                     }, _isSlot$3(_slot = t("next.form.reset")) ? _slot : {
@@ -4289,7 +4316,7 @@
             };
             return () => vue.createVNode(vue.Fragment, null, [ renderContent() ]);
         }
-    }), ns$7 = useNamespace("form");
+    }), ns$8 = useNamespace("form");
     var UploadImage = vue.defineComponent({
         name: "UploadImage",
         props: {
@@ -4345,7 +4372,7 @@
                 let urls = [];
                 return "string" == typeof value ? urls = [ value ] : "[object Array]" === Object.prototype.toString.call(value) && (urls = value), 
                 urls = urls.filter((url => !!url)), urls.length ? vue.createVNode(elementPlus.ElImage, {
-                    class: ns$7.e("preview-image"),
+                    class: ns$8.e("preview-image"),
                     src: urls[0],
                     previewSrcList: urls,
                     "preview-teleported": !0,
@@ -4360,7 +4387,7 @@
                     })
                 }) : null;
             })(), _disabled ? null : vue.createVNode(elementPlus.ElUpload, {
-                class: [ ns$7.b("upload-image"), props.className ],
+                class: [ ns$8.b("upload-image"), props.className ],
                 style: props.style,
                 "list-type": props.listType,
                 multiple: props.multiple,
@@ -4496,8 +4523,8 @@
     function _isSlot$2(s) {
         return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
     }
-    const ns$6 = useNamespace("form");
-    var Element$6 = vue.defineComponent({
+    const ns$7 = useNamespace("form");
+    var Element$7 = vue.defineComponent({
         name: "NextForm",
         props: {
             options: {
@@ -4515,7 +4542,7 @@
         },
         emits: [ "submit", "close", "reset" ],
         setup(props, {slots: slots, emit: emit, expose: expose}) {
-            const _config = deepClone(defaultConfig$2), options = vue.reactive(merge$1(_config, props.options)), _isEditing = vue.computed((() => "boolean" != typeof options.isEditing || options.isEditing)), {t: t} = useLocale(), colSpan = vue.ref(options.colSpan), formDatum = vue.reactive(props.formDatum) || {}, formParams = vue.reactive(merge$1({}, formDatum)), _formColumns = vue.ref([]), formRules = vue.reactive({});
+            const _config = deepClone(defaultConfig$3), options = vue.reactive(merge$1(_config, props.options)), _isEditing = vue.computed((() => "boolean" != typeof options.isEditing || options.isEditing)), {t: t} = useLocale(), colSpan = vue.ref(options.colSpan), formDatum = vue.reactive(props.formDatum) || {}, formParams = vue.reactive(merge$1({}, formDatum)), _formColumns = vue.ref([]), formRules = vue.reactive({});
             vue.watch((() => [ props.columns, props.formDatum ]), (() => {
                 (() => {
                     const columns = props.columns;
@@ -4866,7 +4893,7 @@
                     let _slot;
                     return vue.createVNode(elementPlus.ElForm, {
                         ref: ruleFormRef,
-                        class: ns$6.b(),
+                        class: ns$7.b(),
                         inline: !1,
                         model: formParams,
                         size: options.size
@@ -4886,7 +4913,7 @@
                             }, {
                                 label: () => column.label ? vue.createVNode(vue.Fragment, null, [ vue.createVNode(NextTextEllipsis, {
                                     content: t(column.label),
-                                    class: ns$6.e("item-label")
+                                    class: ns$7.e("item-label")
                                 }, null), column.tip ? vue.createVNode(elementPlus.ElTooltip, {
                                     effect: "dark",
                                     content: column.tip,
@@ -4906,7 +4933,7 @@
                         })))) ? _slot : {
                             default: () => [ _slot ]
                         }), _isEditing.value && options.showFooter ? vue.createVNode("div", {
-                            class: ns$6.e("footer")
+                            class: ns$7.e("footer")
                         }, [ vue.createVNode(elementPlus.ElButton, {
                             type: "primary",
                             loading: submitLoading.value,
@@ -4925,7 +4952,7 @@
             };
         }
     });
-    const NextTreeSelect = withInstall(treeSelect), NextForm = withInstall(Element$6);
+    const NextTreeSelect = withInstall(treeSelect), NextForm = withInstall(Element$7);
     var AddEditForm = vue.defineComponent({
         name: "AddEditForm",
         props: {
@@ -4979,17 +5006,17 @@
     function _isSlot(s) {
         return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
     }
-    const ns$5 = useNamespace("crud-table");
-    var Element$5 = vue.defineComponent({
+    const ns$6 = useNamespace("crud-table");
+    var Element$6 = vue.defineComponent({
         name: "NextCrudTable",
         props: defaultPropsConfig,
         emits: [ "confirm-search", "clear-search", "change-pagination", "selection-change", "row-click", "row-contextmenu", "row-dblclick", "cell-click", "cell-dblclick", "cell-contextmenu", "cell-mouse-enter", "cell-mouse-leave", "expand-change", "click-add-edit", "close-add-edit", "view-add-edit", "delete-rows", "delete-row", "submit-form" ],
         setup(props, {emit: emit, slots: slots, expose: expose}) {
-            const _config = deepClone(defaultConfig$3), _options = vue.computed((() => {
+            const _config = deepClone(defaultConfig$4), _options = vue.computed((() => {
                 const cfg = vue.unref(props.options);
                 return merge$1(_config, cfg);
             })), options = vue.unref(_options);
-            vue.provide("options", vue.computed((() => _options.value))), vue.provide("ns", ns$5);
+            vue.provide("options", vue.computed((() => _options.value))), vue.provide("ns", ns$6);
             const {t: t} = useLocale(), _columns = vue.ref(options.columns), _searchColumns = vue.ref([]), _formColumns = vue.ref([]), _updateColumnsAll = ops => {
                 ((options, cb) => {
                     const _columns = vue.reactive(options.columns), _loadDicData = col => {
@@ -5232,11 +5259,11 @@
             });
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
                 ref: crudTableRef,
-                class: [ ns$5.b(), props.className ],
+                class: [ ns$6.b(), props.className ],
                 style: props.style
             }, [ options.showSearchForm || options.showHeaderMenu ? vue.createVNode("header", {
                 ref: headerRef,
-                class: ns$5.b("header")
+                class: ns$6.b("header")
             }, [ options.showSearchForm && vue.createVNode(HeaderSearch, {
                 columns: _searchColumns.value,
                 onZoomResize: updateTableContentHeight,
@@ -5255,7 +5282,7 @@
             }, {
                 default: () => [ vue.createVNode("div", {
                     ref: tableRef,
-                    class: ns$5.b("content")
+                    class: ns$6.b("content")
                 }, [ vue.createVNode(elementPlus.ElTable, {
                     data: tableData.value,
                     height: tableContentHeight.value,
@@ -5318,7 +5345,7 @@
                 }) ]) ]
             }), options.isPagination ? vue.createVNode("div", {
                 ref: footerRef,
-                class: ns$5.b("footer")
+                class: ns$6.b("footer")
             }, [ vue.createVNode(FooterPagination, {
                 page: props.page,
                 onChange: onChangePagination
@@ -5344,7 +5371,7 @@
             }) ]) ]) ]);
         }
     });
-    const NextCrudTable = withInstall(Element$5);
+    const NextCrudTable = withInstall(Element$6);
     var propsConfig = {
         className: {
             type: String,
@@ -5374,13 +5401,13 @@
                 total: 0
             })
         }
-    }, defaultConfig$1 = {};
-    const ns$4 = useNamespace("crud-table-virtualized");
+    }, defaultConfig$2 = {};
+    const ns$5 = useNamespace("crud-table-virtualized");
     const NextCrudTableVirtualized = withInstall(vue.defineComponent({
         name: "NextCrudTableVirtualized",
         props: propsConfig,
         setup(props, {emit: emit}) {
-            const _config = deepClone(defaultConfig$1), _options = vue.computed((() => {
+            const _config = deepClone(defaultConfig$2), _options = vue.computed((() => {
                 const cfg = vue.unref(props.options);
                 return merge$1(_config, cfg);
             })), options = vue.unref(_options);
@@ -5395,7 +5422,7 @@
                 emit("close-add-edit");
             };
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
-                class: [ ns$4.b(), props.className ]
+                class: [ ns$5.b(), props.className ]
             }, [ vue.createVNode(NextSpinLoading, null, null), vue.createVNode(NextDialog, {
                 modelValue: addEditDialog.visible,
                 "onUpdate:modelValue": $event => addEditDialog.visible = $event,
@@ -5406,7 +5433,7 @@
                 onClose: onCloseAddEditDialog
             }, null) ]) ]);
         }
-    })), NextSpinLoading = withInstall(NextSpinLoading$1), ns$3 = useNamespace("upload");
+    })), NextSpinLoading = withInstall(NextSpinLoading$1), ns$4 = useNamespace("upload");
     const NextUpload = withInstall(vue.defineComponent({
         name: "NextUpload",
         props: {
@@ -5440,7 +5467,7 @@
             const slots = this.$slots, props = this.$props, emit = this.$emit, _t = this.t, uploadfilesPreview = vue.ref([]), body = document.getElementsByTagName("body")[0];
             let previewImagesContainer = null;
             return vue.createVNode(elementPlus.ElUpload, {
-                class: [ ns$3.b(), props.className ],
+                class: [ ns$4.b(), props.className ],
                 style: props.style,
                 "list-type": props.listType,
                 "auto-upload": !1,
@@ -5478,8 +5505,8 @@
                 })
             });
         }
-    })), ns$2 = useNamespace("video-player");
-    var Element$2 = vue.defineComponent({
+    })), ns$3 = useNamespace("video-player");
+    var Element$3 = vue.defineComponent({
         name: "NextVideoPlayer",
         props: {
             className: {
@@ -5552,7 +5579,7 @@
                 if (!classNames || !classNames.length) throw new Error("模型类别不能未空！");
                 container.innerHTML = "", tf__namespace.loadGraphModel(modelUrl).then((model => {
                     const canvas = document.createElement("canvas");
-                    canvas.className = ns$2.b("recongition"), container.appendChild(canvas);
+                    canvas.className = ns$3.b("recongition"), container.appendChild(canvas);
                     const ctx = canvas.getContext("2d"), detect_ctx = document.createElement("canvas").getContext("2d");
                     video.ontimeupdate = () => {
                         const {videoWidth: videoWidth, videoHeight: videoHeight, offsetTop: offsetTop, offsetLeft: offsetLeft} = video;
@@ -5723,12 +5750,12 @@
             });
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
                 ref: videoBoxRef,
-                class: [ ns$2.b(), props.className ],
+                class: [ ns$3.b(), props.className ],
                 style: props.style
             }, null) ]);
         }
     });
-    const NextVideoPlayer = withInstall(Element$2);
+    const NextVideoPlayer = withInstall(Element$3);
     const NextDragResize = withInstall(vue.defineComponent({
         name: "NextDragResize",
         props: {},
@@ -5843,7 +5870,7 @@
             }) ]) ]) ]) ]);
         }
     });
-    const colors = [ "#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc" ], convertToLabel = rect => {
+    const colors$1 = [ "#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc" ], convertToLabel = rect => {
         const label_type = rect.type, x_center = rect.startX + rect.rectWidth / 2, y_center = rect.startY + rect.rectHeight / 2;
         return [ label_type, parseFloat((x_center / rect.canvasWidth).toFixed(6)), parseFloat((y_center / rect.canvasHeight).toFixed(6)), parseFloat((rect.rectWidth / rect.canvasWidth).toFixed(6)), parseFloat((rect.rectHeight / rect.canvasHeight).toFixed(6)) ];
     }, canvertToCanvas = (labelData, canvasWidth, canvasHeight) => {
@@ -5927,7 +5954,7 @@
                 }
             }, [ vue.createVNode("span", {
                 style: {
-                    "background-color": colors[index % colors.length]
+                    "background-color": colors$1[index % colors$1.length]
                 },
                 class: "label-line"
             }, null), vue.createVNode("span", null, [ name ]) ]))) ]), isValueExist(activateIndex.value) ? vue.createVNode("div", {
@@ -6113,7 +6140,7 @@
                 onMousedown: event => this.onMousedownDot(event, "bottomRight")
             }, null) ]) ]);
         }
-    }), CanvasContext = vue.defineComponent({
+    }), CanvasContext$1 = vue.defineComponent({
         name: "NextCanvasContext",
         props: {
             classes: {
@@ -6179,7 +6206,7 @@
                             const {ctx: ctx, labels: labels, image: image, canvasWidth: canvasWidth, canvasHeight: canvasHeight} = options, updateLabels = () => {
                                 ctx.clearRect(0, 0, canvasWidth, canvasHeight), ctx.drawImage(image, 0, 0, canvasWidth, canvasHeight);
                                 for (let i = 0; i < labels.length; i++) {
-                                    const rect = labels[i], {startX: startX, startY: startY, rectWidth: rectWidth, rectHeight: rectHeight, type: type} = rect, color = colors[type % colors.length];
+                                    const rect = labels[i], {startX: startX, startY: startY, rectWidth: rectWidth, rectHeight: rectHeight, type: type} = rect, color = colors$1[type % colors$1.length];
                                     if (ctx.font = "bold 14px serif", ctx.textBaseline = "top", ctx.save(), ctx.strokeStyle = color, 
                                     ctx.strokeRect(startX, startY, rectWidth, rectHeight), isValueExist(rect.typeName) || isValueExist(rect.type)) {
                                         const text = rect.typeName || rect.type;
@@ -6199,7 +6226,7 @@
                                     for (let i = 0; i < labels.length; i++) {
                                         const rect = labels[i], {type: type, startX: startX, startY: startY, rectWidth: rectWidth, rectHeight: rectHeight} = rect;
                                         x >= startX && x <= startX + rectWidth && y >= startY && y <= startY + rectHeight && (hit_rect = rect, 
-                                        hit_index = i, color = colors[type]);
+                                        hit_index = i, color = colors$1[type]);
                                     }
                                     return {
                                         hit_rect: hit_rect,
@@ -6389,7 +6416,7 @@
                 onCloseContentmenuLabel: onCloseContentmenuLabel,
                 onSelectedLabel: (rect, index) => {
                     onCloseDraggableRectFixed(), vue.nextTick((() => {
-                        const {startX: x, startY: y, type: type} = rect, color = colors[type];
+                        const {startX: x, startY: y, type: type} = rect, color = colors$1[type];
                         updateDraggableRectFixed(x, y, labels.value[index], index, color);
                     }));
                 },
@@ -6470,7 +6497,7 @@
                 })(rect, index)
             }, [ vue.createVNode("div", null, [ vue.createVNode("span", {
                 style: {
-                    "background-color": colors[rect.type]
+                    "background-color": colors$1[rect.type]
                 },
                 class: "label-line"
             }, null), vue.createVNode("span", null, [ rect.typeName ]) ]), vue.createVNode(elementPlus.ElPopconfirm, {
@@ -6495,11 +6522,11 @@
             }, null) ]);
             return () => vue.createVNode(vue.Fragment, null, [ renderContent() ]);
         }
-    }), defaultConfig = {
+    }), defaultConfig$1 = {
         minContentHeight: 500
     };
-    const ns$1 = useNamespace("labelimg");
-    var Element = vue.defineComponent({
+    const ns$2 = useNamespace("labelimg");
+    var Element$1 = vue.defineComponent({
         name: "NextLabelimg",
         props: {
             className: {
@@ -6510,10 +6537,6 @@
                 type: Object,
                 default: () => ({})
             },
-            rowKey: {
-                type: String,
-                default: "id"
-            },
             options: {
                 type: Object,
                 default: () => ({})
@@ -6529,11 +6552,11 @@
         },
         emits: [ "change", "save", "prev-click", "next-click" ],
         setup(props, {emit: emit, slots: slots, expose: expose}) {
-            const {t: t} = useLocale(), _config = deepClone(defaultConfig), _options = vue.computed((() => {
+            const {t: t} = useLocale(), _config = deepClone(defaultConfig$1), _options = vue.computed((() => {
                 const cfg = vue.unref(props.options);
                 return merge$1(_config, cfg);
             })), options = vue.unref(_options);
-            vue.provide("ns", ns$1), vue.provide("_emit", emit);
+            vue.provide("ns", ns$2), vue.provide("_emit", emit);
             const activateNodeIndex = vue.ref(0), classes = vue.ref(props.classes), labelImages = vue.ref(deepClone(props.data));
             vue.watch((() => props.data), (data => {
                 labelImages.value = deepClone(data);
@@ -6567,7 +6590,10 @@
                     node: node,
                     label_txt: yolo_label.join("\n")
                 };
-            }, isChangeNodeLabels = () => isEqual(labelImages.value[activateNodeIndex.value].labels, currentNode.value.labels), switchKeydownAD = e => {
+            }, isChangeNodeLabels = () => {
+                const node = labelImages.value[activateNodeIndex.value];
+                return isEqual(vue.toRaw(node.labels).map((rect => convertToLabel(rect))), currentNode.value.labels.map((rect => convertToLabel(rect))));
+            }, switchKeydownAD = e => {
                 const imageLength = labelImages.value.length;
                 "KeyD" === e.code ? (activateNodeIndex.value++, activateNodeIndex.value >= imageLength && (activateNodeIndex.value = 0)) : "KeyA" === e.code && (activateNodeIndex.value--, 
                 activateNodeIndex.value < 0 && (activateNodeIndex.value = imageLength - 1));
@@ -6637,19 +6663,19 @@
             });
             const renderContent = () => vue.createVNode("div", {
                 ref: layoutLabelRef,
-                class: [ ns$1.b(), props.className, isFullscreen.value ? ns$1.b("fullscreen") : "" ],
+                class: [ ns$2.b(), props.className, isFullscreen.value ? ns$2.b("fullscreen") : "" ],
                 style: {
                     ...props.style
                 }
             }, [ vue.createVNode(NextSpinLoading$1, {
                 loading: loading.value,
                 tip: t("next.labelimg.saveTxt"),
-                class: [ ns$1.b("loading") ]
+                class: [ ns$2.b("loading") ]
             }, {
                 default: () => [ vue.createVNode(elementPlus.ElScrollbar, null, {
                     default: () => [ vue.createVNode("header", {
                         ref: headerRef,
-                        class: [ ns$1.b("header") ]
+                        class: [ ns$2.b("header") ]
                     }, [ slots.header ? slots.header() : vue.createVNode(ToolHeader, {
                         isFullscreen: isFullscreen.value,
                         imageIndex: activateNodeIndex.value,
@@ -6663,16 +6689,16 @@
                         }
                     }, null) ]), vue.createVNode("div", {
                         ref: mainRef,
-                        class: [ ns$1.b("main") ]
+                        class: [ ns$2.b("main") ]
                     }, [ vue.createVNode(elementPlus.ElScrollbar, {
-                        class: [ ns$1.be("main", "content") ]
+                        class: [ ns$2.be("main", "content") ]
                     }, {
                         default: () => [ vue.createVNode("div", {
-                            class: [ ns$1.be("main", "content") ],
+                            class: [ ns$2.be("main", "content") ],
                             style: {
                                 height: mainContentHeight.value + "px"
                             }
-                        }, [ vue.createVNode(CanvasContext, {
+                        }, [ vue.createVNode(CanvasContext$1, {
                             ref: canvasContextRef,
                             contextClientHeight: mainContentHeight.value,
                             classes: classes.value,
@@ -6687,9 +6713,9 @@
                         onSelect: onSelectLabelNode
                     }, null) ]), vue.createVNode("footer", {
                         ref: footerRef,
-                        class: [ ns$1.b("footer") ]
+                        class: [ ns$2.b("footer") ]
                     }, [ vue.createVNode("div", {
-                        class: [ ns$1.be("footer", "left") ]
+                        class: [ ns$2.be("footer", "left") ]
                     }, [ vue.createVNode(elementPlus.ElIcon, {
                         size: 24,
                         color: "#797979",
@@ -6697,10 +6723,10 @@
                     }, {
                         default: () => [ vue.createVNode(arrow_left_default, null, null) ]
                     }) ]), vue.createVNode("div", {
-                        class: [ ns$1.be("footer", "center") ]
+                        class: [ ns$2.be("footer", "center") ]
                     }, [ vue.createVNode(elementPlus.ElScrollbar, null, {
                         default: () => [ vue.createVNode("ul", {
-                            class: [ ns$1.bem("footer", "center", "list") ]
+                            class: [ ns$2.bem("footer", "center", "list") ]
                         }, [ labelImages.value.map(((item, index) => vue.createVNode("li", {
                             key: index,
                             onClick: () => onChangeActivateNode(index),
@@ -6716,7 +6742,7 @@
                             fit: "cover"
                         }, null) ]))) ]) ]
                     }) ]), vue.createVNode("div", {
-                        class: [ ns$1.be("footer", "right") ]
+                        class: [ ns$2.be("footer", "right") ]
                     }, [ vue.createVNode(elementPlus.ElIcon, {
                         size: 24,
                         color: "#797979",
@@ -6729,7 +6755,7 @@
             return () => vue.createVNode(vue.Fragment, null, [ renderContent() ]);
         }
     });
-    const ns = useNamespace("labelimg-preview");
+    const ns$1 = useNamespace("labelimg-preview");
     var preview = vue.defineComponent({
         name: "NextLabelimgPreview",
         props: {
@@ -6765,7 +6791,7 @@
                             canvasBaseRef.value.style.width = canvasWidth + "px", canvasBaseRef.value.style.height = canvasHeight + "px";
                         })(canvasWidth, canvasHeight), ctx.clearRect(0, 0, canvasWidth, canvasHeight), ctx.drawImage(image, 0, 0, canvasWidth, canvasHeight);
                         for (let i = 0; i < labels.value.length; i++) {
-                            const rect = labels.value[i], {startX: startX, startY: startY, rectWidth: rectWidth, rectHeight: rectHeight, type: type} = rect, color = colors[type % colors.length];
+                            const rect = labels.value[i], {startX: startX, startY: startY, rectWidth: rectWidth, rectHeight: rectHeight, type: type} = rect, color = colors$1[type % colors$1.length];
                             if (ctx.font = "bold 14px serif", ctx.textBaseline = "top", ctx.save(), ctx.strokeStyle = color, 
                             ctx.strokeRect(startX, startY, rectWidth, rectHeight), !isValueExist(rect.typeName)) {
                                 const typeName = classes.value[rect.type];
@@ -6788,7 +6814,7 @@
                 });
             }));
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
-                class: [ ns.b(), props.className ],
+                class: [ ns$1.b(), props.className ],
                 style: {
                     ...props.style
                 }
@@ -6797,7 +6823,678 @@
             }, null) ]) ]);
         }
     });
-    const NextLabelimg = withInstall(Element), NextLabelimgPreview = withInstall(preview);
+    const NextLabelimg = withInstall(Element$1), NextLabelimgPreview = withInstall(preview), isPointInCircle = (mouseX, mouseY, circleX, circleY, radius) => Math.sqrt(Math.pow(mouseX - circleX, 2) + Math.pow(mouseY - circleY, 2)) < radius, vertexesUnique = vertexes => Array.from(new Set(vertexes.map((item => JSON.stringify(item))))).map((item => JSON.parse(item))), {hexToRgba: hexToRgba} = useChangeColor(), colors = [ "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc" ];
+    class CreatePolygonVertexes {
+        canvas;
+        ctx;
+        vertexes;
+        isDrawing;
+        mouseOffset;
+        vertexesObservers=[];
+        destroyedObservers;
+        constructor(canvas, ctx) {
+            this.canvas = canvas, this.ctx = ctx, this.isDrawing = !1, this.vertexes = [], this.mouseOffset = {
+                x: 0,
+                y: 0
+            }, canvas.addEventListener("click", this.canvasMouseClick.bind(this)), canvas.addEventListener("mousemove", this.canvasMousemove.bind(this)), 
+            canvas.addEventListener("dblclick", this.canvasMouseDblclick.bind(this)), this.vertexes = new Proxy(this.vertexes, {
+                set: (target, property, value) => (target[property] = value, this.notifyVertexChangeListeners(), 
+                !0)
+            }), this.mouseOffset = new Proxy(this.mouseOffset, {
+                set: (target, property, value) => (target[property] = value, this.notifyVertexChangeListeners(), 
+                !0)
+            });
+        }
+        notifyVertexChangeListeners() {
+            this.vertexesObservers.forEach((listener => {
+                listener(this.vertexes, this.mouseOffset);
+            }));
+        }
+        vertexesChangeEventListener(listener) {
+            this.vertexesObservers.push(listener);
+        }
+        notifyDestryedListerers() {
+            this.destroyedObservers(this.vertexes);
+        }
+        onDestroyed(callback) {
+            this.destroyedObservers = callback;
+        }
+        canvasMouseClick(e) {
+            e.stopPropagation(), this.isDrawing = !0, this.mouseOffset.x = e.offsetX, this.mouseOffset.y = e.offsetY, 
+            this.vertexes.push([ e.offsetX, e.offsetY ]), this.vertexes = vertexesUnique(this.vertexes);
+        }
+        canvasMousemove(e) {
+            e.stopPropagation(), this.isDrawing && (this.mouseOffset.x = e.offsetX, this.mouseOffset.y = e.offsetY, 
+            this.canvas.style.cursor = "crosshair");
+        }
+        canvasMouseDblclick(e) {
+            e.stopPropagation(), this.isDrawing && (this.canvas.style.cursor = "unset", this.mouseOffset.x = e.offsetX, 
+            this.mouseOffset.y = e.offsetY, this.vertexes.push([ e.offsetX, e.offsetY ]), this.vertexes = vertexesUnique(this.vertexes)), 
+            this.notifyDestryedListerers(), this.destroyed();
+        }
+        destroyed() {
+            this.isDrawing = !1, this.vertexes = [], this.vertexesObservers = [], this.destroyedObservers = () => {
+                this.canvas.removeEventListener("click", this.canvasMouseClick);
+            }, this.canvas.removeEventListener("mousemove", this.canvasMousemove), this.canvas.removeEventListener("dblclick", this.canvasMouseDblclick);
+        }
+    }
+    class EditPolygonPath {
+        canvas;
+        ctx;
+        vertexes;
+        isEditing;
+        isMoveEditing;
+        canClickEvent;
+        pointVertexIndex;
+        pointCentreIndex;
+        vertexRadius;
+        edgeCentreRadius;
+        observers=[];
+        constructor(canvas, ctx) {
+            this.canvas = canvas, this.ctx = ctx, this.vertexes = [], this.isEditing = !1, this.canClickEvent = !0, 
+            this.isMoveEditing = !1, this.pointVertexIndex = -1, this.pointCentreIndex = -1, 
+            this.vertexRadius = 8, this.edgeCentreRadius = 5;
+        }
+        drawPolygonPath(vertexes, mouseX, mouseY) {
+            const ctx = this.ctx;
+            if (!vertexes.length) return;
+            ctx.beginPath(), ctx.lineWidth = 3, ctx.strokeStyle = "#5470c6", ctx.fillStyle = hexToRgba("#5470c6", .2), 
+            ctx.moveTo(vertexes[0][0], vertexes[0][1]);
+            for (let i = 1; i < vertexes.length; i++) {
+                const [x, y] = vertexes[i];
+                ctx.lineTo(x, y);
+            }
+            isNaN(mouseX) || isNaN(mouseY) || ctx.lineTo(mouseX, mouseY), ctx.closePath(), ctx.stroke(), 
+            ctx.fill();
+        }
+        drawPolygonEdgeCentre(vertexes) {
+            const ctx = this.ctx;
+            for (let i = 0; i < vertexes.length; i++) {
+                const [x, y] = vertexes[i];
+                ctx.beginPath(), ctx.fillStyle = "#5470c6", ctx.arc(x, y, this.vertexRadius, 0, 2 * Math.PI), 
+                ctx.closePath(), ctx.fill(), ctx.beginPath(), ctx.fillStyle = "#FFFFFF", ctx.arc(x, y, this.vertexRadius - 3, 0, 2 * Math.PI), 
+                ctx.closePath(), ctx.fill();
+            }
+            for (let i = 0; i < vertexes.length; i++) {
+                const start = vertexes[i % vertexes.length], end = vertexes[(i + 1) % vertexes.length], x = start[0] + (end[0] - start[0]) / 2, y = start[1] + (end[1] - start[1]) / 2;
+                ctx.beginPath(), ctx.fillStyle = "#5470c6", ctx.arc(x, y, this.edgeCentreRadius, 0, 2 * Math.PI), 
+                ctx.closePath(), ctx.fill();
+            }
+        }
+        drawPolygon(vertexes, mouseOffset) {
+            this.vertexes = vertexes, mouseOffset ? this.drawPolygonPath(vertexes, mouseOffset.x, mouseOffset.y) : (this.drawPolygonPath(vertexes), 
+            this.drawPolygonEdgeCentre(vertexes));
+        }
+        pointInVertexes(x, y) {
+            const 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)) {
+                    this.canvas.style.cursor = "pointer", aimIndex = i;
+                    break;
+                }
+                this.canvas.style.cursor = "unset";
+            }
+            return aimIndex;
+        }
+        pointInEdgeCentre(x, y) {
+            const 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)) {
+                    this.canvas.style.cursor = "pointer", aimIndex = i;
+                    break;
+                }
+                this.canvas.style.cursor = "unset";
+            }
+            return aimIndex;
+        }
+        pointInVertexesOrEdgeCentre(x, y) {
+            const 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);
+                if (isInVertex || isInEdgeCenter) {
+                    this.canvas.style.cursor = "pointer";
+                    break;
+                }
+                this.canvas.style.cursor = "unset";
+            }
+        }
+        notifyObservers() {
+            this.observers.forEach((listener => {
+                listener(this.vertexes);
+            }));
+        }
+        updatePolygon(callback) {
+            this.isEditing = !0, this.canvas.addEventListener("mousedown", this.canvasMousedown.bind(this)), 
+            this.canvas.addEventListener("mouseup", this.canvasMouseup.bind(this)), this.canvas.addEventListener("click", this.canvasMouseClick.bind(this)), 
+            this.canvas.addEventListener("mousemove", this.canvasMousemove.bind(this)), this.observers.push(callback);
+        }
+        canvasMousedown(e) {
+            e.stopPropagation(), e.preventDefault(), this.canClickEvent = !0;
+            const {offsetX: x, offsetY: y} = e, vertex_i = this.pointInVertexes(x, y);
+            isValueExist(vertex_i) && (this.isMoveEditing = !0, this.pointVertexIndex = vertex_i, 
+            this.vertexes.splice(this.pointVertexIndex, 1, [ x, y ]));
+            const i = this.pointInEdgeCentre(x, y);
+            isValueExist(i) && (this.isMoveEditing = !0, this.pointCentreIndex = i + 1, this.vertexes.splice(this.pointCentreIndex, 0, [ x, y ])), 
+            setTimeout((() => {
+                this.canClickEvent = !1;
+            }), 200);
+        }
+        canvasMouseup(e) {
+            e.stopPropagation(), e.preventDefault();
+            const {offsetX: x, offsetY: y} = e;
+            this.pointVertexIndex > -1 && this.vertexes.splice(this.pointVertexIndex, 1, [ x, y ]), 
+            this.pointCentreIndex > -1 && this.vertexes.splice(this.pointCentreIndex, 1, [ x, y ]), 
+            this.isMoveEditing = !1, this.pointVertexIndex = -1, this.pointCentreIndex = -1, 
+            this.notifyObservers();
+        }
+        canvasMouseClick(e) {
+            e.stopPropagation();
+            const {offsetX: x, offsetY: y} = e;
+            if (this.canClickEvent) {
+                const i = this.pointInVertexes(x, y);
+                if (isValueExist(i)) {
+                    if (this.vertexes.length <= 3) return;
+                    this.vertexes.splice(i, 1), this.drawPolygon(this.vertexes), this.notifyObservers();
+                }
+            }
+        }
+        canvasMousemove(e) {
+            e.stopPropagation();
+            const {offsetX: x, offsetY: y} = e;
+            this.pointInVertexesOrEdgeCentre(x, y), this.isMoveEditing && (this.pointVertexIndex > -1 && this.vertexes.splice(this.pointVertexIndex, 1, [ x, y ]), 
+            this.pointCentreIndex > -1 && this.vertexes.splice(this.pointCentreIndex, 1, [ x, y ]), 
+            this.notifyObservers());
+        }
+        destroyed() {
+            this.vertexes = [], this.observers = [], this.isEditing = !1, this.canvas.removeEventListener("mousedown", this.canvasMousedown), 
+            this.canvas.removeEventListener("mouseup", this.canvasMouseup), this.canvas.removeEventListener("click", this.canvasMouseClick), 
+            this.canvas.removeEventListener("mousemove", this.canvasMousemove);
+        }
+    }
+    class CreateDrawCanvas {
+        canvas;
+        ctx;
+        image;
+        canvasWidth;
+        canvasHeight;
+        paths;
+        editDrawPolygon;
+        createPolygonVertexes;
+        editVertexes;
+        editPolygonObservers=[];
+        constructor(options) {
+            const {canvas: canvas, ctx: ctx, image: image, canvasWidth: canvasWidth, canvasHeight: canvasHeight, paths: paths} = options;
+            this.canvas = canvas, this.ctx = ctx, this.image = image, this.canvasWidth = canvasWidth, 
+            this.canvasHeight = canvasHeight, this.paths = paths || [], this.editVertexes = [], 
+            this.render(), this.createPolygonVertexes = new CreatePolygonVertexes(canvas, ctx), 
+            this.editDrawPolygon = new EditPolygonPath(canvas, ctx), this.createPolygonVertexes.vertexesChangeEventListener(((vertexes, mouseOffset) => {
+                this.render(), this.editDrawPolygon.drawPolygon(vertexes, mouseOffset), this.editVertexes = vertexes, 
+                this.notifyObservers();
+            })), this.createPolygonVertexes.onDestroyed((vertexes => {
+                this.render(), this.editDrawPolygon.drawPolygon(vertexes), this.editDrawPolygon.updatePolygon((vertexes => {
+                    this.render(), this.editDrawPolygon.drawPolygon(vertexes), this.editVertexes = vertexes, 
+                    this.notifyObservers();
+                }));
+            }));
+        }
+        notifyObservers() {
+            this.editPolygonObservers.forEach((listener => {
+                listener(this.editVertexes);
+            }));
+        }
+        updatePolygon(callback) {
+            this.editPolygonObservers.push(callback);
+        }
+        drawPolygons(paths) {
+            const ctx = this.ctx;
+            for (let i = 0; i < paths.length; i++) {
+                const path = paths[i].path;
+                if (!path.length) return;
+                const color = colors[i % colors.length];
+                ctx.beginPath(), ctx.lineWidth = 2, ctx.strokeStyle = color, ctx.fillStyle = hexToRgba(color, .2), 
+                ctx.moveTo(path[0][0], path[0][1]);
+                for (let i = 1; i < path.length; i++) {
+                    const [x, y] = path[i];
+                    ctx.lineTo(x, y);
+                }
+                ctx.closePath(), ctx.stroke(), ctx.fill();
+            }
+        }
+        initCanvas=() => {
+            this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight), this.ctx.drawImage(this.image, 0, 0, this.canvasWidth, this.canvasHeight), 
+            this.drawPolygons(this.paths);
+        };
+        render=() => {
+            this.initCanvas();
+        };
+        destroyed() {
+            this.paths = [], this.editDrawPolygon.destroyed(), this.createPolygonVertexes.destroyed();
+        }
+    }
+    var CanvasContext = vue.defineComponent({
+        props: {
+            classes: {
+                type: Array,
+                default: () => []
+            },
+            contextClientHeight: {
+                type: Number,
+                default: null
+            },
+            rowInfo: {
+                type: Object,
+                default: () => ({})
+            }
+        },
+        emits: [ "editPolygon" ],
+        setup(props, {emit: emit, expose: expose}) {
+            const ns = vue.inject("ns", {}), canvasMainRef = vue.ref(), canvasBaseRef = vue.ref(), drawCanvas = vue.ref(), setContainerWidthHeight = (canvasWidth, canvasHeight) => {
+                canvasMainRef.value.style.width = canvasWidth + "px", canvasMainRef.value.style.height = canvasHeight + "px", 
+                canvasBaseRef.value.width = canvasWidth, canvasBaseRef.value.height = canvasHeight, 
+                canvasBaseRef.value.style.width = canvasWidth + "px", canvasBaseRef.value.style.height = canvasHeight + "px";
+            }, loadingImage = vue.ref(!1), renderImageLabel = rowInfo => {
+                const clientHeight = canvasMainRef.value?.clientHeight, ctx = canvasBaseRef.value?.getContext("2d");
+                if (rowInfo?.imageSrc) {
+                    const image = new Image;
+                    image.src = rowInfo.imageSrc, loadingImage.value = !0, image.onload = () => {
+                        loadingImage.value = !1;
+                        let {width: width, height: height} = image;
+                        if (height > clientHeight) {
+                            const scale = height / clientHeight;
+                            height = clientHeight, image.style.height = height + "px", width /= scale;
+                        }
+                        const canvasHeight = height, scaleFactor = parseFloat((canvasHeight / height).toFixed(3)), canvasWidth = Math.ceil(width * scaleFactor);
+                        setContainerWidthHeight(canvasWidth, canvasHeight), drawCanvas.value = new CreateDrawCanvas({
+                            canvas: canvasBaseRef.value,
+                            ctx: ctx,
+                            image: image,
+                            canvasWidth: canvasWidth,
+                            canvasHeight: canvasHeight,
+                            scaleFactor: scaleFactor,
+                            paths: rowInfo.labels
+                        }), drawCanvas.value.updatePolygon((vertexes => {
+                            emit("editPolygon", {
+                                vertexes: vertexes,
+                                canvasWidth: canvasWidth,
+                                canvasHeight: canvasHeight
+                            });
+                        }));
+                    }, image.onerror = () => {
+                        loadingImage.value = !1;
+                    };
+                }
+            };
+            vue.onMounted((() => {
+                vue.watch((() => props.rowInfo), (info => {
+                    const rowInfo = vue.toRaw(info);
+                    renderImageLabel(rowInfo);
+                }), {
+                    deep: !0,
+                    immediate: !0
+                }), vue.watch((() => props.contextClientHeight), (height => {
+                    if (valueExist(height)) {
+                        canvasMainRef.value.style.height = height + "px";
+                        const rowInfo = vue.toRaw(props.rowInfo);
+                        renderImageLabel(rowInfo);
+                    }
+                }));
+            }));
+            return expose({
+                rerenderImage: () => {
+                    setContainerWidthHeight(0, 0), vue.nextTick((() => {
+                        const rowInfo = vue.toRaw(props.rowInfo);
+                        renderImageLabel(rowInfo);
+                    }));
+                }
+            }), () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(NextSpinLoading, {
+                loading: loadingImage.value,
+                class: [ ns.b("loading") ],
+                style: {
+                    height: "100%"
+                }
+            }, {
+                default: () => [ vue.createVNode("div", {
+                    ref: canvasMainRef,
+                    class: [ ns.b("canvas") ]
+                }, [ vue.createVNode("canvas", {
+                    ref: canvasBaseRef,
+                    class: [ ns.be("canvas", "context") ]
+                }, null) ]) ]
+            }) ]);
+        }
+    }), HeaderTool = vue.defineComponent({
+        props: {
+            isFullscreen: {
+                type: Boolean,
+                default: !1
+            },
+            imageIndex: {
+                type: Number,
+                default: 0
+            },
+            imageLength: {
+                type: Number,
+                default: 0
+            }
+        },
+        emits: [ "fullscreen", "save" ],
+        setup(props, {emit: emit}) {
+            const _ns = vue.inject("ns", {}), {t: t} = useLocale(), switchFillscreen = val => {
+                emit("fullscreen", val);
+            };
+            return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(vue.Fragment, null, [ vue.createVNode("ul", {
+                class: [ _ns.be("header", "tool") ]
+            }, [ vue.createVNode("li", {
+                class: "tool-item",
+                onClick: () => emit("save")
+            }, [ vue.createVNode("svg", {
+                t: "1719034799379",
+                class: "icon",
+                viewBox: "0 0 1024 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                "p-id": "4272",
+                width: "18",
+                height: "18"
+            }, [ vue.createVNode("path", {
+                d: "M831.4 252.2L711.5 132.4c-10.3-10.3-24.2-16.1-38.8-16.1h-450c-23.3 0-42.2 18.9-42.2 42.2v709.4c0 23.3 18.9 42.2 42.2 42.2h582.6c23.3 0 42.2-18.9 42.2-42.2V291c-0.1-14.5-5.8-28.5-16.1-38.8zM619.6 159v159.8c0 4-3.3 7.3-7.3 7.3H387.2c-4 0-7.3-3.3-7.3-7.3V159h239.7z m67.7 708.4H340.8v-292c0-3.9 3.2-7.1 7.1-7.1h332.4c3.9 0 7.1 3.2 7.1 7.1v292z m117.4 0H730v-292c0-27.5-22.3-49.8-49.8-49.8H347.8c-27.5 0-49.8 22.3-49.8 49.8v292h-74.7V159.1h113.9v159.8c0 27.6 22.4 50.1 50.1 50.1h225.1c27.6 0 50.1-22.4 50.1-50.1V159h10.4c3.2 0 6.3 1.3 8.6 3.6l119.9 119.9c2.3 2.3 3.6 5.3 3.6 8.6l-0.3 576.3z",
+                "p-id": "4273"
+            }, null), vue.createVNode("path", {
+                d: "M536 196.3h42.7v87.2H536zM368.7 641.2h220.7v42.7H368.7zM368.7 744h170.9v42.7H368.7z",
+                "p-id": "4274"
+            }, null) ]), vue.createVNode("p", {
+                class: "label-text"
+            }, [ t("next.labelme.saveLabel") ]) ]), vue.createVNode("li", {
+                class: "tool-item"
+            }, [ vue.createVNode("svg", {
+                t: "1721826305513",
+                class: "icon",
+                viewBox: "0 0 1025 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                "p-id": "6215",
+                width: "18",
+                height: "18"
+            }, [ vue.createVNode("path", {
+                d: "M358.5 1021.5c-52.93 0-96-43.07-96-96 0-13.12 2.6-25.84 7.74-37.81l0.12-0.27-141.99-184.66-0.34 0.11a95.806 95.806 0 0 1-29.53 4.64c-52.93 0-96-43.07-96-96s43.07-96 96-96c7.56 0 15.09 0.89 22.41 2.64l0.36 0.09 213.67-370.08-0.16-0.25c-9.34-15.12-14.28-32.54-14.28-50.39 0-52.93 43.07-96 96-96 40.36 0 76.66 25.5 90.34 63.46l0.09 0.26 300.27 61.72 0.19-0.26c18.01-25.16 47.21-40.18 78.11-40.18 52.93 0 96 43.07 96 96 0 36.49-20.26 69.36-52.88 85.79l-0.31 0.16 41.76 393.5 0.25 0.12a96.184 96.184 0 0 1 39.11 34.79c9.85 15.41 15.06 33.27 15.06 51.65 0 52.93-43.07 96-96 96-31.18 0-60.53-15.24-78.52-40.76l-0.22-0.31-396.7 138.78-0.05 0.29c-8.2 45.76-47.94 78.97-94.5 78.97z m0-192c34.03 0 64.82 17.44 82.36 46.66l0.21 0.35L832.93 739.4l0.03-0.32c3.81-39.11 31.82-72.49 69.7-83.05l0.41-0.11-40.34-380.14-0.34-0.08c-39.73-9.82-68.86-43.81-72.49-84.56l-0.03-0.37-283.9-58.36-0.15 0.39c-7 17.7-19.01 32.81-34.72 43.69-16.08 11.13-34.96 17.02-54.59 17.02-9.75 0-19.37-1.46-28.59-4.33l-0.38-0.12L176.19 555.1l0.19 0.26c11.86 16.42 18.12 35.83 18.12 56.14 0 17.74-4.88 35.06-14.11 50.11l-0.18 0.29 136.28 177.25 0.37-0.18c13.04-6.28 27.05-9.47 41.64-9.47z",
+                "p-id": "6216"
+            }, null), vue.createVNode("path", {
+                d: "M416.5 2c40.15 0 76.26 25.37 89.87 63.13l0.19 0.53 0.55 0.11 299.68 61.6 0.64 0.13 0.38-0.53c8.66-12.1 20.19-22.15 33.34-29.06C854.71 90.77 870.06 87 885.5 87c52.66 0 95.5 42.84 95.5 95.5 0 18.03-5.05 35.58-14.6 50.77a95.81 95.81 0 0 1-38 34.57l-0.62 0.31 0.07 0.69 41.7 392.88 0.06 0.55 0.5 0.24c15.91 7.71 29.36 19.68 38.91 34.61 9.8 15.33 14.98 33.09 14.98 51.38 0 52.66-42.84 95.5-95.5 95.5-31.02 0-60.22-15.16-78.11-40.55l-0.43-0.62-0.71 0.25-396.09 138.59-0.55 0.19-0.1 0.57c-3.9 21.77-15.4 41.67-32.39 56.03-17.2 14.54-39.08 22.54-61.62 22.54-52.66 0-95.5-42.84-95.5-95.5 0-13.05 2.59-25.71 7.7-37.61l0.23-0.54-0.36-0.46-141.59-184.16-0.43-0.56-0.67 0.22A95.43 95.43 0 0 1 98.5 707C45.84 707 3 664.16 3 611.5S45.84 516 98.5 516c7.52 0 15.01 0.88 22.29 2.62l0.73 0.17 0.37-0.65 213.33-369.5 0.3-0.52-0.31-0.51c-9.29-15.04-14.2-32.37-14.2-50.12C321 44.84 363.84 2 416.5 2m0 191c-9.7 0-19.27-1.45-28.44-4.31l-0.76-0.24-0.4 0.69-210.98 365.43-0.32 0.56 0.38 0.52C187.77 571.99 194 591.3 194 611.5c0 17.64-4.85 34.88-14.03 49.85l-0.36 0.59 0.42 0.55 135.82 176.65 0.5 0.64 0.73-0.35c12.97-6.26 26.91-9.43 41.42-9.43 16.79 0 33.3 4.42 47.75 12.78a96.095 96.095 0 0 1 34.18 33.63l0.42 0.7 0.77-0.27 391.17-136.87 0.6-0.21 0.06-0.64c1.88-19.33 9.53-37.41 22.11-52.28 12.44-14.71 28.77-25.2 47.22-30.35l0.82-0.23-0.09-0.84-40.26-379.37-0.07-0.7-0.68-0.17c-39.52-9.77-68.5-43.58-72.11-84.12l-0.07-0.74-0.73-0.15-283.12-58.2-0.82-0.17-0.31 0.78c-6.96 17.61-18.91 32.64-34.54 43.46-15.99 11.11-34.77 16.96-54.3 16.96m0-192C363.2 1 320 44.2 320 97.5c0 18.58 5.26 35.93 14.35 50.65l-213.33 369.5A96.669 96.669 0 0 0 98.5 515C45.2 515 2 558.2 2 611.5S45.2 708 98.5 708a96.5 96.5 0 0 0 29.69-4.66l141.59 184.15c-5 11.66-7.78 24.51-7.78 38.01 0 53.3 43.2 96.5 96.5 96.5 47.46 0 86.91-34.25 94.99-79.39l396.08-138.59C867.04 828.81 895.88 845 928.5 845c53.3 0 96.5-43.2 96.5-96.5 0-38.22-22.23-71.26-54.46-86.88l-41.7-392.88C960.37 252.86 982 220.21 982 182.5c0-53.3-43.2-96.5-96.5-96.5-32.37 0-61.01 15.94-78.51 40.39l-299.68-61.6C493.91 27.59 458.31 1 416.5 1z m0 193c40.77 0 75.63-25.28 89.77-61.03l283.12 58.2c3.69 41.4 33.52 75.27 72.87 85l40.26 379.37c-37.74 10.53-66.15 43.41-70.06 83.49L441.29 875.9c-16.87-28.1-47.63-46.9-82.79-46.9-15 0-29.2 3.42-41.86 9.53L180.82 661.88c8.99-14.66 14.18-31.91 14.18-50.38 0-21.07-6.76-40.56-18.22-56.43l210.98-365.42c9.08 2.83 18.73 4.35 28.74 4.35z",
+                "p-id": "6217"
+            }, null) ]), vue.createVNode("p", {
+                class: "label-text"
+            }, [ t("next.labelme.createPolygon") ]) ]), vue.createVNode("li", {
+                class: "tool-item"
+            }, [ vue.createVNode("svg", {
+                t: "1721826424613",
+                class: "icon",
+                viewBox: "0 0 1024 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                "p-id": "7356",
+                width: "18",
+                height: "18"
+            }, [ vue.createVNode("path", {
+                d: "M102.4 870.4v51.2h102.4v51.2H51.2v-102.4h51.2z m870.4-51.2v153.6h-102.4v-51.2h51.2v-102.4h51.2zM409.6 921.6v51.2H358.4v-51.2h51.2z m102.4 0v51.2H460.8v-51.2h51.2z m102.4 0v51.2h-51.2v-51.2h51.2z m102.4 0v51.2h-51.2v-51.2h51.2z m102.4 0v51.2h-51.2v-51.2h51.2zM307.2 921.6v51.2H256v-51.2h51.2z m204.8-742.4a51.2 51.2 0 0 1 51.0464 55.0912l118.8352 68.608a102.4 102.4 0 1 1 96.1536 157.3888v155.136a51.2 51.2 0 1 1-51.6096 80.0256L556.3392 793.6a51.2 51.2 0 1 1-88.7296 0.0512l-169.984-98.2016A51.1488 51.1488 0 0 1 204.8 665.6a51.2 51.2 0 0 1 41.1136-50.176V408.576a51.2 51.2 0 1 1 51.712-79.9744l163.3792-94.3616L460.8 230.4a51.2 51.2 0 0 1 45.2096-50.8416zM102.4 768v51.2H51.2v-51.2h51.2z m870.4-51.2v51.2h-51.2v-51.2h51.2zM297.0624 412.8768l0.1024 222.208 1.024 1.536L486.4 745.2672v-188.928a51.2 51.2 0 0 1-25.2416-38.4L460.8 512v-0.8704L297.0624 412.8768z m399.0528 18.432L563.2 511.1808 563.2 512a51.2 51.2 0 0 1-25.5488 44.3392l-0.0512 188.8768 188.2624-108.6976 0.9216-1.28V452.096a102.6048 102.6048 0 0 1-30.6688-20.7872zM102.4 665.6v51.2H51.2v-51.2h51.2z m870.4-51.2v51.2h-51.2v-51.2h51.2zM102.4 563.2v51.2H51.2v-51.2h51.2z m870.4-51.2v51.2h-51.2v-51.2h51.2zM102.4 460.8v51.2H51.2V460.8h51.2z m387.584-184.1664L326.6048 370.8928l160.6144 96.256a50.8416 50.8416 0 0 1 18.7904-5.9904L512 460.8c9.0112 0 17.5104 2.3552 24.832 6.4l132.9664-79.7184a102.4 102.4 0 0 1-4.0448-34.7648l-131.7888-76.032a50.9952 50.9952 0 0 1-43.9808 0zM972.8 409.6v51.2h-51.2V409.6h51.2zM102.4 358.4v51.2H51.2V358.4h51.2z m870.4-51.2v51.2h-51.2V307.2h51.2zM102.4 256v51.2H51.2V256h51.2z m870.4-51.2v51.2h-51.2V204.8h51.2zM153.6 51.2v51.2H102.4v102.4H51.2V51.2h102.4z m819.2 0v102.4h-51.2V102.4h-102.4V51.2h153.6z m-409.6 0v51.2h-51.2V51.2h51.2z m102.4 0v51.2h-51.2V51.2h51.2z m102.4 0v51.2h-51.2V51.2h51.2zM256 51.2v51.2H204.8V51.2h51.2z m102.4 0v51.2H307.2V51.2h51.2z m102.4 0v51.2H409.6V51.2h51.2z",
+                "p-id": "7357"
+            }, null) ]), vue.createVNode("p", {
+                class: "label-text"
+            }, [ t("next.labelme.editPolygon") ]) ]), vue.createVNode("li", {
+                class: "tool-item"
+            }, [ vue.createVNode("svg", {
+                t: "1721826579655",
+                class: "icon",
+                viewBox: "0 0 1024 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                "p-id": "10996",
+                width: "18",
+                height: "18"
+            }, [ vue.createVNode("path", {
+                d: "M847.743 223.953H640.639c-3.132-68.921-60.177-124.029-129.858-124.029s-126.726 55.108-129.858 124.029H173.256c-17.673 0-32 14.327-32 32s14.327 32 32 32h674.487c17.673 0 32-14.327 32-32s-14.327-32-32-32z m-336.962-60.03c34.379 0 62.689 26.426 65.718 60.029H445.064c3.029-33.603 31.338-60.029 65.717-60.029zM767.743 351.79c-17.673 0-32 14.327-32 32v478.173H288.256V383.79c0-17.673-14.327-32-32-32s-32 14.327-32 32v510.173c0 17.673 14.327 32 32 32h511.487c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z",
+                "p-id": "10997"
+            }, null), vue.createVNode("path", {
+                d: "M449.306 732.802V448.208c0-17.673-14.327-32-32-32s-32 14.327-32 32v284.593c0 17.673 14.327 32 32 32s32-14.326 32-31.999z m191.534 0V448.208c0-17.673-14.327-32-32-32s-32 14.327-32 32v284.593c0 17.673 14.327 32 32 32s32-14.326 32-31.999z",
+                "p-id": "10998"
+            }, null) ]), vue.createVNode("p", {
+                class: "label-text"
+            }, [ t("next.labelme.deletePolyton") ]) ]) ]), vue.createVNode("ul", {
+                class: [ _ns.be("header", "tool") ]
+            }, [ props.imageLength ? vue.createVNode("li", null, [ vue.createVNode("span", null, [ vue.createTextVNode("第 "), props.imageIndex + 1, vue.createTextVNode(" 张") ]), vue.createVNode("em", {
+                style: "padding: 0 5px;"
+            }, [ vue.createTextVNode("/") ]), vue.createVNode("span", null, [ vue.createTextVNode("共 "), props.imageLength, vue.createTextVNode(" 张") ]) ]) : null, vue.createVNode("li", {
+                style: "margin-right: 30px;",
+                class: "tool-item"
+            }, [ vue.createVNode(elementPlus.ElPopover, {
+                trigger: "hover",
+                placement: "bottom",
+                width: "none"
+            }, {
+                reference: () => vue.createVNode("div", {
+                    class: "flex-center"
+                }, [ vue.createVNode("span", {
+                    style: "padding-right: 3px"
+                }, [ t("next.labelimg.instructions") ]), vue.createVNode(elementPlus.ElIcon, {
+                    size: 14
+                }, {
+                    default: () => [ vue.createVNode(warning_default, null, null) ]
+                }) ]),
+                default: () => vue.createVNode("ul", {
+                    style: "font-size: 12px;white-space: nowrap;"
+                }, [ vue.createVNode("li", null, [ vue.createVNode("span", null, [ vue.createTextVNode("A：") ]), vue.createVNode("span", null, [ vue.createTextVNode("A键进入上一张图片进行标注") ]) ]), vue.createVNode("li", null, [ vue.createVNode("span", null, [ vue.createTextVNode("D：") ]), vue.createVNode("span", null, [ vue.createTextVNode("D键进入下一张图片进行标注") ]) ]) ])
+            }) ]), props.isFullscreen ? vue.createVNode("li", {
+                class: "tool-item",
+                onClick: () => switchFillscreen(!1)
+            }, [ vue.createVNode(elementPlus.ElTooltip, {
+                placement: "top",
+                content: "取消全屏"
+            }, {
+                default: () => [ vue.createVNode("svg", {
+                    t: "1719035442027",
+                    class: "icon",
+                    viewBox: "0 0 1024 1024",
+                    version: "1.1",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "p-id": "5388",
+                    width: "18",
+                    height: "18"
+                }, [ vue.createVNode("path", {
+                    d: "M354.133333 682.666667H256v-42.666667h170.666667v170.666667H384v-98.133334L243.2 853.333333l-29.866667-29.866666L354.133333 682.666667z m358.4 0l140.8 140.8-29.866666 29.866666-140.8-140.8V810.666667h-42.666667v-170.666667h170.666667v42.666667h-98.133334zM354.133333 384L213.333333 243.2l29.866667-29.866667L384 354.133333V256h42.666667v170.666667H256V384h98.133333z m358.4 0H810.666667v42.666667h-170.666667V256h42.666667v98.133333L823.466667 213.333333l29.866666 29.866667L712.533333 384z",
+                    "p-id": "5389"
+                }, null) ]) ]
+            }) ]) : vue.createVNode("li", {
+                class: "tool-item",
+                onClick: () => switchFillscreen(!0)
+            }, [ vue.createVNode(elementPlus.ElTooltip, {
+                placement: "top",
+                content: "全屏"
+            }, {
+                default: () => [ vue.createVNode("svg", {
+                    t: "1719035375323",
+                    class: "icon",
+                    viewBox: "0 0 1024 1024",
+                    version: "1.1",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "p-id": "5241",
+                    width: "18",
+                    height: "18"
+                }, [ vue.createVNode("path", {
+                    d: "M285.866667 810.666667H384v42.666666H213.333333v-170.666666h42.666667v98.133333l128-128 29.866667 29.866667-128 128z m494.933333 0l-128-128 29.866667-29.866667 128 128V682.666667h42.666666v170.666666h-170.666666v-42.666666h98.133333zM285.866667 256l128 128-29.866667 29.866667-128-128V384H213.333333V213.333333h170.666667v42.666667H285.866667z m494.933333 0H682.666667V213.333333h170.666666v170.666667h-42.666666V285.866667l-128 128-29.866667-29.866667 128-128z",
+                    "p-id": "5242"
+                }, null) ]) ]
+            }) ]) ]) ]) ]);
+        }
+    }), defaultConfig = {
+        minContentHeight: 500
+    };
+    const ns = useNamespace("labelme");
+    var Element = vue.defineComponent({
+        name: "NextLabelme",
+        props: {
+            className: {
+                type: String,
+                default: ""
+            },
+            style: {
+                type: Object,
+                default: () => ({})
+            },
+            options: {
+                type: Object,
+                default: () => ({})
+            },
+            classes: {
+                type: Array,
+                default: () => []
+            },
+            data: {
+                type: Array,
+                default: () => []
+            }
+        },
+        emits: [ "change", "save", "edit-polygon", "prev-click", "next-click" ],
+        setup(props, {emit: emit, slots: slots}) {
+            const _config = deepClone(defaultConfig), _options = vue.computed((() => {
+                const cfg = vue.unref(props.options);
+                return merge$1(_config, cfg);
+            })), options = vue.unref(_options);
+            vue.provide("ns", ns);
+            const {t: t} = useLocale(), activateNodeIndex = vue.ref(0), classes = vue.ref(props.classes), labelImages = vue.ref(deepClone(props.data));
+            vue.watch((() => props.data), (data => {
+                labelImages.value = deepClone(data);
+            }), {
+                deep: !0
+            }), vue.watch((() => props.data.length), (() => {
+                activateNodeIndex.value = 0;
+            })), vue.watch((() => props.classes), (val => {
+                classes.value = val;
+            }), {
+                deep: !0
+            });
+            const currentNode = vue.computed((() => {
+                if (!labelImages.value) return {};
+                const node = labelImages.value[activateNodeIndex.value] || {};
+                return deepClone(node);
+            })), loading = vue.ref(!1), mainContentHeight = vue.ref(options.minContentHeight), canvasContextRef = vue.ref(), layoutLabelRef = vue.ref(), headerRef = vue.ref(), mainRef = vue.ref(), footerRef = vue.ref(), updateMainContentHeight = () => {
+                vue.nextTick((() => {
+                    const contentHeight = (layoutLabelRef.value?.clientHeight || 0) - ((headerRef.value?.clientHeight || 0) + (footerRef.value?.clientHeight || 0));
+                    mainContentHeight.value = contentHeight;
+                }));
+            };
+            vue.onMounted((() => {
+                document.addEventListener("keydown", onKeydownPrevNext), elementResize(layoutLabelRef.value.parentElement, (() => {
+                    updateMainContentHeight();
+                })), window.addEventListener("resize", updateMainContentHeight);
+            })), vue.onUnmounted((() => {
+                document.removeEventListener("keydown", onKeydownPrevNext), window.removeEventListener("resize", updateMainContentHeight);
+            }));
+            const onKeydownPrevNext = () => {}, onPaginationPrev = () => {
+                const imageLength = labelImages.value.length;
+                let i = activateNodeIndex.value - 1;
+                i < 0 && (i = imageLength - 1), onChangeActivateNode(i), emit("prev-click");
+            }, onPaginationNext = () => {
+                const imageLength = labelImages.value.length;
+                let i = activateNodeIndex.value + 1;
+                i >= imageLength && (i = 0), onChangeActivateNode(i), emit("next-click");
+            }, onChangeActivateNode = index => {
+                if (loading.value) return;
+                loading.value = !0;
+                const node = currentNode.value;
+                emit("save", {
+                    node: node
+                }, (imageItem => {
+                    labelImages.value[activateNodeIndex.value] = imageItem || node, activateNodeIndex.value = index, 
+                    loading.value = !1;
+                }), (() => {
+                    loading.value = !1;
+                }));
+            }, isFullscreen = vue.ref(!1), onSwitchFillscreen = val => {
+                isFullscreen.value = val, updateMainContentHeight(), vue.nextTick((() => {
+                    canvasContextRef.value.rerenderImage();
+                }));
+            }, onEditPlygonChange = plygon => {
+                emit("edit-polygon", plygon);
+            };
+            return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
+                ref: layoutLabelRef,
+                class: [ ns.b(), props.className, isFullscreen.value ? ns.b("fullscreen") : "" ],
+                style: {
+                    ...props.style
+                }
+            }, [ vue.createVNode(NextSpinLoading, {
+                loading: loading.value,
+                tip: t("next.labelimg.saveTxt"),
+                class: [ ns.b("loading") ]
+            }, {
+                default: () => [ vue.createVNode(elementPlus.ElScrollbar, null, {
+                    default: () => [ vue.createVNode("header", {
+                        ref: headerRef,
+                        class: [ ns.b("header") ]
+                    }, [ slots.header ? slots.header() : vue.createVNode(HeaderTool, {
+                        isFullscreen: isFullscreen.value,
+                        imageIndex: activateNodeIndex.value,
+                        imageLength: labelImages.value.length,
+                        onFullscreen: onSwitchFillscreen
+                    }, null) ]), vue.createVNode("div", {
+                        ref: mainRef,
+                        class: [ ns.b("main") ]
+                    }, [ vue.createVNode("div", {
+                        class: [ ns.be("main", "content") ],
+                        style: {
+                            height: mainContentHeight.value + "px"
+                        }
+                    }, [ vue.createVNode(CanvasContext, {
+                        ref: canvasContextRef,
+                        rowInfo: currentNode.value,
+                        onEditPolygon: onEditPlygonChange
+                    }, null) ]) ]), vue.createVNode("footer", {
+                        ref: footerRef,
+                        class: [ ns.b("footer") ]
+                    }, [ vue.createVNode("div", {
+                        class: [ ns.be("footer", "left") ]
+                    }, [ vue.createVNode(elementPlus.ElIcon, {
+                        size: 24,
+                        color: "#797979",
+                        onClick: onPaginationPrev
+                    }, {
+                        default: () => [ vue.createVNode(arrow_left_default, null, null) ]
+                    }) ]), vue.createVNode("div", {
+                        class: [ ns.be("footer", "center") ]
+                    }, [ vue.createVNode(elementPlus.ElScrollbar, null, {
+                        default: () => [ vue.createVNode("ul", {
+                            class: [ ns.bem("footer", "center", "list") ]
+                        }, [ labelImages.value.map(((item, index) => vue.createVNode("li", {
+                            key: index,
+                            onClick: () => onChangeActivateNode(index),
+                            class: {
+                                "is-activate": activateNodeIndex.value === index
+                            }
+                        }, [ vue.createVNode(elementPlus.ElImage, {
+                            style: "height: 100%",
+                            src: item.imageSrc,
+                            "zoom-rate": 1.2,
+                            "max-scale": 2,
+                            "min-scale": .2,
+                            fit: "cover"
+                        }, null) ]))) ]) ]
+                    }) ]), vue.createVNode("div", {
+                        class: [ ns.be("footer", "right") ]
+                    }, [ vue.createVNode(elementPlus.ElIcon, {
+                        size: 24,
+                        color: "#797979",
+                        onClick: onPaginationNext
+                    }, {
+                        default: () => [ vue.createVNode(arrow_right_default, null, null) ]
+                    }) ]) ]) ]
+                }) ]
+            }) ]) ]);
+        }
+    });
+    const NextLabelme = withInstall(Element);
     var components = Object.freeze({
         __proto__: null,
         NextContainer: NextContainer,
@@ -6808,6 +7505,7 @@
         NextForm: NextForm,
         NextLabelimg: NextLabelimg,
         NextLabelimgPreview: NextLabelimgPreview,
+        NextLabelme: NextLabelme,
         NextLayout: NextLayout,
         NextMenu: NextMenu,
         NextSpinLoading: NextSpinLoading,
@@ -6858,19 +7556,20 @@
         })(app);
     };
     var index = {
-        version: "0.3.2",
+        version: "0.3.4",
         install: install
     };
     exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, exports.NextCrudTableVirtualized = NextCrudTableVirtualized, 
     exports.NextDialog = NextDialog, exports.NextDragResize = NextDragResize, exports.NextForm = NextForm, 
     exports.NextLabelimg = NextLabelimg, exports.NextLabelimgPreview = NextLabelimgPreview, 
-    exports.NextLayout = NextLayout, exports.NextMenu = NextMenu, exports.NextSpinLoading = NextSpinLoading, 
-    exports.NextTabs = NextTabs, exports.NextTextEllipsis = NextTextEllipsis, exports.NextTreeSelect = NextTreeSelect, 
-    exports.NextUpload = NextUpload, exports.NextVideoPlayer = NextVideoPlayer, exports.buildLocaleContext = buildLocaleContext, 
-    exports.buildTranslator = buildTranslator, exports.default = index, exports.defaultNamespace = "next", 
-    exports.install = install, exports.localeContextKey = localeContextKey, exports.localeLang = localeLang, 
-    exports.namespaceContextKey = namespaceContextKey, exports.nextUseCssTheme = nextUseCssTheme, 
-    exports.nextUseCssVar = nextUseCssVar, exports.translate = translate, exports.updateThemeColor = color => {
+    exports.NextLabelme = NextLabelme, exports.NextLayout = NextLayout, exports.NextMenu = NextMenu, 
+    exports.NextSpinLoading = NextSpinLoading, exports.NextTabs = NextTabs, exports.NextTextEllipsis = NextTextEllipsis, 
+    exports.NextTreeSelect = NextTreeSelect, exports.NextUpload = NextUpload, exports.NextVideoPlayer = NextVideoPlayer, 
+    exports.buildLocaleContext = buildLocaleContext, exports.buildTranslator = buildTranslator, 
+    exports.default = index, exports.defaultNamespace = "next", exports.install = install, 
+    exports.localeContextKey = localeContextKey, exports.localeLang = localeLang, exports.namespaceContextKey = namespaceContextKey, 
+    exports.nextUseCssTheme = nextUseCssTheme, exports.nextUseCssVar = nextUseCssVar, 
+    exports.translate = translate, exports.updateThemeColor = color => {
         color && nextUseCssTheme("--el-color-primary", color);
     }, exports.updateThemeColorCssVar = updateThemeColorCssVar, exports.useDetectVideo = () => ({
         detectVideoFrameImage: ({container: container, video: video, modelUrl: modelUrl, classNames: classNames, classInput: classInput = []}, success, error) => modelUrl ? classNames ? void tf__namespace.loadGraphModel(modelUrl).then((model => {
@@ -6904,7 +7603,7 @@
     }), exports.useGetDerivedNamespace = useGetDerivedNamespace, exports.useLanguage = (locale, lang) => {
         const localeRef = vue.isRef(locale) ? locale : vue.ref(locale), nextLang = localeLang[lang] || localeLang["zh-cn"];
         localeRef.value.name = lang, localeRef.value.next = nextLang.next;
-    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.3.2", 
+    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.3.4", 
     Object.defineProperty(exports, "__esModule", {
         value: !0
     });