next-element-vue 0.5.2 → 0.5.5

package/dist/index.js

@@ -2,14 +2,14 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.5.2 v
- * 发布日期：2025-01-07
+ * 当前版本：0.5.5 v
+ * 发布日期：2025-03-12
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
-import { getCurrentInstance, inject, ref, computed, unref, isRef, defineComponent, createVNode, Fragment, openBlock, createElementBlock, createElementVNode, reactive, createTextVNode, resolveComponent, Teleport, isVNode, onUnmounted, provide, watch, nextTick, markRaw, watchEffect, h, onMounted, toRaw, render, toRef } from "vue";
+import { getCurrentInstance, inject, ref, computed, unref, isRef, defineComponent, createVNode, Fragment, createElementBlock, openBlock, createElementVNode, reactive, createTextVNode, resolveComponent, Teleport, isVNode, onUnmounted, provide, watch, nextTick, markRaw, watchEffect, h, onMounted, toRaw, render, toRef } from "vue";
 
-import { localeContextKey as localeContextKey$1, ElMessage, ElTooltip, ElScrollbar, ElDivider, ElColorPicker, ElSwitch, ElDropdown, ElIcon, ElDropdownMenu, ElDropdownItem, ElDrawer, ElMenuItem, ElSubMenu, ElMenu, ElContainer, ElCol, ElFormItem, ElInput, ElSelect, ElOption, ElDatePicker, ElInputNumber, ElForm, ElRow, ElButton, ElTable, ElTableColumn, ElCheckbox, ElMessageBox, ElPagination, ElDialog, ElTag, ElCheckboxGroup, ElRadioGroup, ElRadio, ElUpload, ElImageViewer, ElImage, ElTreeSelect, ElCascader, ElTimeSelect, ElEmpty, ElPopover, ElPopconfirm } from "element-plus";
+import { localeContextKey as localeContextKey$1, ElMessage, ElTooltip, ElScrollbar, ElDivider, ElColorPicker, ElSwitch, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElDrawer, ElMenuItem, ElSubMenu, ElMenu, ElContainer, ElCol, ElFormItem, ElInput, ElSelect, ElOption, ElDatePicker, ElInputNumber, ElForm, ElRow, ElButton, ElTable, ElTableColumn, ElCheckbox, ElMessageBox, ElPagination, ElDialog, ElTag, ElCheckboxGroup, ElRadioGroup, ElRadio, ElUpload, ElImageViewer, ElImage, ElTreeSelect, ElCascader, ElTimeSelect, ElEmpty, ElPopover, ElPopconfirm } from "element-plus";
 
 import { useDateFormat, useNow, useFullscreen } from "@vueuse/core";
 
@@ -74,10 +74,10 @@ var freeGlobal = "object" == typeof global && global && global.Object === Object
 
 var nativeObjectToString = Object.prototype.toString;
 
-var nullTag = "[object Null]", undefinedTag = "[object Undefined]", symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
+var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
 
 function baseGetTag(value) {
-    return null == value ? void 0 === value ? undefinedTag : nullTag : symToStringTag && symToStringTag in Object(value) ? function(value) {
+    return null == value ? void 0 === value ? "[object Undefined]" : "[object Null]" : symToStringTag && symToStringTag in Object(value) ? function(value) {
         var isOwn = hasOwnProperty$b.call(value, symToStringTag$1), tag = value[symToStringTag$1];
         try {
             value[symToStringTag$1] = void 0;
@@ -95,13 +95,11 @@ function isObjectLike(value) {
     return null != value && "object" == typeof value;
 }
 
-var symbolTag$1 = "[object Symbol]";
-
 function isSymbol(value) {
-    return "symbol" == typeof value || isObjectLike(value) && baseGetTag(value) == symbolTag$1;
+    return "symbol" == typeof value || isObjectLike(value) && "[object Symbol]" == baseGetTag(value);
 }
 
-var isArray = Array.isArray, INFINITY$1 = 1 / 0, symbolProto$1 = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
+var isArray = Array.isArray, symbolProto$1 = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
 
 function baseToString(value) {
     if ("string" == typeof value) return value;
@@ -111,7 +109,7 @@ function baseToString(value) {
     }(value, baseToString) + "";
     if (isSymbol(value)) return symbolToString ? symbolToString.call(value) : "";
     var result = value + "";
-    return "0" == result && 1 / value == -INFINITY$1 ? "-0" : result;
+    return "0" == result && 1 / value == -1 / 0 ? "-0" : result;
 }
 
 function isObject(value) {
@@ -123,12 +121,10 @@ function identity(value) {
     return value;
 }
 
-var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-
 function isFunction(value) {
     if (!isObject(value)) return !1;
     var tag = baseGetTag(value);
-    return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+    return "[object Function]" == tag || "[object GeneratorFunction]" == tag || "[object AsyncFunction]" == tag || "[object Proxy]" == tag;
 }
 
 var uid, coreJsData = root["__core-js_shared__"], maskSrcKey = (uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "")) ? "Symbol(src)_1." + uid : "";
@@ -196,11 +192,11 @@ function() {
         if (++count >= 800) return arguments[0];
     } else count = 0;
     return func.apply(void 0, arguments);
-}), MAX_SAFE_INTEGER$1 = 9007199254740991, reIsUint = /^(?:0|[1-9]\d*)$/;
+}), reIsUint = /^(?:0|[1-9]\d*)$/;
 
 function isIndex(value, length) {
     var type = typeof value;
-    return !!(length = null == length ? MAX_SAFE_INTEGER$1 : length) && ("number" == type || "symbol" != type && reIsUint.test(value)) && value > -1 && value % 1 == 0 && value < length;
+    return !!(length = null == length ? 9007199254740991 : length) && ("number" == type || "symbol" != type && reIsUint.test(value)) && value > -1 && value % 1 == 0 && value < length;
 }
 
 function baseAssignValue(object, key, value) {
@@ -251,10 +247,8 @@ function baseRest(func, start) {
     }(func, start, identity), func + "");
 }
 
-var MAX_SAFE_INTEGER = 9007199254740991;
-
 function isLength(value) {
-    return "number" == typeof value && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+    return "number" == typeof value && value > -1 && value % 1 == 0 && value <= 9007199254740991;
 }
 
 function isArrayLike(value) {
@@ -289,7 +283,7 @@ function baseIsArguments(value) {
     return isObjectLike(value) && "[object Arguments]" == baseGetTag(value);
 }
 
-var objectProto$9 = Object.prototype, hasOwnProperty$8 = objectProto$9.hasOwnProperty, propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable, isArguments$1 = baseIsArguments(function() {
+var objectProto$9 = Object.prototype, hasOwnProperty$8 = objectProto$9.hasOwnProperty, propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable, isArguments = baseIsArguments(function() {
     return arguments;
 }()) ? baseIsArguments : function(value) {
     return isObjectLike(value) && hasOwnProperty$8.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
@@ -316,7 +310,7 @@ var freeExports$1 = "object" == typeof exports && exports && !exports.nodeType &
 }, hasOwnProperty$7 = Object.prototype.hasOwnProperty;
 
 function arrayLikeKeys(value, inherited) {
-    var isArr = isArray(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? function(n, iteratee) {
+    var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? function(n, iteratee) {
         for (var index = -1, result = Array(n); ++index < n; ) result[index] = iteratee(index);
         return result;
     }(value.length, String) : [], length = result.length;
@@ -460,10 +454,8 @@ MapCache.prototype.clear = function() {
     return data.set(key, value), this.size += data.size == size ? 0 : 1, this;
 };
 
-var FUNC_ERROR_TEXT = "Expected a function";
-
 function memoize(func, resolver) {
-    if ("function" != typeof func || null != resolver && "function" != typeof resolver) throw new TypeError(FUNC_ERROR_TEXT);
+    if ("function" != typeof func || null != resolver && "function" != typeof resolver) throw new TypeError("Expected a function");
     var memoized = function() {
         var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
         if (cache.has(key)) return cache.get(key);
@@ -497,12 +489,10 @@ function castPath(value, object) {
     }(value));
 }
 
-var INFINITY = 1 / 0;
-
 function toKey(value) {
     if ("string" == typeof value || isSymbol(value)) return value;
     var result = value + "";
-    return "0" == result && 1 / value == -INFINITY ? "-0" : result;
+    return "0" == result && 1 / value == -1 / 0 ? "-0" : result;
 }
 
 function get(object, path, defaultValue) {
@@ -513,7 +503,7 @@ function get(object, path, defaultValue) {
     return void 0 === result ? defaultValue : result;
 }
 
-var getPrototype = overArg(Object.getPrototypeOf, Object), objectTag$2 = "[object Object]", funcProto = Function.prototype, objectProto$3 = Object.prototype, funcToString = funcProto.toString, hasOwnProperty$2 = objectProto$3.hasOwnProperty, objectCtorString = funcToString.call(Object);
+var getPrototype = overArg(Object.getPrototypeOf, Object), funcProto = Function.prototype, objectProto$3 = Object.prototype, funcToString = funcProto.toString, hasOwnProperty$2 = objectProto$3.hasOwnProperty, objectCtorString = funcToString.call(Object);
 
 function Stack(entries) {
     var data = this.__data__ = new ListCache(entries);
@@ -540,7 +530,9 @@ Stack.prototype.clear = function() {
     return data.set(key, value), this.size = data.size, this;
 };
 
-var freeExports = "object" == typeof exports && exports && !exports.nodeType && exports, freeModule = freeExports && "object" == typeof module && module && !module.nodeType && module, Buffer = freeModule && freeModule.exports === freeExports ? root.Buffer : void 0, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0;
+var freeExports = "object" == typeof exports && exports && !exports.nodeType && exports, freeModule = freeExports && "object" == typeof module && module && !module.nodeType && module, Buffer = freeModule && freeModule.exports === freeExports ? root.Buffer : void 0;
+
+Buffer && Buffer.allocUnsafe;
 
 var propertyIsEnumerable = Object.prototype.propertyIsEnumerable, nativeGetSymbols = Object.getOwnPropertySymbols, getSymbols = nativeGetSymbols ? function(object) {
     return null == object ? [] : (object = Object(object), function(array, predicate) {
@@ -554,7 +546,7 @@ var propertyIsEnumerable = Object.prototype.propertyIsEnumerable, nativeGetSymbo
     })));
 } : function() {
     return [];
-}, getSymbols$1 = getSymbols;
+};
 
 function getAllKeys(object) {
     return function(object, keysFunc, symbolsFunc) {
@@ -563,7 +555,7 @@ function getAllKeys(object) {
             for (var index = -1, length = values.length, offset = array.length; ++index < length; ) array[offset + index] = values[index];
             return array;
         }(result, symbolsFunc(object));
-    }(object, keys, getSymbols$1);
+    }(object, keys, getSymbols);
 }
 
 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;
@@ -589,11 +581,11 @@ var DataView = getNative(root, "DataView"), Promise$1 = getNative(root, "Promise
     return result;
 });
 
-var getTag$1 = getTag, Uint8Array$1 = root.Uint8Array;
+var Uint8Array = root.Uint8Array;
 
 function cloneTypedArray(typedArray, isDeep) {
-    var arrayBuffer, result, buffer = isDeep ? (arrayBuffer = typedArray.buffer, result = new arrayBuffer.constructor(arrayBuffer.byteLength), 
-    new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer)), result) : typedArray.buffer;
+    var arrayBuffer, result, buffer = (arrayBuffer = typedArray.buffer, result = new arrayBuffer.constructor(arrayBuffer.byteLength), 
+    new Uint8Array(result).set(new Uint8Array(arrayBuffer)), result);
     return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
 }
 
@@ -613,14 +605,12 @@ SetCache.prototype.add = SetCache.prototype.push = function(value) {
     return this.__data__.has(value);
 };
 
-var COMPARE_PARTIAL_FLAG$3 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
-
 function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
-    var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, arrLength = array.length, othLength = other.length;
+    var isPartial = 1 & bitmask, arrLength = array.length, othLength = other.length;
     if (arrLength != othLength && !(isPartial && othLength > arrLength)) return !1;
     var arrStacked = stack.get(array), othStacked = stack.get(other);
     if (arrStacked && othStacked) return arrStacked == other && othStacked == array;
-    var index = -1, result = !0, seen = bitmask & COMPARE_UNORDERED_FLAG$1 ? new SetCache : void 0;
+    var index = -1, result = !0, seen = 2 & bitmask ? new SetCache : void 0;
     for (stack.set(array, other), stack.set(other, array); ++index < arrLength; ) {
         var arrValue = array[index], othValue = other[index];
         if (customizer) var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack) : customizer(arrValue, othValue, index, array, other, stack);
@@ -659,57 +649,57 @@ function setToArray(set) {
     })), result;
 }
 
