@element-plus/nightly 0.0.20240106 → 0.0.20240108

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240106 */
+/*! Element Plus v0.0.20240108 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, camelize as camelize$1, createApp, shallowReactive, render } from 'vue';
 
@@ -11565,7 +11565,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20240106";
+const version$1 = "0.0.20240108";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -13867,7 +13867,7 @@ const inputEmits = {
 
 const _hoisted_1$14 = ["role"];
 const _hoisted_2$I = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
+const _hoisted_3$k = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
 const __default__$1C = defineComponent({
   name: "ElInput",
   inheritAttrs: false
@@ -14282,7 +14282,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
             onBlur: _cache[3] || (_cache[3] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$l),
+          }), null, 16, _hoisted_3$k),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
@@ -16388,7 +16388,7 @@ const autocompleteEmits = {
 
 const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$G = { key: 0 };
-const _hoisted_3$k = ["id", "aria-selected", "onClick"];
+const _hoisted_3$j = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
 const __default__$1t = defineComponent({
   name: COMPONENT_NAME$i,
@@ -16656,7 +16656,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$k);
+                  ], 10, _hoisted_3$j);
                 }), 128))
               ]),
               _: 3
@@ -23648,7 +23648,7 @@ const cascaderEmits = {
 
 const _hoisted_1$Q = { key: 0 };
 const _hoisted_2$y = ["placeholder", "onKeydown"];
-const _hoisted_3$j = ["onClick"];
+const _hoisted_3$i = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
 const __default__$18 = defineComponent({
   name: COMPONENT_NAME$e
@@ -24230,7 +24230,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })) : createCommentVNode("v-if", true)
-                ], 10, _hoisted_3$j);
+                ], 10, _hoisted_3$i);
               }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                 createElementVNode("li", {
                   class: normalizeClass(unref(nsCascader).e("empty-text"))
@@ -26828,8 +26828,8 @@ const _hoisted_2$u = {
   key: 0,
   scope: "col"
 };
-const _hoisted_3$i = ["aria-label"];
-const _hoisted_4$c = ["aria-current", "aria-selected", "tabindex"];
+const _hoisted_3$h = ["aria-label"];
+const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
@@ -26881,7 +26881,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                 key,
                 "aria-label": unref(t)("el.datepicker.weeksFull." + week),
                 scope: "col"
-              }, toDisplayString(unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$i);
+              }, toDisplayString(unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
             }), 128))
           ]),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row, rowKey) => {
@@ -26901,7 +26901,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                   onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args))
                 }, [
                   createVNode(unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
-                ], 42, _hoisted_4$c);
+                ], 42, _hoisted_4$b);
               }), 128))
             ], 2);
           }), 128))
@@ -26919,7 +26919,7 @@ const basicMonthTableProps = buildProps({
 
 const _hoisted_1$K = ["aria-label"];
 const _hoisted_2$t = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-const _hoisted_3$h = { class: "cell" };
+const _hoisted_3$g = { class: "cell" };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "basic-month-table",
   props: basicMonthTableProps,
@@ -27102,7 +27102,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
                   ]
                 }, [
                   createElementVNode("div", null, [
-                    createElementVNode("span", _hoisted_3$h, toDisplayString(unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                    createElementVNode("span", _hoisted_3$g, toDisplayString(unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                   ])
                 ], 42, _hoisted_2$t);
               }), 128))
@@ -27124,8 +27124,8 @@ const basicYearTableProps = buildProps({
 
 const _hoisted_1$J = ["aria-label"];
 const _hoisted_2$s = ["aria-selected", "tabindex", "onKeydown"];
-const _hoisted_3$g = { class: "cell" };
-const _hoisted_4$b = { key: 1 };
+const _hoisted_3$f = { class: "cell" };
+const _hoisted_4$a = { key: 1 };
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "basic-year-table",
   props: basicYearTableProps,
@@ -27209,8 +27209,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
                       withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                     ]
                   }, [
-                    createElementVNode("span", _hoisted_3$g, toDisplayString(unref(startYear) + i * 4 + j), 1)
-                  ], 42, _hoisted_2$s)) : (openBlock(), createElementBlock("td", _hoisted_4$b))
+                    createElementVNode("span", _hoisted_3$f, toDisplayString(unref(startYear) + i * 4 + j), 1)
+                  ], 42, _hoisted_2$s)) : (openBlock(), createElementBlock("td", _hoisted_4$a))
                 ], 64);
               }), 64))
             ]);
@@ -27224,9 +27224,9 @@ var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "basic-yea
 
 const _hoisted_1$I = ["onClick"];
 const _hoisted_2$r = ["aria-label"];
-const _hoisted_3$f = ["aria-label"];
-const _hoisted_4$a = ["aria-label"];
-const _hoisted_5$8 = ["aria-label"];
+const _hoisted_3$e = ["aria-label"];
+const _hoisted_4$9 = ["aria-label"];
+const _hoisted_5$7 = ["aria-label"];
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
@@ -27736,7 +27736,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$f), [
+                ], 10, _hoisted_3$e), [
                   [vShow, currentView.value === "date"]
                 ])
               ], 2),
@@ -27776,7 +27776,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_4$a), [
+                ], 10, _hoisted_4$9), [
                   [vShow, currentView.value === "date"]
                 ]),
                 createElementVNode("button", {
@@ -27791,7 +27791,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$8)
+                ], 10, _hoisted_5$7)
               ], 2)
             ], 2), [
               [vShow, currentView.value !== "time"]
@@ -27977,12 +27977,12 @@ const useRangePicker = (props, {
 
 const _hoisted_1$H = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
-const _hoisted_3$e = ["aria-label"];
-const _hoisted_4$9 = ["disabled", "aria-label"];
-const _hoisted_5$7 = ["disabled", "aria-label"];
-const _hoisted_6$4 = ["disabled", "aria-label"];
-const _hoisted_7$2 = ["disabled", "aria-label"];
-const _hoisted_8$2 = ["aria-label"];
+const _hoisted_3$d = ["aria-label"];
+const _hoisted_4$8 = ["disabled", "aria-label"];
+const _hoisted_5$6 = ["disabled", "aria-label"];
+const _hoisted_6$3 = ["disabled", "aria-label"];
+const _hoisted_7$1 = ["disabled", "aria-label"];
+const _hoisted_8$1 = ["aria-label"];
 const _hoisted_9$1 = ["aria-label"];
 const unit$1 = "month";
 const _sfc_main$1m = /* @__PURE__ */ defineComponent({
@@ -28462,7 +28462,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$e),
+                ], 10, _hoisted_3$d),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
@@ -28477,7 +28477,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_4$9)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_4$8)) : createCommentVNode("v-if", true),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -28495,7 +28495,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$7)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_5$6)) : createCommentVNode("v-if", true),
                 createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
               ], 2),
               createVNode(DateTable, {
@@ -28531,7 +28531,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_6$4)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_6$3)) : createCommentVNode("v-if", true),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -28549,7 +28549,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_7$2)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_7$1)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
                   "aria-label": unref(t)(`el.datepicker.nextYear`),
