next-element-vue 0.5.2 → 0.5.4

package/dist/index.umd.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.5.2 v
- * 发布日期：2025-01-07
+ * 当前版本：0.5.4 v
+ * 发布日期：2025-03-06
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -72,9 +72,9 @@
     };
     var freeGlobal = "object" == typeof global && global && global.Object === Object && global, freeSelf = "object" == typeof self && self && self.Object === Object && self, root = freeGlobal || freeSelf || Function("return this")(), Symbol$1 = root.Symbol, objectProto$e = Object.prototype, hasOwnProperty$b = objectProto$e.hasOwnProperty, nativeObjectToString$1 = objectProto$e.toString, symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0;
     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;
@@ -90,11 +90,10 @@
     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;
         if (isArray(value)) return function(array, iteratee) {
@@ -103,7 +102,7 @@
         }(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) {
         var type = typeof value;
@@ -112,11 +111,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 : "";
     var funcToString$2 = Function.prototype.toString;
@@ -175,10 +173,10 @@
             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) {
         "__proto__" == key && defineProperty ? defineProperty(object, key, {
@@ -222,9 +220,8 @@
             };
         }(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) {
         return null != value && isLength(value.length) && !isFunction(value);
@@ -257,7 +254,7 @@
         return arguments;
     }()) ? baseIsArguments : function(value) {
         return isObjectLike(value) && hasOwnProperty$8.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
-    }, isArguments$1 = isArguments;
+    };
     var freeExports$2 = "object" == typeof exports && exports && !exports.nodeType && exports, freeModule$2 = freeExports$2 && "object" == typeof module && module && !module.nodeType && module, Buffer$1 = freeModule$2 && freeModule$2.exports === freeExports$2 ? root.Buffer : void 0, isBuffer = (Buffer$1 ? Buffer$1.isBuffer : void 0) || function() {
         return !1;
     }, typedArrayTags = {};
@@ -276,7 +273,7 @@
         return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
     }, 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;
@@ -399,9 +396,8 @@
         var data = getMapData(this, key), size = data.size;
         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);
@@ -431,11 +427,10 @@
             return null == value ? "" : baseToString(value);
         }(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) {
         var result = null == object ? void 0 : function(object, path) {
@@ -444,7 +439,7 @@
         }(object, path);
         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);
         this.size = data.size;
@@ -468,7 +463,8 @@
         }
         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) {
             for (var index = -1, length = null == array ? 0 : array.length, resIndex = 0, result = []; ++index < length; ) {
@@ -481,7 +477,7 @@
         })));
     } : function() {
         return [];
-    }, getSymbols$1 = getSymbols;
+    };
     function getAllKeys(object) {
         return function(object, keysFunc, symbolsFunc) {
             var result = keysFunc(object);
@@ -489,7 +485,7 @@
                 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;
     (DataView && "[object DataView]" != getTag(new DataView(new ArrayBuffer(1))) || Map$1 && "[object Map]" != getTag(new Map$1) || Promise$1 && "[object Promise]" != getTag(Promise$1.resolve()) || Set$1 && "[object Set]" != getTag(new Set$1) || WeakMap && "[object WeakMap]" != getTag(new WeakMap)) && (getTag = function(value) {
@@ -512,10 +508,10 @@
         }
         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);
     }
     function SetCache(values) {
@@ -531,13 +527,12 @@
     }, SetCache.prototype.has = 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);
@@ -573,54 +568,54 @@
             result[++index] = value;
         })), 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 COMPARE_PARTIAL_FLAG$1 = 1, hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-    var COMPARE_PARTIAL_FLAG = 1, argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]", hasOwnProperty = Object.prototype.hasOwnProperty;
+    var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+    var hasOwnProperty$1 = 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;
@@ -628,7 +623,7 @@
             }
         }
         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];
@@ -657,9 +652,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;
@@ -671,11 +666,11 @@
         if (("constructor" !== key || "function" != typeof object[key]) && "__proto__" != key) return 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;
@@ -691,17 +686,14 @@
                     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;
             }
@@ -722,7 +714,7 @@
     }));
     var merge = createAssigner((function(object, source, srcIndex) {
         baseMerge(object, source, srcIndex);
-    })), merge$1 = merge, zhcnLocale = {
+    })), zhcnLocale = {
         name: "zh-cn",
         next: {
             loading: "加载中...",
@@ -1113,12 +1105,9 @@
         dh = height, dx = 0, dy = 0) : mediaRatio < canvasRatio && (dw = height * mediaRatio, 
         dh = height, dx = Math.round((width - dw) / 2), dy = 0), ctx.drawImage(videoElement, 0, 0, sw, sh, dx, dy, dw, dh), 
         ctx;
-    }, 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: "",
         title: "Next Element Vue",
@@ -1166,10 +1155,14 @@
             isDark: !1
         }
     };
-    const ns$n = useNamespace("text-ellipsis");
+    const ns$o = useNamespace("text-ellipsis");
     const NextTextEllipsis = withInstall(vue.defineComponent({
         name: "NextTextEllipsis",
         props: {
+            className: {
+                type: String,
+                default: ""
+            },
             content: {
                 type: String,
                 default: ""
@@ -1189,10 +1182,6 @@
             textAlign: {
                 type: String,
                 default: "left"
-            },
-            class: {
-                type: String,
-                default: ""
             }
         },
         setup(props, {slots: slots}) {
@@ -1212,7 +1201,7 @@
                 }
             };
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
-                class: [ ns$n.b(), props.class ],
+                class: [ ns$o.b(), props.className ],
                 style: setWidth.value,
                 onMouseenter: onMouseenter
             }, [ isTip.value ? vue.createVNode(elementPlus.ElTooltip, {
@@ -1222,11 +1211,11 @@
                 disabled: props.disabled
             }, {
                 default: () => [ vue.createVNode("span", {
-                    class: ns$n.e("text"),
+                    class: ns$o.e("text"),
                     ref: ellipsisRef
                 }, [ slots.default ? slots.default() : props.content ]) ]
             }) : vue.createVNode("span", {
-                class: ns$n.e("text"),
+                class: ns$o.e("text"),
                 ref: ellipsisRef
             }, [ slots.default ? slots.default() : props.content ]) ]) ]);
         }
