element-plus 2.7.5 → 2.7.7

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.7.5 */
+/*! Element Plus v2.7.7 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -117,7 +117,7 @@
   const isString$2 = (val) => typeof val === "string";
   const noop$1 = () => {
   };
-  isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
   function resolveUnref(r) {
     return typeof r === "function" ? r() : vue.unref(r);
@@ -11320,6 +11320,7 @@
     };
   }
 
+  const emptyValuesContextKey = Symbol("emptyValuesContextKey");
   const SCOPE$3 = "use-empty-values";
   const DEFAULT_EMPTY_VALUES = ["", void 0, null];
   const DEFAULT_VALUE_ON_CLEAR = void 0;
@@ -11332,10 +11333,7 @@
     }
   });
   const useEmptyValues = (props, defaultValue) => {
-    let config = useGlobalConfig();
-    if (!config.value) {
-      config = vue.ref({});
-    }
+    const config = vue.getCurrentInstance() ? vue.inject(emptyValuesContextKey, vue.ref({})) : vue.ref({});
     const emptyValues = vue.computed(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
     const valueOnClear = vue.computed(() => {
       if (isFunction$1(props.valueOnClear)) {
@@ -11433,6 +11431,10 @@
     provideFn(SIZE_INJECTION_KEY, {
       size: vue.computed(() => context.value.size || "")
     });
+    provideFn(emptyValuesContextKey, vue.computed(() => ({
+      emptyValues: context.value.emptyValues,
+      valueOnClear: context.value.valueOnClear
+    })));
     if (global || !globalConfig.value) {
       globalConfig.value = context.value;
     }
@@ -11492,7 +11494,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.7.5";
+  const version$1 = "2.7.7";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13183,6 +13185,11 @@
       type: [String, Number],
       default: ""
     },
+    labelPosition: {
+      type: String,
+      values: ["left", "right", "top", ""],
+      default: ""
+    },
     prop: {
       type: definePropType([String, Array])
     },
@@ -13280,7 +13287,8 @@
           const style = {};
           if (hasLabel && autoLabelWidth && autoLabelWidth !== "auto") {
             const marginWidth = Math.max(0, Number.parseInt(autoLabelWidth, 10) - computedWidth.value);
-            const marginPosition = formContext.labelPosition === "left" ? "marginRight" : "marginLeft";
+            const labelPosition = formItemContext.labelPosition || formContext.labelPosition;
+            const marginPosition = labelPosition === "left" ? "marginRight" : "marginLeft";
             if (marginWidth) {
               style[marginPosition] = `${marginWidth}px`;
             }
@@ -13321,8 +13329,9 @@
       const formItemRef = vue.ref();
       let initialValue = void 0;
       let isResettingField = false;
+      const labelPosition = vue.computed(() => props.labelPosition || (formContext == null ? void 0 : formContext.labelPosition));
       const labelStyle = vue.computed(() => {
-        if ((formContext == null ? void 0 : formContext.labelPosition) === "top") {
+        if (labelPosition.value === "top") {
           return {};
         }
         const labelWidth = addUnit(props.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
@@ -13331,7 +13340,7 @@
         return {};
       });
       const contentStyle = vue.computed(() => {
-        if ((formContext == null ? void 0 : formContext.labelPosition) === "top" || (formContext == null ? void 0 : formContext.inline)) {
+        if (labelPosition.value === "top" || (formContext == null ? void 0 : formContext.inline)) {
           return {};
         }
         if (!props.label && !props.labelWidth && isNested) {
@@ -13352,7 +13361,10 @@
         ns.is("required", isRequired.value || props.required),
         ns.is("no-asterisk", formContext == null ? void 0 : formContext.hideRequiredAsterisk),
         (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
-        { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
+        {
+          [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon,
+          [ns.m(`label-${labelPosition.value}`)]: labelPosition.value
+        }
       ]);
       const _inlineMessage = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
       const validateClasses = vue.computed(() => [
@@ -13824,8 +13836,6 @@
         nsInput.is("exceed", inputExceed.value),
         {
           [nsInput.b("group")]: slots.prepend || slots.append,
-          [nsInput.bm("group", "append")]: slots.append,
-          [nsInput.bm("group", "prepend")]: slots.prepend,
           [nsInput.m("prefix")]: slots.prefix || props.prefixIcon,
           [nsInput.m("suffix")]: slots.suffix || props.suffixIcon || props.clearable || props.showPassword,
           [nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value,
@@ -14054,7 +14064,13 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(containerAttrs), {
-          class: vue.unref(containerKls),
+          class: [
+            vue.unref(containerKls),
+            {
+              [vue.unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
+              [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend
+            }
+          ],
           style: vue.unref(containerStyle),
           role: _ctx.containerRole,
           onMouseenter: handleMouseEnter,
@@ -18089,8 +18105,12 @@
     const ns = useNamespace("button");
     return vue.computed(() => {
       let styles = {};
-      const buttonColor = props.color;
+      let buttonColor = props.color;
       if (buttonColor) {
+        const match = buttonColor.match(/var\((.*?)\)/);
+        if (match) {
+          buttonColor = window.getComputedStyle(window.document.documentElement).getPropertyValue(match[1]);
+        }
         const color = new TinyColor(buttonColor);
         const activeBgColor = props.dark ? color.tint(20).toString() : darken(color, 20);
         if (props.plain) {
@@ -18792,6 +18812,7 @@
       "change",
       "focus",
       "blur",
+      "clear",
       "calendar-change",
       "panel-change",
       "visible-change",
@@ -19031,6 +19052,7 @@
           pickerVisible.value = false;
           pickerOptions.value.handleClear && pickerOptions.value.handleClear();
         }
+        emit("clear");
       };
       const valueIsEmpty = vue.computed(() => {
         const { modelValue } = props;
@@ -21225,6 +21247,8 @@
         activeIndex.value = activeIndex.value + 1;
       } else if (props.loop) {
         activeIndex.value = 0;
+      } else {
+        isTransitioning.value = false;
       }
     };
     function setActiveItem(index) {
@@ -23774,6 +23798,7 @@
     [CHANGE_EVENT]: (_) => true,
     focus: (evt) => evt instanceof FocusEvent,
     blur: (evt) => evt instanceof FocusEvent,
+    clear: () => true,
     visibleChange: (val) => isBoolean(val),
     expandChange: (val) => !!val,
     removeTag: (val) => !!val
@@ -24065,6 +24090,7 @@
           syncPresentTextValue();
         }
         togglePopperVisible(false);
+        emit("clear");
       };
       const syncPresentTextValue = () => {
         const { value } = presentText;
@@ -25617,6 +25643,10 @@
       color: {
         type: Object,
         required: true
+      },
+      enableAlpha: {
+        type: Boolean,
+        required: true
       }
     },
     setup(props) {
@@ -25639,7 +25669,7 @@
       function parseColors(colors, color) {
         return colors.map((value) => {
           const c = new Color();
-          c.enableAlpha = true;
+          c.enableAlpha = props.enableAlpha;
           c.format = "rgba";
           c.fromString(value);
           c.selected = c.value === color.value;
@@ -26053,9 +26083,10 @@
               _ctx.predefine ? (vue.openBlock(), vue.createBlock(Predefine, {
                 key: 1,
                 ref: "predefine",
+                "enable-alpha": _ctx.showAlpha,
                 color: vue.unref(color),
                 colors: _ctx.predefine
-              }, null, 8, ["color", "colors"])) : vue.createCommentVNode("v-if", true),
+              }, null, 8, ["enable-alpha", "color", "colors"])) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(ns).be("dropdown", "btns"))
               }, [
@@ -28189,7 +28220,8 @@
     setup(__props, { emit }) {
       const props = __props;
       const pickerBase = vue.inject("EP_PICKER_BASE");
-      const { disabledDate, cellClassName, format, defaultTime, clearable } = pickerBase.props;
+      const { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
       const shortcuts = vue.toRef(pickerBase.props, "shortcuts");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const { lang } = useLocale();
@@ -28269,10 +28301,10 @@
         return "";
       });
       const timeFormat = vue.computed(() => {
-        return props.timeFormat || extractTimeFormat(format);
+        return props.timeFormat || extractTimeFormat(format.value);
       });
       const dateFormat = vue.computed(() => {
-        return props.dateFormat || extractDateFormat(format);
+        return props.dateFormat || extractDateFormat(format.value);
       });
       const isValidValue = (date) => {
         return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
@@ -28406,16 +28438,10 @@
           if (type === "min") {
             minTimePickerVisible.value = true;
             minDate.value = (minDate.value || leftDate.value).hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
-            if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {
-              maxDate.value = minDate.value;
-            }
           } else {
             maxTimePickerVisible.value = true;
             maxDate.value = (maxDate.value || rightDate.value).hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
             rightDate.value = maxDate.value;
-            if (maxDate.value && maxDate.value.isBefore(minDate.value)) {
-              minDate.value = maxDate.value;
-            }
           }
         }
       };
@@ -28424,9 +28450,15 @@
         if (type === "min") {
           leftDate.value = minDate.value;
           minTimePickerVisible.value = false;
+          if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {
+            maxDate.value = minDate.value;
+          }
         } else {
           rightDate.value = maxDate.value;
           maxTimePickerVisible.value = false;
+          if (maxDate.value && maxDate.value.isBefore(minDate.value)) {
+            minDate.value = maxDate.value;
+          }
         }
       };
       const handleMinTimePick = (value, visible, first) => {
@@ -28470,10 +28502,10 @@
         emit("pick", null);
       };
       const formatToString = (value) => {
-        return isArray$1(value) ? value.map((_) => _.format(format)) : value.format(format);
+        return isArray$1(value) ? value.map((_) => _.format(format.value)) : value.format(format.value);
       };
       const parseUserInput = (value) => {
-        return isArray$1(value) ? value.map((_) => dayjs(_, format).locale(lang.value)) : dayjs(value, format).locale(lang.value);
+        return isArray$1(value) ? value.map((_) => dayjs(_, format.value).locale(lang.value)) : dayjs(value, format.value).locale(lang.value);
       };
       function onParsedValueChanged(minDate2, maxDate2) {
         if (props.unlinkPanels && maxDate2) {
@@ -28894,7 +28926,8 @@
       const props = __props;
       const { lang } = useLocale();
       const pickerBase = vue.inject("EP_PICKER_BASE");
-      const { shortcuts, disabledDate, format } = pickerBase.props;
+      const { shortcuts, disabledDate } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const leftDate = vue.ref(dayjs().locale(lang.value));
       const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit));
@@ -28947,7 +28980,7 @@
         handleRangeConfirm();
       };
       const formatToString = (days) => {
-        return days.map((day) => day.format(format));
+        return days.map((day) => day.format(format.value));
       };
       function onParsedValueChanged(minDate2, maxDate2) {
         if (props.unlinkPanels && maxDate2) {
@@ -32268,6 +32301,7 @@
               "min-scale": _ctx.minScale,
               "max-scale": _ctx.maxScale,
               "url-list": _ctx.previewSrcList,
+              crossorigin: _ctx.crossorigin,
               "hide-on-click-modal": _ctx.hideOnClickModal,
               teleported: _ctx.previewTeleported,
               "close-on-press-escape": _ctx.closeOnPressEscape,
@@ -32280,7 +32314,7 @@
                 ])) : vue.createCommentVNode("v-if", true)
               ]),
               _: 3
-            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
+            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 6);
       };
@@ -34330,6 +34364,7 @@
       const _placeholder = (_a = props.placeholder) != null ? _a : t("el.select.placeholder");
       return props.multiple || !hasModelValue.value ? _placeholder : states.selectedLabel;
     });
+    const mouseEnterEventName = vue.computed(() => isIOS ? null : "mouseenter");
     vue.watch(() => props.modelValue, (val, oldVal) => {
       if (props.multiple) {
         if (props.filterable && !props.reserveKeyword) {
@@ -34656,6 +34691,8 @@
     const toggleMenu = () => {
       if (selectDisabled.value)
         return;
+      if (isIOS)
+        states.inputHovering = true;
       if (states.menuVisibleOnFocus) {
         states.menuVisibleOnFocus = false;
       } else {
@@ -34770,6 +34807,7 @@
       hasModelValue,
       shouldShowPlaceholder,
       currentPlaceholder,
+      mouseEnterEventName,
       showClose,
       iconComponent,
       iconReverse,
@@ -34933,6 +34971,7 @@
       default: arrow_down_default
     },
     tagType: { ...tagProps.type, default: "info" },
+    tagEffect: { ...tagProps.effect, default: "light" },
     validateEvent: {
       type: Boolean,
       default: true
@@ -34993,7 +35032,7 @@
       };
     }
   });
-  const _hoisted_1$r = ["id", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
+  const _hoisted_1$r = ["id", "name", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
   const _hoisted_2$h = ["textContent"];
   const _hoisted_3$8 = { key: 1 };
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
@@ -35008,7 +35047,7 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
+      [vue.toHandlerKey(_ctx.mouseEnterEventName)]: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
       onMouseleave: _cache[17] || (_cache[17] = ($event) => _ctx.states.inputHovering = false),
       onClick: _cache[18] || (_cache[18] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
     }, [
@@ -35067,6 +35106,7 @@
                         closable: !_ctx.selectDisabled && !item.isDisabled,
                         size: _ctx.collapseTagSize,
                         type: _ctx.tagType,
+                        effect: _ctx.tagEffect,
                         "disable-transitions": "",
                         style: vue.normalizeStyle(_ctx.tagStyle),
                         onClose: ($event) => _ctx.deleteTag($event, item)
@@ -35084,7 +35124,7 @@
                           ], 2)
                         ]),
                         _: 2
-                      }, 1032, ["closable", "size", "type", "style", "onClose"])
+                      }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
                     ], 2);
                   }), 128)),
                   _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
@@ -35105,6 +35145,7 @@
                           closable: false,
                           size: _ctx.collapseTagSize,
                           type: _ctx.tagType,
+                          effect: _ctx.tagEffect,
                           "disable-transitions": "",
                           style: vue.normalizeStyle(_ctx.collapseTagStyle)
                         }, {
@@ -35114,7 +35155,7 @@
                             }, " + " + vue.toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
                           ]),
                           _: 1
-                        }, 8, ["size", "type", "style"])
+                        }, 8, ["size", "type", "effect", "style"])
                       ], 2)
                     ]),
                     content: vue.withCtx(() => [
@@ -35132,6 +35173,7 @@
                               closable: !_ctx.selectDisabled && !item.isDisabled,
                               size: _ctx.collapseTagSize,
                               type: _ctx.tagType,
+                              effect: _ctx.tagEffect,
                               "disable-transitions": "",
                               onClose: ($event) => _ctx.deleteTag($event, item)
                             }, {
@@ -35148,7 +35190,7 @@
                                 ], 2)
                               ]),
                               _: 2
-                            }, 1032, ["closable", "size", "type", "onClose"])
+                            }, 1032, ["closable", "size", "type", "effect", "onClose"])
                           ], 2);
                         }), 128))
                       ], 2)
@@ -35169,6 +35211,7 @@
                     ref: "inputRef",
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
                     type: "text",
+                    name: _ctx.name,
                     class: vue.normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
                     disabled: _ctx.selectDisabled,
                     autocomplete: _ctx.autocomplete,
@@ -35326,7 +35369,7 @@
         ]),
         _: 3
       }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "onBeforeShow"])
-    ], 34)), [
+    ], 16)), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
@@ -35862,6 +35905,7 @@
       default: true
     },
     small: Boolean,
+    size: useSizeProp,
     background: Boolean,
     disabled: Boolean,
     hideOnSinglePage: Boolean
@@ -35884,6 +35928,17 @@
       const { t } = useLocale();
       const ns = useNamespace("pagination");
       const vnodeProps = vue.getCurrentInstance().vnode.props || {};
+      const _size = vue.computed(() => {
+        var _a;
+        return props.small ? "small" : (_a = props.size) != null ? _a : useGlobalSize().value;
+      });
+      useDeprecated({
+        from: "small",
+        replacement: "size",
+        version: "3.0.0",
+        scope: "el-pagination",
+        ref: "https://element-plus.org/zh-CN/component/pagination.html"
+      }, vue.computed(() => !!props.small));
       const hasCurrentPageListener = "onUpdate:currentPage" in vnodeProps || "onUpdate:current-page" in vnodeProps || "onCurrentChange" in vnodeProps;
       const hasPageSizeListener = "onUpdate:pageSize" in vnodeProps || "onUpdate:page-size" in vnodeProps || "onSizeChange" in vnodeProps;
       const assertValidUsage = vue.computed(() => {
@@ -36016,7 +36071,7 @@
             onClick: prev
           }),
           jumper: vue.h(Jumper, {
-            size: props.small ? "small" : "default"
+            size: _size.value
           }),
           pager: vue.h(Pager, {
             currentPage: currentPageBridge.value,
@@ -36039,7 +36094,7 @@
             popperClass: props.popperClass,
             disabled: props.disabled,
             teleported: props.teleported,
-            size: props.small ? "small" : "default"
+            size: _size.value
           }),
           slot: (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : null,
           total: vue.h(Total, { total: isAbsent(props.total) ? 0 : props.total })
@@ -36068,9 +36123,7 @@
           class: [
             ns.b(),
             ns.is("background", props.background),
-            {
-              [ns.m("small")]: props.small
-            }
+            ns.m(_size.value)
           ]
         }, rootChildren);
       };
@@ -36494,11 +36547,19 @@
         default: "#20a0ff"
       };
       const ns = useNamespace("progress");
-      const barStyle = vue.computed(() => ({
-        width: `${props.percentage}%`,
-        animationDuration: `${props.duration}s`,
-        background: getCurrentColor(props.percentage)
-      }));
+      const barStyle = vue.computed(() => {
+        const barStyle2 = {
+          width: `${props.percentage}%`,
+          animationDuration: `${props.duration}s`
+        };
+        const color = getCurrentColor(props.percentage);
+        if (color.includes("gradient")) {
+          barStyle2.background = color;
+        } else {
+          barStyle2.backgroundColor = color;
+        }
+        return barStyle2;
+      });
       const relativeStrokeWidth = vue.computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
       const radius = vue.computed(() => {
         if (["circle", "dashboard"].includes(props.type)) {
@@ -39069,6 +39130,7 @@
       default: ["bottom-start", "top-start", "right", "left"]
     },
     tagType: { ...tagProps.type, default: "info" },
+    tagEffect: { ...tagProps.effect, default: "light" },
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -40164,9 +40226,8 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = true),
-      onMouseleave: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = false),
-      onClick: _cache[16] || (_cache[16] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
+      onMouseenter: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = true),
+      onMouseleave: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = false)
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
@@ -40184,7 +40245,7 @@
         trigger: "click",
         persistent: _ctx.persistent,
         onBeforeShow: _ctx.handleMenuEnter,
-        onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
+        onHide: _cache[14] || (_cache[14] = ($event) => _ctx.states.isBeforeHide = false)
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
@@ -40195,7 +40256,8 @@
               _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
               _ctx.nsSelect.is("filterable", _ctx.filterable),
               _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-            ])
+            ]),
+            onClick: _cache[13] || (_cache[13] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
           }, [
             _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -40221,6 +40283,7 @@
                       closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
                       size: _ctx.collapseTagSize,
                       type: _ctx.tagType,
+                      effect: _ctx.tagEffect,
                       "disable-transitions": "",
                       style: vue.normalizeStyle(_ctx.tagStyle),
                       onClose: ($event) => _ctx.deleteTag($event, item)
@@ -40238,7 +40301,7 @@
                         ], 2)
                       ]),
                       _: 2
-                    }, 1032, ["closable", "size", "type", "style", "onClose"])
+                    }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
                   ], 2);
                 }), 128)),
                 _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
@@ -40259,6 +40322,7 @@
                         closable: false,
                         size: _ctx.collapseTagSize,
                         type: _ctx.tagType,
+                        effect: _ctx.tagEffect,
                         style: vue.normalizeStyle(_ctx.collapseTagStyle),
                         "disable-transitions": ""
                       }, {
@@ -40268,7 +40332,7 @@
                           }, " + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
                         ]),
                         _: 1
-                      }, 8, ["size", "type", "style"])
+                      }, 8, ["size", "type", "effect", "style"])
                     ], 2)
                   ]),
                   content: vue.withCtx(() => [
@@ -40286,6 +40350,7 @@
                             closable: !_ctx.selectDisabled && !_ctx.getDisabled(selected),
                             size: _ctx.collapseTagSize,
                             type: _ctx.tagType,
+                            effect: _ctx.tagEffect,
                             "disable-transitions": "",
                             onClose: ($event) => _ctx.deleteTag($event, selected)
                           }, {
@@ -40302,7 +40367,7 @@
                               ], 2)
                             ]),
                             _: 2
-                          }, 1032, ["closable", "size", "type", "onClose"])
+                          }, 1032, ["closable", "size", "type", "effect", "onClose"])
                         ], 2);
                       }), 128))
                     ], 2)
@@ -44828,7 +44893,12 @@
           key: `${column.id}-thead`,
           rowspan: column.rowSpan,
           style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-          onClick: ($event) => handleHeaderClick($event, column),
+          onClick: ($event) => {
+            if ($event.currentTarget.classList.contains("noclick")) {
+              return;
+            }
+            handleHeaderClick($event, column);
+          },
           onContextmenu: ($event) => handleHeaderContextMenu($event, column),
           onMousedown: ($event) => handleMouseDown($event, column),
           onMousemove: ($event) => handleMouseMove($event, column),
@@ -46144,11 +46214,15 @@
       const computedEmptyText = vue.computed(() => {
         return props.emptyText || t("el.table.emptyText");
       });
+      const columns = vue.computed(() => {
+        return convertToRows(store.states.originColumns.value)[0];
+      });
       useKeyRender(table);
       return {
         ns,
         layout,
         store,
+        columns,
         handleHeaderFooterMousewheel,
         handleMouseLeave,
         tableId,
@@ -47216,7 +47290,7 @@
         return;
       }
       const tableRoot = tableInstance.vnode.el;
-      const rows = tableRoot.querySelectorAll(`[rowkey=${rowKey}]`);
+      const rows = tableRoot.querySelectorAll(`[rowkey="${String(rowKey)}"]`);
       rows.forEach((row) => {
         if (hovered) {
           row.classList.add(ns.is("hovered"));
@@ -49851,7 +49925,7 @@
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...__default__$p,
     props: timeSelectProps,
-    emits: ["change", "blur", "focus", "update:modelValue"],
+    emits: ["change", "blur", "focus", "clear", "update:modelValue"],
     setup(__props, { expose }) {
       const props = __props;
       dayjs.extend(customParseFormat);
@@ -49927,7 +50001,8 @@
           "onUpdate:modelValue": _cache[0] || (_cache[0] = (event) => _ctx.$emit("update:modelValue", event)),
           onChange: _cache[1] || (_cache[1] = (event) => _ctx.$emit("change", event)),
           onBlur: _cache[2] || (_cache[2] = (event) => _ctx.$emit("blur", event)),
-          onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event))
+          onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event)),
+          onClear: _cache[4] || (_cache[4] = () => _ctx.$emit("clear"))
         }, {
           prefix: vue.withCtx(() => [
             _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -52894,6 +52969,11 @@
           result.select.onOptionCreate(vm);
         }
       });
+      vue.watch(() => ctx.attrs.visible, (val) => {
+        result.states.visible = val;
+      }, {
+        immediate: true
+      });
       return result;
     },
     methods: {
@@ -53005,7 +53085,8 @@
         return h(TreeSelectOption, {
           value: getNodeValByProp("value", data),
           label: getNodeValByProp("label", data),
-          disabled: getNodeValByProp("disabled", data)
+          disabled: getNodeValByProp("disabled", data),
+          visible: node.visible
         }, props.renderContent ? () => props.renderContent(h, { node, data, store }) : slots.default ? () => slots.default({ node, data, store }) : void 0);
       },
       filterNodeMethod: (value, data, node) => {
@@ -53087,7 +53168,7 @@
           }
         });
         const inputs = ((_a = select.selectRef) == null ? void 0 : _a.querySelectorAll("input")) || [];
-        if (!Array.from(inputs).includes(document.activeElement)) {
+        if (isClient && !Array.from(inputs).includes(document.activeElement)) {
           select.setSelected();
         }
       }, { flush: "post", immediate: true });
@@ -57597,6 +57678,8 @@
         action: "",
         confirmButtonLoading: false,
         cancelButtonLoading: false,
+        confirmButtonLoadingIcon: loading_default,
+        cancelButtonLoadingIcon: loading_default,
         confirmButtonDisabled: false,
         editorErrorMessage: "",
         validateError: false,
@@ -57925,6 +58008,7 @@
                       _ctx.showCancelButton ? (vue.openBlock(), vue.createBlock(_component_el_button, {
                         key: 0,
                         loading: _ctx.cancelButtonLoading,
+                        "loading-icon": _ctx.cancelButtonLoadingIcon,
                         class: vue.normalizeClass([_ctx.cancelButtonClass]),
                         round: _ctx.roundButton,
                         size: _ctx.btnSize,
@@ -57935,11 +58019,12 @@
                           vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText || _ctx.t("el.messagebox.cancel")), 1)
                         ]),
                         _: 1
-                      }, 8, ["loading", "class", "round", "size"])) : vue.createCommentVNode("v-if", true),
+                      }, 8, ["loading", "loading-icon", "class", "round", "size"])) : vue.createCommentVNode("v-if", true),
                       vue.withDirectives(vue.createVNode(_component_el_button, {
                         ref: "confirmRef",
                         type: "primary",
                         loading: _ctx.confirmButtonLoading,
+                        "loading-icon": _ctx.confirmButtonLoadingIcon,
                         class: vue.normalizeClass([_ctx.confirmButtonClasses]),
                         round: _ctx.roundButton,
                         disabled: _ctx.confirmButtonDisabled,
@@ -57951,7 +58036,7 @@
                           vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText || _ctx.t("el.messagebox.confirm")), 1)
                         ]),
                         _: 1
-                      }, 8, ["loading", "class", "round", "disabled", "size"]), [
+                      }, 8, ["loading", "loading-icon", "class", "round", "disabled", "size"]), [
                         [vue.vShow, _ctx.showConfirmButton]
                       ])
                     ], 2)
@@ -58682,6 +58767,7 @@
   exports.elPaginationKey = elPaginationKey;
   exports.emitChangeFn = emitChangeFn;
   exports.emptyProps = emptyProps;
+  exports.emptyValuesContextKey = emptyValuesContextKey;
   exports.extractDateFormat = extractDateFormat;
   exports.extractTimeFormat = extractTimeFormat;
   exports.formContextKey = formContextKey;