@@ -28562,7 +28562,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_8$2),
+                ], 10, _hoisted_8$1),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-right"]),
@@ -28687,7 +28687,7 @@ const useMonthRangeHeader = ({
 
 const _hoisted_1$G = ["onClick"];
 const _hoisted_2$p = ["disabled"];
-const _hoisted_3$d = ["disabled"];
+const _hoisted_3$c = ["disabled"];
 const unit = "year";
 const __default__$W = defineComponent({
   name: "DatePickerMonthRange"
@@ -28865,7 +28865,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$d)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_3$c)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -29404,7 +29404,7 @@ const dialogContentEmits = {
 
 const _hoisted_1$E = ["aria-level"];
 const _hoisted_2$o = ["aria-label"];
-const _hoisted_3$c = ["id"];
+const _hoisted_3$b = ["id"];
 const __default__$T = defineComponent({ name: "ElDialogContent" });
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   ...__default__$T,
@@ -29468,7 +29468,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(ns).e("body"))
         }, [
           renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_3$c),
+        ], 10, _hoisted_3$b),
         _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
           key: 0,
           class: normalizeClass(unref(ns).e("footer"))
@@ -29999,8 +29999,8 @@ const _sfc_main$1f = defineComponent({
 });
 const _hoisted_1$C = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$n = ["id", "aria-level"];