-var COMPARE_PARTIAL_FLAG$2 = 1, COMPARE_UNORDERED_FLAG = 2, boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag$1 = "[object String]", symbolTag = "[object Symbol]", arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
 
-var COMPARE_PARTIAL_FLAG$1 = 1, hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
 
-var COMPARE_PARTIAL_FLAG = 1, argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]", hasOwnProperty = Object.prototype.hasOwnProperty;
+var objectTag = "[object Object]", hasOwnProperty = Object.prototype.hasOwnProperty;
 
 function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
-    var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag$1(object), othTag = othIsArr ? arrayTag : getTag$1(other), objIsObj = (objTag = objTag == argsTag ? objectTag : objTag) == objectTag, othIsObj = (othTag = othTag == argsTag ? objectTag : othTag) == objectTag, isSameTag = objTag == othTag;
+    var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? "[object Array]" : getTag(object), othTag = othIsArr ? "[object Array]" : getTag(other), objIsObj = (objTag = "[object Arguments]" == objTag ? objectTag : objTag) == objectTag, othIsObj = (othTag = "[object Arguments]" == othTag ? objectTag : othTag) == objectTag, isSameTag = objTag == othTag;
     if (isSameTag && isBuffer(object)) {
         if (!isBuffer(other)) return !1;
         objIsArr = !0, objIsObj = !1;
     }
     if (isSameTag && !objIsObj) return stack || (stack = new Stack), objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : function(object, other, tag, bitmask, customizer, equalFunc, stack) {
         switch (tag) {
-          case dataViewTag:
+          case "[object DataView]":
             if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) return !1;
             object = object.buffer, other = other.buffer;
 
-          case arrayBufferTag:
-            return !(object.byteLength != other.byteLength || !equalFunc(new Uint8Array$1(object), new Uint8Array$1(other)));
+          case "[object ArrayBuffer]":
+            return !(object.byteLength != other.byteLength || !equalFunc(new Uint8Array(object), new Uint8Array(other)));
 
-          case boolTag:
-          case dateTag:
-          case numberTag:
+          case "[object Boolean]":
+          case "[object Date]":
+          case "[object Number]":
             return eq(+object, +other);
 
-          case errorTag:
+          case "[object Error]":
             return object.name == other.name && object.message == other.message;
 
-          case regexpTag:
-          case stringTag$1:
+          case "[object RegExp]":
+          case "[object String]":
             return object == other + "";
 
-          case mapTag:
+          case "[object Map]":
             var convert = mapToArray;
 
-          case setTag:
-            var isPartial = bitmask & COMPARE_PARTIAL_FLAG$2;
+          case "[object Set]":
+            var isPartial = 1 & bitmask;
             if (convert || (convert = setToArray), object.size != other.size && !isPartial) return !1;
             var stacked = stack.get(object);
             if (stacked) return stacked == other;
-            bitmask |= COMPARE_UNORDERED_FLAG, stack.set(object, other);
+            bitmask |= 2, stack.set(object, other);
             var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
             return stack.delete(object), result;
 
-          case symbolTag:
+          case "[object Symbol]":
             if (symbolValueOf) return symbolValueOf.call(object) == symbolValueOf.call(other);
         }
         return !1;
     }(object, other, objTag, bitmask, customizer, equalFunc, stack);
