beyond-webui 1.0.98 → 1.1.1

package/dist/index.full.js

@@ -114,8 +114,7 @@
   var _a;
   const isClient = typeof window !== "undefined";
   const isDef = (val) => typeof val !== "undefined";
-  const isBoolean$1 = (val) => typeof val === "boolean";
-  const isNumber$1 = (val) => typeof val === "number";
+  const isNumber$2 = (val) => typeof val === "number";
   const isString$2 = (val) => typeof val === "string";
   const noop$1 = () => {
   };
@@ -643,6 +642,8 @@
     return { width, height };
   }
 
+  const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
+
   const isInContainer = (el, container) => {
     if (!isClient || !el || !container)
       return false;
@@ -4698,7 +4699,7 @@
   var isArrayBuffer = nodeIsArrayBuffer ? baseUnary(nodeIsArrayBuffer) : baseIsArrayBuffer;
 
   var boolTag = "[object Boolean]";
-  function isBoolean(value) {
+  function isBoolean$1(value) {
     return value === true || value === false || isObjectLike(value) && baseGetTag(value) == boolTag;
   }
 
@@ -4769,12 +4770,12 @@
   }
 
   var numberTag = "[object Number]";
-  function isNumber(value) {
+  function isNumber$1(value) {
     return typeof value == "number" || isObjectLike(value) && baseGetTag(value) == numberTag;
   }
 
   function isNaN$1(value) {
-    return isNumber(value) && value != +value;
+    return isNumber$1(value) && value != +value;
   }
 
   var isMaskable = coreJsData ? isFunction : stubFalse;
@@ -6746,7 +6747,7 @@
     isArrayBuffer,
     isArrayLike,
     isArrayLikeObject,
-    isBoolean,
+    isBoolean: isBoolean$1,
     isBuffer,
     isDate,
     isElement: isElement$2,
@@ -6765,7 +6766,7 @@
     isNative,
     isNil,
     isNull,
-    isNumber,
+    isNumber: isNumber$1,
     isObject,
     isObjectLike,
     isPlainObject,
@@ -7534,6 +7535,8 @@
    */
 
   const isUndefined = (val) => val === void 0;
+  const isBoolean = (val) => typeof val === "boolean";
+  const isNumber = (val) => typeof val === "number";
   const isEmpty = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
   const isElement$1 = (e) => {
     if (typeof Element === "undefined")
@@ -7616,7 +7619,7 @@
   function addUnit(value, defaultUnit = "px") {
     if (!value)
       return "";
-    if (isNumber$1(value) || isStringNumber(value)) {
+    if (isNumber(value) || isStringNumber(value)) {
       return `${value}${defaultUnit}`;
     } else if (isString$1(value)) {
       return value;
@@ -7717,7 +7720,7 @@
   var _sfc_main6 = {
     name: "ArrowDown"
   };
-  var _hoisted_16$1 = {
+  var _hoisted_16$2 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -7729,13 +7732,13 @@
     _hoisted_26
   ];
   function _sfc_render6(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_16$1, _hoisted_36);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_16$2, _hoisted_36);
   }
   var arrow_down_default = /* @__PURE__ */ export_helper_default(_sfc_main6, [["render", _sfc_render6], ["__file", "arrow-down.vue"]]);
   var _sfc_main8 = {
     name: "ArrowLeft"
   };
-  var _hoisted_18$1 = {
+  var _hoisted_18$2 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -7747,7 +7750,7 @@
     _hoisted_28
   ];
   function _sfc_render8(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_18$1, _hoisted_38);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_18$2, _hoisted_38);
   }
   var arrow_left_default = /* @__PURE__ */ export_helper_default(_sfc_main8, [["render", _sfc_render8], ["__file", "arrow-left.vue"]]);
   var _sfc_main10 = {
@@ -8762,9 +8765,7 @@
     return Array.isArray(arr) ? arr : [arr];
   };
 
-  const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
-
-  const isKorean = (text) => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(text);
+  const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
 
   const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
   const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
@@ -9469,7 +9470,7 @@
         }
       };
       const onChange = (val) => {
-        if (!isBoolean$1(val))
+        if (!isBoolean(val))
           return;
         if (props.disabled && val) {
           if (hasUpdateHandler.value) {
@@ -9943,7 +9944,7 @@
       registerTimeout(() => {
         open(event);
         const _autoClose = vue.unref(autoClose);
-        if (isNumber$1(_autoClose) && _autoClose > 0) {
+        if (isNumber(_autoClose) && _autoClose > 0) {
           registerTimeoutForAutoClose(() => {
             close(event);
           }, _autoClose);
@@ -9991,7 +9992,7 @@
     const zIndexInjection = zIndexOverrides || vue.inject(zIndexContextKey, void 0);
     const initialZIndex = vue.computed(() => {
       const zIndexFromInjection = vue.unref(zIndexInjection);
-      return isNumber$1(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
+      return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
     });
     const currentZIndex = vue.computed(() => initialZIndex.value + zIndex.value);
     const nextZIndex = () => {
@@ -11276,8 +11277,8 @@
     }
   });
   const affixEmits = {
-    scroll: ({ scrollTop, fixed }) => isNumber$1(scrollTop) && isBoolean$1(fixed),
-    [CHANGE_EVENT]: (fixed) => isBoolean$1(fixed)
+    scroll: ({ scrollTop, fixed }) => isNumber(scrollTop) && isBoolean(fixed),
+    [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
   };
 
   var _export_sfc = (sfc, props) => {
@@ -11689,7 +11690,7 @@
     scrollToError: Boolean
   });
   const formEmits = {
-    validate: (prop, isValid, message) => (isArray$1(prop) || isString$1(prop)) && isBoolean$1(isValid) && isString$1(message)
+    validate: (prop, isValid, message) => (isArray$1(prop) || isString$1(prop)) && isBoolean(isValid) && isString$1(message)
   };
 
   function useFormLabelWidth() {
@@ -13045,7 +13046,7 @@
     }
   });
 
-  const _hoisted_1$13 = ["role", "aria-labelledby"];
+  const _hoisted_1$12 = ["role", "aria-labelledby"];
   const __default__$1y = vue.defineComponent({
     name: "ElFormItem"
   });
@@ -13100,7 +13101,7 @@
         (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
         { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
       ]);
-      const _inlineMessage = vue.computed(() => isBoolean$1(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
+      const _inlineMessage = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
       const validateClasses = vue.computed(() => [
         ns.e("error"),
         { [ns.em("error", "inline")]: _inlineMessage.value }
@@ -13341,7 +13342,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$13);
+        ], 10, _hoisted_1$12);
       };
     }
   });
@@ -13405,7 +13406,7 @@
     }
     hiddenTextarea.value = "";
     const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-    if (isNumber$1(minRows)) {
+    if (isNumber(minRows)) {
       let minHeight = singleRowHeight * minRows;
       if (boxSizing === "border-box") {
         minHeight = minHeight + paddingSize + borderSize;
@@ -13413,7 +13414,7 @@
       height = Math.max(minHeight, height);
       result.minHeight = `${minHeight}px`;
     }
-    if (isNumber$1(maxRows)) {
+    if (isNumber(maxRows)) {
       let maxHeight = singleRowHeight * maxRows;
       if (boxSizing === "border-box") {
         maxHeight = maxHeight + paddingSize + borderSize;
@@ -13557,10 +13558,10 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$12 = ["role"];
+  const _hoisted_1$11 = ["role"];
   const _hoisted_2$G = { class: "el-input__preStar" };
-  const _hoisted_3$n = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-  const _hoisted_4$f = /* @__PURE__ */ vue.createElementVNode("svg", {
+  const _hoisted_3$p = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
+  const _hoisted_4$g = /* @__PURE__ */ vue.createElementVNode("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
@@ -13837,7 +13838,7 @@
           (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
         }
       });
-      vue.watch(nativeInputValue, () => setNativeInputValue());
+      vue.watch(nativeInputValue, () => setNativeInputValue(true));
       vue.watch(() => props.type, async () => {
         await vue.nextTick();
         setNativeInputValue();
@@ -13892,7 +13893,10 @@
             default: vue.withCtx(() => [
               _ctx.inputState || _ctx.isFloat && (focused.value || vue.unref(validateState) === "error" || !!vue.unref(nativeInputValue)) && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
-                class: vue.normalizeClass(["el-input__float", { "float-focused": focused.value || _ctx.inputState && _ctx.isEditMode }])
+                class: vue.normalizeClass(["el-input__float", {
+                  "transparent-bg": !_ctx.placeholder,
+                  "float-focused": focused.value || _ctx.inputState && _ctx.isEditMode
+                }])
               }, vue.toDisplayString(_ctx.placeholder), 3)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 1
@@ -13971,7 +13975,7 @@
                 onBlur: handleBlur,
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_3$n),
+              }), null, 16, _hoisted_3$p),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -14002,7 +14006,7 @@
                   }, {
                     default: vue.withCtx(() => [
                       vue.createCommentVNode("              <circle-close />"),
-                      _hoisted_4$f
+                      _hoisted_4$g
                     ]),
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
@@ -14080,7 +14084,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$12)), [
+        ], 16, _hoisted_1$11)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -14357,7 +14361,7 @@
     scroll: ({
       scrollTop,
       scrollLeft
-    }) => [scrollTop, scrollLeft].every(isNumber$1)
+    }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
@@ -14412,18 +14416,18 @@
       function scrollTo(arg1, arg2) {
         if (isObject$1(arg1)) {
           wrapRef.value.scrollTo(arg1);
-        } else if (isNumber$1(arg1) && isNumber$1(arg2)) {
+        } else if (isNumber(arg1) && isNumber(arg2)) {
           wrapRef.value.scrollTo(arg1, arg2);
         }
       }
       const setScrollTop = (value) => {
-        if (!isNumber$1(value)) {
+        if (!isNumber(value)) {
           return;
         }
         wrapRef.value.scrollTop = value;
       };
       const setScrollLeft = (value) => {
-        if (!isNumber$1(value)) {
+        if (!isNumber(value)) {
           return;
         }
         wrapRef.value.scrollLeft = value;
@@ -15927,7 +15931,7 @@
   });
   var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "content.vue"]]);
 