-const _hoisted_3$b = ["aria-label"];
-const _hoisted_4$8 = ["id"];
+const _hoisted_3$a = ["aria-label"];
+const _hoisted_4$7 = ["id"];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -30086,7 +30086,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_3$b)) : createCommentVNode("v-if", true)
+                    ], 10, _hoisted_3$a)) : createCommentVNode("v-if", true)
                   ], 2)) : createCommentVNode("v-if", true),
                   _ctx.rendered ? (openBlock(), createElementBlock("div", {
                     key: 1,
@@ -30094,7 +30094,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass(_ctx.ns.e("body"))
                   }, [
                     renderSlot(_ctx.$slots, "default")
-                  ], 10, _hoisted_4$8)) : createCommentVNode("v-if", true),
+                  ], 10, _hoisted_4$7)) : createCommentVNode("v-if", true),
                   _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
                     key: 2,
                     class: normalizeClass(_ctx.ns.e("footer"))
@@ -31159,12 +31159,12 @@ const _hoisted_1$z = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
 const _hoisted_2$m = ["id"];
-const _hoisted_3$a = ["stop-color"];
-const _hoisted_4$7 = ["stop-color"];
-const _hoisted_5$6 = ["id"];
-const _hoisted_6$3 = ["stop-color"];
-const _hoisted_7$1 = ["stop-color"];
-const _hoisted_8$1 = ["id"];
+const _hoisted_3$9 = ["stop-color"];
+const _hoisted_4$6 = ["stop-color"];
+const _hoisted_5$5 = ["id"];
+const _hoisted_6$2 = ["stop-color"];
+const _hoisted_7 = ["stop-color"];
+const _hoisted_8 = ["id"];
 const _hoisted_9 = {
   id: "Illustrations",
   stroke: "none",
@@ -31219,11 +31219,11 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
               offset: "0%"
-            }, null, 8, _hoisted_3$a),
+            }, null, 8, _hoisted_3$9),
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-4")})`,
               offset: "100%"
-            }, null, 8, _hoisted_4$7)
+            }, null, 8, _hoisted_4$6)
           ], 8, _hoisted_2$m),
           createElementVNode("linearGradient", {
             id: `linearGradient-2-${unref(id)}`,
@@ -31235,19 +31235,19 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
               offset: "0%"
-            }, null, 8, _hoisted_6$3),
+            }, null, 8, _hoisted_6$2),
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-6")})`,
               offset: "100%"