@@ -1246,284 +1235,256 @@
                 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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.createElementVNode("path", {
-        fill: "currentColor",
-        d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
-    }, null, -1), vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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), vue.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 vue.openBlock(), vue.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 = [ vue.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), vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.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 = [ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1288, _hoisted_3287);
-    } ], [ "__file", "warning.vue" ] ]), LayoutSetting = vue.defineComponent({
+    }), arrow_down_default = vue.defineComponent({
+        name: "ArrowDown",
+        __name: "arrow-down",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "ArrowLeft",
+        __name: "arrow-left",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "ArrowRight",
+        __name: "arrow-right",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "ArrowUp",
+        __name: "arrow-up",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Back",
+        __name: "back",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.createElementVNode("path", {
+            fill: "currentColor",
+            d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"
+        }), vue.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 = vue.defineComponent({
+        name: "Camera",
+        __name: "camera",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Close",
+        __name: "close",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "DArrowLeft",
+        __name: "d-arrow-left",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "DArrowRight",
+        __name: "d-arrow-right",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Delete",
+        __name: "delete",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "EditPen",
+        __name: "edit-pen",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "FullScreen",
+        __name: "full-screen",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "InfoFilled",
+        __name: "info-filled",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "MoonNight",
+        __name: "moon-night",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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"
+        }), vue.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 = vue.defineComponent({
+        name: "Picture",
+        __name: "picture",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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"
+        }), vue.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 = vue.defineComponent({
+        name: "Plus",
+        __name: "plus",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Refresh",
+        __name: "refresh",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Right",
+        __name: "right",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Search",
+        __name: "search",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Setting",
+        __name: "setting",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Sunny",
+        __name: "sunny",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Tools",
+        __name: "tools",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "View",
+        __name: "view",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
+        name: "Warning",
+        __name: "warning",
+        setup: __props => (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 1024 1024"
+        }, [ vue.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 = vue.defineComponent({
         setup() {},
         render() {
             const _slots = vue.inject("__slots__", {}), _ns = vue.inject("__ns__", {}), _config = vue.inject("options", {}), _updateOptions = vue.inject("updateOptions", null), settingConfig = vue.reactive({
@@ -1899,17 +1860,16 @@
             }
         };
     }
-    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;
@@ -2109,7 +2069,7 @@
                 width: widthSize,
                 height: heightSize
             };
-        }(), detectionContainerClass = "erd_scroll_detection_container";
+        }();
         function initDocument(targetDocument) {
             !function(targetDocument, styleId, containerClass) {
                 function injectStyle(style, method) {
@@ -2127,7 +2087,7 @@
                     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; " : "; ";
@@ -2203,10 +2163,10 @@
                 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();
@@ -2236,7 +2196,7 @@
                         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), 
@@ -2572,7 +2532,7 @@
                 }, null) ]
             }))) ]) ]);
         }
-    }), ns$m = useNamespace("menu");
+    }), ns$n = useNamespace("menu");
     const NextMenu = withInstall(vue.defineComponent({
         name: "NextMenu",
         props: {
@@ -2599,22 +2559,22 @@
             }
         },
         setup(props) {
-            vue.provide("ns", ns$m);
+            vue.provide("ns", ns$n);
             const router = vue.getCurrentInstance().appContext.config.globalProperties.$router, currentPath = router.currentRoute?.value.fullPath, activePath = vue.ref(currentPath);
             vue.watch((() => router.currentRoute?.value), (to => {
                 activePath.value = to.fullPath;
             }));
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(elementPlus.ElMenu, {
-                class: [ ns$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: () => [ vue.createVNode(vue.Fragment, null, [ props.menuTree.map((item => item.children?.length ? valueExist(item.meta?.isHide, !1) ? null : vue.createVNode(elementPlus.ElSubMenu, {
-                    "popper-class": ns$m.b("popper"),
+                    "popper-class": ns$n.b("popper"),
                     index: item.path || item.id,
                     teleported: !0
                 }, {
@@ -2625,7 +2585,7 @@
                         menuData: item.children
                     }, null)
                 }) : valueExist(item.meta?.isHide, !1) ? null : vue.createVNode(elementPlus.ElMenuItem, {
-                    "popper-class": ns$m.b("popper"),
+                    "popper-class": ns$n.b("popper"),
                     index: item.path
                 }, {
                     default: () => [ vue.createVNode(MenuItemTitle, {
@@ -2651,10 +2611,10 @@
             }) ]);
         }
     });
-    const ns$l = useNamespace("layout-defaults");
+    const ns$m = useNamespace("layout-defaults");
     var defaults = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$l), {}),
+        setup: () => (vue.provide("ns", ns$m), {}),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {});
             slots.menu;
@@ -2663,11 +2623,11 @@
             slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
             const isTabs = vue.ref(!!slots.tabs);
             return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), vue.createVNode(elementPlus.ElContainer, {
-                class: ns$l.b()
+                class: ns$m.b()
             }, {
                 default: () => {
                     return [ vue.createVNode(Sidebar$3, null, null), vue.createVNode("div", {
-                        class: [ ns$l.b("content") ]
+                        class: [ ns$m.b("content") ]
                     }, [ vue.createVNode(Header$4, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s) ? __slots_header_tools : {
                         default: () => [ __slots_header_tools ]
                     })), _config.showTabs ? slots.tabs ? slots.tabs?.() : vue.createVNode(NextTabs, {
@@ -2677,7 +2637,7 @@
                         onSelect: (...arg) => _emit("tabsSelect", ...arg),
                         onClose: (...arg) => _emit("tabsClose", ...arg)
                     }, null) : null, vue.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;
                 }
@@ -2714,10 +2674,10 @@
             };
         }
     });
-    const ns$k = useNamespace("layout-transverse");
+    const ns$l = useNamespace("layout-transverse");
     var transverse = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$k), {}),