-  const _hoisted_1$11 = ["innerHTML"];
+  const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
   const __default__$1p = vue.defineComponent({
     name: "ElTooltip"
@@ -15962,7 +15966,7 @@
         open: show,
         close: hide
       });
-      const controlled = vue.computed(() => isBoolean$1(props.visible) && !hasUpdateHandler.value);
+      const controlled = vue.computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
       vue.provide(TOOLTIP_INJECTION_KEY, {
         controlled,
         id,
@@ -16069,7 +16073,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -16161,6 +16165,10 @@
     minValue: {
       type: Number,
       default: 0
+    },
+    needNoDataTip: {
+      type: Boolean,
+      default: false
     }
   });
   const autocompleteEmits = {
@@ -16173,10 +16181,10 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
-  const _hoisted_3$m = ["id", "aria-selected", "onClick"];
-  const _hoisted_4$e = {
+  const _hoisted_3$o = ["id", "aria-selected", "onClick"];
+  const _hoisted_4$f = {
     key: 1,
     class: "no-data"
   };
@@ -16212,7 +16220,7 @@
       const listboxId = vue.computed(() => ns.b(String(generateId())));
       const styles = vue.computed(() => rawAttrs.style);
       const suggestionVisible = vue.computed(() => {
-        const isValidData = props.minValue > 0 ? isArray$1(suggestions.value) : suggestions.value.length > 0;
+        const isValidData = props.minValue > 0 || props.needNoDataTip ? isArray$1(suggestions.value) : suggestions.value.length > 0;
         return (isValidData || loading.value) && activated.value;
       });
       const suggestionLoading = vue.computed(() => !props.hideLoading && loading.value);
@@ -16475,8 +16483,8 @@
                         vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                           vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                         ])
-                      ], 10, _hoisted_3$m);
-                    }), 128)) : (vue.openBlock(), vue.createElementBlock("li", _hoisted_4$e, vue.toDisplayString(emptyTip.value), 1))
+                      ], 10, _hoisted_3$o);
+                    }), 128)) : (vue.openBlock(), vue.createElementBlock("li", _hoisted_4$f, vue.toDisplayString(emptyTip.value), 1))
                   ], 64))
                 ]),
                 _: 3
@@ -16541,7 +16549,7 @@
                   ])
                 } : void 0
               ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-            ], 14, _hoisted_1$10)
+            ], 14, _hoisted_1$$)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -16557,7 +16565,7 @@
       type: [Number, String],
       values: componentSizes,
       default: "",
-      validator: (val) => isNumber$1(val)
+      validator: (val) => isNumber(val)
     },
     shape: {
       type: String,
@@ -16582,7 +16590,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$$ = ["src", "alt", "srcset"];
+  const _hoisted_1$_ = ["src", "alt", "srcset"];
   const __default__$1n = vue.defineComponent({
     name: "ElAvatar"
   });
@@ -16607,7 +16615,7 @@
       });
       const sizeStyle = vue.computed(() => {
         const { size } = props;
-        return isNumber$1(size) ? ns.cssVarBlock({
+        return isNumber(size) ? ns.cssVarBlock({
           size: addUnit(size) || ""
         }) : void 0;
       });
@@ -16631,7 +16639,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$$)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$_)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -16766,7 +16774,7 @@
     }
   });
 
-  const _hoisted_1$_ = ["textContent"];
+  const _hoisted_1$Z = ["textContent"];
   const __default__$1l = vue.defineComponent({
     name: "ElBadge"
   });
@@ -16779,7 +16787,7 @@
       const content = vue.computed(() => {
         if (props.isDot)
           return "";
-        if (isNumber$1(props.value) && isNumber$1(props.max)) {
+        if (isNumber(props.value) && isNumber(props.max)) {
           return props.max < props.value ? `${props.max}+` : `${props.value}`;
         }
         return `${props.value}`;
@@ -16805,7 +16813,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$_), [
+              }, null, 10, _hoisted_1$Z), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -16952,6 +16960,17 @@
       var _a, _b, _c;
       return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
     });
+    const _props = vue.computed(() => {
+      if (props.tag === "button") {
+        return {
+          ariaDisabled: _disabled.value || props.loading,
+          disabled: _disabled.value || props.loading,
+          autofocus: props.autofocus,
+          type: props.nativeType
+        };
+      }
+      return {};
+    });
     const shouldAddSpace = vue.computed(() => {
       var _a;
       const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -16975,6 +16994,7 @@
       _size,
       _type,
       _ref,
+      _props,
       shouldAddSpace,
       handleClick
     };
@@ -17024,6 +17044,10 @@
     autoInsertSpace: {
       type: Boolean,
       default: void 0
+    },
+    tag: {
+      type: definePropType([String, Object]),
+      default: "button"
     }
   });
   const buttonEmits = {
@@ -17957,7 +17981,6 @@
     });
   }
 
-  const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
   const __default__$1i = vue.defineComponent({
     name: "ElButton"
   });
@@ -17969,7 +17992,7 @@
       const props = __props;
       const buttonStyle = useButtonCustomStyle(props);
       const ns = useNamespace("button");
-      const { _ref, _size, _type, _disabled, shouldAddSpace, handleClick } = useButton(props, emit);
+      const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
       expose({
         ref: _ref,
         size: _size,
@@ -17978,10 +18001,11 @@
         shouldAddSpace
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("button", {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
           ref_key: "_ref",
-          ref: _ref,
-          class: vue.normalizeClass([
+          ref: _ref
+        }, vue.unref(_props), {
+          class: [
             vue.unref(ns).b(),
             vue.unref(ns).m(vue.unref(_type)),
             vue.unref(ns).m(vue.unref(_size)),
@@ -17993,37 +18017,36 @@
             vue.unref(ns).is("text", _ctx.text),
             vue.unref(ns).is("link", _ctx.link),
             vue.unref(ns).is("has-bg", _ctx.bg)
-          ]),
-          "aria-disabled": vue.unref(_disabled) || _ctx.loading,
-          disabled: vue.unref(_disabled) || _ctx.loading,
-          autofocus: _ctx.autofocus,
-          type: _ctx.nativeType,
-          style: vue.normalizeStyle(vue.unref(buttonStyle)),
-          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args))
-        }, [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).is("loading"))
-            }, {
+          ],
+          style: vue.unref(buttonStyle),
+          onClick: vue.unref(handleClick)
+        }), {
+          default: vue.withCtx(() => [
+            _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).is("loading"))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"]))
+            ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
               default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
               ]),
-              _: 1
-            }, 8, ["class"]))
-          ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
-            default: vue.withCtx(() => [
-              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
-            ]),
-            _: 3
-          })) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 2,
-            class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$Z);
+              _: 3
+            })) : vue.createCommentVNode("v-if", true),
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 2,
+              class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 2)) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 16, ["class", "style", "onClick"]);
       };
     }
   });
@@ -18624,55 +18647,43 @@
   });
 
   const _hoisted_1$Y = {
-    key: 1,
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    key: 0,
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
   };
-  const _hoisted_2$D = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_313_52985)" }, [
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M14 1.33333H12V0H10.6667V1.33333H5.33333V0H4V1.33333H2C1.46957 1.33333 0.960859 1.54405 0.585786 1.91912C0.210714 2.29419 0 2.8029 0 3.33333L0 16H16V3.33333C16 2.8029 15.7893 2.29419 15.4142 1.91912C15.0391 1.54405 14.5304 1.33333 14 1.33333ZM1.33333 3.33333C1.33333 3.15652 1.40357 2.98695 1.5286 2.86193C1.65362 2.7369 1.82319 2.66667 2 2.66667H14C14.1768 2.66667 14.3464 2.7369 14.4714 2.86193C14.5964 2.98695 14.6667 3.15652 14.6667 3.33333V5.33333H1.33333V3.33333ZM1.33333 14.6667V6.66667H14.6667V14.6667H1.33333Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M11.3333 8.66672H10V10.0001H11.3333V8.66672Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M8.66928 8.66672H7.33594V10.0001H8.66928V8.66672Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M5.99739 8.66672H4.66406V10.0001H5.99739V8.66672Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M11.3333 11.3334H10V12.6668H11.3333V11.3334Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M8.66928 11.3334H7.33594V12.6668H8.66928V11.3334Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M5.99739 11.3334H4.66406V12.6668H5.99739V11.3334Z" })
+  const _hoisted_2$D = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_307)" }, [
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2349 1.26428 15.1826 0 12 0V0ZM13 12.433L7.94701 15.6L6.88601 13.9L11 11.325V6H13V12.433Z" })
   ], -1);
-  const _hoisted_3$l = /* @__PURE__ */ vue.createElementVNode("defs", null, [
-    /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_313_52985" }, [
+  const _hoisted_3$n = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+    /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_1022_307" }, [
       /* @__PURE__ */ vue.createElementVNode("rect", {
-        width: "16",
-        height: "16",
+        width: "24",
+        height: "24",
         fill: "white"
       })
     ])
   ], -1);