-            }, null, 8, _hoisted_7$1)
-          ], 8, _hoisted_5$6),
+            }, null, 8, _hoisted_7)
+          ], 8, _hoisted_5$5),
           createElementVNode("rect", {
             id: `path-3-${unref(id)}`,
             x: "0",
             y: "0",
             width: "17",
             height: "36"
-          }, null, 8, _hoisted_8$1)
+          }, null, 8, _hoisted_8)
         ]),
         createElementVNode("g", _hoisted_9, [
           createElementVNode("g", _hoisted_10, [
@@ -31425,6 +31425,10 @@ const imageViewerProps = buildProps({
   maxScale: {
     type: Number,
     default: 7
+  },
+  crossorigin: {
+    type: definePropType(String),
+    default: "anonymous"
   }
 });
 const imageViewerEmits = {
@@ -31433,7 +31437,7 @@ const imageViewerEmits = {
   rotate: (deg) => isNumber(deg)
 };
 
-const _hoisted_1$x = ["src"];
+const _hoisted_1$x = ["src", "crossorigin"];
 const __default__$O = defineComponent({
   name: "ElImageViewer"
 });
@@ -31460,6 +31464,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     const imgRefs = ref([]);
     const scopeEventListener = effectScope();
     const loading = ref(true);
+    const crossorigin = ref(props.crossorigin);
     const activeIndex = ref(props.initialIndex);
     const mode = shallowRef(modes.CONTAIN);
     const transform = ref({
@@ -31800,6 +31805,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                     src: url,
                     style: normalizeStyle(unref(imgStyle)),
                     class: normalizeClass(unref(ns).e("img")),
+                    crossorigin: crossorigin.value,
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
@@ -31871,6 +31877,10 @@ const imageProps = buildProps({
   maxScale: {
     type: Number,
     default: 7
+  },
+  crossorigin: {
+    type: definePropType(String),
+    default: "anonymous"
   }
 });
 const imageEmits = {
@@ -31881,7 +31891,7 @@ const imageEmits = {
   show: () => true
 };
 
-const _hoisted_1$w = ["src", "loading"];
+const _hoisted_1$w = ["src", "loading", "crossorigin"];
 const _hoisted_2$k = { key: 0 };
 const __default__$N = defineComponent({
   name: "ElImage",
@@ -31899,6 +31909,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     const rawAttrs = useAttrs$1();
     const attrs = useAttrs();
     const imageSrc = ref();
+    const crossorigin = ref(props.crossorigin);
     const hasLoadError = ref(false);
     const isLoading = ref(true);
     const showViewer = ref(false);
@@ -32050,6 +32061,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             loading: _ctx.loading,
             style: unref(imageStyle),
             class: unref(imageKls),
+            crossorigin: crossorigin.value,
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
@@ -35144,7 +35156,7 @@ const _sfc_main$T = defineComponent({
 });
 const _hoisted_1$p = ["disabled", "autocomplete", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
 const _hoisted_2$g = ["disabled"];
-const _hoisted_3$9 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
+const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -35427,7 +35439,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.$slots.prefix ? {
                 name: "prefix",
                 fn: withCtx(() => [
-                  createElementVNode("div", _hoisted_3$9, [
+                  createElementVNode("div", _hoisted_3$8, [
                     renderSlot(_ctx.$slots, "prefix")
                   ])
                 ])
@@ -35761,10 +35773,10 @@ const paginationPagerProps = buildProps({
 
 const _hoisted_1$m = ["onKeyup"];
 const _hoisted_2$f = ["aria-current", "aria-label", "tabindex"];
-const _hoisted_3$8 = ["tabindex", "aria-label"];
-const _hoisted_4$6 = ["aria-current", "aria-label", "tabindex"];
-const _hoisted_5$5 = ["tabindex", "aria-label"];
-const _hoisted_6$2 = ["aria-current", "aria-label", "tabindex"];
+const _hoisted_3$7 = ["tabindex", "aria-label"];
+const _hoisted_4$5 = ["aria-current", "aria-label", "tabindex"];
+const _hoisted_5$4 = ["tabindex", "aria-label"];
+const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
 const __default__$E = defineComponent({
   name: "ElPaginationPager"
 });
@@ -35928,7 +35940,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
         }, [
           (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(d_arrow_left_default), { key: 0 })) : (openBlock(), createBlock(unref(more_filled_default), { key: 1 }))
-        ], 42, _hoisted_3$8)) : createCommentVNode("v-if", true),
+        ], 42, _hoisted_3$7)) : createCommentVNode("v-if", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagers), (pager) => {
           return openBlock(), createElementBlock("li", {
             key: pager,
@@ -35939,7 +35951,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             "aria-current": _ctx.currentPage === pager,
             "aria-label": unref(t)("el.pagination.currentPage", { pager }),
             tabindex: unref(tabindex)
-          }, toDisplayString(pager), 11, _hoisted_4$6);
+          }, toDisplayString(pager), 11, _hoisted_4$5);
         }), 128)),
         showNextMore.value ? (openBlock(), createElementBlock("li", {
           key: 2,
@@ -35952,7 +35964,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
         }, [
           (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(d_arrow_right_default), { key: 0 })) : (openBlock(), createBlock(unref(more_filled_default), { key: 1 }))
-        ], 42, _hoisted_5$5)) : createCommentVNode("v-if", true),
+        ], 42, _hoisted_5$4)) : createCommentVNode("v-if", true),
         _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
           key: 3,
           class: normalizeClass([[
@@ -35962,7 +35974,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           "aria-current": _ctx.currentPage === _ctx.pageCount,
           "aria-label": unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
           tabindex: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$2)) : createCommentVNode("v-if", true)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$m);
     };
   }