+        setup: () => (vue.provide("ns", ns$l), {}),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {}), __slots_header = {};
             slots[slots_config_headerMenu] && (__slots_header[slots_config_headerMenu] = () => slots[slots_config_headerMenu]()), 
@@ -2734,7 +2694,7 @@
                 onSelect: (...arg) => _emit("tabsSelect", ...arg),
                 onClose: (...arg) => _emit("tabsClose", ...arg)
             }, null) : null, vue.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;
         }
@@ -2778,10 +2738,10 @@
             }, null) ]);
         }
     });
-    const ns$j = useNamespace("layout-columns");
+    const ns$k = useNamespace("layout-columns");
     var columns = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$j), {}),
+        setup: () => (vue.provide("ns", ns$k), {}),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {}), __slots_header = {};
             slots[slots_config_headerMenu] && (__slots_header[slots_config_headerMenu] = () => slots[slots_config_headerMenu]()), 
@@ -2789,11 +2749,11 @@
             slots[slots_config_headerToolsSuffix] && (__slots_header[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
             const isTabs = vue.ref(!!slots.tabs);
             return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), vue.createVNode(elementPlus.ElContainer, {
-                class: ns$j.b()
+                class: ns$k.b()
             }, {
                 default: () => {
                     return [ vue.createVNode(Sidebar$2, null, null), vue.createVNode("div", {
-                        class: [ ns$j.b("content") ]
+                        class: [ ns$k.b("content") ]
                     }, [ vue.createVNode(Header$2, null, (s = __slots_header, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s) ? __slots_header : {
                         default: () => [ __slots_header ]
                     })), _config.showTabs ? slots.tabs ? slots.tabs?.() : vue.createVNode(NextTabs, {
@@ -2803,7 +2763,7 @@
                         onSelect: (...arg) => _emit("tabsSelect", ...arg),
                         onClose: (...arg) => _emit("tabsClose", ...arg)
                     }, null) : null, vue.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;
                 }
@@ -2851,11 +2811,11 @@
             }) ]);
         }
     });
-    const ns$i = useNamespace("layout-classic");
+    const ns$j = useNamespace("layout-classic");
     var classic = vue.defineComponent({
         props: {},
-        setup: () => (vue.provide("ns", ns$i), {
-            ns: ns$i
+        setup: () => (vue.provide("ns", ns$j), {
+            ns: ns$j
         }),
         render() {
             const slots = this.$slots, _config = vue.inject("options", {}), _emit = vue.inject("__emit__", {});
@@ -2868,9 +2828,9 @@
             "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s) ? __slots_header_tools : {
                 default: () => [ __slots_header_tools ]
             })), vue.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) ]
             }, [ vue.createVNode(Sidebar$1, null, null), vue.createVNode("div", {
-                class: ns$i.b("container")
+                class: ns$j.b("container")
             }, [ _config.showTabs ? slots.tabs ? slots.tabs?.() : vue.createVNode(NextTabs, {
                 tabs: _config.tabs,
                 activeTab: _config.activeTab,
@@ -2878,7 +2838,7 @@
                 onSelect: (...arg) => _emit("tabsSelect", ...arg),
                 onClose: (...arg) => _emit("tabsClose", ...arg)
             }, null) : null, vue.createVNode("main", {
-                class: [ ns$i.b("main") ]
+                class: [ ns$j.b("main") ]
             }, [ slots.default?.() ]) ]) ]) ]);
             var s;
         }
@@ -2893,7 +2853,7 @@
             return !1;
         };
         return loopNodes(tree, null), parentNode;
-    }, ns$h = useNamespace("menu");
+    }, ns$i = useNamespace("menu");
     var MenuTop = vue.defineComponent({
         props: {
             className: {
@@ -2910,7 +2870,7 @@
             }
         },
         setup(props) {
-            vue.provide("ns", ns$h);
+            vue.provide("ns", ns$i);
             const updateSubmentTree = vue.inject("updateSubmentTree"), router = vue.getCurrentInstance().appContext.config.globalProperties.$router, currentPath = router.currentRoute?.value.fullPath, parentNode = findGrandfatherNode(currentPath, props.menuTree), activeMenuId = vue.ref(parentNode?.id);
             parentNode?.id && 1 === parentNode.meta?.level && updateSubmentTree(parentNode.children), 
             vue.watch((() => router.currentRoute?.value), (to => {
@@ -2926,9 +2886,9 @@
                 }
                 return result;
             }, renderContent = () => vue.createVNode(elementPlus.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
@@ -2988,18 +2948,18 @@
             }, null) ]) ]);
         }
     });