-  const _hoisted_4$d = [
+  const _hoisted_4$e = [
     _hoisted_2$D,
-    _hoisted_3$l
+    _hoisted_3$n
   ];
   const _hoisted_5$9 = {
     key: 1,
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
   };
-  const _hoisted_6$3 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_313_52985)" }, [
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M14 1.33333H12V0H10.6667V1.33333H5.33333V0H4V1.33333H2C1.46957 1.33333 0.960859 1.54405 0.585786 1.91912C0.210714 2.29419 0 2.8029 0 3.33333L0 16H16V3.33333C16 2.8029 15.7893 2.29419 15.4142 1.91912C15.0391 1.54405 14.5304 1.33333 14 1.33333ZM1.33333 3.33333C1.33333 3.15652 1.40357 2.98695 1.5286 2.86193C1.65362 2.7369 1.82319 2.66667 2 2.66667H14C14.1768 2.66667 14.3464 2.7369 14.4714 2.86193C14.5964 2.98695 14.6667 3.15652 14.6667 3.33333V5.33333H1.33333V3.33333ZM1.33333 14.6667V6.66667H14.6667V14.6667H1.33333Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M11.3333 8.66672H10V10.0001H11.3333V8.66672Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M8.66928 8.66672H7.33594V10.0001H8.66928V8.66672Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M5.99739 8.66672H4.66406V10.0001H5.99739V8.66672Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M11.3333 11.3334H10V12.6668H11.3333V11.3334Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M8.66928 11.3334H7.33594V12.6668H8.66928V11.3334Z" }),
-    /* @__PURE__ */ vue.createElementVNode("path", { d: "M5.99739 11.3334H4.66406V12.6668H5.99739V11.3334Z" })
+  const _hoisted_6$3 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M24 10V24H0V10H24ZM24 8V5C24 4.20435 23.6839 3.44129 23.1213 2.87868C22.5587 2.31607 21.7956 2 21 2H18V0H16V2H8V0H6V2H3C2.20435 2 1.44129 2.31607 0.87868 2.87868C0.31607 3.44129 0 4.20435 0 5L0 8H24ZM18 14H16V16H18V14ZM13 14H11V16H13V14ZM8 14H6V16H8V14ZM18 18H16V20H18V18ZM13 18H11V20H13V18ZM8 18H6V20H8V18Z" })
   ], -1);
   const _hoisted_7$2 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
-    /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_313_52985" }, [
+    /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_1022_276" }, [
       /* @__PURE__ */ vue.createElementVNode("rect", {
-        width: "16",
-        height: "16",
+        width: "24",
+        height: "24",
         fill: "white"
       })
     ])
@@ -18682,19 +18693,61 @@
     _hoisted_7$2
   ];
   const _hoisted_9$2 = {
+    key: 0,
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+  const _hoisted_10$2 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_307)" }, [
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2349 1.26428 15.1826 0 12 0V0ZM13 12.433L7.94701 15.6L6.88601 13.9L11 11.325V6H13V12.433Z" })
+  ], -1);
+  const _hoisted_11$2 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+    /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_1022_307" }, [
+      /* @__PURE__ */ vue.createElementVNode("rect", {
+        width: "24",
+        height: "24",
+        fill: "white"
+      })
+    ])
+  ], -1);
+  const _hoisted_12$1 = [
+    _hoisted_10$2,
+    _hoisted_11$2
+  ];
+  const _hoisted_13$1 = {
     key: 1,
-    class: "time-float"
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
   };
-  const _hoisted_10$2 = {
+  const _hoisted_14$1 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M24 10V24H0V10H24ZM24 8V5C24 4.20435 23.6839 3.44129 23.1213 2.87868C22.5587 2.31607 21.7956 2 21 2H18V0H16V2H8V0H6V2H3C2.20435 2 1.44129 2.31607 0.87868 2.87868C0.31607 3.44129 0 4.20435 0 5L0 8H24ZM18 14H16V16H18V14ZM13 14H11V16H13V14ZM8 14H6V16H8V14ZM18 18H16V20H18V18ZM13 18H11V20H13V18ZM8 18H6V20H8V18Z" })
+  ], -1);
+  const _hoisted_15$1 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+    /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_1022_276" }, [
+      /* @__PURE__ */ vue.createElementVNode("rect", {
+        width: "24",
+        height: "24",
+        fill: "white"
+      })
+    ])
+  ], -1);
+  const _hoisted_16$1 = [
+    _hoisted_14$1,
+    _hoisted_15$1
+  ];
+  const _hoisted_17$1 = {
     key: 2,
     class: "el-input__preStar"
   };
-  const _hoisted_11$2 = /* @__PURE__ */ vue.createElementVNode("span", null, "*", -1);
-  const _hoisted_12$1 = [
-    _hoisted_11$2
+  const _hoisted_18$1 = /* @__PURE__ */ vue.createElementVNode("span", null, "*", -1);
+  const _hoisted_19$1 = [
+    _hoisted_18$1
   ];
-  const _hoisted_13$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const _hoisted_14$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_20$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_21$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const __default__$1g = vue.defineComponent({
     name: "Picker"
   });
@@ -19216,7 +19269,7 @@
                     onTouchstart: onTouchStartInput
                   }, {
                     default: vue.withCtx(() => [
-                      vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$d))
+                      vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$9, _hoisted_8$2))
                     ]),
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
@@ -19264,12 +19317,15 @@
                   onTouchstart: onTouchStartInput
                 }, {
                   default: vue.withCtx(() => [
-                    vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$9, _hoisted_8$2))
+                    vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$2, _hoisted_12$1)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_13$1, _hoisted_16$1))
                   ]),
                   _: 1
                 }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
-                pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 || isError.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, vue.toDisplayString(_ctx.floatLabel), 1)) : vue.createCommentVNode("v-if", true),
-                _ctx.preStar && !pickerVisible.value && (!vue.unref(displayValue) || vue.unref(displayValue).length === 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, _hoisted_12$1)) : vue.createCommentVNode("v-if", true),
+                pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 || isError.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 1,
+                  class: vue.normalizeClass({ "time-float": _ctx.floatLabel })
+                }, vue.toDisplayString(_ctx.floatLabel), 3)) : vue.createCommentVNode("v-if", true),
+                _ctx.preStar && !pickerVisible.value && (!vue.unref(displayValue) || vue.unref(displayValue).length === 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$1, _hoisted_19$1)) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("input", {
                   id: _ctx.id && _ctx.id[0],
                   ref_key: "startInput",
@@ -19289,7 +19345,7 @@
                   onChange: handleStartChange,
                   onFocus: handleFocusInput,
                   onBlur: handleBlurInput
-                }, null, 46, _hoisted_13$1),
+                }, null, 46, _hoisted_20$1),
                 vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -19314,7 +19370,7 @@
                   onBlur: handleBlurInput,
                   onInput: handleEndInput,
                   onChange: handleEndChange
-                }, null, 46, _hoisted_14$1),
+                }, null, 46, _hoisted_21$1),
                 _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 3,
                   class: vue.normalizeClass([
@@ -21082,7 +21138,7 @@
     }
   });
   const carouselEmits = {
-    change: (current, prev) => [current, prev].every(isNumber$1)
+    change: (current, prev) => [current, prev].every(isNumber)
   };
 
   const carouselContextKey = Symbol("carouselContextKey");
@@ -21655,8 +21711,8 @@
     }
   };
   const checkboxEmits = {
-    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val),
-    change: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val)
+    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
+    change: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
   };
 
   const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
@@ -21761,7 +21817,7 @@
     const isFocused = vue.ref(false);
     const isChecked = vue.computed(() => {
       const value = model.value;
-      if (isBoolean$1(value)) {
+      if (isBoolean(value)) {
         return value;
       } else if (isArray$1(value)) {
         if (isObject$1(props.label)) {
@@ -21848,7 +21904,7 @@
 
   const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_3$k = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+  const _hoisted_3$m = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
   const __default__$1a = vue.defineComponent({
     name: "ElCheckbox"
   });
@@ -21934,7 +21990,7 @@
                 onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
                 onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
                 onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
-              }, null, 42, _hoisted_3$k)), [
+              }, null, 42, _hoisted_3$m)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
               vue.createElementVNode("span", {
@@ -22166,8 +22222,8 @@
     border: Boolean
   });
   const radioEmits = {
-    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val),
-    [CHANGE_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val)
+    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
+    [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
   };
 
   const radioGroupKey = Symbol("radioGroupKey");
@@ -23463,14 +23519,14 @@
     [CHANGE_EVENT]: (val) => !!val || val === null,
     focus: (evt) => evt instanceof FocusEvent,
     blur: (evt) => evt instanceof FocusEvent,
-    visibleChange: (val) => isBoolean$1(val),
+    visibleChange: (val) => isBoolean(val),
     expandChange: (val) => !!val,
     removeTag: (val) => !!val
   };
 
   const _hoisted_1$N = { key: 0 };
   const _hoisted_2$w = ["placeholder", "onKeydown"];
-  const _hoisted_3$j = ["onClick"];
+  const _hoisted_3$l = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
   const __default__$13 = vue.defineComponent({
     name: COMPONENT_NAME$e
@@ -24045,7 +24101,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
-                  ], 10, _hoisted_3$j);
+                  ], 10, _hoisted_3$l);
                 }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                   vue.createElementVNode("li", {
                     class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
@@ -24077,8 +24133,8 @@
     }
   });
   const checkTagEmits = {
-    "update:checked": (value) => isBoolean$1(value),
-    [CHANGE_EVENT]: (value) => isBoolean$1(value)
+    "update:checked": (value) => isBoolean(value),
+    [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
   const __default__$12 = vue.defineComponent({
@@ -24250,7 +24306,7 @@
         const pos = ["span", "offset", "pull", "push"];
         pos.forEach((prop) => {
           const size = props[prop];
-          if (isNumber$1(size)) {
+          if (isNumber(size)) {
             if (prop === "span")
               classes.push(ns.b(`${props[prop]}`));
             else if (size > 0)
@@ -24259,7 +24315,7 @@
         });
         const sizes = ["xs", "sm", "md", "lg", "xl"];
         sizes.forEach((size) => {
-          if (isNumber$1(props[size])) {
+          if (isNumber(props[size])) {
             classes.push(ns.b(`${size}-${props[size]}`));
           } else if (isObject$1(props[size])) {
             Object.entries(props[size]).forEach(([prop, sizeProp]) => {
@@ -24289,7 +24345,7 @@
 
   const ElCol = withInstall(Col);
 
-  const emitChangeFn = (value) => typeof isNumber$1(value);
+  const emitChangeFn = (value) => typeof isNumber(value);
   const collapseProps = buildProps({
     accordion: Boolean,
     modelValue: {
@@ -24528,7 +24584,7 @@
 
   const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex"];
-  const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
+  const _hoisted_3$k = ["id", "aria-hidden", "aria-labelledby"];
   const __default__$Z = vue.defineComponent({
     name: "ElCollapseItem"
   });
@@ -24604,7 +24660,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_3$i), [
+              ], 10, _hoisted_3$k), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -26231,8 +26287,8 @@
     key: 0,
     scope: "col"
   };
-  const _hoisted_3$h = ["aria-label"];
-  const _hoisted_4$c = ["aria-current", "aria-selected", "tabindex"];
+  const _hoisted_3$j = ["aria-label"];
+  const _hoisted_4$d = ["aria-current", "aria-selected", "tabindex"];
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
@@ -26569,7 +26625,7 @@
                   key,
                   scope: "col",
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week)
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$j);
               }), 128))
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
@@ -26589,7 +26645,7 @@
                     onFocus: handleFocus
                   }, [
                     vue.createVNode(vue.unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
-                  ], 42, _hoisted_4$c);
+                  ], 42, _hoisted_4$d);
                 }), 128))
               ], 2);
             }), 128))