@@ -36631,9 +36643,9 @@ const progressProps = buildProps({
 
 const _hoisted_1$l = ["aria-valuenow"];
 const _hoisted_2$e = { viewBox: "0 0 100 100" };
-const _hoisted_3$7 = ["d", "stroke", "stroke-linecap", "stroke-width"];
-const _hoisted_4$5 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
-const _hoisted_5$4 = { key: 0 };
+const _hoisted_3$6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
+const _hoisted_5$3 = { key: 0 };
 const __default__$B = defineComponent({
   name: "ElProgress"
 });
@@ -36795,7 +36807,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               "stroke-width": unref(relativeStrokeWidth),
               fill: "none",
               style: normalizeStyle(unref(trailPathStyle))
-            }, null, 14, _hoisted_3$7),
+            }, null, 14, _hoisted_3$6),
             createElementVNode("path", {
               class: normalizeClass(unref(ns).be("circle", "path")),
               d: unref(trackPath),
@@ -36805,7 +36817,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               "stroke-linecap": _ctx.strokeLinecap,
               "stroke-width": unref(relativeStrokeWidth),
               style: normalizeStyle(unref(circlePathStyle))
-            }, null, 14, _hoisted_4$5)
+            }, null, 14, _hoisted_4$4)
           ]))
         ], 6)),
         (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
@@ -36814,7 +36826,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ fontSize: `${unref(progressTextSize)}px` })
         }, [
           renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
-            !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_5$4, toDisplayString(unref(content)), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+            !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_5$3, toDisplayString(unref(content)), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
               default: withCtx(() => [
                 (openBlock(), createBlock(resolveDynamicComponent(unref(statusIcon))))
               ]),
@@ -40305,9 +40317,9 @@ const _sfc_main$G = defineComponent({
 });
 const _hoisted_1$i = { key: 0 };
 const _hoisted_2$c = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
-const _hoisted_3$6 = ["textContent"];
-const _hoisted_4$4 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
-const _hoisted_5$3 = ["textContent"];
+const _hoisted_3$5 = ["textContent"];
+const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
+const _hoisted_5$2 = ["textContent"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -40527,7 +40539,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-hidden": "true",
                 class: normalizeClass(_ctx.nsSelectV2.e("input-calculator")),
                 textContent: toDisplayString(_ctx.states.displayInputValue)
-              }, null, 10, _hoisted_3$6)) : createCommentVNode("v-if", true)
+              }, null, 10, _hoisted_3$5)) : createCommentVNode("v-if", true)
             ], 6)
           ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             createElementVNode("div", {
@@ -40566,7 +40578,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[21] || (_cache[21] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
                 ],
                 "onUpdate:modelValue": _cache[22] || (_cache[22] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-              }, null, 42, _hoisted_4$4), [
+              }, null, 42, _hoisted_4$3), [
                 [_directive_model_text, _ctx.states.displayInputValue]
               ])
             ], 2),
@@ -40579,7 +40591,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.nsSelectV2.e("input-calculator")
               ]),
               textContent: toDisplayString(_ctx.states.displayInputValue)