-    if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
+    if (!(1 & bitmask)) {
         var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
         if (objIsWrapped || othIsWrapped) {
             var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
@@ -717,7 +707,7 @@ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
         }
     }
     return !!isSameTag && (stack || (stack = new Stack), function(object, other, bitmask, customizer, equalFunc, stack) {
-        var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys(object), objLength = objProps.length;
+        var isPartial = 1 & bitmask, objProps = getAllKeys(object), objLength = objProps.length;
         if (objLength != getAllKeys(other).length && !isPartial) return !1;
         for (var index = objLength; index--; ) {
             var key = objProps[index];
@@ -748,9 +738,9 @@ function baseIsEqual(value, other, bitmask, customizer, stack) {
     return value === other || (null == value || null == other || !isObjectLike(value) && !isObjectLike(other) ? value != value && other != other : baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack));
 }
 
-var fromRight, baseFor = function(object, iteratee, keysFunc) {
+var baseFor = function(object, iteratee, keysFunc) {
     for (var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length; length--; ) {
-        var key = props[fromRight ? length : ++index];
+        var key = props[++index];
         if (!1 === iteratee(iterable[key], key, iterable)) break;
     }
     return object;
@@ -765,11 +755,11 @@ function safeGet(object, key) {
 }
 
 function toPlainObject(value) {
-    return function(source, props, object, customizer) {
+    return function(source, props, object) {
         var isNew = !object;
         object || (object = {});
         for (var index = -1, length = props.length; ++index < length; ) {
-            var key = props[index], newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
+            var key = props[index], newValue = void 0;
             void 0 === newValue && (newValue = source[key]), isNew ? baseAssignValue(object, key, newValue) : assignValue(object, key, newValue);
         }
         return object;
@@ -786,17 +776,14 @@ function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, sta
                 var index = -1, length = source.length;
                 for (array || (array = Array(length)); ++index < length; ) array[index] = source[index];
                 return array;
-            }(objValue) : isBuff ? (isCommon = !1, newValue = function(buffer, isDeep) {
-                if (isDeep) return buffer.slice();
-                var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
-                return buffer.copy(result), result;
-            }(srcValue, !0)) : isTyped ? (isCommon = !1, newValue = cloneTypedArray(srcValue, !0)) : newValue = [] : function(value) {
-                if (!isObjectLike(value) || baseGetTag(value) != objectTag$2) return !1;
+            }(objValue) : isBuff ? (isCommon = !1, newValue = srcValue.slice()) : isTyped ? (isCommon = !1, 
+            newValue = cloneTypedArray(srcValue)) : newValue = [] : function(value) {
+                if (!isObjectLike(value) || "[object Object]" != baseGetTag(value)) return !1;
                 var proto = getPrototype(value);
                 if (null === proto) return !0;
                 var Ctor = hasOwnProperty$2.call(proto, "constructor") && proto.constructor;
                 return "function" == typeof Ctor && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
-            }(srcValue) || isArguments$1(srcValue) ? (newValue = objValue, isArguments$1(objValue) ? newValue = toPlainObject(objValue) : isObject(objValue) && !isFunction(objValue) || (newValue = function(object) {
+            }(srcValue) || isArguments(srcValue) ? (newValue = objValue, isArguments(objValue) ? newValue = toPlainObject(objValue) : isObject(objValue) && !isFunction(objValue) || (newValue = function(object) {
                 return "function" != typeof object.constructor || isPrototype(object) ? {} : baseCreate(getPrototype(object));
             }(srcValue))) : isCommon = !1;
         }
@@ -820,7 +807,7 @@ var mergeWith = createAssigner((function(object, source, srcIndex, customizer) {
 
 var merge = createAssigner((function(object, source, srcIndex) {
     baseMerge(object, source, srcIndex);
-})), merge$1 = merge, zhcnLocale = {
+})), zhcnLocale = {
     name: "zh-cn",
     next: {
         loading: "加载中...",
@@ -1246,12 +1233,9 @@ const {getLightColor: getLightColor$5} = useChangeColor(), nextUseCssVar = (cssv
             }));
         };
     })) : (error && error("模型类别不能未空"), !1) : (error && error("模型文件地址不能为空"), !1)
-}), withInstall = (main, extra) => {
-    if (main.install = app => {
-        for (const comp of [ main, ...Object.values(extra ?? {}) ]) app.component(comp.name, comp);
-    }, 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";
+}), withInstall = (main, extra) => (main.install = app => {
+    for (const comp of [ main, ...Object.values({}) ]) app.component(comp.name, comp);
+}, main), slots_config_headerMenu = "header-menu", slots_config_headerToolsPrefix = "header-tools-prefix", slots_config_headerToolsSuffix = "header-tools-suffix";
 
 var defaultConfig$5 = {
     logo: "",
@@ -1301,11 +1285,15 @@ var defaultConfig$5 = {
     }
 };
 
-const ns$n = useNamespace("text-ellipsis");
+const ns$o = useNamespace("text-ellipsis");
 
 const NextTextEllipsis = withInstall(defineComponent({
     name: "NextTextEllipsis",
     props: {
+        className: {
+            type: String,
+            default: ""
+        },
         content: {
             type: String,
             default: ""
@@ -1325,10 +1313,6 @@ const NextTextEllipsis = withInstall(defineComponent({
         textAlign: {
             type: String,
             default: "left"
-        },
-        class: {
-            type: String,
-            default: ""
         }
     },
     setup(props, {slots: slots}) {
@@ -1348,7 +1332,7 @@ const NextTextEllipsis = withInstall(defineComponent({
             }
         };
         return () => createVNode(Fragment, null, [ createVNode("div", {
-            class: [ ns$n.b(), props.class ],
+            class: [ ns$o.b(), props.className ],
             style: setWidth.value,
             onMouseenter: onMouseenter
         }, [ isTip.value ? createVNode(ElTooltip, {
@@ -1358,11 +1342,11 @@ const NextTextEllipsis = withInstall(defineComponent({
             disabled: props.disabled
         }, {
             default: () => [ createVNode("span", {
-                class: ns$n.e("text"),
+                class: ns$o.e("text"),
                 ref: ellipsisRef
             }, [ slots.default ? slots.default() : props.content ]) ]
         }) : createVNode("span", {
-            class: ns$n.e("text"),
+            class: ns$o.e("text"),
             ref: ellipsisRef
         }, [ slots.default ? slots.default() : props.content ]) ]) ]);
     }
@@ -1383,308 +1367,256 @@ var LogoView = defineComponent({
             content: t(_options.title)
         }, null) ]) ]) ]);
     }
-}), export_helper_default = (sfc, props) => {
-    let target = sfc.__vccOpts || sfc;
-    for (let [key, val] of props) target[key] = val;
-    return target;
-}, arrow_down_vue_vue_type_script_lang_default = {
-    name: "ArrowDown"
-}, _hoisted_16 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_36 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
-}, null, -1) ];
-
-var arrow_down_default = export_helper_default(arrow_down_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_16, _hoisted_36);
-} ], [ "__file", "arrow-down.vue" ] ]), arrow_left_vue_vue_type_script_lang_default = {
-    name: "ArrowLeft"
-}, _hoisted_18 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_38 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
-}, null, -1) ];
-
-var arrow_left_default = export_helper_default(arrow_left_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_18, _hoisted_38);
-} ], [ "__file", "arrow-left.vue" ] ]), arrow_right_vue_vue_type_script_lang_default = {
-    name: "ArrowRight"
-}, _hoisted_110 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_310 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
-}, null, -1) ];
-
-var arrow_right_default = export_helper_default(arrow_right_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_110, _hoisted_310);
-} ], [ "__file", "arrow-right.vue" ] ]), arrow_up_vue_vue_type_script_lang_default = {
-    name: "ArrowUp"
-}, _hoisted_112 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_312 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"
-}, null, -1) ];
-
-var arrow_up_default = export_helper_default(arrow_up_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_112, _hoisted_312);
-} ], [ "__file", "arrow-up.vue" ] ]), back_vue_vue_type_script_lang_default = {
-    name: "Back"
-}, _hoisted_114 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_44 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
-}, null, -1), createElementVNode("path", {
-    fill: "currentColor",
-    d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
-}, null, -1) ];
-
-var back_default = export_helper_default(back_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_114, _hoisted_44);
-} ], [ "__file", "back.vue" ] ]), camera_vue_vue_type_script_lang_default = {
-    name: "Camera"
-}, _hoisted_131 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_330 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M896 256H128v576h768V256zm-199.424-64-32.064-64h-304.96l-32 64h369.024zM96 192h160l46.336-92.608A64 64 0 0 1 359.552 64h304.96a64 64 0 0 1 57.216 35.328L768.192 192H928a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32zm416 512a160 160 0 1 0 0-320 160 160 0 0 0 0 320zm0 64a224 224 0 1 1 0-448 224 224 0 0 1 0 448z"
-}, null, -1) ];
-
-var camera_default = export_helper_default(camera_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_131, _hoisted_330);
-} ], [ "__file", "camera.vue" ] ]), close_vue_vue_type_script_lang_default = {
-    name: "Close"
-}, _hoisted_156 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_355 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-}, null, -1) ];
-
-var close_default = export_helper_default(close_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_156, _hoisted_355);
-} ], [ "__file", "close.vue" ] ]), d_arrow_left_vue_vue_type_script_lang_default = {
-    name: "DArrowLeft"
-}, _hoisted_172 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_371 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"
-}, null, -1) ];
-
-var d_arrow_left_default = export_helper_default(d_arrow_left_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_172, _hoisted_371);
-} ], [ "__file", "d-arrow-left.vue" ] ]), d_arrow_right_vue_vue_type_script_lang_default = {
-    name: "DArrowRight"
-}, _hoisted_173 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_372 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L764.736 512 452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L508.736 512 196.864 192a30.592 30.592 0 0 1 0-42.688z"
-}, null, -1) ];
-
-var d_arrow_right_default = export_helper_default(d_arrow_right_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_173, _hoisted_372);
-} ], [ "__file", "d-arrow-right.vue" ] ]), delete_vue_vue_type_script_lang_default = {
-    name: "Delete"
-}, _hoisted_180 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_379 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
-}, null, -1) ];
-
-var delete_default = export_helper_default(delete_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_180, _hoisted_379);
-} ], [ "__file", "delete.vue" ] ]), edit_pen_vue_vue_type_script_lang_default = {
-    name: "EditPen"
-}, _hoisted_193 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_392 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696L175.168 732.8zM455.04 229.248l193.92 112 56.704-98.112-193.984-112-56.64 98.112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336L104.32 708.8zm384 254.272v-64h448v64h-448z"
-}, null, -1) ];
-
-var edit_pen_default = export_helper_default(edit_pen_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_193, _hoisted_392);
-} ], [ "__file", "edit-pen.vue" ] ]), full_screen_vue_vue_type_script_lang_default = {
-    name: "FullScreen"
-}, _hoisted_1118 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3117 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
-}, null, -1) ];
-
-var full_screen_default = export_helper_default(full_screen_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1118, _hoisted_3117);
-} ], [ "__file", "full-screen.vue" ] ]), info_filled_vue_vue_type_script_lang_default = {
-    name: "InfoFilled"
-}, _hoisted_1143 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3142 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
-}, null, -1) ];
-
-var info_filled_default = export_helper_default(info_filled_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1143, _hoisted_3142);
-} ], [ "__file", "info-filled.vue" ] ]), moon_night_vue_vue_type_script_lang_default = {
-    name: "MoonNight"
-}, _hoisted_1172 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_449 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M384 512a448 448 0 0 1 215.872-383.296A384 384 0 0 0 213.76 640h188.8A448.256 448.256 0 0 1 384 512zM171.136 704a448 448 0 0 1 636.992-575.296A384 384 0 0 0 499.328 704h-328.32z"
-}, null, -1), createElementVNode("path", {
-    fill: "currentColor",
-    d: "M32 640h960q32 0 32 32t-32 32H32q-32 0-32-32t32-32zm128 128h384a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm160 127.68 224 .256a32 32 0 0 1 32 32V928a32 32 0 0 1-32 32l-224-.384a32 32 0 0 1-32-32v-.064a32 32 0 0 1 32-32z"
-}, null, -1) ];
-
-var moon_night_default = export_helper_default(moon_night_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1172, _hoisted_449);
-} ], [ "__file", "moon-night.vue" ] ]), picture_vue_vue_type_script_lang_default = {
-    name: "Picture"
-}, _hoisted_1197 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_460 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M160 160v704h704V160H160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32z"
-}, null, -1), createElementVNode("path", {
-    fill: "currentColor",
-    d: "M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64zM185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952L185.408 876.992z"
-}, null, -1) ];
-
-var picture_default = export_helper_default(picture_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1197, _hoisted_460);
-} ], [ "__file", "picture.vue" ] ]), plus_vue_vue_type_script_lang_default = {
-    name: "Plus"
-}, _hoisted_1201 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3200 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"
-}, null, -1) ];
-
-var plus_default = export_helper_default(plus_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1201, _hoisted_3200);
-} ], [ "__file", "plus.vue" ] ]), refresh_vue_vue_type_script_lang_default = {
-    name: "Refresh"
-}, _hoisted_1217 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3216 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
-}, null, -1) ];
-
-var refresh_default = export_helper_default(refresh_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1217, _hoisted_3216);
-} ], [ "__file", "refresh.vue" ] ]), right_vue_vue_type_script_lang_default = {
-    name: "Right"
-}, _hoisted_1221 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3220 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M754.752 480H160a32 32 0 1 0 0 64h594.752L521.344 777.344a32 32 0 0 0 45.312 45.312l288-288a32 32 0 0 0 0-45.312l-288-288a32 32 0 1 0-45.312 45.312L754.752 480z"
-}, null, -1) ];
-
-var right_default = export_helper_default(right_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1221, _hoisted_3220);
-} ], [ "__file", "right.vue" ] ]), search_vue_vue_type_script_lang_default = {
-    name: "Search"
-}, _hoisted_1225 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3224 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
-}, null, -1) ];
-
-var search_default = export_helper_default(search_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1225, _hoisted_3224);
-} ], [ "__file", "search.vue" ] ]), setting_vue_vue_type_script_lang_default = {
-    name: "Setting"
-}, _hoisted_1231 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3230 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384zm0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256z"
-}, null, -1) ];
-
-var setting_default = export_helper_default(setting_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1231, _hoisted_3230);
-} ], [ "__file", "setting.vue" ] ]), sunny_vue_vue_type_script_lang_default = {
-    name: "Sunny"
-}, _hoisted_1253 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3252 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M512 704a192 192 0 1 0 0-384 192 192 0 0 0 0 384zm0 64a256 256 0 1 1 0-512 256 256 0 0 1 0 512zm0-704a32 32 0 0 1 32 32v64a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 768a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0v-64a32 32 0 0 1 32-32zM195.2 195.2a32 32 0 0 1 45.248 0l45.248 45.248a32 32 0 1 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm543.104 543.104a32 32 0 0 1 45.248 0l45.248 45.248a32 32 0 0 1-45.248 45.248l-45.248-45.248a32 32 0 0 1 0-45.248zM64 512a32 32 0 0 1 32-32h64a32 32 0 0 1 0 64H96a32 32 0 0 1-32-32zm768 0a32 32 0 0 1 32-32h64a32 32 0 1 1 0 64h-64a32 32 0 0 1-32-32zM195.2 828.8a32 32 0 0 1 0-45.248l45.248-45.248a32 32 0 0 1 45.248 45.248L240.448 828.8a32 32 0 0 1-45.248 0zm543.104-543.104a32 32 0 0 1 0-45.248l45.248-45.248a32 32 0 0 1 45.248 45.248l-45.248 45.248a32 32 0 0 1-45.248 0z"
-}, null, -1) ];
-
-var sunny_default = export_helper_default(sunny_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1253, _hoisted_3252);
-} ], [ "__file", "sunny.vue" ] ]), tools_vue_vue_type_script_lang_default = {
-    name: "Tools"
-}, _hoisted_1264 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3263 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M764.416 254.72a351.68 351.68 0 0 1 86.336 149.184H960v192.064H850.752a351.68 351.68 0 0 1-86.336 149.312l54.72 94.72-166.272 96-54.592-94.72a352.64 352.64 0 0 1-172.48 0L371.136 936l-166.272-96 54.72-94.72a351.68 351.68 0 0 1-86.336-149.312H64v-192h109.248a351.68 351.68 0 0 1 86.336-149.312L204.8 160l166.208-96h.192l54.656 94.592a352.64 352.64 0 0 1 172.48 0L652.8 64h.128L819.2 160l-54.72 94.72zM704 499.968a192 192 0 1 0-384 0 192 192 0 0 0 384 0z"
-}, null, -1) ];
-
-var tools_default = export_helper_default(tools_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1264, _hoisted_3263);
-} ], [ "__file", "tools.vue" ] ]), view_vue_vue_type_script_lang_default = {
-    name: "View"
-}, _hoisted_1283 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3282 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
-}, null, -1) ];
-
-var view_default = export_helper_default(view_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1283, _hoisted_3282);
-} ], [ "__file", "view.vue" ] ]), warning_vue_vue_type_script_lang_default = {
-    name: "Warning"
-}, _hoisted_1288 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-}, _hoisted_3287 = [ createElementVNode("path", {
-    fill: "currentColor",
-    d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm48-176a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48-464a32 32 0 0 1 32 32v288a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
-}, null, -1) ];
-
-var warning_default = export_helper_default(warning_vue_vue_type_script_lang_default, [ [ "render", function(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("svg", _hoisted_1288, _hoisted_3287);
-} ], [ "__file", "warning.vue" ] ]), LayoutSetting = defineComponent({
+}), arrow_down_default = defineComponent({
+    name: "ArrowDown",
+    __name: "arrow-down",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+    }) ]))
+}), arrow_left_default = defineComponent({
+    name: "ArrowLeft",
+    __name: "arrow-left",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+    }) ]))
+}), arrow_right_default = defineComponent({
+    name: "ArrowRight",
+    __name: "arrow-right",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+    }) ]))
+}), arrow_up_default = defineComponent({
+    name: "ArrowUp",
+    __name: "arrow-up",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0"
+    }) ]))
+}), back_default = defineComponent({
+    name: "Back",
+    __name: "back",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"
+    }), createElementVNode("path", {
+        fill: "currentColor",
+        d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z"
+    }) ]))
+}), camera_default = defineComponent({
+    name: "Camera",
+    __name: "camera",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M896 256H128v576h768zm-199.424-64-32.064-64h-304.96l-32 64zM96 192h160l46.336-92.608A64 64 0 0 1 359.552 64h304.96a64 64 0 0 1 57.216 35.328L768.192 192H928a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32m416 512a160 160 0 1 0 0-320 160 160 0 0 0 0 320m0 64a224 224 0 1 1 0-448 224 224 0 0 1 0 448"
+    }) ]))
+}), close_default = defineComponent({
+    name: "Close",
+    __name: "close",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+    }) ]))
+}), d_arrow_left_default = defineComponent({
+    name: "DArrowLeft",
+    __name: "d-arrow-left",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"
+    }) ]))
+}), d_arrow_right_default = defineComponent({
+    name: "DArrowRight",
+    __name: "d-arrow-right",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L764.736 512 452.864 192a30.592 30.592 0 0 1 0-42.688m-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L508.736 512 196.864 192a30.592 30.592 0 0 1 0-42.688z"
+    }) ]))
+}), delete_default = defineComponent({
+    name: "Delete",
+    __name: "delete",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
+    }) ]))
+}), edit_pen_default = defineComponent({
+    name: "EditPen",
+    __name: "edit-pen",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112-56.64 98.112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336zm384 254.272v-64h448v64h-448z"
+    }) ]))
+}), full_screen_default = defineComponent({
+    name: "FullScreen",
+    __name: "full-screen",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
+    }) ]))
+}), info_filled_default = defineComponent({
+    name: "InfoFilled",
+    __name: "info-filled",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
+    }) ]))
+}), moon_night_default = defineComponent({
+    name: "MoonNight",
+    __name: "moon-night",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M384 512a448 448 0 0 1 215.872-383.296A384 384 0 0 0 213.76 640h188.8A448.256 448.256 0 0 1 384 512M171.136 704a448 448 0 0 1 636.992-575.296A384 384 0 0 0 499.328 704h-328.32z"
+    }), createElementVNode("path", {
+        fill: "currentColor",
+        d: "M32 640h960q32 0 32 32t-32 32H32q-32 0-32-32t32-32m128 128h384a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m160 127.68 224 .256a32 32 0 0 1 32 32V928a32 32 0 0 1-32 32l-224-.384a32 32 0 0 1-32-32v-.064a32 32 0 0 1 32-32z"
+    }) ]))
+}), picture_default = defineComponent({
+    name: "Picture",
+    __name: "picture",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"
+    }), createElementVNode("path", {
+        fill: "currentColor",
+        d: "M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"
+    }) ]))
+}), plus_default = defineComponent({
+    name: "Plus",
+    __name: "plus",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
+    }) ]))
+}), refresh_default = defineComponent({
+    name: "Refresh",
+    __name: "refresh",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
+    }) ]))
+}), right_default = defineComponent({
+    name: "Right",
+    __name: "right",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M754.752 480H160a32 32 0 1 0 0 64h594.752L521.344 777.344a32 32 0 0 0 45.312 45.312l288-288a32 32 0 0 0 0-45.312l-288-288a32 32 0 1 0-45.312 45.312z"
+    }) ]))
+}), search_default = defineComponent({
+    name: "Search",
+    __name: "search",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
+    }) ]))
+}), setting_default = defineComponent({
+    name: "Setting",
+    __name: "setting",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256"
+    }) ]))
+}), sunny_default = defineComponent({
+    name: "Sunny",
+    __name: "sunny",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 704a192 192 0 1 0 0-384 192 192 0 0 0 0 384m0 64a256 256 0 1 1 0-512 256 256 0 0 1 0 512m0-704a32 32 0 0 1 32 32v64a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 768a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0v-64a32 32 0 0 1 32-32M195.2 195.2a32 32 0 0 1 45.248 0l45.248 45.248a32 32 0 1 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm543.104 543.104a32 32 0 0 1 45.248 0l45.248 45.248a32 32 0 0 1-45.248 45.248l-45.248-45.248a32 32 0 0 1 0-45.248M64 512a32 32 0 0 1 32-32h64a32 32 0 0 1 0 64H96a32 32 0 0 1-32-32m768 0a32 32 0 0 1 32-32h64a32 32 0 1 1 0 64h-64a32 32 0 0 1-32-32M195.2 828.8a32 32 0 0 1 0-45.248l45.248-45.248a32 32 0 0 1 45.248 45.248L240.448 828.8a32 32 0 0 1-45.248 0zm543.104-543.104a32 32 0 0 1 0-45.248l45.248-45.248a32 32 0 0 1 45.248 45.248l-45.248 45.248a32 32 0 0 1-45.248 0"
+    }) ]))
+}), tools_default = defineComponent({
+    name: "Tools",
+    __name: "tools",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M764.416 254.72a351.68 351.68 0 0 1 86.336 149.184H960v192.064H850.752a351.68 351.68 0 0 1-86.336 149.312l54.72 94.72-166.272 96-54.592-94.72a352.64 352.64 0 0 1-172.48 0L371.136 936l-166.272-96 54.72-94.72a351.68 351.68 0 0 1-86.336-149.312H64v-192h109.248a351.68 351.68 0 0 1 86.336-149.312L204.8 160l166.208-96h.192l54.656 94.592a352.64 352.64 0 0 1 172.48 0L652.8 64h.128L819.2 160l-54.72 94.72zM704 499.968a192 192 0 1 0-384 0 192 192 0 0 0 384 0"
+    }) ]))
+}), view_default = defineComponent({
+    name: "View",
+    __name: "view",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"
+    }) ]))
+}), warning_default = defineComponent({
+    name: "Warning",
+    __name: "warning",
+    setup: __props => (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024"
+    }, [ createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m48-176a48 48 0 1 1-96 0 48 48 0 0 1 96 0m-48-464a32 32 0 0 1 32 32v288a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"
+    }) ]))
+}), LayoutSetting = defineComponent({
     setup() {},
     render() {
         const _slots = inject("__slots__", {}), _ns = inject("__ns__", {}), _config = inject("options", {}), _updateOptions = inject("updateOptions", null), settingConfig = reactive({
@@ -2073,19 +2005,17 @@ function Batch() {
     };
 }
 
-var prop = "_erd";
-
 function getState(element) {
-    return element[prop];
+    return element._erd;
 }
 
 var stateHandler$1 = {
     initState: function(element) {
-        return element[prop] = {}, getState(element);
+        return element._erd = {}, getState(element);
     },
     getState: getState,
     cleanState: function(element) {
-        delete element[prop];
+        delete element._erd;
     }
 }, browserDetector$1 = browserDetectorExports, forEach$1 = collectionUtilsExports.forEach, forEach = collectionUtilsExports.forEach, elementUtilsMaker = function(options) {
     var getState = options.stateHandler.getState;
@@ -2285,7 +2215,7 @@ var stateHandler$1 = {
             width: widthSize,
             height: heightSize
         };
-    }(), detectionContainerClass = "erd_scroll_detection_container";
+    }();
     function initDocument(targetDocument) {
         !function(targetDocument, styleId, containerClass) {
             function injectStyle(style, method) {
@@ -2303,7 +2233,7 @@ var stateHandler$1 = {
                 style += "@-webkit-keyframes " + containerAnimationClass + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n", 
                 injectStyle(style += "@keyframes " + containerAnimationClass + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }");
             }
-        }(targetDocument, "erd_scroll_detection_scrollbar_style", detectionContainerClass);
+        }(targetDocument, "erd_scroll_detection_scrollbar_style", "erd_scroll_detection_container");
     }
     function buildCssTextString(rules) {
         var seperator = options.important ? " !important; " : "; ";
@@ -2379,10 +2309,10 @@ var stateHandler$1 = {
             function injectContainerElement() {
                 var container = getState(element).container;
                 if (!container) {
-                    (container = document.createElement("div")).className = detectionContainerClass, 
+                    (container = document.createElement("div")).className = "erd_scroll_detection_container", 
                     container.style.cssText = buildCssTextString([ "visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0" ]), 
                     getState(element).container = container, function(element) {
-                        element.className += " " + detectionContainerClass + "_animation_active";
+                        element.className += " erd_scroll_detection_container_animation_active";
                     }(container), element.appendChild(container);
                     var onAnimationStart = function() {
                         getState(element).onRendered && getState(element).onRendered();
@@ -2412,7 +2342,7 @@ var stateHandler$1 = {
                     rootContainer || (rootContainer = injectContainerElement());
                     var left, top, bottom, right, scrollbarWidth = scrollbarSizes.width, scrollbarHeight = scrollbarSizes.height, containerContainerStyle = buildCssTextString([ "position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%", "left: 0px", "top: 0px" ]), containerStyle = buildCssTextString([ "position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden" ].concat([ "left: " + (left = (left = -(1 + scrollbarWidth)) ? left + "px" : "0"), "top: " + (top = (top = -(1 + scrollbarHeight)) ? top + "px" : "0"), "right: " + (right = (right = -scrollbarWidth) ? right + "px" : "0"), "bottom: " + (bottom = (bottom = -scrollbarHeight) ? bottom + "px" : "0") ])), expandStyle = buildCssTextString([ "position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%" ]), shrinkStyle = buildCssTextString([ "position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%" ]), expandChildStyle = buildCssTextString([ "position: absolute", "left: 0", "top: 0" ]), shrinkChildStyle = buildCssTextString([ "position: absolute", "width: 200%", "height: 200%" ]), containerContainer = document.createElement("div"), container = document.createElement("div"), expand = document.createElement("div"), expandChild = document.createElement("div"), shrink = document.createElement("div"), shrinkChild = document.createElement("div");
                     containerContainer.dir = "ltr", containerContainer.style.cssText = containerContainerStyle, 
-                    containerContainer.className = detectionContainerClass, container.className = detectionContainerClass, 
+                    containerContainer.className = "erd_scroll_detection_container", container.className = "erd_scroll_detection_container", 
                     container.style.cssText = containerStyle, expand.style.cssText = expandStyle, expandChild.style.cssText = expandChildStyle, 
                     shrink.style.cssText = shrinkStyle, shrinkChild.style.cssText = shrinkChildStyle, 
                     expand.appendChild(expandChild), shrink.appendChild(shrinkChild), container.appendChild(expand), 
@@ -2757,7 +2687,7 @@ const NextMenuItem = defineComponent({
             }, null) ]
         }))) ]) ]);
     }