@@ -26607,7 +26663,7 @@
 
   const _hoisted_1$H = ["aria-label"];
   const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-  const _hoisted_3$g = { class: "cell" };
+  const _hoisted_3$i = { class: "cell" };
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
@@ -26790,7 +26846,7 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                      vue.createElementVNode("span", _hoisted_3$i, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                     ])
                   ], 42, _hoisted_2$s);
                 }), 128))
@@ -26812,8 +26868,8 @@
 
   const _hoisted_1$G = ["aria-label"];
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
-  const _hoisted_3$f = { class: "cell" };
-  const _hoisted_4$b = { key: 1 };
+  const _hoisted_3$h = { class: "cell" };
+  const _hoisted_4$c = { key: 1 };
   const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
@@ -26897,8 +26953,8 @@
                         vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                       ]
                     }, [
-                      vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
-                    ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$b))
+                      vue.createElementVNode("span", _hoisted_3$h, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                    ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$c))
                   ], 64);
                 }), 64))
               ]);
@@ -26912,8 +26968,8 @@
 
   const _hoisted_1$F = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
-  const _hoisted_3$e = ["aria-label"];
-  const _hoisted_4$a = ["aria-label"];
+  const _hoisted_3$g = ["aria-label"];
+  const _hoisted_4$b = ["aria-label"];
   const _hoisted_5$8 = ["aria-label"];
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
@@ -27403,7 +27459,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$e), [
+                  ], 10, _hoisted_3$g), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -27443,7 +27499,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_4$a), [
+                  ], 10, _hoisted_4$b), [
                     [vue.vShow, currentView.value === "date"]
                   ]),
                   vue.createElementVNode("button", {
@@ -27642,8 +27698,8 @@
 
   const _hoisted_1$E = ["onClick"];
   const _hoisted_2$p = ["disabled"];
-  const _hoisted_3$d = ["disabled"];
-  const _hoisted_4$9 = ["disabled"];
+  const _hoisted_3$f = ["disabled"];
+  const _hoisted_4$a = ["disabled"];
   const _hoisted_5$7 = ["disabled"];
   const unit$1 = "month";
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
@@ -28167,7 +28223,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$d)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$f)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
                 ], 2),
                 vue.createVNode(DateTable, {
@@ -28205,7 +28261,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_4$9)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_4$a)) : vue.createCommentVNode("v-if", true),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 1,
                     type: "button",
@@ -28358,7 +28414,7 @@
 
   const _hoisted_1$D = ["onClick"];
   const _hoisted_2$o = ["disabled"];
-  const _hoisted_3$c = ["disabled"];
+  const _hoisted_3$e = ["disabled"];
   const unit = "year";
   const __default__$R = vue.defineComponent({
     name: "DatePickerMonthRange"
@@ -28535,7 +28591,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$e)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -29034,7 +29090,7 @@
           right: "0px",
           bottom: "0px"
         };
-        props.width && isNumber$1(props.width) ? Object.assign(style, { width: `${props.width + 4}px` }) : Object.assign(style, { left: "0px" });
+        props.width && isNumber$2(props.width) ? Object.assign(style, { width: `${props.width + 4}px` }) : Object.assign(style, { left: "0px" });
         return props.mask ? vue.createVNode("div", {
           class: [ns.b(), props.overlayClass],
           style: {
@@ -29252,7 +29308,7 @@
     opened: () => true,
     close: () => true,
     closed: () => true,
-    [UPDATE_MODEL_EVENT]: (value) => isBoolean$1(value),
+    [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
     openAutoFocus: () => true,
     closeAutoFocus: () => true
   };
@@ -29711,8 +29767,8 @@
   });
   const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
   const _hoisted_2$m = ["id"];
-  const _hoisted_3$b = ["aria-label"];
-  const _hoisted_4$8 = ["id"];
+  const _hoisted_3$d = ["aria-label"];
+  const _hoisted_4$9 = ["id"];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -29797,7 +29853,7 @@
                           ]),
                           _: 1
                         }, 8, ["class"])
-                      ], 10, _hoisted_3$b)) : vue.createCommentVNode("v-if", true)
+                      ], 10, _hoisted_3$d)) : vue.createCommentVNode("v-if", true)
                     ], 2)) : vue.createCommentVNode("v-if", true),
                     _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 1,
@@ -29805,7 +29861,7 @@
                       class: vue.normalizeClass(_ctx.ns.e("body"))
                     }, [
                       vue.renderSlot(_ctx.$slots, "default")
-                    ], 10, _hoisted_4$8)) : vue.createCommentVNode("v-if", true),
+                    ], 10, _hoisted_4$9)) : vue.createCommentVNode("v-if", true),
                     _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 2,
                       class: vue.normalizeClass(_ctx.ns.e("footer"))
@@ -30873,8 +30929,8 @@
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
   const _hoisted_2$l = ["id"];
-  const _hoisted_3$a = ["stop-color"];
-  const _hoisted_4$7 = ["stop-color"];
+  const _hoisted_3$c = ["stop-color"];
+  const _hoisted_4$8 = ["stop-color"];
   const _hoisted_5$6 = ["id"];
   const _hoisted_6$2 = ["stop-color"];
   const _hoisted_7$1 = ["stop-color"];
@@ -30933,11 +30989,11 @@
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
                 offset: "0%"
-              }, null, 8, _hoisted_3$a),
+              }, null, 8, _hoisted_3$c),
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
                 offset: "100%"
-              }, null, 8, _hoisted_4$7)
+              }, null, 8, _hoisted_4$8)
             ], 8, _hoisted_2$l),
             vue.createElementVNode("linearGradient", {
               id: `linearGradient-2-${vue.unref(id)}`,
@@ -31141,7 +31197,7 @@
   });
   const imageViewerEmits = {
     close: () => true,
-    switch: (index) => isNumber$1(index)
+    switch: (index) => isNumber(index)
   };
 
   const _hoisted_1$u = ["src"];
@@ -31221,7 +31277,7 @@
         return style;
       });
       const computedZIndex = vue.computed(() => {
-        return isNumber$1(props.zIndex) ? props.zIndex : nextZIndex();
+        return isNumber$2(props.zIndex) ? props.zIndex : nextZIndex();
       });
       function hide() {
         unregisterEventListener();
@@ -31583,7 +31639,7 @@
   const imageEmits = {
     load: (evt) => evt instanceof Event,
     error: (evt) => evt instanceof Event,
-    switch: (val) => isNumber$1(val),
+    switch: (val) => isNumber(val),
     close: () => true,
     show: () => true
   };
@@ -31832,7 +31888,7 @@
     },
     valueOnClear: {
       type: [String, Number, null],
-      validator: (val) => val === null || isNumber$1(val) || ["min", "max"].includes(val),
+      validator: (val) => val === null || isNumber(val) || ["min", "max"].includes(val),
       default: null
     },
     name: String,
@@ -31851,8 +31907,8 @@
     [CHANGE_EVENT]: (cur, prev) => prev !== cur,
     blur: (e) => e instanceof FocusEvent,
     focus: (e) => e instanceof FocusEvent,
-    [INPUT_EVENT]: (val) => isNumber$1(val) || isNil(val),
-    [UPDATE_MODEL_EVENT]: (val) => isNumber$1(val) || isNil(val)
+    [INPUT_EVENT]: (val) => isNumber(val) || isNil(val),
+    [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
   const _hoisted_1$s = ["aria-label", "onKeydown"];
@@ -31874,8 +31930,8 @@
         userInput: null
       });
       const { formItem } = useFormItem();