-            }, null, 10, _hoisted_5$3)) : createCommentVNode("v-if", true)
+            }, null, 10, _hoisted_5$2)) : createCommentVNode("v-if", true)
           ], 64)),
           _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
             key: 3,
@@ -42481,9 +42493,9 @@ const switchEmits = {
 
 const _hoisted_1$f = ["onClick"];
 const _hoisted_2$a = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"];
-const _hoisted_3$5 = ["aria-hidden"];
-const _hoisted_4$3 = ["aria-hidden"];
-const _hoisted_5$2 = ["aria-hidden"];
+const _hoisted_3$4 = ["aria-hidden"];
+const _hoisted_4$2 = ["aria-hidden"];
+const _hoisted_5$1 = ["aria-hidden"];
 const COMPONENT_NAME$8 = "ElSwitch";
 const __default__$q = defineComponent({
   name: COMPONENT_NAME$8
@@ -42658,7 +42670,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           !_ctx.inactiveIcon && _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
             key: 1,
             "aria-hidden": unref(checked)
-          }, toDisplayString(_ctx.inactiveText), 9, _hoisted_3$5)) : createCommentVNode("v-if", true)
+          }, toDisplayString(_ctx.inactiveText), 9, _hoisted_3$4)) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true),
         createElementVNode("span", {
           ref_key: "core",
@@ -42682,7 +42694,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               key: 1,
               class: normalizeClass(unref(ns).is("text")),
               "aria-hidden": !unref(checked)
-            }, toDisplayString(unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$3)) : createCommentVNode("v-if", true)
+            }, toDisplayString(unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$2)) : createCommentVNode("v-if", true)
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
             class: normalizeClass(unref(ns).e("action"))
@@ -42725,7 +42737,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           !_ctx.activeIcon && _ctx.activeText ? (openBlock(), createElementBlock("span", {
             key: 1,
             "aria-hidden": !unref(checked)
-          }, toDisplayString(_ctx.activeText), 9, _hoisted_5$2)) : createCommentVNode("v-if", true)
+          }, toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true)
       ], 14, _hoisted_1$f);
     };
@@ -44431,6 +44443,12 @@ const _sfc_main$w = defineComponent({
     const filters = computed$1(() => {
       return props.column && props.column.filters;
     });
+    const filterClassName = computed$1(() => {
+      if (props.column.filterClassName) {
+        return `${ns.b()} ${props.column.filterClassName}`;
+      }
+      return ns.b();
+    });
     const filterValue = computed$1({
       get: () => {
         var _a;
@@ -44517,6 +44535,7 @@ const _sfc_main$w = defineComponent({
     return {
       tooltipVisible,
       multiple,
+      filterClassName,
       filteredValue,
       filterValue,
       filters,
@@ -44535,7 +44554,7 @@ const _sfc_main$w = defineComponent({
 });
 const _hoisted_1$e = { key: 0 };
 const _hoisted_2$9 = ["disabled"];
-const _hoisted_3$4 = ["label", "onClick"];
+const _hoisted_3$3 = ["label", "onClick"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
@@ -44555,7 +44574,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     teleported: "",
     effect: "light",
     pure: "",
-    "popper-class": _ctx.ns.b(),
+    "popper-class": _ctx.filterClassName,
     persistent: ""
   }, {
     content: withCtx(() => [
@@ -44624,7 +44643,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass([_ctx.ns.e("list-item"), _ctx.ns.is("active", _ctx.isActive(filter))]),
             label: filter.value,
             onClick: ($event) => _ctx.handleSelect(filter.value)
-          }, toDisplayString(filter.text), 11, _hoisted_3$4);
+          }, toDisplayString(filter.text), 11, _hoisted_3$3);
         }), 128))
       ], 2))
     ]),