-    const ns$g = useNamespace("layout-composite");
+    const ns$h = useNamespace("layout-composite");
     var composite = vue.defineComponent({
         props: {},
         setup() {
-            vue.provide("ns", ns$g);
+            vue.provide("ns", ns$h);
             const submenuTree = vue.ref([]);
             return vue.provide("submenuTree", submenuTree), vue.provide("updateSubmentTree", (val => {
                 submenuTree.value = [], vue.nextTick((() => {
                     submenuTree.value = val;
                 }));
             })), {
-                ns: ns$g,
+                ns: ns$h,
                 submenuTree: submenuTree
             };
         },
@@ -3014,9 +2974,9 @@
             "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s) ? __slots_header_tools : {
                 default: () => [ __slots_header_tools ]
             })), vue.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) ]
             }, [ vue.createVNode(Sidebar, null, null), vue.createVNode("div", {
-                class: ns$g.b("container")
+                class: ns$h.b("container")
             }, [ _config.showTabs ? slots.tabs ? slots.tabs?.() : vue.createVNode(NextTabs, {
                 tabs: _config.tabs,
                 activeTab: _config.activeTab,
@@ -3024,12 +2984,12 @@
                 onSelect: (...arg) => _emit("tabsSelect", ...arg),
                 onClose: (...arg) => _emit("tabsClose", ...arg)
             }, null) : null, vue.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: vue.markRaw(defaults),
         transverse: vue.markRaw(transverse),
         columns: vue.markRaw(columns),
@@ -3057,7 +3017,7 @@
         emits: [ "changeLanguage", "changeUserDropdown", "changeOptions", "tabsChange", "tabsSelect", "tabsClose" ],
         setup(props, {slots: slots, emit: emit}) {
             const _config = vue.ref(mergeWith(defaultConfig$5, props.options, customizerCoverArray));
-            vue.provide("options", _config.value), vue.provide("__ns__", ns$f), vue.provide("__emit__", emit), 
+            vue.provide("options", _config.value), vue.provide("__ns__", ns$g), vue.provide("__emit__", emit), 
             vue.provide("__slots__", slots);
             const updateOptions = cfg => {
                 _config.value = mergeWith(_config.value, cfg, customizerCoverArray), updateThemeColorCssVar(_config.value?.setting), 
@@ -3081,14 +3041,14 @@
             const _activeSlots = {};
             for (const key in slots) Object.prototype.hasOwnProperty.call(slots, key) && (_activeSlots[key] = () => slots[key]?.());
             return vue.createVNode("div", {
-                class: [ ns$f.b(), props.className ],
+                class: [ ns$g.b(), props.className ],
                 style: props.style
             }, [ vue.h(activeLayout.value, {}, {
                 ..._activeSlots
             }) ]);
         }
-    })), ns$e = useNamespace("tabs");
-    var Element$9 = vue.defineComponent({
+    })), ns$f = useNamespace("tabs");
+    var Element$a = vue.defineComponent({
         name: "NextTabs",
         props: {
             activeTab: {
@@ -3139,10 +3099,12 @@
                 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.name && (to = {
+                    name: tab.name,
+                    params: tab.params || {}
+                }), router.push(to), emit("select", tab, index);
             };
             vue.watch((() => router.currentRoute?.value), (to => {
                 const {tagTitle: tagTitle} = to.query, activeRoute = {
@@ -3157,12 +3119,12 @@
                 tabsView.value.push(activeRoute)), emit("change", activeIndex.value, tabsView.value, "add");
             }));
             const renderContent = () => vue.createVNode("nav", {
-                class: ns$e.b()
+                class: ns$f.b()
             }, [ vue.createVNode(elementPlus.ElScrollbar, null, {
                 default: () => [ vue.createVNode("ul", {
-                    class: ns$e.b("list")
+                    class: ns$f.b("list")
                 }, [ tabsView.value.map(((tab, index) => tab ? vue.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)
                 }, [ vue.createVNode("i", {
                     class: [ "tab-icon", tab.meta?.icon ]
@@ -3172,11 +3134,14 @@
                         const active = _activeTab.value;
                         if (active === tab.path) {
                             const prevTag = tabsView.value[index - 1];
-                            router.push({
-                                path: prevTag.path,
-                                query: prevTag.query || {},
-                                params: prevTag.params || {}
-                            }), emit("close", prevTag, tabsView.value);
+                            let to = {
+                                path: tab.path,
+                                query: tab.query || {}
+                            };
+                            tab.name && (to = {
+                                name: tab.name,
+                                params: tab.params || {}
+                            }), router.push(to), emit("close", prevTag, tabsView.value);
                         }
                         tabsView.value.splice(index, 1);
                         const i = tabsView.value.findIndex((v => v.path === active)) || 0;
@@ -3193,11 +3158,11 @@
                 onCommand: onChange
             }, {
                 default: () => vue.createVNode("span", {
-                    class: ns$e.b("tab-more")
+                    class: ns$f.b("tab-more")
                 }, [ vue.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), vue.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: () => vue.createVNode(elementPlus.ElDropdownMenu, null, {
                     default: () => [ vue.createVNode(elementPlus.ElDropdownItem, {
@@ -3230,7 +3195,7 @@
             return () => vue.createVNode(vue.Fragment, null, [ renderContent() ]);
         }
     });
-    const NextTabs = withInstall(Element$9), ns$d = useNamespace("container");
+    const NextTabs = withInstall(Element$a), ns$e = useNamespace("container");
     const NextContainer = withInstall(vue.defineComponent({
         name: "NextContainer",
         props: {
@@ -3268,18 +3233,18 @@
                 }), style;
             }));
             return () => props.scrollbar ? vue.createVNode(elementPlus.ElScrollbar, {
-                class: [ ns$d.b(), props.className ],
+                class: [ ns$e.b(), props.className ],
                 style: props.style
             }, {
                 default: () => [ slots.default?.() ]
             }) : vue.createVNode("div", {
-                class: [ ns$d.b(), props.className ],
+                class: [ ns$e.b(), props.className ],
                 style: {
                     ...styles.value,
                     ...props.style
                 }
             }, [ props.card ? vue.createVNode("div", {
-                class: ns$d.b("card")
+                class: ns$e.b("card")
             }, [ slots.default?.() ]) : slots.default?.() ]);
         }
     }));
@@ -3401,7 +3366,7 @@
         formSpan: 12,
         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 = vue.defineComponent({
         name: "NextSpinLoading",
         props: {
@@ -3435,22 +3400,22 @@
             const _t = this.t, slots = this.$slots, props = this.$props, loadingText = props.tip || _t("next.loading");
             return vue.createVNode("div", {
                 ref: "elementInstance",
-                class: [ ns$c.b(), props.className ],
+                class: [ ns$d.b(), props.className ],
                 style: props.style
             }, [ slots.default?.(), props.loading ? vue.createVNode("div", {
-                class: ns$c.b("mask")
+                class: ns$d.b("mask")
             }, [ vue.createVNode("span", {
-                class: ns$c.b("mask-dot")
+                class: ns$d.b("mask-dot")
             }, [ vue.createVNode("i", {
-                class: ns$c.be("mask", "dot-item")
+                class: ns$d.be("mask", "dot-item")
             }, null), vue.createVNode("i", {
-                class: ns$c.be("mask", "dot-item")
+                class: ns$d.be("mask", "dot-item")
             }, null), vue.createVNode("i", {
-                class: ns$c.be("mask", "dot-item")
+                class: ns$d.be("mask", "dot-item")
             }, null), vue.createVNode("i", {
-                class: ns$c.be("mask", "dot-item")
+                class: ns$d.be("mask", "dot-item")
             }, null) ]), vue.createVNode("span", {
-                class: ns$c.be("mask", "text")
+                class: ns$d.be("mask", "text")
             }, [ loadingText ]) ]) : null ]);
         }
     }), SearchColumn = vue.defineComponent({
@@ -3662,13 +3627,15 @@
                     "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 ? vue.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 () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(vue.Fragment, null, [ columns.value.map((col => !col.hide && vue.createVNode(elementPlus.ElCol, {
@@ -4171,7 +4138,7 @@
             }, null) ]);
         }
     });
-    const ns$b = useNamespace("dialog");
+    const ns$c = useNamespace("dialog");
     var NextDialog$1 = vue.defineComponent({
         name: "NextDialog",
         props: {
@@ -4252,7 +4219,7 @@
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(elementPlus.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,
@@ -4270,12 +4237,12 @@
             }, {
                 default: () => [ slots.default?.() ],
                 header: ({close: close, titleId: titleId, titleClass: titleClass}) => vue.createVNode("div", {
-                    class: ns$b.b("header")
+                    class: ns$c.b("header")
                 }, [ vue.createVNode("h4", {
                     id: titleId,
                     class: titleClass
                 }, [ props.title ]), vue.createVNode("div", {
-                    class: ns$b.e("header-right")
+                    class: ns$c.e("header-right")
                 }, [ props.fullscreenBtn && vue.createVNode("span", {
                     class: "icon-fullscreen",
                     onClick: () => isFullscreen.value = !isFullscreen.value
@@ -4321,7 +4288,7 @@
         submitText: null,
         resetText: null
     };
-    const ns$a = useNamespace("form");
+    const ns$b = useNamespace("form");
     var NumberRangePicker = vue.defineComponent({
         name: "NumberRangePicker",
         props: {
@@ -4360,7 +4327,7 @@
             }));
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
                 ref: numberRangeRef,
-                class: ns$a.e("number-range")
+                class: ns$b.e("number-range")
             }, [ vue.createVNode(elementPlus.ElInputNumber, {
                 modelValue: startNumber.value,
                 "onUpdate:modelValue": $event => startNumber.value = $event,
@@ -4370,7 +4337,7 @@
                 disabled: disabled,
                 onChange: onChangeStart
             }, null), vue.createVNode("span", {
-                class: ns$a.em("number-range", "division")
+                class: ns$b.em("number-range", "division")
             }, [ t("next.date.rangeSeparator") ]), vue.createVNode(elementPlus.ElInputNumber, {
                 modelValue: endNumber.value,
                 "onUpdate:modelValue": $event => endNumber.value = $event,
@@ -4386,7 +4353,7 @@
     function _isSlot$3(s) {
         return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
     }
-    const ns$9 = useNamespace("form"), InputTableSelect = vue.defineComponent({
+    const ns$a = useNamespace("form"), InputTableSelect = vue.defineComponent({
         name: "NextInputTableSelect",
         props: {
             modelValue: {
@@ -4418,7 +4385,7 @@
         },
         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 = vue.reactive({
@@ -4504,18 +4471,18 @@
             }, renderContent = () => {
                 let _slot, _slot2;
                 return vue.createVNode(vue.Fragment, null, [ vue.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) ]
                 }, [ vue.createVNode("div", {
                     class: "el-input__wrapper"
                 }, [ tags?.value.length ? vue.createVNode("span", {
-                    class: ns$9.em("input-table", "value")
+                    class: ns$a.em("input-table", "value")
                 }, [ tags.value.map(((tag, index) => vue.createVNode(elementPlus.ElTag, {
                     closable: !_closable,
                     onClose: () => _onCloseTag(0, index)
                 }, {
                     default: () => [ tag.label ]
                 }))), tagsMore?.value?.length ? vue.createVNode(elementPlus.ElTooltip, {
-                    "popper-class": ns$9.e("tooltip-tags"),
+                    "popper-class": ns$a.e("tooltip-tags"),
                     placement: "bottom",
                     effect: "light"
                 }, {
@@ -4529,10 +4496,10 @@
                         default: () => [ tag.label ]
                     })))
                 }) : null ]) : vue.createVNode("span", {
-                    class: ns$9.em("input-table", "placeholder")
+                    class: ns$a.em("input-table", "placeholder")
                 }, [ _placeholder ]) ]), vue.createVNode(elementPlus.ElButton, {
                     type: "primary",
-                    class: ns$9.em("input-table", "append"),
+                    class: ns$a.em("input-table", "append"),
                     disabled: _disabled,
                     icon: search_default,
                     onClick: onClickTableDialog
@@ -4547,7 +4514,7 @@
                     onClose: onCloseTableDialog
                 }, {
                     default: () => [ vue.createVNode("div", {
-                        class: ns$9.em("input-table", "content")
+                        class: ns$a.em("input-table", "content")
                     }, [ "checkbox" === _options.selectType ? vue.createVNode(elementPlus.ElCheckboxGroup, {
                         modelValue: _multipleSelection.value
                     }, {
@@ -4591,7 +4558,7 @@
                             }) ]
                         }) ]
                     }) ]), vue.createVNode("div", {
-                        class: ns$9.em("input-table", "footer")
+                        class: ns$a.em("input-table", "footer")
                     }, [ vue.createVNode(elementPlus.ElButton, {
                         onClick: onResetTableSelect
                     }, _isSlot$3(_slot = t("next.form.reset")) ? _slot : {
@@ -4607,7 +4574,7 @@
             };
             return () => vue.createVNode(vue.Fragment, null, [ renderContent() ]);
         }
-    }), ns$8 = useNamespace("form");
+    }), ns$9 = useNamespace("form");
     var UploadImage = vue.defineComponent({
         name: "UploadImage",
         props: {
@@ -4663,7 +4630,7 @@
                 let urls = [];
                 return "string" == typeof value ? urls = [ value ] : "[object Array]" === Object.prototype.toString.call(value) && (urls = value), 
                 urls = urls.filter((url => !!url)), urls.length ? vue.createVNode(elementPlus.ElImage, {
-                    class: ns$8.e("preview-image"),
+                    class: ns$9.e("preview-image"),
                     src: urls[0],
                     previewSrcList: urls,
                     "preview-teleported": !0,
@@ -4678,7 +4645,7 @@
                     })
                 }) : null;
             })(), _disabled ? null : vue.createVNode(elementPlus.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,
@@ -4868,8 +4835,8 @@
     function _isSlot$2(s) {
         return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
     }
-    const ns$7 = useNamespace("form");
-    var Element$7 = vue.defineComponent({
+    const ns$8 = useNamespace("form");
+    var Element$8 = vue.defineComponent({
         name: "NextForm",
         props: {
             options: {
@@ -4887,7 +4854,7 @@
         },
         emits: [ "submit", "close", "reset" ],
         setup(props, {slots: slots, emit: emit, expose: expose}) {
-            const _config = deepClone(defaultConfig$3), options = vue.reactive(merge$1(_config, props.options)), _isEditing = vue.computed((() => "boolean" != typeof options.isEditing || options.isEditing)), {t: t} = useLocale(), colSpan = vue.ref(options.colSpan), formDatum = vue.reactive(props.formDatum) || {}, formParams = vue.reactive(merge$1({}, formDatum)), _formColumns = vue.ref([]), formRules = vue.reactive({});
+            const _config = deepClone(defaultConfig$3), options = vue.reactive(merge(_config, props.options)), _isEditing = vue.computed((() => "boolean" != typeof options.isEditing || options.isEditing)), {t: t} = useLocale(), colSpan = vue.ref(options.colSpan), formDatum = vue.reactive(props.formDatum) || {}, formParams = vue.reactive(merge({}, formDatum)), _formColumns = vue.ref([]), formRules = vue.reactive({});
             vue.watch((() => [ props.columns, props.formDatum ]), (() => {
                 (() => {
                     const columns = props.columns;
@@ -5275,7 +5242,7 @@
                     let _slot;
                     return vue.createVNode(elementPlus.ElForm, {
                         ref: ruleFormRef,
-                        class: ns$7.b(),
+                        class: ns$8.b(),
                         inline: !1,
                         model: formParams,
                         size: options.size
@@ -5295,7 +5262,7 @@
                             }, {
                                 label: () => column.label ? vue.createVNode(vue.Fragment, null, [ vue.createVNode(NextTextEllipsis, {
                                     content: t(column.label),
-                                    class: ns$7.e("item-label")
+                                    className: ns$8.e("item-label")
                                 }, null), column.tip ? vue.createVNode(elementPlus.ElTooltip, {
                                     effect: "dark",
                                     content: column.tip,
@@ -5315,7 +5282,7 @@
                         })))) ? _slot : {
                             default: () => [ _slot ]
                         }), _isEditing.value && options.showFooter ? vue.createVNode("div", {
-                            class: ns$7.e("footer")
+                            class: ns$8.e("footer")
                         }, [ vue.createVNode(elementPlus.ElButton, {
                             type: "primary",
                             loading: submitLoading.value,
@@ -5334,7 +5301,7 @@
             };
         }
     });
-    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 = vue.defineComponent({
         name: "AddEditForm",
         props: {
@@ -5388,17 +5355,17 @@
     function _isSlot(s) {
         return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
     }
-    const ns$6 = useNamespace("crud-table");
-    var Element$6 = vue.defineComponent({
+    const ns$7 = useNamespace("crud-table");
+    var Element$7 = vue.defineComponent({
         name: "NextCrudTable",
         props: defaultPropsConfig,
         emits: [ "confirm-search", "clear-search", "change-pagination", "selection-change", "row-click", "row-contextmenu", "row-dblclick", "cell-click", "cell-dblclick", "cell-contextmenu", "cell-mouse-enter", "cell-mouse-leave", "expand-change", "click-add-edit", "close-add-edit", "view-add-edit", "delete-rows", "delete-row", "submit-form" ],
         setup(props, {emit: emit, slots: slots, expose: expose}) {
             const _config = deepClone(defaultConfig$4), _options = vue.computed((() => {
                 const cfg = vue.unref(props.options);
-                return merge$1(_config, cfg);
+                return merge(_config, cfg);
             })), options = vue.unref(_options);
-            vue.provide("options", vue.computed((() => _options.value))), vue.provide("ns", ns$6);
+            vue.provide("options", vue.computed((() => _options.value))), vue.provide("ns", ns$7);
             const {t: t} = useLocale(), _columns = vue.ref(options.columns), _searchColumns = vue.ref([]), _formColumns = vue.ref([]), _updateColumnsAll = ops => {
                 ((options, cb) => {
                     const _columns = vue.reactive(options.columns), _loadDicData = col => {
@@ -5494,7 +5461,8 @@
                             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;
@@ -5643,11 +5611,11 @@
             });
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
                 ref: crudTableRef,
-                class: [ ns$6.b(), props.className ],
+                class: [ ns$7.b(), props.className ],
                 style: props.style
             }, [ options.showSearchForm || options.showHeaderMenu ? vue.createVNode("header", {
                 ref: headerRef,
-                class: ns$6.b("header")
+                class: ns$7.b("header")
             }, [ options.showSearchForm && vue.createVNode(HeaderSearch, {
                 columns: _searchColumns.value,
                 onZoomResize: updateTableContentHeight,
@@ -5666,7 +5634,7 @@
             }, {
                 default: () => [ vue.createVNode("div", {
                     ref: tableRef,
-                    class: ns$6.b("content")
+                    class: ns$7.b("content")
                 }, [ vue.createVNode(elementPlus.ElTable, {
                     data: tableData.value,
                     height: tableContentHeight.value,
@@ -5695,7 +5663,14 @@
                     "onCell-mouse-leave": (...arg) => emit("cell-mouse-leave", ...arg),
                     "onExpand-change": (...arg) => emit("expand-change", ...arg)
                 }, {
-                    default: () => [ options.index ? vue.createVNode(elementPlus.ElTableColumn, {
+                    default: () => [ options.selection ? vue.createVNode(elementPlus.ElTableColumn, {
+                        type: "selection",
+                        fixed: "left",
+                        label: t("next.table.selectionAll"),
+                        width: 55,
+                        headerAlign: options.headerAlign,
+                        align: options.cellAlign
+                    }, null) : null, options.index ? vue.createVNode(elementPlus.ElTableColumn, {
                         type: "index",
                         label: "#",
                         width: _sortNumberMinWidth.value,
@@ -5703,13 +5678,6 @@
                         fixed: "left",
                         headerAlign: options.headerAlign,
                         align: options.cellAlign
-                    }, null) : null, options.selection ? vue.createVNode(elementPlus.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 => vue.createVNode(TableColumnDynamic, {
                         columnOption: col,
                         key: col.prop
@@ -5729,7 +5697,7 @@
                 }) ]) ]
             }), options.isPagination ? vue.createVNode("div", {
                 ref: footerRef,
-                class: ns$6.b("footer")
+                class: ns$7.b("footer")
             }, [ vue.createVNode(FooterPagination, {
                 page: props.page,
                 onChange: onChangePagination
@@ -5755,7 +5723,7 @@
             }) ]) ]) ]);
         }
     });
-    const NextCrudTable = withInstall(Element$6);
+    const NextCrudTable = withInstall(Element$7);
     var propsConfig = {
         className: {
             type: String,
@@ -5786,14 +5754,14 @@
             })
         }
     }, defaultConfig$2 = {};
-    const ns$5 = useNamespace("crud-table-virtualized");
+    const ns$6 = useNamespace("crud-table-virtualized");
     const NextCrudTableVirtualized = withInstall(vue.defineComponent({
         name: "NextCrudTableVirtualized",
         props: propsConfig,
         setup(props, {emit: emit}) {
             const _config = deepClone(defaultConfig$2), _options = vue.computed((() => {
                 const cfg = vue.unref(props.options);
-                return merge$1(_config, cfg);
+                return merge(_config, cfg);
             })), options = vue.unref(_options);
             vue.provide("options", vue.computed((() => _options.value)));
             const {t: t} = useLocale(), addEditDialog = vue.reactive({
@@ -5806,7 +5774,7 @@
                 emit("close-add-edit");
             };
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
-                class: [ ns$5.b(), props.className ]
+                class: [ ns$6.b(), props.className ]
             }, [ vue.createVNode(NextSpinLoading, null, null), vue.createVNode(NextDialog, {
                 modelValue: addEditDialog.visible,
                 "onUpdate:modelValue": $event => addEditDialog.visible = $event,
@@ -5817,7 +5785,7 @@
                 onClose: onCloseAddEditDialog
             }, null) ]) ]);
         }
-    })), NextSpinLoading = withInstall(NextSpinLoading$1), ns$4 = useNamespace("upload");
+    })), NextSpinLoading = withInstall(NextSpinLoading$1), ns$5 = useNamespace("upload");
     const NextUpload = withInstall(vue.defineComponent({
         name: "NextUpload",
         props: {
@@ -5851,7 +5819,7 @@
             const slots = this.$slots, props = this.$props, emit = this.$emit, _t = this.t, uploadfilesPreview = vue.ref([]), body = document.getElementsByTagName("body")[0];
             let previewImagesContainer = null;
             return vue.createVNode(elementPlus.ElUpload, {
-                class: [ ns$4.b(), props.className ],
+                class: [ ns$5.b(), props.className ],
                 style: props.style,
                 "list-type": props.listType,
                 "auto-upload": !1,
@@ -5893,8 +5861,8 @@
                 })
             });
         }
-    })), ns$3 = useNamespace("video-player");
-    var Element$3 = vue.defineComponent({
+    })), ns$4 = useNamespace("video-player");
+    var Element$4 = vue.defineComponent({
         name: "NextVideoPlayer",
         props: {
             className: {
@@ -5967,7 +5935,7 @@
                 if (!classNames || !classNames.length) throw new Error("模型类别不能未空！");
                 container.innerHTML = "", tf__namespace.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;
@@ -6138,16 +6106,35 @@
             });
             return () => vue.createVNode(vue.Fragment, null, [ vue.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(vue.defineComponent({
         name: "NextDragResize",
         props: {},
         setup: () => () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(vue.Fragment, null, null) ])
+    })), ns$3 = useNamespace("container");
+    const NextCarousel = withInstall(vue.defineComponent({
+        name: "NextCarousel",
+        props: {
+            className: {
+                type: String,
+                default: ""
+            },
+            style: {
+                type: Object,
+                default: () => ({})
+            }
+        },
+        setup: (props, {slots: slots}) => () => vue.createVNode("div", {
+            class: [ ns$3.b(), props.className ],
+            style: {
+                ...props.style
+            }
+        }, [ slots.default?.() ])
     }));
     var ToolHeader = vue.defineComponent({
         props: {
@@ -6698,7 +6685,7 @@
                     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;
@@ -6783,7 +6770,6 @@
                             canvasWidth: canvasWidth,
                             canvasHeight: canvasHeight,
                             labels: labels.value,
-                            scaleFactor: scaleFactor,
                             scaleOffset: scaleTranslateManager.scaleTranslate
                         });
                         drawBaseCanvas.value.updateLabels = updateLabels, drawBaseCanvas.value.addDrawRect = addDrawRect, 
@@ -7129,7 +7115,7 @@
         setup(props, {emit: emit, slots: slots, expose: expose}) {
             const {t: t} = useLocale(), _config = deepClone(defaultConfig$1), _options = vue.computed((() => {
                 const cfg = vue.unref(props.options);
-                return merge$1(_config, cfg);
+                return merge(_config, cfg);
             })), options = vue.unref(_options);
             vue.provide("ns", ns$2), vue.provide("_emit", emit);
             const activateNodeIndex = vue.ref(0), classes = vue.ref(props.classes), labelImages = vue.ref(deepClone(props.data));
@@ -8063,7 +8049,7 @@
         setup(props, {emit: emit, slots: slots}) {
             const _config = deepClone(defaultConfig), _options = vue.computed((() => {
                 const cfg = vue.unref(props.options);
-                return merge$1(_config, cfg);
+                return merge(_config, cfg);
             })), options = vue.unref(_options);
             vue.provide("ns", ns);
             const {t: t} = useLocale(), activateNodeIndex = vue.ref(0), classes = vue.ref(props.classes), labelImages = vue.ref(deepClone(props.data));
@@ -8222,6 +8208,7 @@
     const NextLabelme = withInstall(Element);
     var components = Object.freeze({
         __proto__: null,
+        NextCarousel: NextCarousel,
         NextContainer: NextContainer,
         NextCrudTable: NextCrudTable,
         NextCrudTableVirtualized: NextCrudTableVirtualized,
@@ -8283,21 +8270,21 @@
         })(app);
     };
     var index = {
-        version: "0.5.2",
+        version: "0.5.4",
         install: install
     };
-    exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, exports.NextCrudTableVirtualized = NextCrudTableVirtualized, 
-    exports.NextDialog = NextDialog, exports.NextDragResize = NextDragResize, exports.NextForm = NextForm, 
-    exports.NextInputTableSelect = NextInputTableSelect, exports.NextLabelimg = NextLabelimg, 
-    exports.NextLabelimgPreview = NextLabelimgPreview, exports.NextLabelme = NextLabelme, 
-    exports.NextLayout = NextLayout, exports.NextMenu = NextMenu, exports.NextSpinLoading = NextSpinLoading, 
-    exports.NextTabs = NextTabs, exports.NextTextEllipsis = NextTextEllipsis, exports.NextTreeCascader = NextTreeCascader, 
-    exports.NextTreeSelect = NextTreeSelect, exports.NextUpload = NextUpload, exports.NextVideoPlayer = NextVideoPlayer, 
-    exports.buildLocaleContext = buildLocaleContext, exports.buildTranslator = buildTranslator, 
-    exports.default = index, exports.defaultNamespace = "next", exports.install = install, 
-    exports.localeContextKey = localeContextKey, exports.localeLang = localeLang, exports.namespaceContextKey = namespaceContextKey, 
-    exports.nextUseCssTheme = nextUseCssTheme, exports.nextUseCssVar = nextUseCssVar, 
-    exports.translate = translate, exports.updateThemeColor = color => {
+    exports.NextCarousel = NextCarousel, exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, 
+    exports.NextCrudTableVirtualized = NextCrudTableVirtualized, exports.NextDialog = NextDialog, 
+    exports.NextDragResize = NextDragResize, exports.NextForm = NextForm, exports.NextInputTableSelect = NextInputTableSelect, 
+    exports.NextLabelimg = NextLabelimg, exports.NextLabelimgPreview = NextLabelimgPreview, 
+    exports.NextLabelme = NextLabelme, exports.NextLayout = NextLayout, exports.NextMenu = NextMenu, 
+    exports.NextSpinLoading = NextSpinLoading, exports.NextTabs = NextTabs, exports.NextTextEllipsis = NextTextEllipsis, 
+    exports.NextTreeCascader = NextTreeCascader, exports.NextTreeSelect = NextTreeSelect, 
+    exports.NextUpload = NextUpload, exports.NextVideoPlayer = NextVideoPlayer, exports.buildLocaleContext = buildLocaleContext, 
+    exports.buildTranslator = buildTranslator, exports.default = index, exports.defaultNamespace = "next", 
+    exports.install = install, exports.localeContextKey = localeContextKey, exports.localeLang = localeLang, 
+    exports.namespaceContextKey = namespaceContextKey, exports.nextUseCssTheme = nextUseCssTheme, 
+    exports.nextUseCssVar = nextUseCssVar, exports.translate = translate, exports.updateThemeColor = color => {
         color && nextUseCssTheme("--el-color-primary", color);
     }, exports.updateThemeColorCssVar = updateThemeColorCssVar, exports.useDetectVideo = () => ({
         detectVideoFrameImage: ({container: container, video: video, modelUrl: modelUrl, classNames: classNames, classInput: classInput = []}, success, error) => modelUrl ? classNames ? void tf__namespace.loadGraphModel(modelUrl).then((model => {
@@ -8331,7 +8318,7 @@
     }), exports.useGetDerivedNamespace = useGetDerivedNamespace, exports.useLanguage = (locale, lang) => {
         const localeRef = vue.isRef(locale) ? locale : vue.ref(locale), nextLang = localeLang[lang] || localeLang["zh-cn"];
         localeRef.value.name = lang, localeRef.value.next = nextLang.next;
-    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.5.2", 
+    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.5.4", 
     Object.defineProperty(exports, "__esModule", {
         value: !0
     });