-      const minDisabled = vue.computed(() => isNumber$1(props.modelValue) && props.modelValue <= props.min);
-      const maxDisabled = vue.computed(() => isNumber$1(props.modelValue) && props.modelValue >= props.max);
+      const minDisabled = vue.computed(() => isNumber(props.modelValue) && props.modelValue <= props.min);
+      const maxDisabled = vue.computed(() => isNumber(props.modelValue) && props.modelValue >= props.max);
       const numPrecision = vue.computed(() => {
         const stepPrecision = getPrecision(props.step);
         if (!isUndefined(props.precision)) {
@@ -31897,7 +31953,7 @@
         let currentValue = data.currentValue;
         if (isNil(currentValue))
           return "";
-        if (isNumber$1(currentValue)) {
+        if (isNumber(currentValue)) {
           if (Number.isNaN(currentValue))
             return "";
           if (!isUndefined(props.precision)) {
@@ -31937,7 +31993,7 @@
         return precision;
       };
       const ensurePrecision = (val, coefficient = 1) => {
-        if (!isNumber$1(val))
+        if (!isNumber(val))
           return data.currentValue;
         return toPrecision(val + props.step * coefficient);
       };
@@ -32007,7 +32063,7 @@
       };
       const handleInputChange = (value) => {
         const newVal = value !== "" ? Number(value) : "";
-        if (isNumber$1(newVal) && !Number.isNaN(newVal) || value === "") {
+        if (isNumber(newVal) && !Number.isNaN(newVal) || value === "") {
           setCurrentValue(newVal);
         }
         data.userInput = null;
@@ -32033,7 +32089,7 @@
       vue.watch(() => props.modelValue, (value) => {
         const userInput = verifyValue(data.userInput);
         const newValue = verifyValue(value, true);
-        if (!isNumber$1(userInput) && (!userInput || userInput !== newValue)) {
+        if (!isNumber(userInput) && (!userInput || userInput !== newValue)) {
           data.currentValue = newValue;
           data.userInput = null;
         }
@@ -32055,7 +32111,7 @@
         }
         innerInput.setAttribute("aria-valuenow", String(data.currentValue));
         innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
-        if (!isNumber$1(modelValue) && modelValue != null) {
+        if (!isNumber(modelValue) && modelValue != null) {
           let val = Number(modelValue);
           if (Number.isNaN(val)) {
             val = null;
@@ -33317,6 +33373,26 @@
 
   const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
+  const _hoisted_3$b = /* @__PURE__ */ vue.createElementVNode("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12"
+  }, [
+    /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_602_10081)" }, [
+      /* @__PURE__ */ vue.createElementVNode("path", { d: "M8.02053 12L3.26703 7.24C2.93996 6.91139 2.75635 6.46663 2.75635 6.003C2.75635 5.53937 2.93996 5.09461 3.26703 4.766L8.02603 0L9.08503 1.0605L4.32603 5.826C4.27916 5.87288 4.25283 5.93646 4.25283 6.00275C4.25283 6.06904 4.27916 6.13262 4.32603 6.1795L9.07903 10.9395L8.02053 12Z" })
+    ]),
+    /* @__PURE__ */ vue.createElementVNode("defs", null, [
+      /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_602_10081" }, [
+        /* @__PURE__ */ vue.createElementVNode("rect", {
+          width: "12",
+          height: "12",
+          fill: "white",
+          style: { "fill": "white", "fill-opacity": "1" }
+        })
+      ])
+    ])
+  ], -1);
   const __default__$E = vue.defineComponent({
     name: "ElPaginationPrev"
   });
@@ -33339,7 +33415,7 @@
         }, [
           _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prevIcon)))
+              _hoisted_3$b
             ]),
             _: 1
           }))
@@ -33369,6 +33445,26 @@
 
   const _hoisted_1$o = ["disabled", "aria-label", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
+  const _hoisted_3$a = /* @__PURE__ */ vue.createElementVNode("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12"
+  }, [
+    /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_602_10106)" }, [
+      /* @__PURE__ */ vue.createElementVNode("path", { d: "M4.0635 12L8.817 7.24C9.14407 6.91139 9.32768 6.46663 9.32768 6.003C9.32768 5.53937 9.14407 5.09461 8.817 4.766L4.058 0L3 1.0605L7.759 5.826C7.80587 5.87288 7.8322 5.93646 7.8322 6.00275C7.8322 6.06904 7.80587 6.13262 7.759 6.1795L3.005 10.9395L4.0635 12Z" })
+    ]),
+    /* @__PURE__ */ vue.createElementVNode("defs", null, [
+      /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_602_10106" }, [
+        /* @__PURE__ */ vue.createElementVNode("rect", {
+          width: "12",
+          height: "12",
+          fill: "white",
+          style: { "fill": "white", "fill-opacity": "1" }
+        })
+      ])
+    ])
+  ], -1);
   const __default__$D = vue.defineComponent({
     name: "ElPaginationNext"
   });
@@ -33391,7 +33487,7 @@
         }, [
           _ctx.nextText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(_ctx.nextText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.nextIcon)))
+              _hoisted_3$a
             ]),
             _: 1
           }))
@@ -33839,7 +33935,7 @@
       flush: "post"
     });
     vue.watch(() => states.hoverIndex, (val) => {
-      if (isNumber$1(val) && val > -1) {
+      if (isNumber(val) && val > -1) {
         hoverOption.value = optionsArray.value[val] || {};
       } else {
         hoverOption.value = {};
@@ -34416,6 +34512,10 @@
         type: [Array, String, Number, Boolean, Object],
         default: void 0
       },
+      disabledCloseTag: {
+        type: Array,
+        default: () => []
+      },
       autocomplete: {
         type: String,
         default: "off"
@@ -34755,6 +34855,19 @@
   const _hoisted_1$n = ["disabled", "autocomplete", "maxlength"];
   const _hoisted_2$f = ["disabled"];
   const _hoisted_3$9 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
+  const _hoisted_4$7 = /* @__PURE__ */ vue.createElementVNode("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none"
+  }, [
+    /* @__PURE__ */ vue.createElementVNode("path", {
+      d: "M5.99998 7.75002C5.86868 7.75024 5.73862 7.72452 5.61729 7.67432C5.49596 7.62413 5.38575 7.55045 5.29298 7.45752L2.64648 4.81052L3.35348 4.10352L5.99998 6.75002L8.64648 4.10352L9.35349 4.81052L6.70698 7.45702C6.61426 7.55004 6.50407 7.62381 6.38273 7.67409C6.2614 7.72438 6.13132 7.75018 5.99998 7.75002Z",
+      fill: "#2A3F4D",
+      style: { "fill": "color(display-p3 0.1647 0.2471 0.302)", "fill-opacity": "1" }
+    })
+  ], -1);
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -34920,7 +35033,7 @@
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item) => {
                       return vue.openBlock(), vue.createBlock(_component_el_tag, {
                         key: _ctx.getValueKey(item),
-                        closable: !_ctx.selectDisabled && !item.isDisabled,
+                        closable: !_ctx.selectDisabled && !item.isDisabled && !_ctx.disabledCloseTag.includes(item.currentLabel),
                         size: _ctx.collapseTagSize,
                         hit: item.hitState,
                         type: _ctx.tagType,
@@ -35028,7 +35141,7 @@
                   class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+                    _hoisted_4$7
                   ]),
                   _: 1
                 }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
@@ -35584,7 +35697,7 @@
     pagerCount: {
       type: Number,
       validator: (value) => {
-        return isNumber$1(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;
+        return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;
       },
       default: 7
     },
@@ -35622,12 +35735,12 @@
     hideOnSinglePage: Boolean
   });
   const paginationEmits = {
-    "update:current-page": (val) => isNumber$1(val),
-    "update:page-size": (val) => isNumber$1(val),
-    "size-change": (val) => isNumber$1(val),
-    "current-change": (val) => isNumber$1(val),
-    "prev-click": (val) => isNumber$1(val),
-    "next-click": (val) => isNumber$1(val)
+    "update:current-page": (val) => isNumber(val),
+    "update:page-size": (val) => isNumber(val),
+    "size-change": (val) => isNumber(val),
+    "current-change": (val) => isNumber(val),
+    "prev-click": (val) => isNumber(val),
+    "next-click": (val) => isNumber(val)
   };
   const componentName = "ElPagination";
   var Pagination = vue.defineComponent({
@@ -36029,7 +36142,7 @@
     }
   });
   const popoverEmits = {
-    "update:visible": (value) => isBoolean$1(value),
+    "update:visible": (value) => isBoolean(value),
     "before-enter": () => true,
     "before-leave": () => true,
     "after-enter": () => true,
@@ -36498,8 +36611,8 @@
     }
   });
   const rateEmits = {
-    [CHANGE_EVENT]: (value) => isNumber$1(value),
-    [UPDATE_MODEL_EVENT]: (value) => isNumber$1(value)
+    [CHANGE_EVENT]: (value) => isNumber(value),
+    [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
   const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
@@ -37310,7 +37423,7 @@
         const states = vue.ref({
           isScrolling: false,
           scrollDir: "forward",
-          scrollOffset: isNumber$1(props.initScrollOffset) ? props.initScrollOffset : 0,
+          scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
           updateRequested: false,
           isScrollbarDragging: false,
           scrollbarAlwaysOn: props.scrollbarAlwaysOn
@@ -37343,8 +37456,8 @@
           },
           {
             direction: props.direction,
-            height: isNumber$1(props.height) ? `${props.height}px` : props.height,
-            width: isNumber$1(props.width) ? `${props.width}px` : props.width
+            height: isNumber(props.height) ? `${props.height}px` : props.height,
+            width: isNumber(props.width) ? `${props.width}px` : props.width
           },
           props.style
         ]);
@@ -37488,7 +37601,7 @@
             return;
           const { initScrollOffset } = props;
           const windowElement = vue.unref(windowRef);
-          if (isNumber$1(initScrollOffset) && windowElement) {
+          if (isNumber(initScrollOffset) && windowElement) {
             if (vue.unref(_isHorizontal)) {
               windowElement.scrollLeft = initScrollOffset;
             } else {
@@ -37904,8 +38017,8 @@
         const innerRef = vue.ref(null);
         const states = vue.ref({
           isScrolling: false,
-          scrollLeft: isNumber$1(props.initScrollLeft) ? props.initScrollLeft : 0,
-          scrollTop: isNumber$1(props.initScrollTop) ? props.initScrollTop : 0,
+          scrollLeft: isNumber(props.initScrollLeft) ? props.initScrollLeft : 0,
+          scrollTop: isNumber(props.initScrollTop) ? props.initScrollTop : 0,
           updateRequested: false,
           xAxisScrollDir: FORWARD,
           yAxisScrollDir: FORWARD
@@ -37960,8 +38073,8 @@
             },
             {
               direction: props.direction,
-              height: isNumber$1(props.height) ? `${props.height}px` : props.height,
-              width: isNumber$1(props.width) ? `${props.width}px` : props.width
+              height: isNumber(props.height) ? `${props.height}px` : props.height,
+              width: isNumber(props.width) ? `${props.width}px` : props.width
             },
             (_a = props.style) != null ? _a : {}
           ];
@@ -38148,10 +38261,10 @@
           const { initScrollLeft, initScrollTop } = props;
           const windowElement = vue.unref(windowRef);
           if (windowElement) {
-            if (isNumber$1(initScrollLeft)) {
+            if (isNumber(initScrollLeft)) {
               windowElement.scrollLeft = initScrollLeft;
             }
-            if (isNumber$1(initScrollTop)) {
+            if (isNumber(initScrollTop)) {
               windowElement.scrollTop = initScrollTop;
             }
           }
@@ -38593,10 +38706,10 @@
       const resetAfter = ({ columnIndex, rowIndex }, forceUpdate) => {
         var _a, _b;
         forceUpdate = isUndefined(forceUpdate) ? true : forceUpdate;
-        if (isNumber$1(columnIndex)) {
+        if (isNumber(columnIndex)) {
           cache.value.lastVisitedColumnIndex = Math.min(cache.value.lastVisitedColumnIndex, columnIndex - 1);
         }
-        if (isNumber$1(rowIndex)) {
+        if (isNumber(rowIndex)) {
           cache.value.lastVisitedRowIndex = Math.min(cache.value.lastVisitedRowIndex, rowIndex - 1);
         }
         (_a = instance.exposed) == null ? void 0 : _a.getItemStyleCache.value(-1, null, null);
@@ -40406,7 +40519,7 @@
       default: true
     }
   });
-  const isValidValue$1 = (value) => isNumber$1(value) || isArray$1(value) && value.every(isNumber$1);
+  const isValidValue$1 = (value) => isNumber(value) || isArray$1(value) && value.every(isNumber);
   const sliderEmits = {
     [UPDATE_MODEL_EVENT]: isValidValue$1,
     [INPUT_EVENT]: isValidValue$1,
@@ -40928,7 +41041,7 @@
     }
   });
   const sliderButtonEmits = {
-    [UPDATE_MODEL_EVENT]: (value) => isNumber$1(value)
+    [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
   const _hoisted_1$f = ["tabindex"];
@@ -41308,7 +41421,7 @@
         verticalSize.value = v;
       } else {
         let val;
-        if (isNumber$1(size)) {
+        if (isNumber(size)) {
           val = size;
         } else {
           val = SIZE_MAP[size || "small"] || SIZE_MAP.small;
@@ -41361,7 +41474,7 @@
     spacer: {
       type: definePropType([Object, String, Number, Array]),
       default: null,
-      validator: (val) => vue.isVNode(val) || isNumber$1(val) || isString$1(val)
+      validator: (val) => vue.isVNode(val) || isNumber(val) || isString$1(val)
     },
     wrap: Boolean,
     fill: Boolean,
@@ -41373,7 +41486,7 @@
       type: [String, Array, Number],
       values: componentSizes,
       validator: (val) => {
-        return isNumber$1(val) || isArray$1(val) && val.length === 2 && val.every(isNumber$1);
+        return isNumber(val) || isArray$1(val) && val.length === 2 && val.every(isNumber);
       }
     }
   });
@@ -41490,7 +41603,7 @@
         const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
         if (isFunction$1(formatter))
           return formatter(value);
-        if (!isNumber$1(value))
+        if (!isNumber(value))
           return value;
         let [integer, decimal = ""] = String(value).split(".");
         decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
@@ -41562,7 +41675,7 @@
   });
   const countdownEmits = {
     finish: () => true,
-    [CHANGE_EVENT]: (value) => isNumber$1(value)
+    [CHANGE_EVENT]: (value) => isNumber(value)
   };
 
   const timeUnits = [
@@ -41575,7 +41688,7 @@
     ["S", 1]
   ];
   const getTime = (value) => {
-    return isNumber$1(value) ? new Date(value).getTime() : value.valueOf();
+    return isNumber(value) ? new Date(value).getTime() : value.valueOf();
   };
   const formatTime$1 = (timestamp, format) => {
     let timeLeft = timestamp;
@@ -41696,7 +41809,7 @@
     }
   });
   const stepsEmits = {
-    [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber$1)
+    [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
   const __default__$n = vue.defineComponent({
@@ -41803,7 +41916,7 @@
       });
       const style = vue.computed(() => {
         const style2 = {
-          flexBasis: isNumber$1(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
+          flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
         };
         if (isVertical.value)
           return style2;
@@ -42016,9 +42129,9 @@
     }
   });
   const switchEmits = {
-    [UPDATE_MODEL_EVENT]: (val) => isBoolean$1(val) || isString$1(val) || isNumber$1(val),
-    [CHANGE_EVENT]: (val) => isBoolean$1(val) || isString$1(val) || isNumber$1(val),
-    [INPUT_EVENT]: (val) => isBoolean$1(val) || isString$1(val) || isNumber$1(val)
+    [UPDATE_MODEL_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val),
+    [CHANGE_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val),
+    [INPUT_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val)
   };
 
   const _hoisted_1$d = ["onClick"];
@@ -42109,7 +42222,7 @@
         const shouldChange = beforeChange();
         const isPromiseOrBool = [
           isPromise(shouldChange),
-          isBoolean$1(shouldChange)
+          isBoolean(shouldChange)
         ].includes(true);
         if (!isPromiseOrBool) {
           throwError(COMPONENT_NAME$8, "beforeChange must return type `Promise<boolean>` or `boolean`");
@@ -42488,7 +42601,7 @@
         });
       }
     };