@@ -46891,6 +46910,7 @@ function useWatcher(owner, props_) {
       "formatter",
       "className",
       "labelClassName",
+      "filterClassName",
       "showOverflowTooltip"
     ];
     const aliases = {
@@ -47114,6 +47134,7 @@ var defaultProps = {
     type: Boolean,
     default: true
   },
+  filterClassName: String,
   index: [Number, Function],
   sortOrders: {
     type: Array,
@@ -47175,6 +47196,7 @@ var ElTableColumn$1 = defineComponent({
         filterable: props.filters || props.filterMethod,
         filteredValue: [],
         filterPlacement: "",
+        filterClassName: "",
         isColumnGroup: false,
         isSubColumn: false,
         filterOpened: false,
@@ -47201,7 +47223,8 @@ var ElTableColumn$1 = defineComponent({
         "filterMultiple",
         "filterOpened",
         "filteredValue",
-        "filterPlacement"
+        "filterPlacement",
+        "filterClassName"
       ];
       let column = getPropsData(basicProps, sortProps, selectProps, filterProps);
       column = mergeOptions(defaults, column);
@@ -53216,12 +53239,12 @@ const useTree$1 = (props, { attrs, slots, emit }, {
       }, props.renderContent ? () => props.renderContent(h, { node, data, store }) : slots.default ? () => slots.default({ node, data, store }) : void 0);
     },
     filterNodeMethod: (value, data, node) => {
-      var _a;
       if (props.filterNodeMethod)
         return props.filterNodeMethod(value, data, node);
       if (!value)
         return true;
-      return (_a = getNodeValByProp("label", data)) == null ? void 0 : _a.includes(value);
+      const regexp = new RegExp(escapeStringRegexp(value), "i");
+      return regexp.test(getNodeValByProp("label", data) || "");
     },
     onNodeClick: (data, node, e) => {
       var _a, _b, _c;
@@ -54455,10 +54478,10 @@ const uploadListEmits = {
 
 const _hoisted_1$7 = ["onKeydown"];
 const _hoisted_2$5 = ["src"];
-const _hoisted_3$3 = ["onClick"];
-const _hoisted_4$2 = ["title"];
-const _hoisted_5$1 = ["onClick"];
-const _hoisted_6$1 = ["onClick"];
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$1 = ["title"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
 const __default__$a = defineComponent({
   name: "ElUploadList"
 });
@@ -54529,8 +54552,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     createElementVNode("span", {
                       class: normalizeClass(unref(nsUpload).be("list", "item-file-name")),
                       title: file.name
-                    }, toDisplayString(file.name), 11, _hoisted_4$2)
-                  ], 10, _hoisted_3$3),
+                    }, toDisplayString(file.name), 11, _hoisted_4$1)
+                  ], 10, _hoisted_3$2),
                   file.status === "uploading" ? (openBlock(), createBlock(unref(ElProgress), {
                     key: 0,
                     type: _ctx.listType === "picture-card" ? "circle" : "line",
@@ -54593,7 +54616,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_5$1),
+                  ], 10, _hoisted_5),
                   !unref(disabled) ? (openBlock(), createElementBlock("span", {
                     key: 0,
                     class: normalizeClass(unref(nsUpload).be("list", "item-delete")),
@@ -54607,7 +54630,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_6$1)) : createCommentVNode("v-if", true)
+                  ], 10, _hoisted_6)) : createCommentVNode("v-if", true)
                 ], 2)) : createCommentVNode("v-if", true)
               ])
             ], 42, _hoisted_1$7);