-}), ns$m = useNamespace("menu");
+}), ns$n = useNamespace("menu");
 
 const NextMenu = withInstall(defineComponent({
     name: "NextMenu",
@@ -2785,22 +2715,22 @@ const NextMenu = withInstall(defineComponent({
         }
     },
     setup(props) {
-        provide("ns", ns$m);
+        provide("ns", ns$n);
         const router = getCurrentInstance().appContext.config.globalProperties.$router, currentPath = router.currentRoute?.value.fullPath, activePath = ref(currentPath);
         watch((() => router.currentRoute?.value), (to => {
             activePath.value = to.fullPath;
         }));
         return () => createVNode(Fragment, null, [ createVNode(ElMenu, {
-            class: [ ns$m.b(), props.className ],
+            class: [ ns$n.b(), props.className ],
             style: props.style,
-            "popper-class": ns$m.b("popper"),
+            "popper-class": ns$n.b("popper"),
             defaultActive: activePath.value,
             router: props.router,
             mode: props.mode,
             ellipsis: !0
         }, {
             default: () => [ createVNode(Fragment, null, [ props.menuTree.map((item => item.children?.length ? valueExist(item.meta?.isHide, !1) ? null : createVNode(ElSubMenu, {
-                "popper-class": ns$m.b("popper"),
+                "popper-class": ns$n.b("popper"),
                 index: item.path || item.id,
                 teleported: !0
             }, {
@@ -2811,7 +2741,7 @@ const NextMenu = withInstall(defineComponent({
                     menuData: item.children
                 }, null)
             }) : valueExist(item.meta?.isHide, !1) ? null : createVNode(ElMenuItem, {
-                "popper-class": ns$m.b("popper"),
+                "popper-class": ns$n.b("popper"),
                 index: item.path
             }, {
                 default: () => [ createVNode(MenuItemTitle, {
@@ -2839,11 +2769,11 @@ var Sidebar$3 = defineComponent({
     }
 });
 
-const ns$l = useNamespace("layout-defaults");
+const ns$m = useNamespace("layout-defaults");
 
 var defaults = defineComponent({
     props: {},
-    setup: () => (provide("ns", ns$l), {}),
+    setup: () => (provide("ns", ns$m), {}),
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {});
         slots.menu;
@@ -2852,11 +2782,11 @@ var defaults = defineComponent({
         slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
         const isTabs = ref(!!slots.tabs);
         return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(ElContainer, {
-            class: ns$l.b()
+            class: ns$m.b()
         }, {
             default: () => {
                 return [ createVNode(Sidebar$3, null, null), createVNode("div", {
-                    class: [ ns$l.b("content") ]
+                    class: [ ns$m.b("content") ]
                 }, [ createVNode(Header$4, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
                     default: () => [ __slots_header_tools ]
                 })), _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
@@ -2866,7 +2796,7 @@ var defaults = defineComponent({
                     onSelect: (...arg) => _emit("tabsSelect", ...arg),
                     onClose: (...arg) => _emit("tabsClose", ...arg)
                 }, null) : null, createVNode("main", {
-                    class: [ ns$l.bf("main"), ns$l.is("layout-tabs", isTabs.value) ]
+                    class: [ ns$m.bf("main"), ns$m.is("layout-tabs", isTabs.value) ]
                 }, [ slots.default?.() ]) ]) ];
                 var s;
             }
@@ -2906,11 +2836,11 @@ var Header$3 = defineComponent({
     }
 });
 
-const ns$k = useNamespace("layout-transverse");
+const ns$l = useNamespace("layout-transverse");
 
 var transverse = defineComponent({
     props: {},
-    setup: () => (provide("ns", ns$k), {}),
+    setup: () => (provide("ns", ns$l), {}),
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {}), __slots_header = {};
         slots[slots_config_headerMenu] && (__slots_header[slots_config_headerMenu] = () => slots[slots_config_headerMenu]()), 
@@ -2927,7 +2857,7 @@ var transverse = defineComponent({
             onSelect: (...arg) => _emit("tabsSelect", ...arg),
             onClose: (...arg) => _emit("tabsClose", ...arg)
         }, null) : null, createVNode("main", {
-            class: [ ns$k.b("main"), ns$k.is("layout-tabs", isTabs.value) ]
+            class: [ ns$l.b("main"), ns$l.is("layout-tabs", isTabs.value) ]
         }, [ slots.default?.() ]) ]);
         var s;
     }
@@ -2974,11 +2904,11 @@ var Header$2 = defineComponent({
     }
 });
 
-const ns$j = useNamespace("layout-columns");
+const ns$k = useNamespace("layout-columns");
 
 var columns = defineComponent({
     props: {},
-    setup: () => (provide("ns", ns$j), {}),
+    setup: () => (provide("ns", ns$k), {}),
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {}), __slots_header = {};
         slots[slots_config_headerMenu] && (__slots_header[slots_config_headerMenu] = () => slots[slots_config_headerMenu]()), 
@@ -2986,11 +2916,11 @@ var columns = defineComponent({
         slots[slots_config_headerToolsSuffix] && (__slots_header[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
         const isTabs = ref(!!slots.tabs);
         return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(ElContainer, {
-            class: ns$j.b()
+            class: ns$k.b()
         }, {
             default: () => {
                 return [ createVNode(Sidebar$2, null, null), createVNode("div", {
-                    class: [ ns$j.b("content") ]
+                    class: [ ns$k.b("content") ]
                 }, [ createVNode(Header$2, null, (s = __slots_header, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header : {
                     default: () => [ __slots_header ]
                 })), _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
@@ -3000,7 +2930,7 @@ var columns = defineComponent({
                     onSelect: (...arg) => _emit("tabsSelect", ...arg),
                     onClose: (...arg) => _emit("tabsClose", ...arg)
                 }, null) : null, createVNode("main", {
-                    class: [ ns$j.bf("main"), ns$j.is("layout-tabs", isTabs.value) ]
+                    class: [ ns$k.bf("main"), ns$k.is("layout-tabs", isTabs.value) ]
                 }, [ slots.default?.() ]) ]) ];
                 var s;
             }
@@ -3051,12 +2981,12 @@ var Header$1 = defineComponent({
     }
 });
 
-const ns$i = useNamespace("layout-classic");
+const ns$j = useNamespace("layout-classic");
 
 var classic = defineComponent({
     props: {},
-    setup: () => (provide("ns", ns$i), {
-        ns: ns$i
+    setup: () => (provide("ns", ns$j), {
+        ns: ns$j
     }),
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {});
@@ -3069,9 +2999,9 @@ var classic = defineComponent({
         "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
             default: () => [ __slots_header_tools ]
         })), createVNode("div", {
-            class: [ ns$i.b("content"), ns$i.is("layout-tabs", isTabs.value) ]
+            class: [ ns$j.b("content"), ns$j.is("layout-tabs", isTabs.value) ]
         }, [ createVNode(Sidebar$1, null, null), createVNode("div", {
-            class: ns$i.b("container")
+            class: ns$j.b("container")
         }, [ _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
             tabs: _config.tabs,
             activeTab: _config.activeTab,
@@ -3079,7 +3009,7 @@ var classic = defineComponent({
             onSelect: (...arg) => _emit("tabsSelect", ...arg),
             onClose: (...arg) => _emit("tabsClose", ...arg)
         }, null) : null, createVNode("main", {
-            class: [ ns$i.b("main") ]
+            class: [ ns$j.b("main") ]
         }, [ slots.default?.() ]) ]) ]) ]);
         var s;
     }
@@ -3095,7 +3025,7 @@ const findGrandfatherNode = (path, tree) => {
         return !1;
     };
     return loopNodes(tree, null), parentNode;
-}, ns$h = useNamespace("menu");
+}, ns$i = useNamespace("menu");
 
 var MenuTop = defineComponent({
     props: {
@@ -3113,7 +3043,7 @@ var MenuTop = defineComponent({
         }
     },
     setup(props) {
-        provide("ns", ns$h);
+        provide("ns", ns$i);
         const updateSubmentTree = inject("updateSubmentTree"), router = getCurrentInstance().appContext.config.globalProperties.$router, currentPath = router.currentRoute?.value.fullPath, parentNode = findGrandfatherNode(currentPath, props.menuTree), activeMenuId = ref(parentNode?.id);
         parentNode?.id && 1 === parentNode.meta?.level && updateSubmentTree(parentNode.children), 
         watch((() => router.currentRoute?.value), (to => {
@@ -3129,9 +3059,9 @@ var MenuTop = defineComponent({
             }
             return result;
         }, renderContent = () => createVNode(ElMenu, {
-            class: [ ns$h.b(), props.className ],
+            class: [ ns$i.b(), props.className ],
             style: props.style,
-            "popper-class": ns$h.b("popper"),
+            "popper-class": ns$i.b("popper"),
             defaultActive: activeMenuId.value,
             mode: "horizontal",
             ellipsis: !0
@@ -3194,19 +3124,19 @@ var Header = defineComponent({
     }
 });
 
-const ns$g = useNamespace("layout-composite");
+const ns$h = useNamespace("layout-composite");
 
 var composite = defineComponent({
     props: {},
     setup() {
-        provide("ns", ns$g);
+        provide("ns", ns$h);
         const submenuTree = ref([]);
         return provide("submenuTree", submenuTree), provide("updateSubmentTree", (val => {
             submenuTree.value = [], nextTick((() => {
                 submenuTree.value = val;
             }));
         })), {
-            ns: ns$g,
+            ns: ns$h,
             submenuTree: submenuTree
         };
     },
@@ -3221,9 +3151,9 @@ var composite = defineComponent({
         "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
             default: () => [ __slots_header_tools ]
         })), createVNode("div", {
-            class: [ ns$g.b("content"), ns$g.is("layout-tabs", isTabs.value) ]
+            class: [ ns$h.b("content"), ns$h.is("layout-tabs", isTabs.value) ]
         }, [ createVNode(Sidebar, null, null), createVNode("div", {
-            class: ns$g.b("container")
+            class: ns$h.b("container")
         }, [ _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
             tabs: _config.tabs,
             activeTab: _config.activeTab,
@@ -3231,13 +3161,13 @@ var composite = defineComponent({
             onSelect: (...arg) => _emit("tabsSelect", ...arg),
             onClose: (...arg) => _emit("tabsClose", ...arg)
         }, null) : null, createVNode("main", {
-            class: [ ns$g.b("main") ]
+            class: [ ns$h.b("main") ]
         }, [ slots.default?.() ]) ]) ]) ]);
         var s;
     }
 });
 
-const ns$f = useNamespace("layout"), layouts = {
+const ns$g = useNamespace("layout"), layouts = {
     defaults: markRaw(defaults),
     transverse: markRaw(transverse),
     columns: markRaw(columns),
@@ -3266,7 +3196,7 @@ const NextLayout = withInstall(defineComponent({
     emits: [ "changeLanguage", "changeUserDropdown", "changeOptions", "tabsChange", "tabsSelect", "tabsClose" ],
     setup(props, {slots: slots, emit: emit}) {
         const _config = ref(mergeWith(defaultConfig$5, props.options, customizerCoverArray));
-        provide("options", _config.value), provide("__ns__", ns$f), provide("__emit__", emit), 
+        provide("options", _config.value), provide("__ns__", ns$g), provide("__emit__", emit), 
         provide("__slots__", slots);
         const updateOptions = cfg => {
             _config.value = mergeWith(_config.value, cfg, customizerCoverArray), updateThemeColorCssVar(_config.value?.setting), 
@@ -3290,15 +3220,15 @@ const NextLayout = withInstall(defineComponent({
         const _activeSlots = {};
         for (const key in slots) Object.prototype.hasOwnProperty.call(slots, key) && (_activeSlots[key] = () => slots[key]?.());
         return createVNode("div", {
-            class: [ ns$f.b(), props.className ],
+            class: [ ns$g.b(), props.className ],
             style: props.style
         }, [ h(activeLayout.value, {}, {
             ..._activeSlots
         }) ]);
     }
-})), ns$e = useNamespace("tabs");
+})), ns$f = useNamespace("tabs");
 
-var Element$9 = defineComponent({
+var Element$a = defineComponent({
     name: "NextTabs",
     props: {
         activeTab: {
@@ -3312,7 +3242,7 @@ var Element$9 = defineComponent({
     },
     emits: [ "change", "select", "close" ],
     setup(props, {emit: emit}) {
-        const {t: t} = useLocale(), router = getCurrentInstance().appContext.config.globalProperties.$router, _activeTab = computed((() => router.currentRoute.value.fullPath)), _tabs = computed((() => props.tabs)), defaultIndex = _tabs.value?.findIndex((v => v.path === _activeTab.value));
+        const {t: t} = useLocale(), router = getCurrentInstance().appContext.config.globalProperties.$router, _activeTab = computed((() => router.currentRoute.value.path)), _tabs = computed((() => props.tabs)), defaultIndex = _tabs.value?.findIndex((v => v.path === _activeTab.value));
         if (defaultIndex < 0) {
             const tab = _tabs.value[0];
             tab && tab.path && router.replace({
@@ -3349,10 +3279,12 @@ var Element$9 = defineComponent({
             event?.stopPropagation(), activeIndex.value = index;
             let to = {
                 path: tab.path,
-                query: tab.query,
-                params: tab.params
+                query: tab.query || {}
             };
-            router.push(to), emit("select", tab, index);
+            !tab.path && tab.name && (to = {
+                name: tab.name,
+                params: tab.params || {}
+            }), router.push(to), emit("select", tab, index);
         };
         watch((() => router.currentRoute?.value), (to => {
             const {tagTitle: tagTitle} = to.query, activeRoute = {
@@ -3367,12 +3299,12 @@ var Element$9 = defineComponent({
             tabsView.value.push(activeRoute)), emit("change", activeIndex.value, tabsView.value, "add");
         }));
         const renderContent = () => createVNode("nav", {
-            class: ns$e.b()
+            class: ns$f.b()
         }, [ createVNode(ElScrollbar, null, {
             default: () => [ createVNode("ul", {
-                class: ns$e.b("list")
+                class: ns$f.b("list")
             }, [ tabsView.value.map(((tab, index) => tab ? createVNode("li", {
-                class: [ "tab-item", ns$e.is("active", activeIndex.value === index) ],
+                class: [ "tab-item", ns$f.is("active", activeIndex.value === index) ],
                 onClick: event => onClickTabItem(event, tab, index)
             }, [ createVNode("i", {
                 class: [ "tab-icon", tab.meta?.icon ]
@@ -3382,11 +3314,14 @@ var Element$9 = defineComponent({
                     const active = _activeTab.value;
                     if (active === tab.path) {
                         const prevTag = tabsView.value[index - 1];
-                        router.push({
+                        let to = {
                             path: prevTag.path,
-                            query: prevTag.query || {},
+                            query: prevTag.query || {}
+                        };
+                        !prevTag.path && prevTag.name && (to = {
+                            name: prevTag.name,
                             params: prevTag.params || {}
-                        }), emit("close", prevTag, tabsView.value);
+                        }), router.push(to), emit("close", prevTag, tabsView.value);
                     }
                     tabsView.value.splice(index, 1);
                     const i = tabsView.value.findIndex((v => v.path === active)) || 0;
@@ -3403,11 +3338,11 @@ var Element$9 = defineComponent({
             onCommand: onChange
         }, {
             default: () => createVNode("span", {
-                class: ns$e.b("tab-more")
+                class: ns$f.b("tab-more")
             }, [ createVNode("i", {
-                class: [ ns$e.be("tab-more", "box"), ns$e.be("tab-more", "top") ]
+                class: [ ns$f.be("tab-more", "box"), ns$f.be("tab-more", "top") ]
             }, null), createVNode("i", {
-                class: [ ns$e.be("tab-more", "box"), ns$e.be("tab-more", "bottom") ]
+                class: [ ns$f.be("tab-more", "box"), ns$f.be("tab-more", "bottom") ]
             }, null) ]),
             dropdown: () => createVNode(ElDropdownMenu, null, {
                 default: () => [ createVNode(ElDropdownItem, {
@@ -3441,7 +3376,7 @@ var Element$9 = defineComponent({
     }
 });
 
-const NextTabs = withInstall(Element$9), ns$d = useNamespace("container");
+const NextTabs = withInstall(Element$a), ns$e = useNamespace("container");
 
 const NextContainer = withInstall(defineComponent({
     name: "NextContainer",
@@ -3480,18 +3415,18 @@ const NextContainer = withInstall(defineComponent({
             }), style;
         }));
         return () => props.scrollbar ? createVNode(ElScrollbar, {
-            class: [ ns$d.b(), props.className ],
+            class: [ ns$e.b(), props.className ],
             style: props.style
         }, {
             default: () => [ slots.default?.() ]
         }) : createVNode("div", {
-            class: [ ns$d.b(), props.className ],
+            class: [ ns$e.b(), props.className ],
             style: {
                 ...styles.value,
                 ...props.style
             }
         }, [ props.card ? createVNode("div", {
-            class: ns$d.b("card")
+            class: ns$e.b("card")
         }, [ slots.default?.() ]) : slots.default?.() ]);
     }
 }));
@@ -3618,7 +3553,7 @@ var defaultConfig$4 = {
     formColumnMinWidth: 350
 };
 
-const columnSlotName = prop => "column-" + prop, searchFormSlotName = prop => "search-" + prop, formSlotName = prop => "form-" + prop, ns$c = useNamespace("spin-loading");
+const columnSlotName = prop => "column-" + prop, searchFormSlotName = prop => "search-" + prop, formSlotName = prop => "form-" + prop, ns$d = useNamespace("spin-loading");
 
 var NextSpinLoading$1 = defineComponent({
     name: "NextSpinLoading",
@@ -3653,22 +3588,22 @@ var NextSpinLoading$1 = defineComponent({
         const _t = this.t, slots = this.$slots, props = this.$props, loadingText = props.tip || _t("next.loading");
         return createVNode("div", {
             ref: "elementInstance",
-            class: [ ns$c.b(), props.className ],
+            class: [ ns$d.b(), props.className ],
             style: props.style
         }, [ slots.default?.(), props.loading ? createVNode("div", {
-            class: ns$c.b("mask")
+            class: ns$d.b("mask")
         }, [ createVNode("span", {
-            class: ns$c.b("mask-dot")
+            class: ns$d.b("mask-dot")
         }, [ createVNode("i", {
-            class: ns$c.be("mask", "dot-item")
+            class: ns$d.be("mask", "dot-item")
         }, null), createVNode("i", {
-            class: ns$c.be("mask", "dot-item")
+            class: ns$d.be("mask", "dot-item")
         }, null), createVNode("i", {
-            class: ns$c.be("mask", "dot-item")
+            class: ns$d.be("mask", "dot-item")
         }, null), createVNode("i", {
-            class: ns$c.be("mask", "dot-item")
+            class: ns$d.be("mask", "dot-item")
         }, null) ]), createVNode("span", {
-            class: ns$c.be("mask", "text")
+            class: ns$d.be("mask", "text")
         }, [ loadingText ]) ]) : null ]);
     }
 }), SearchColumn = defineComponent({
@@ -3880,13 +3815,15 @@ var NextSpinLoading$1 = defineComponent({
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                 disabled: col.disabled,
                 column: col,
-                formParams: formParams
+                formParams: formParams,
+                onChange: (...arg) => col.onChange?.(...arg, col, formParams)
             }, null) : "cascader" === col.type ? createVNode(NextTreeCascader, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                 disabled: col.disabled,
                 column: col,
-                formParams: formParams
+                formParams: formParams,
+                onChange: (...arg) => col.onChange?.(...arg, col, formParams)
             }, null) : void 0;
         };
         return () => createVNode(Fragment, null, [ createVNode(Fragment, null, [ columns.value.map((col => !col.hide && createVNode(ElCol, {
@@ -4394,7 +4331,7 @@ var TableColumnOperations = defineComponent({
     }
 });
 
-const ns$b = useNamespace("dialog");
+const ns$c = useNamespace("dialog");
 
 var NextDialog$1 = defineComponent({
     name: "NextDialog",
@@ -4476,7 +4413,7 @@ var NextDialog$1 = defineComponent({
         return () => createVNode(Fragment, null, [ createVNode(ElDialog, {
             modelValue: visible.value,
             "onUpdate:modelValue": $event => visible.value = $event,
-            class: [ ns$b.b(), props.className, props.nofill && ns$b.b("nofill") ],
+            class: [ ns$c.b(), props.className, props.nofill && ns$c.b("nofill") ],
             style: props.style,
             title: props.title,
             appendToBody: props.appendToBody,
@@ -4494,12 +4431,12 @@ var NextDialog$1 = defineComponent({
         }, {
             default: () => [ slots.default?.() ],
             header: ({close: close, titleId: titleId, titleClass: titleClass}) => createVNode("div", {
-                class: ns$b.b("header")
+                class: ns$c.b("header")
             }, [ createVNode("h4", {
                 id: titleId,
                 class: titleClass
             }, [ props.title ]), createVNode("div", {
-                class: ns$b.e("header-right")
+                class: ns$c.e("header-right")
             }, [ props.fullscreenBtn && createVNode("span", {
                 class: "icon-fullscreen",
                 onClick: () => isFullscreen.value = !isFullscreen.value
@@ -4548,7 +4485,7 @@ var defaultConfig$3 = {
     resetText: null
 };
 
-const ns$a = useNamespace("form");
+const ns$b = useNamespace("form");
 
 var NumberRangePicker = defineComponent({
     name: "NumberRangePicker",
@@ -4588,7 +4525,7 @@ var NumberRangePicker = defineComponent({
         }));
         return () => createVNode(Fragment, null, [ createVNode("div", {
             ref: numberRangeRef,
-            class: ns$a.e("number-range")
+            class: ns$b.e("number-range")
         }, [ createVNode(ElInputNumber, {
             modelValue: startNumber.value,
             "onUpdate:modelValue": $event => startNumber.value = $event,
@@ -4598,7 +4535,7 @@ var NumberRangePicker = defineComponent({
             disabled: disabled,
             onChange: onChangeStart
         }, null), createVNode("span", {
-            class: ns$a.em("number-range", "division")
+            class: ns$b.em("number-range", "division")
         }, [ t("next.date.rangeSeparator") ]), createVNode(ElInputNumber, {
             modelValue: endNumber.value,
             "onUpdate:modelValue": $event => endNumber.value = $event,
@@ -4617,7 +4554,7 @@ function _isSlot$3(s) {
     return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s);
 }
 
-const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
+const ns$a = useNamespace("form"), InputTableSelect = defineComponent({
     name: "NextInputTableSelect",
     props: {
         modelValue: {
@@ -4649,7 +4586,7 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
     },
     emits: [ "select" ],
     setup(props, {emit: emit}) {
-        const {t: t} = useLocale(), _disabled = props.disabled, _closable = props.closable, _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), {value: propsValue, label: propsLabel} = _column.tableSelectProps || {
+        const {t: t} = useLocale(), _disabled = props.disabled, _closable = props.closable, _column = props.column, _placeholder = _column.placeholder || t("next.form.select") + _column.label, _tableDefaultConfig = deepClone(defaultConfig$4), _tableSelectConfig = deepClone(tableSelectConfig), _options = merge(_tableDefaultConfig, _tableSelectConfig, _column.tableSelect), {value: propsValue, label: propsLabel} = _column.tableSelectProps || {
             value: "id",
             label: "name"
         }, tableSelectDialog = reactive({
@@ -4685,8 +4622,8 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
             onCloseTableDialog(), emit("select", _rows);
         }, onClickAddEdit = (row, tableFormParams) => {
             _column.addEditData?.(row, tableFormParams);
-        }, renderSelectTypeContent = (row, index) => {
-            const rowKey = _options.rowKey, value = valueExist(row[rowKey], index);
+        }, renderSelectTypeContent = row => {
+            const rowKey = _options.rowKey, value = valueExist(row[rowKey], null);
             return "checkbox" === _options.selectType ? createVNode(ElCheckbox, {
                 value: value,
                 onChange: event => ((event, row) => {
@@ -4731,22 +4668,23 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
         });
         const _onCloseTag = (tag, i) => {
             const rows = toRaw(multipleSelection.value);
-            rows.splice(i, 1), multipleSelection.value = rows, _updateTags(), emit("select", rows);
+            rows.splice(i, 1), multipleSelection.value = rows, "radio" === _options.selectType && (sinleSelection.value = null), 
+            _updateTags(), emit("select", rows);
         }, renderContent = () => {
             let _slot, _slot2;
             return createVNode(Fragment, null, [ createVNode("div", {
-                class: [ "el-input", ns$9.e("input-table"), ns$9.is("disabled", _disabled) ]
+                class: [ "el-input", ns$a.e("input-table"), ns$a.is("disabled", _disabled) ]
             }, [ createVNode("div", {
                 class: "el-input__wrapper"
             }, [ tags?.value.length ? createVNode("span", {
-                class: ns$9.em("input-table", "value")
+                class: ns$a.em("input-table", "value")
             }, [ tags.value.map(((tag, index) => createVNode(ElTag, {
                 closable: !_closable,
                 onClose: () => _onCloseTag(0, index)
             }, {
                 default: () => [ tag.label ]
             }))), tagsMore?.value?.length ? createVNode(ElTooltip, {
-                "popper-class": ns$9.e("tooltip-tags"),
+                "popper-class": ns$a.e("tooltip-tags"),
                 placement: "bottom",
                 effect: "light"
             }, {
@@ -4760,10 +4698,10 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
                     default: () => [ tag.label ]
                 })))
             }) : null ]) : createVNode("span", {
-                class: ns$9.em("input-table", "placeholder")
+                class: ns$a.em("input-table", "placeholder")
             }, [ _placeholder ]) ]), createVNode(ElButton, {
                 type: "primary",
-                class: ns$9.em("input-table", "append"),
+                class: ns$a.em("input-table", "append"),
                 disabled: _disabled,
                 icon: search_default,
                 onClick: onClickTableDialog
@@ -4778,7 +4716,7 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
                 onClose: onCloseTableDialog
             }, {
                 default: () => [ createVNode("div", {
-                    class: ns$9.em("input-table", "content")
+                    class: ns$a.em("input-table", "content")
                 }, [ "checkbox" === _options.selectType ? createVNode(ElCheckboxGroup, {
                     modelValue: _multipleSelection.value
                 }, {
@@ -4797,7 +4735,7 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
                             headerAlign: _options.headerAlign,
                             align: _options.cellAlign
                         }, {
-                            default: ({row: row, $index: $index}) => renderSelectTypeContent(row, $index)
+                            default: ({row: row}) => renderSelectTypeContent(row)
                         }) ]
                     }) ]
                 }) : createVNode(ElRadioGroup, {
@@ -4818,11 +4756,11 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
                             headerAlign: _options.headerAlign,
                             align: _options.cellAlign
                         }, {
-                            default: ({row: row, $index: $index}) => renderSelectTypeContent(row, $index)
+                            default: ({row: row}) => renderSelectTypeContent(row)
                         }) ]
                     }) ]
                 }) ]), createVNode("div", {
-                    class: ns$9.em("input-table", "footer")
+                    class: ns$a.em("input-table", "footer")
                 }, [ createVNode(ElButton, {
                     onClick: onResetTableSelect
                 }, _isSlot$3(_slot = t("next.form.reset")) ? _slot : {
@@ -4838,7 +4776,7 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
         };
         return () => createVNode(Fragment, null, [ renderContent() ]);
     }
-}), ns$8 = useNamespace("form");
+}), ns$9 = useNamespace("form");
 
 var UploadImage = defineComponent({
     name: "UploadImage",
@@ -4895,7 +4833,7 @@ var UploadImage = defineComponent({
             let urls = [];
             return "string" == typeof value ? urls = [ value ] : "[object Array]" === Object.prototype.toString.call(value) && (urls = value), 
             urls = urls.filter((url => !!url)), urls.length ? createVNode(ElImage, {
-                class: ns$8.e("preview-image"),
+                class: ns$9.e("preview-image"),
                 src: urls[0],
                 previewSrcList: urls,
                 "preview-teleported": !0,
@@ -4910,7 +4848,7 @@ var UploadImage = defineComponent({
                 })
             }) : null;
         })(), _disabled ? null : createVNode(ElUpload, {
-            class: [ ns$8.b("upload-image"), props.className ],
+            class: [ ns$9.b("upload-image"), props.className ],
             style: props.style,
             "list-type": props.listType,
             multiple: props.multiple,
@@ -5102,9 +5040,9 @@ function _isSlot$2(s) {
     return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s);
 }
 
-const ns$7 = useNamespace("form");
+const ns$8 = useNamespace("form");
 
-var Element$7 = defineComponent({
+var Element$8 = defineComponent({
     name: "NextForm",
     props: {
         options: {
@@ -5122,7 +5060,7 @@ var Element$7 = defineComponent({
     },
     emits: [ "submit", "close", "reset" ],
     setup(props, {slots: slots, emit: emit, expose: expose}) {
-        const _config = deepClone(defaultConfig$3), options = reactive(merge$1(_config, props.options)), _isEditing = computed((() => "boolean" != typeof options.isEditing || options.isEditing)), {t: t} = useLocale(), colSpan = ref(options.colSpan), formDatum = reactive(props.formDatum) || {}, formParams = reactive(merge$1({}, formDatum)), _formColumns = ref([]), formRules = reactive({});
+        const _config = deepClone(defaultConfig$3), options = reactive(merge(_config, props.options)), _isEditing = computed((() => "boolean" != typeof options.isEditing || options.isEditing)), {t: t} = useLocale(), colSpan = ref(options.colSpan), formDatum = reactive(props.formDatum) || {}, formParams = reactive(merge({}, formDatum)), _formColumns = ref([]), formRules = reactive({});
         watch((() => [ props.columns, props.formDatum ]), (() => {
             (() => {
                 const columns = props.columns;
@@ -5510,7 +5448,7 @@ var Element$7 = defineComponent({
                 let _slot;
                 return createVNode(ElForm, {
                     ref: ruleFormRef,
-                    class: ns$7.b(),
+                    class: ns$8.b(),
                     inline: !1,
                     model: formParams,
                     size: options.size
@@ -5530,7 +5468,7 @@ var Element$7 = defineComponent({
                         }, {
                             label: () => column.label ? createVNode(Fragment, null, [ createVNode(NextTextEllipsis, {
                                 content: t(column.label),
-                                class: ns$7.e("item-label")
+                                className: ns$8.e("item-label")
                             }, null), column.tip ? createVNode(ElTooltip, {
                                 effect: "dark",
                                 content: column.tip,
@@ -5550,7 +5488,7 @@ var Element$7 = defineComponent({
                     })))) ? _slot : {
                         default: () => [ _slot ]
                     }), _isEditing.value && options.showFooter ? createVNode("div", {
-                        class: ns$7.e("footer")
+                        class: ns$8.e("footer")
                     }, [ createVNode(ElButton, {
                         type: "primary",
                         loading: submitLoading.value,
@@ -5570,7 +5508,7 @@ var Element$7 = defineComponent({
     }
 });
 
-const NextTreeSelect = withInstall(treeSelect), NextTreeCascader = withInstall(treeCascader), NextInputTableSelect = withInstall(InputTableSelect), NextForm = withInstall(Element$7);
+const NextTreeSelect = withInstall(treeSelect), NextTreeCascader = withInstall(treeCascader), NextInputTableSelect = withInstall(InputTableSelect), NextForm = withInstall(Element$8);
 
 var AddEditForm = defineComponent({
     name: "AddEditForm",
@@ -5627,18 +5565,18 @@ function _isSlot(s) {
     return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s);
 }
 
-const ns$6 = useNamespace("crud-table");
+const ns$7 = useNamespace("crud-table");
 
-var Element$6 = defineComponent({
+var Element$7 = 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$4), _options = computed((() => {
             const cfg = unref(props.options);
-            return merge$1(_config, cfg);
+            return merge(_config, cfg);
         })), options = unref(_options);
-        provide("options", computed((() => _options.value))), provide("ns", ns$6);
+        provide("options", computed((() => _options.value))), provide("ns", ns$7);
         const {t: t} = useLocale(), _columns = ref(options.columns), _searchColumns = ref([]), _formColumns = ref([]), _updateColumnsAll = ops => {
             ((options, cb) => {
                 const _columns = reactive(options.columns), _loadDicData = col => {
@@ -5734,7 +5672,8 @@ var Element$6 = defineComponent({
                         treeSelecCheckChange: valueExist(col.treeSelecCheckChangeSearch, col.treeSelecCheckChange, null),
                         treeSelecNodeExpand: valueExist(col.treeSelecNodeExpandSearch, col.treeSelecNodeExpand, null),
                         treeSelecNodeCollapse: valueExist(col.treeSelecNodeCollapseSearch, col.treeSelecNodeCollapse, null),
-                        treeSelecCurrentChange: valueExist(col.treeSelecCurrentChangeSearch, col.treeSelecCurrentChange, null)
+                        treeSelecCurrentChange: valueExist(col.treeSelecCurrentChangeSearch, col.treeSelecCurrentChange, null),
+                        onChange: valueExist(col.onChangeSearch, col.onChange, null)
                     };
                     return !col.dicData?.length && col.loadDicData && shareObjectProperty(item, col, "dicData"), 
                     item;
@@ -5883,11 +5822,11 @@ var Element$6 = defineComponent({
         });
         return () => createVNode(Fragment, null, [ createVNode(Fragment, null, [ createVNode("div", {
             ref: crudTableRef,
-            class: [ ns$6.b(), props.className ],
+            class: [ ns$7.b(), props.className ],
             style: props.style
         }, [ options.showSearchForm || options.showHeaderMenu ? createVNode("header", {
             ref: headerRef,
-            class: ns$6.b("header")
+            class: ns$7.b("header")
         }, [ options.showSearchForm && createVNode(HeaderSearch, {
             columns: _searchColumns.value,
             onZoomResize: updateTableContentHeight,
@@ -5906,7 +5845,7 @@ var Element$6 = defineComponent({
         }, {
             default: () => [ createVNode("div", {
                 ref: tableRef,
-                class: ns$6.b("content")
+                class: ns$7.b("content")
             }, [ createVNode(ElTable, {
                 data: tableData.value,
                 height: tableContentHeight.value,
@@ -5935,7 +5874,14 @@ var Element$6 = defineComponent({
                 "onCell-mouse-leave": (...arg) => emit("cell-mouse-leave", ...arg),
                 "onExpand-change": (...arg) => emit("expand-change", ...arg)
             }, {
-                default: () => [ options.index ? createVNode(ElTableColumn, {
+                default: () => [ options.selection ? createVNode(ElTableColumn, {
+                    type: "selection",
+                    fixed: "left",
+                    label: t("next.table.selectionAll"),
+                    width: 55,
+                    headerAlign: options.headerAlign,
+                    align: options.cellAlign
+                }, null) : null, options.index ? createVNode(ElTableColumn, {
                     type: "index",
                     label: "#",
                     width: _sortNumberMinWidth.value,
@@ -5943,13 +5889,6 @@ var Element$6 = defineComponent({
                     fixed: "left",
                     headerAlign: options.headerAlign,
                     align: options.cellAlign
-                }, null) : null, options.selection ? createVNode(ElTableColumn, {
-                    type: "selection",
-                    fixed: "left",
-                    label: t("next.table.selectionAll"),
-                    width: 55,
-                    headerAlign: options.headerAlign,
-                    align: options.cellAlign
                 }, null) : null, slots.default?.(), _columns.value.map((col => createVNode(TableColumnDynamic, {
                     columnOption: col,
                     key: col.prop
@@ -5969,7 +5908,7 @@ var Element$6 = defineComponent({
             }) ]) ]
         }), options.isPagination ? createVNode("div", {
             ref: footerRef,
-            class: ns$6.b("footer")
+            class: ns$7.b("footer")
         }, [ createVNode(FooterPagination, {
             page: props.page,
             onChange: onChangePagination
@@ -5996,7 +5935,7 @@ var Element$6 = defineComponent({
     }
 });
 
-const NextCrudTable = withInstall(Element$6);
+const NextCrudTable = withInstall(Element$7);
 
 var propsConfig = {
     className: {
@@ -6029,7 +5968,7 @@ var propsConfig = {
     }
 }, defaultConfig$2 = {};
 
-const ns$5 = useNamespace("crud-table-virtualized");
+const ns$6 = useNamespace("crud-table-virtualized");
 
 const NextCrudTableVirtualized = withInstall(defineComponent({
     name: "NextCrudTableVirtualized",
@@ -6037,7 +5976,7 @@ const NextCrudTableVirtualized = withInstall(defineComponent({
     setup(props, {emit: emit}) {
         const _config = deepClone(defaultConfig$2), _options = computed((() => {
             const cfg = unref(props.options);
-            return merge$1(_config, cfg);
+            return merge(_config, cfg);
         })), options = unref(_options);
         provide("options", computed((() => _options.value)));
         const {t: t} = useLocale(), addEditDialog = reactive({
@@ -6050,7 +5989,7 @@ const NextCrudTableVirtualized = withInstall(defineComponent({
             emit("close-add-edit");
         };
         return () => createVNode(Fragment, null, [ createVNode("div", {
-            class: [ ns$5.b(), props.className ]
+            class: [ ns$6.b(), props.className ]
         }, [ createVNode(NextSpinLoading, null, null), createVNode(NextDialog, {
             modelValue: addEditDialog.visible,
             "onUpdate:modelValue": $event => addEditDialog.visible = $event,
@@ -6061,7 +6000,7 @@ const NextCrudTableVirtualized = withInstall(defineComponent({
             onClose: onCloseAddEditDialog
         }, null) ]) ]);
     }
-})), NextSpinLoading = withInstall(NextSpinLoading$1), ns$4 = useNamespace("upload");
+})), NextSpinLoading = withInstall(NextSpinLoading$1), ns$5 = useNamespace("upload");
 
 const NextUpload = withInstall(defineComponent({
     name: "NextUpload",
@@ -6096,7 +6035,7 @@ const NextUpload = withInstall(defineComponent({
         const slots = this.$slots, props = this.$props, emit = this.$emit, _t = this.t, uploadfilesPreview = ref([]), body = document.getElementsByTagName("body")[0];
         let previewImagesContainer = null;
         return createVNode(ElUpload, {
-            class: [ ns$4.b(), props.className ],
+            class: [ ns$5.b(), props.className ],
             style: props.style,
             "list-type": props.listType,
             "auto-upload": !1,
@@ -6138,9 +6077,9 @@ const NextUpload = withInstall(defineComponent({
             })
         });
     }
-})), ns$3 = useNamespace("video-player");
+})), ns$4 = useNamespace("video-player");
 
-var Element$3 = defineComponent({
+var Element$4 = defineComponent({
     name: "NextVideoPlayer",
     props: {
         className: {
@@ -6213,7 +6152,7 @@ var Element$3 = defineComponent({
             if (!classNames || !classNames.length) throw new Error("模型类别不能未空！");
             container.innerHTML = "", tf.loadGraphModel(modelUrl).then((model => {
                 const canvas = document.createElement("canvas");
-                canvas.className = ns$3.b("recongition"), container.appendChild(canvas);
+                canvas.className = ns$4.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;
@@ -6384,18 +6323,38 @@ var Element$3 = defineComponent({
         });
         return () => createVNode(Fragment, null, [ createVNode("div", {
             ref: videoBoxRef,
-            class: [ ns$3.b(), props.className ],
+            class: [ ns$4.b(), props.className ],
             style: props.style
         }, null) ]);
     }
 });
 
-const NextVideoPlayer = withInstall(Element$3);
+const NextVideoPlayer = withInstall(Element$4);
 
 const NextDragResize = withInstall(defineComponent({
     name: "NextDragResize",
     props: {},
     setup: () => () => createVNode(Fragment, null, [ createVNode(Fragment, null, null) ])
+})), ns$3 = useNamespace("container");
+
+const NextCarousel = withInstall(defineComponent({
+    name: "NextCarousel",
+    props: {
+        className: {
+            type: String,
+            default: ""
+        },
+        style: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    setup: (props, {slots: slots}) => () => createVNode("div", {
+        class: [ ns$3.b(), props.className ],
+        style: {
+            ...props.style
+        }
+    }, [ slots.default?.() ])
 }));
 
 var ToolHeader = defineComponent({
@@ -6952,7 +6911,7 @@ var DraggableRect = defineComponent({
                 const image = new Image;
                 image.src = rowInfo.imageSrc, loadingImage.value = !0, image.onload = () => {
                     loadingImage.value = !1;
-                    const {canvasWidth: canvasWidth, canvasHeight: canvasHeight, scaleFactor: scaleFactor, originWidth: originWidth, originHeight: originHeight} = (image => {
+                    const {canvasWidth: canvasWidth, canvasHeight: canvasHeight, originWidth: originWidth, originHeight: originHeight} = (image => {
                         const clientWidth = mainBasaeRef.value?.elementInstance.clientWidth, clientHeight = mainBasaeRef.value?.elementInstance.clientHeight;
                         let {width: width, height: height} = image, scaleFactor = 1;
                         const scale = width / height;
@@ -7037,7 +6996,6 @@ var DraggableRect = defineComponent({
                         canvasWidth: canvasWidth,
                         canvasHeight: canvasHeight,
                         labels: labels.value,
-                        scaleFactor: scaleFactor,
                         scaleOffset: scaleTranslateManager.scaleTranslate
                     });
                     drawBaseCanvas.value.updateLabels = updateLabels, drawBaseCanvas.value.addDrawRect = addDrawRect, 
@@ -7385,7 +7343,7 @@ var Element$1 = defineComponent({
     setup(props, {emit: emit, slots: slots, expose: expose}) {
         const {t: t} = useLocale(), _config = deepClone(defaultConfig$1), _options = computed((() => {
             const cfg = unref(props.options);
-            return merge$1(_config, cfg);
+            return merge(_config, cfg);
         })), options = unref(_options);
         provide("ns", ns$2), provide("_emit", emit);
         const activateNodeIndex = ref(0), classes = ref(props.classes), labelImages = ref(deepClone(props.data));
@@ -8328,7 +8286,7 @@ var Element = defineComponent({
     setup(props, {emit: emit, slots: slots}) {
         const _config = deepClone(defaultConfig), _options = computed((() => {
             const cfg = unref(props.options);
-            return merge$1(_config, cfg);
+            return merge(_config, cfg);
         })), options = unref(_options);
         provide("ns", ns);
         const {t: t} = useLocale(), activateNodeIndex = ref(0), classes = ref(props.classes), labelImages = ref(deepClone(props.data));
@@ -8489,6 +8447,7 @@ const NextLabelme = withInstall(Element);
 
 var components = Object.freeze({
     __proto__: null,
+    NextCarousel: NextCarousel,
     NextContainer: NextContainer,
     NextCrudTable: NextCrudTable,
     NextCrudTableVirtualized: NextCrudTableVirtualized,
@@ -8542,7 +8501,7 @@ const zoomDialog = app => {
             }));
         }
     });
-}, version = "0.5.2", install = function(app) {
+}, version = "0.5.5", install = function(app) {
     Object.keys(components).forEach((key => {
         const component = components[key];
         app.component(component.name, component);
@@ -8552,8 +8511,8 @@ const zoomDialog = app => {
 };
 
 var index = {
-    version: "0.5.2",
+    version: "0.5.5",
     install: install
 };
 
-export { NextContainer, NextCrudTable, NextCrudTableVirtualized, NextDialog, NextDragResize, NextForm, NextInputTableSelect, NextLabelimg, NextLabelimgPreview, NextLabelme, NextLayout, NextMenu, NextSpinLoading, NextTabs, NextTextEllipsis, NextTreeCascader, NextTreeSelect, NextUpload, NextVideoPlayer, buildLocaleContext, buildTranslator, index as default, defaultNamespace, install, localeContextKey, localeLang, namespaceContextKey, nextUseCssTheme, nextUseCssVar, translate, updateThemeColor, updateThemeColorCssVar, useDetectVideo, useGetDerivedNamespace, useLanguage, useLocale, useNamespace, version };
+export { NextCarousel, NextContainer, NextCrudTable, NextCrudTableVirtualized, NextDialog, NextDragResize, NextForm, NextInputTableSelect, NextLabelimg, NextLabelimgPreview, NextLabelme, NextLayout, NextMenu, NextSpinLoading, NextTabs, NextTextEllipsis, NextTreeCascader, NextTreeSelect, NextUpload, NextVideoPlayer, buildLocaleContext, buildTranslator, index as default, defaultNamespace, install, localeContextKey, localeLang, namespaceContextKey, nextUseCssTheme, nextUseCssVar, translate, updateThemeColor, updateThemeColorCssVar, useDetectVideo, useGetDerivedNamespace, useLanguage, useLocale, useNamespace, version };