-    if (isBoolean$1(newVal)) {
+    if (isBoolean(newVal)) {
       if (newVal && !included) {
         toggleStatus("add");
       } else if (!newVal && included) {
@@ -43032,7 +43145,7 @@
   const doFlattenColumns = (columns) => {
     const result = [];
     columns.forEach((column) => {
-      if (column.children) {
+      if (column.children && column.children.length > 0) {
         result.push.apply(result, doFlattenColumns(column.children));
       } else {
         result.push(column);
@@ -43700,9 +43813,6 @@
       this.store = null;
       this.columns = [];
       this.fit = true;
-      this.isPercentageWidth = false;
-      this.isLastFixed = true;
-      this.percentageWidth = 0;
       this.showHeader = true;
       this.height = vue.ref(null);
       this.scrollX = vue.ref(false);
@@ -43788,7 +43898,7 @@
       }
       return false;
     }
-    updateColumnsWidth(width) {
+    updateColumnsWidth() {
       if (!isClient)
         return;
       const fit = this.fit;
@@ -43831,15 +43941,11 @@
         this.bodyWidth.value = Math.max(bodyMinWidth, bodyWidth);
         this.table.state.resizeState.value.width = this.bodyWidth.value;
       } else {
-        const len = flattenColumns.length;
-        flattenColumns.forEach((column, index) => {
-          if (column.type === "expand") {
-            column.realWidth = 35;
-          } else if (!column.width && !column.minWidth) {
+        flattenColumns.forEach((column) => {
+          if (!column.width && !column.minWidth) {
             column.realWidth = 80;
           } else {
-            const tempWidth = this.isPercentageWidth && width && column.isCalPercentage ? Number.parseInt((width - this.percentageWidth) * Number(column.width) / 100) : Number(column.width || column.minWidth);
-            column.realWidth = index === len - (this.isLastFixed ? 2 : 1) ? width - bodyMinWidth - (this.isLastFixed ? flattenColumns[len - 1].width : this.percentageWidth) : tempWidth;
+            column.realWidth = Number(column.width || column.minWidth);
           }
           bodyMinWidth += column.realWidth;
         });
@@ -44302,10 +44408,13 @@
       }
     };
     const handleMouseMove = (event, column) => {
-      var _a;
       if (column.children && column.children.length > 0)
         return;
-      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      const el = event.target;
+      if (!isElement$1(el)) {
+        return;
+      }
+      const target = el == null ? void 0 : el.closest("th");
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -44639,7 +44748,10 @@
           rowSpan = column.rowSpan;
         }
         return vue.h("th", {
-          class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
+          class: [
+            getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
+            "sort-target"
+          ],
           colspan: column.colSpan,
           key: `${column.id}-thead`,
           rowspan: column.rowSpan,
@@ -44653,6 +44765,7 @@
           vue.h("div", {
             class: [
               "cell",
+              "header-cell",
               column.filteredValue && column.filteredValue.length > 0 ? "highlight" : ""
             ]
           }, [
@@ -44726,6 +44839,19 @@
     const handleMouseLeave = debounce(() => {
       props.store.commit("setHoverRow", null);
     }, 30);
+    const getPadding = (el) => {
+      const style = window.getComputedStyle(el, null);
+      const paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0;
+      const paddingRight = Number.parseInt(style.paddingRight, 10) || 0;
+      const paddingTop = Number.parseInt(style.paddingTop, 10) || 0;
+      const paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0;
+      return {
+        left: paddingLeft,
+        right: paddingRight,
+        top: paddingTop,
+        bottom: paddingBottom
+      };
+    };
     const handleCellMouseEnter = (event, row, tooltipOptions) => {
       var _a;
       const table = parent;
@@ -44748,9 +44874,20 @@
       const range = document.createRange();
       range.setStart(cellChild, 0);
       range.setEnd(cellChild, cellChild.childNodes.length);
-      const rangeWidth = Math.round(range.getBoundingClientRect().width);
-      const padding = (Number.parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (Number.parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
-      if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
+      let rangeWidth = range.getBoundingClientRect().width;
+      let rangeHeight = range.getBoundingClientRect().height;
+      const offsetWidth = rangeWidth - Math.floor(rangeWidth);
+      if (offsetWidth < 1e-3) {
+        rangeWidth = Math.floor(rangeWidth);
+      }
+      const offsetHeight = rangeHeight - Math.floor(rangeHeight);
+      if (offsetHeight < 1e-3) {
+        rangeHeight = Math.floor(rangeHeight);
+      }
+      const { top, left, right, bottom } = getPadding(cellChild);
+      const horizontalPadding = left + right;
+      const verticalPadding = top + bottom;
+      if (rangeWidth + horizontalPadding > cellChild.offsetWidth || rangeHeight + verticalPadding > cellChild.offsetHeight || cellChild.scrollWidth > cellChild.offsetWidth) {
         createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, nextZIndex, tooltipOptions);
       }
     };
@@ -44910,14 +45047,7 @@
       return index;
     };
     const rowRender = (row, $index, treeRowData, expanded = false) => {
-      const {
-        tooltipEffect,
-        tooltipOptions,
-        store,
-        rowDraggable,
-        onDragstart,
-        onDragend
-      } = props;
+      const { tooltipEffect, tooltipOptions, store } = props;
       const { indent, columns } = store.states;
       const rowClasses = getRowClass(row, $index);
       let display = true;
@@ -44931,10 +45061,7 @@
       return vue.h("tr", {
         style: [displayStyle, getRowStyle(row, $index)],
         class: rowClasses,
-        draggable: rowDraggable,
         key: getKeyOfRow(row, $index),
-        onDragstart: ($event) => onDragstart($event, row),
-        onDragend: ($event) => onDragend($event, row),
         onDblclick: ($event) => handleDoubleClick($event, row),
         onClick: ($event) => handleClick($event, row),
         onContextmenu: ($event) => handleContextMenu($event, row),
@@ -44945,7 +45072,7 @@
         if (!rowspan || !colspan) {
           return null;
         }
-        const columnData = { ...column };
+        const columnData = Object.assign({}, column);
         columnData.realWidth = getColspanRealWidth(columns.value, colspan, cellIndex);
         const data = {
           store: props.store,
@@ -45114,19 +45241,7 @@
       type: String,
       default: ""
     },
-    highlight: Boolean,
-    rowDraggable: {
-      type: Boolean,
-      default: false
-    },
-    onDragend: {
-      type: Function,
-      default: void 0
-    },
-    onDragstart: {
-      type: Function,
-      default: void 0
-    }
+    highlight: Boolean
   };
   var defaultProps$3 = defaultProps$2;
 
@@ -45142,11 +45257,7 @@
       vue.watch(props.store.states.hoverRow, (newVal, oldVal) => {
         if (!props.store.states.isComplex.value || !isClient)
           return;
-        let raf = window.requestAnimationFrame;
-        if (!raf) {
-          raf = (fn) => window.setTimeout(fn, 16);
-        }
-        raf(() => {
+        rAF(() => {
           const el = instance == null ? void 0 : instance.vnode.el;
           const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
           const oldRow = rows[oldVal];
@@ -45175,7 +45286,7 @@
     render() {
       const { wrappedRowRender, store } = this;
       const data = store.states.data.value || [];
-      return vue.h("tbody", {}, [
+      return vue.h("tbody", { tabIndex: -1 }, [
         data.reduce((acc, row) => {
           return acc.concat(wrappedRowRender(row, acc.length));
         }, [])
@@ -45183,33 +45294,6 @@
     }
   });
 
-  function hColgroup(props) {
-    const isAuto = props.tableLayout === "auto";
-    let columns = props.columns || [];
-    if (isAuto) {
-      if (columns.every((column) => column.width === void 0)) {
-        columns = [];
-      }
-    }
-    const getPropsData = (column) => {
-      const propsData = {
-        key: `${props.tableLayout}_${column.id}`,
-        style: {},
-        name: void 0
-      };
-      if (isAuto) {
-        propsData.style = {
-          width: `${column.width}px`
-        };
-      } else {
-        propsData.name = column.id;
-      }
-      return propsData;
-    };
-    return vue.h("colgroup", {}, columns.map((column) => vue.h("col", getPropsData(column))));
-  }
-  hColgroup.props = ["columns", "tableLayout"];
-
   function useMapState() {
     const table = vue.inject(TABLE_INJECTION_KEY);
     const store = table == null ? void 0 : table.store;
@@ -45306,14 +45390,7 @@
       };
     },
     render() {
-      const {
-        columns,
-        getCellStyles,
-        getCellClasses,
-        summaryMethod,
-        sumText,
-        ns
-      } = this;
+      const { columns, getCellStyles, getCellClasses, summaryMethod, sumText } = this;
       const data = this.store.states.data.value;
       let sums = [];
       if (summaryMethod) {
@@ -45352,31 +45429,21 @@
           }
         });
       }
-      return vue.h("table", {
-        class: ns.e("footer"),
-        cellspacing: "0",
-        cellpadding: "0",
-        border: "0"
-      }, [
-        hColgroup({
-          columns
-        }),
-        vue.h("tbody", [
-          vue.h("tr", {}, [
-            ...columns.map((column, cellIndex) => vue.h("td", {
-              key: cellIndex,
-              colspan: column.colSpan,
-              rowspan: column.rowSpan,
-              class: getCellClasses(columns, cellIndex),
-              style: getCellStyles(column, cellIndex)
-            }, [
-              vue.h("div", {
-                class: ["cell", column.labelClassName]
-              }, [sums[cellIndex]])
-            ]))
-          ])
+      return vue.h(vue.h("tfoot", [
+        vue.h("tr", {}, [
+          ...columns.map((column, cellIndex) => vue.h("td", {
+            key: cellIndex,
+            colspan: column.colSpan,
+            rowspan: column.rowSpan,
+            class: getCellClasses(columns, cellIndex),
+            style: getCellStyles(column, cellIndex)
+          }, [
+            vue.h("div", {
+              class: ["cell", column.labelClassName]
+            }, [sums[cellIndex]])
+          ]))
         ])
-      ]);
+      ]));
     }
   });
 
@@ -45444,6 +45511,7 @@
     const bodyScrollHeight = vue.ref(0);
     const headerScrollHeight = vue.ref(0);
     const footerScrollHeight = vue.ref(0);
+    const appendScrollHeight = vue.ref(0);
     vue.watchEffect(() => {
       layout.setHeight(props.height);
     });
@@ -45488,11 +45556,10 @@
       };
     });
     const doLayout = () => {
-      const el = table.vnode.el;
       if (shouldUpdateHeight.value) {
         layout.updateElsHeight();
       }
-      layout.updateColumnsWidth(el.offsetWidth);
+      layout.updateColumnsWidth();
       requestAnimationFrame(syncPosition);
     };
     vue.onMounted(async () => {
@@ -45584,7 +45651,7 @@
       });
     };
     const resizeListener = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const el = table.vnode.el;
       if (!table.$ready || !el)
         return;
@@ -45609,7 +45676,8 @@
       tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
       headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
       footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.offsetHeight) || 0;
-      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
+      appendScrollHeight.value = ((_d = table.refs.appendWrapper) == null ? void 0 : _d.offsetHeight) || 0;
+      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value - appendScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
           width,
@@ -45663,13 +45731,9 @@
       }
       if (props.maxHeight) {
         if (!Number.isNaN(Number(props.maxHeight))) {
-          const maxHeight = props.maxHeight;
-          const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
-          if (reachMaxHeight) {
-            return {
-              maxHeight: `${tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value}px`
-            };
-          }
+          return {
+            maxHeight: `${props.maxHeight - headerScrollHeight.value - footerScrollHeight.value}px`
+          };
         } else {
           return {
             maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value + footerScrollHeight.value}px)`
@@ -45749,18 +45813,6 @@
       type: Boolean,
       default: true
     },
-    isPercentageWidth: {
-      type: Boolean,
-      default: false
-    },
-    isLastFixed: {
-      type: Boolean,
-      default: true
-    },
-    percentageWidth: {
-      type: Number,
-      default: 0
-    },
     stripe: Boolean,
     border: Boolean,
     rowKey: [String, Function],
@@ -45824,20 +45876,36 @@
       default: false
     },
     flexible: Boolean,
-    rowDraggable: {
-      type: Boolean,
-      default: false
-    },
-    onDragend: {
-      type: Function,
-      default: void 0
-    },
-    onDragstart: {
-      type: Function,
-      default: void 0
-    }
+    showOverflowTooltip: [Boolean, Object]
   };
 
+  function hColgroup(props) {
+    const isAuto = props.tableLayout === "auto";
+    let columns = props.columns || [];
+    if (isAuto) {
+      if (columns.every((column) => column.width === void 0)) {
+        columns = [];
+      }
+    }
+    const getPropsData = (column) => {
+      const propsData = {
+        key: `${props.tableLayout}_${column.id}`,
+        style: {},
+        name: void 0
+      };
+      if (isAuto) {
+        propsData.style = {
+          width: `${column.width}px`
+        };
+      } else {
+        propsData.name = column.id;
+      }
+      return propsData;
+    };
+    return vue.h("colgroup", {}, columns.map((column) => vue.h("col", getPropsData(column))));
+  }
+  hColgroup.props = ["columns", "tableLayout"];
+
   const useScrollbar$1 = () => {
     const scrollBarRef = vue.ref();
     const scrollTo = (options, yCoord) => {
@@ -45848,7 +45916,7 @@
     };
     const setScrollPosition = (position, offset) => {
       const scrollbar = scrollBarRef.value;
-      if (scrollbar && isNumber$1(offset) && ["Top", "Left"].includes(position)) {
+      if (scrollbar && isNumber(offset) && ["Top", "Left"].includes(position)) {
         scrollbar[`setScroll${position}`](offset);
       }
     };
@@ -45907,9 +45975,6 @@
         store: table.store,
         table,
         fit: props.fit,
-        isPercentageWidth: props.isPercentageWidth,
-        isLastFixed: props.isLastFixed,
-        percentageWidth: props.percentageWidth,
         showHeader: props.showHeader
       });
       table.layout = layout;
@@ -46014,8 +46079,8 @@
     const _component_hColgroup = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
-    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_table_footer = vue.resolveComponent("table-footer");
+    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _directive_mousewheel = vue.resolveDirective("mousewheel");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "tableWrapper",
@@ -46040,7 +46105,7 @@
       ]),
       style: vue.normalizeStyle(_ctx.style),
       "data-prefix": _ctx.ns.namespace.value,
-      onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
+      onMouseleave: _cache[0] || (_cache[0] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args))
     }, [
       vue.createElementVNode("div", {
         class: vue.normalizeClass(_ctx.ns.e("inner-wrapper")),
@@ -46106,16 +46171,14 @@
                 _ctx.showHeader && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_header, {
                   key: 0,
                   ref: "tableHeaderRef",
+                  class: vue.normalizeClass(_ctx.ns.e("body-header")),
                   border: _ctx.border,
                   "default-sort": _ctx.defaultSort,
                   store: _ctx.store,
                   onSetDragVisible: _ctx.setDragVisible
-                }, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
+                }, null, 8, ["class", "border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(_component_table_body, {
                   context: _ctx.context,
-                  "row-draggable": _ctx.rowDraggable,
-                  "on-dragend": _ctx.onDragend,
-                  "on-dragstart": _ctx.onDragstart,
                   highlight: _ctx.highlightCurrentRow,
                   "row-class-name": _ctx.rowClassName,
                   "tooltip-effect": _ctx.tooltipEffect,
@@ -46123,7 +46186,16 @@
                   "row-style": _ctx.rowStyle,
                   store: _ctx.store,
                   stripe: _ctx.stripe
-                }, null, 8, ["context", "row-draggable", "on-dragend", "on-dragstart", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"])
+                }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"]),
+                _ctx.showSummary && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_footer, {
+                  key: 1,
+                  class: vue.normalizeClass(_ctx.ns.e("body-footer")),
+                  border: _ctx.border,
+                  "default-sort": _ctx.defaultSort,
+                  store: _ctx.store,
+                  "sum-text": _ctx.computedSumText,
+                  "summary-method": _ctx.summaryMethod
+                }, null, 8, ["class", "border", "default-sort", "store", "sum-text", "summary-method"])) : vue.createCommentVNode("v-if", true)
               ], 6),
               _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -46150,19 +46222,30 @@
             _: 3
           }, 8, ["view-style", "wrap-style", "always"])
         ], 2),
-        _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        _ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           ref: "footerWrapper",
           class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
         }, [
-          vue.createVNode(_component_table_footer, {
-            border: _ctx.border,
-            "default-sort": _ctx.defaultSort,
-            store: _ctx.store,
-            style: vue.normalizeStyle(_ctx.tableBodyStyles),
-            "sum-text": _ctx.computedSumText,
-            "summary-method": _ctx.summaryMethod
-          }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+          vue.createElementVNode("table", {
+            class: vue.normalizeClass(_ctx.ns.e("footer")),
+            cellspacing: "0",
+            cellpadding: "0",
+            border: "0",
+            style: vue.normalizeStyle(_ctx.tableBodyStyles)
+          }, [
+            vue.createVNode(_component_hColgroup, {
+              columns: _ctx.store.states.columns.value,
+              "table-layout": _ctx.tableLayout
+            }, null, 8, ["columns", "table-layout"]),
+            vue.createVNode(_component_table_footer, {
+              border: _ctx.border,
+              "default-sort": _ctx.defaultSort,
+              store: _ctx.store,
+              "sum-text": _ctx.computedSumText,
+              "summary-method": _ctx.summaryMethod
+            }, null, 8, ["border", "default-sort", "store", "sum-text", "summary-method"])
+          ], 6)
         ], 2)), [
           [vue.vShow, !_ctx.isEmpty],
           [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
@@ -46214,7 +46297,7 @@
   };
   const cellForced = {
     selection: {
-      renderHeader({ store }) {
+      renderHeader({ store, column }) {
         function isDisabled() {
           return store.states.data.value && store.states.data.value.length === 0;
         }
@@ -46223,7 +46306,8 @@
           size: store.states.tableSize.value,
           indeterminate: store.states.selection.value.length > 0 && !store.states.isAllSelected.value,
           "onUpdate:modelValue": store.toggleAllSelection,
-          modelValue: store.states.isAllSelected.value
+          modelValue: store.states.isAllSelected.value,
+          ariaLabel: column.label
         });
       },
       renderCell({
@@ -46239,7 +46323,8 @@
             store.commit("rowSelectedChanged", row);
           },
           onClick: (event) => event.stopPropagation(),
-          modelValue: store.isSelected(row)
+          modelValue: store.isSelected(row),
+          ariaLabel: column.label
         });
       },
       sortable: false,
@@ -46409,10 +46494,10 @@
     };
     const registerNormalWatchers = () => {
       const props = [
-        "isCalPercentage",
         "label",
         "filters",
         "filterMultiple",
+        "filteredValue",
         "sortable",
         "index",
         "formatter",
@@ -46528,7 +46613,7 @@
       let originRenderCell = column.renderCell;
       if (column.type === "expand") {
         column.renderCell = (data) => vue.h("div", {
-          class: "cell expend-cell"
+          class: "cell"
         }, [originRenderCell(data)]);
         owner.value.renderExpanded = (data) => {
           return slots.default ? slots.default(data) : slots.default;
@@ -46599,10 +46684,6 @@
       type: String,
       default: "default"
     },
-    isCalPercentage: {
-      type: Boolean,
-      default: false
-    },
     label: String,
     className: String,
     labelClassName: String,
@@ -46630,7 +46711,10 @@
     columnKey: String,
     align: String,
     headerAlign: String,
-    showOverflowTooltip: [Boolean, Object],
+    showOverflowTooltip: {
+      type: [Boolean, Object],
+      default: void 0
+    },
     fixed: [Boolean, String],
     formatter: Function,
     selectable: Function,
@@ -46692,6 +46776,7 @@
         isSubColumn.value = owner.value !== parent;
         const type = props.type || "default";
         const sortable = props.sortable === "" ? true : props.sortable;
+        const showOverflowTooltip = isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip : props.showOverflowTooltip;
         const defaults = {
           ...cellStarts[type],
           id: columnId.value,
@@ -46699,12 +46784,11 @@
           property: props.prop || props.property,
           align: realAlign,
           headerAlign: realHeaderAlign,
-          showOverflowTooltip: props.showOverflowTooltip,
+          showOverflowTooltip,
           filterable: props.filters || props.filterMethod,
           filteredValue: [],
           filterPlacement: "",
           isColumnGroup: false,
-          isCalPercentage: false,
           isSubColumn: false,
           filterOpened: false,
           sortable,
@@ -46713,7 +46797,6 @@
         };
         const basicProps = [
           "columnKey",
-          "isCalPercentage",
           "label",
           "className",
           "labelClassName",
@@ -46990,7 +47073,7 @@
     const leftTableHeights = vue.shallowRef({});
     const mainTableHeights = vue.shallowRef({});
     const rightTableHeights = vue.shallowRef({});
-    const isDynamic = vue.computed(() => isNumber$1(props.estimatedRowHeight));
+    const isDynamic = vue.computed(() => isNumber(props.estimatedRowHeight));
     function onRowsRendered(params) {
       var _a;
       (_a = props.onRowsRendered) == null ? void 0 : _a.call(props, params);
@@ -47172,7 +47255,7 @@
     const rowsHeight = vue.computed(() => {
       const { rowHeight, estimatedRowHeight } = props;
       const _data = vue.unref(data);
-      if (isNumber$1(estimatedRowHeight)) {
+      if (isNumber(estimatedRowHeight)) {
         return _data.length * estimatedRowHeight;
       }
       return _data.length * rowHeight;
@@ -47180,7 +47263,7 @@
     const fixedTableHeight = vue.computed(() => {
       const { maxHeight } = props;
       const tableHeight = vue.unref(mainTableHeight);
-      if (isNumber$1(maxHeight) && maxHeight > 0)
+      if (isNumber(maxHeight) && maxHeight > 0)
         return tableHeight;
       const totalHeight = vue.unref(rowsHeight) + vue.unref(headerHeight) + vue.unref(fixedRowsHeight);
       return Math.min(tableHeight, totalHeight);
@@ -47807,7 +47890,7 @@
     const measured = vue.ref(false);
     const rowRef = vue.ref();
     const measurable = vue.computed(() => {
-      return isNumber$1(props.estimatedRowHeight) && props.rowIndex >= 0;
+      return isNumber(props.estimatedRowHeight) && props.rowIndex >= 0;
     });
     const doMeasure = (isInit = false) => {
       const $rowRef = vue.unref(rowRef);
@@ -48190,7 +48273,7 @@
           getRowHeight,
           onScroll
         } = props;
-        const isDynamicRowEnabled = isNumber$1(estimatedRowHeight);
+        const isDynamicRowEnabled = isNumber(estimatedRowHeight);
         const Grid = isDynamicRowEnabled ? DynamicSizeGrid$1 : FixedSizeGrid$1;
         const _headerHeight = vue.unref(headerHeight);
         return vue.createVNode("div", {
@@ -49249,7 +49332,7 @@
     },
     stretch: Boolean
   });
-  const isPaneName = (value) => isString$1(value) || isNumber$1(value);
+  const isPaneName = (value) => isString$1(value) || isNumber(value);
   const tabsEmits = {
     [UPDATE_MODEL_EVENT]: (name) => isPaneName(name),
     tabClick: (pane, ev) => ev instanceof Event,
@@ -50004,7 +50087,7 @@
           (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
         }
       });
-      const isOpenDelayed = vue.computed(() => isNumber$1(props.delayDuration) && props.delayDuration > 0);
+      const isOpenDelayed = vue.computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
       const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
         open.value = true;
       }, vue.computed(() => props.delayDuration), {
@@ -55498,7 +55581,7 @@
   const message = (options = {}, context) => {
     if (!isClient)
       return { close: () => void 0 };
-    if (isNumber$1(messageConfig.max) && instances.length >= messageConfig.max) {
+    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
       return { close: () => void 0 };
     }
     const normalized = normalizeOptions(options);