@@ -55742,19 +55765,7 @@ const _hoisted_1$4 = { style: {
   width: "100%",
   height: "100%"
 } };
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("rect", {
-  x: "0",
-  y: "0",
-  width: "100vw",
-  height: "100vh",
-  fill: "white"
-}, null, -1);
-const _hoisted_3$2 = ["x", "y", "rx", "width", "height"];
-const _hoisted_4$1 = ["fill", "mask"];
-const _hoisted_5 = ["height"];
-const _hoisted_6 = ["width"];
-const _hoisted_7 = ["y", "height"];
-const _hoisted_8 = ["x", "width"];
+const _hoisted_2$3 = ["d"];
 const __default__$5 = defineComponent({
   name: "ElTourMask",
   inheritAttrs: false
@@ -55765,15 +55776,38 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { ns } = inject(tourKey);
-    const id = useId();
-    const maskId = `el-tour-mask-${id.value}`;
+    const radius = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
+    });
+    const roundInfo = computed$1(() => {
+      const v = radius.value;
+      const baseInfo = `a${v},${v} 0 0 1`;
+      return {
+        topRight: `${baseInfo} ${v},${v}`,
+        bottomRight: `${baseInfo} ${-v},${v}`,
+        bottomLeft: `${baseInfo} ${-v},${-v}`,
+        topLeft: `${baseInfo} ${v},${-v}`
+      };
+    });
+    const path = computed$1(() => {
+      const width = window.innerWidth;
+      const height = window.innerHeight;
+      const info = roundInfo.value;
+      const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
+      const _radius = radius.value;
+      return props.pos ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${props.pos.width - _radius * 2} ${info.topRight} v${props.pos.height - _radius * 2} ${info.bottomRight} h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${-props.pos.height + _radius * 2} ${info.topLeft} z` : _path;
+    });
+    const pathStyle = computed$1(() => {
+      return {
+        fill: props.fill,
+        pointerEvents: "auto",
+        cursor: "auto"
+      };
+    });
     useLockscreen(toRef(props, "visible"), {
       ns
     });
-    const COVER_PROPS = {
-      fill: "transparent",
-      "pointer-events": "auto"
-    };
     return (_ctx, _cache) => {
       return _ctx.visible ? (openBlock(), createElementBlock("div", mergeProps({
         key: 0,
@@ -55789,55 +55823,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }
       }, _ctx.$attrs), [
         (openBlock(), createElementBlock("svg", _hoisted_1$4, [
-          createElementVNode("defs", null, [
-            createElementVNode("mask", { id: maskId }, [
-              _hoisted_2$3,
-              _ctx.pos ? (openBlock(), createElementBlock("rect", {
-                key: 0,
-                class: normalizeClass(unref(ns).e("hollow")),
-                x: _ctx.pos.left,
-                y: _ctx.pos.top,
-                rx: _ctx.pos.radius,
-                width: _ctx.pos.width,
-                height: _ctx.pos.height,
-                fill: "black"
-              }, null, 10, _hoisted_3$2)) : createCommentVNode("v-if", true)
-            ])
-          ]),
-          createElementVNode("rect", {
-            x: "0",
-            y: "0",
-            width: "100%",
-            height: "100%",
-            fill: _ctx.fill,
-            mask: `url(#${maskId})`
-          }, null, 8, _hoisted_4$1),
-          _ctx.pos ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: "0",
-              width: "100%",
-              height: _ctx.pos.top
-            }), null, 16, _hoisted_5),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: "0",
-              width: _ctx.pos.left,
-              height: "100%"
-            }), null, 16, _hoisted_6),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: _ctx.pos.top + _ctx.pos.height,
-              width: "100%",
-              height: `calc(100vh - ${_ctx.pos.top + _ctx.pos.height}px)`
-            }), null, 16, _hoisted_7),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: _ctx.pos.left + _ctx.pos.width,
-              y: "0",
-              width: `calc(100vw - ${_ctx.pos.left + _ctx.pos.width}px)`,
-              height: "100%"
-            }), null, 16, _hoisted_8)
-          ], 64)) : createCommentVNode("v-if", true)
+          createElementVNode("path", {
+            class: normalizeClass(unref(ns).e("hollow")),
+            style: normalizeStyle(unref(pathStyle)),
+            d: unref(path)
+          }, null, 14, _hoisted_2$3)
         ]))
       ], 16)) : createCommentVNode("v-if", true);
     };
@@ -56882,6 +56872,7 @@ const vLoading = {
   unmounted(el) {
     var _a;
     (_a = el[INSTANCE_KEY]) == null ? void 0 : _a.instance.close();
+    el[INSTANCE_KEY] = null;
   }
 };