@element-plus/nightly 0.0.20240106 → 0.0.20240108

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240106 */
+/*! Element Plus v0.0.20240108 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11569,7 +11569,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240106";
+  const version$1 = "0.0.20240108";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13871,7 +13871,7 @@
 
   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 = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -14286,7 +14286,7 @@
               onBlur: _cache[3] || (_cache[3] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$l),
+            }), null, 16, _hoisted_3$k),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -16392,7 +16392,7 @@
 
   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 = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16660,7 +16660,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$k);
+                    ], 10, _hoisted_3$j);
                   }), 128))
                 ]),
                 _: 3
@@ -23652,7 +23652,7 @@
 
   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 = vue.defineComponent({
     name: COMPONENT_NAME$e
@@ -24234,7 +24234,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
-                  ], 10, _hoisted_3$j);
+                  ], 10, _hoisted_3$i);
                 }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                   vue.createElementVNode("li", {
                     class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
@@ -26832,8 +26832,8 @@
     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__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
@@ -26885,7 +26885,7 @@
                   key,
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week),
                   scope: "col"
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$i);
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
               }), 128))
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
@@ -26905,7 +26905,7 @@
                     onFocus: _cache[0] || (_cache[0] = (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args))
                   }, [
                     vue.createVNode(vue.unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
-                  ], 42, _hoisted_4$c);
+                  ], 42, _hoisted_4$b);
                 }), 128))
               ], 2);
             }), 128))
@@ -26923,7 +26923,7 @@
 
   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__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
@@ -27106,7 +27106,7 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$h, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                     ])
                   ], 42, _hoisted_2$t);
                 }), 128))
@@ -27128,8 +27128,8 @@
 
   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__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
@@ -27213,8 +27213,8 @@
                         vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                       ]
                     }, [
-                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
-                    ], 42, _hoisted_2$s)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$b))
+                      vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                    ], 42, _hoisted_2$s)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$a))
                   ], 64);
                 }), 64))
               ]);
@@ -27228,9 +27228,9 @@
 
   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__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
@@ -27740,7 +27740,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$f), [
+                  ], 10, _hoisted_3$e), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -27780,7 +27780,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_4$a), [
+                  ], 10, _hoisted_4$9), [
                     [vue.vShow, currentView.value === "date"]
                   ]),
                   vue.createElementVNode("button", {
@@ -27795,7 +27795,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$8)
+                  ], 10, _hoisted_5$7)
                 ], 2)
               ], 2), [
                 [vue.vShow, currentView.value !== "time"]
@@ -27981,12 +27981,12 @@
 
   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__ */ vue.defineComponent({
@@ -28466,7 +28466,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$e),
+                  ], 10, _hoisted_3$d),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 0,
                     type: "button",
@@ -28481,7 +28481,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_4$9)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_4$8)) : vue.createCommentVNode("v-if", true),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 1,
                     type: "button",
@@ -28499,7 +28499,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$7)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_5$6)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
                 ], 2),
                 vue.createVNode(DateTable, {
@@ -28535,7 +28535,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_6$4)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_6$3)) : vue.createCommentVNode("v-if", true),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 1,
                     type: "button",
@@ -28553,7 +28553,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_7$2)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_7$1)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     "aria-label": vue.unref(t)(`el.datepicker.nextYear`),
@@ -28566,7 +28566,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_8$2),
+                  ], 10, _hoisted_8$1),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-right"]),
@@ -28691,7 +28691,7 @@
 
   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 = vue.defineComponent({
     name: "DatePickerMonthRange"
@@ -28869,7 +28869,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$d)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -29408,7 +29408,7 @@
 
   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 = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     ...__default__$T,
@@ -29472,7 +29472,7 @@
             class: vue.normalizeClass(vue.unref(ns).e("body"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_3$c),
+          ], 10, _hoisted_3$b),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("footer"))
@@ -30003,8 +30003,8 @@
   });
   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 = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -30090,7 +30090,7 @@
                           ]),
                           _: 1
                         }, 8, ["class"])
-                      ], 10, _hoisted_3$b)) : vue.createCommentVNode("v-if", true)
+                      ], 10, _hoisted_3$a)) : vue.createCommentVNode("v-if", true)
                     ], 2)) : vue.createCommentVNode("v-if", true),
                     _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 1,
@@ -30098,7 +30098,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$7)) : vue.createCommentVNode("v-if", true),
                     _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 2,
                       class: vue.normalizeClass(_ctx.ns.e("footer"))
@@ -31163,12 +31163,12 @@
     "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",
@@ -31223,11 +31223,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$9),
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
                 offset: "100%"
-              }, null, 8, _hoisted_4$7)
+              }, null, 8, _hoisted_4$6)
             ], 8, _hoisted_2$m),
             vue.createElementVNode("linearGradient", {
               id: `linearGradient-2-${vue.unref(id)}`,
@@ -31239,19 +31239,19 @@
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
                 offset: "0%"
-              }, null, 8, _hoisted_6$3),
+              }, null, 8, _hoisted_6$2),
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.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),
             vue.createElementVNode("rect", {
               id: `path-3-${vue.unref(id)}`,
               x: "0",
               y: "0",
               width: "17",
               height: "36"
-            }, null, 8, _hoisted_8$1)
+            }, null, 8, _hoisted_8)
           ]),
           vue.createElementVNode("g", _hoisted_9, [
             vue.createElementVNode("g", _hoisted_10, [
@@ -31429,6 +31429,10 @@
     maxScale: {
       type: Number,
       default: 7
+    },
+    crossorigin: {
+      type: definePropType(String),
+      default: "anonymous"
     }
   });
   const imageViewerEmits = {
@@ -31437,7 +31441,7 @@
     rotate: (deg) => isNumber(deg)
   };
 
-  const _hoisted_1$x = ["src"];
+  const _hoisted_1$x = ["src", "crossorigin"];
   const __default__$O = vue.defineComponent({
     name: "ElImageViewer"
   });
@@ -31464,6 +31468,7 @@
       const imgRefs = vue.ref([]);
       const scopeEventListener = vue.effectScope();
       const loading = vue.ref(true);
+      const crossorigin = vue.ref(props.crossorigin);
       const activeIndex = vue.ref(props.initialIndex);
       const mode = vue.shallowRef(modes.CONTAIN);
       const transform = vue.ref({
@@ -31804,6 +31809,7 @@
                       src: url,
                       style: vue.normalizeStyle(vue.unref(imgStyle)),
                       class: vue.normalizeClass(vue.unref(ns).e("img")),
+                      crossorigin: crossorigin.value,
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
@@ -31875,6 +31881,10 @@
     maxScale: {
       type: Number,
       default: 7
+    },
+    crossorigin: {
+      type: definePropType(String),
+      default: "anonymous"
     }
   });
   const imageEmits = {
@@ -31885,7 +31895,7 @@
     show: () => true
   };
 
-  const _hoisted_1$w = ["src", "loading"];
+  const _hoisted_1$w = ["src", "loading", "crossorigin"];
   const _hoisted_2$k = { key: 0 };
   const __default__$N = vue.defineComponent({
     name: "ElImage",
@@ -31903,6 +31913,7 @@
       const rawAttrs = vue.useAttrs();
       const attrs = useAttrs();
       const imageSrc = vue.ref();
+      const crossorigin = vue.ref(props.crossorigin);
       const hasLoadError = vue.ref(false);
       const isLoading = vue.ref(true);
       const showViewer = vue.ref(false);
@@ -32054,6 +32065,7 @@
               loading: _ctx.loading,
               style: vue.unref(imageStyle),
               class: vue.unref(imageKls),
+              crossorigin: crossorigin.value,
               onClick: clickHandler,
               onLoad: handleLoad,
               onError: handleError
@@ -35148,7 +35160,7 @@
   });
   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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -35431,7 +35443,7 @@
                 _ctx.$slots.prefix ? {
                   name: "prefix",
                   fn: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_3$9, [
+                    vue.createElementVNode("div", _hoisted_3$8, [
                       vue.renderSlot(_ctx.$slots, "prefix")
                     ])
                   ])
@@ -35765,10 +35777,10 @@
 
   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 = vue.defineComponent({
     name: "ElPaginationPager"
   });
@@ -35932,7 +35944,7 @@
             onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
           }, [
             (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
-          ], 42, _hoisted_3$8)) : vue.createCommentVNode("v-if", true),
+          ], 42, _hoisted_3$7)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: pager,
@@ -35943,7 +35955,7 @@
               "aria-current": _ctx.currentPage === pager,
               "aria-label": vue.unref(t)("el.pagination.currentPage", { pager }),
               tabindex: vue.unref(tabindex)
-            }, vue.toDisplayString(pager), 11, _hoisted_4$6);
+            }, vue.toDisplayString(pager), 11, _hoisted_4$5);
           }), 128)),
           showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 2,
@@ -35956,7 +35968,7 @@
             onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
           }, [
             (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_right_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
-          ], 42, _hoisted_5$5)) : vue.createCommentVNode("v-if", true),
+          ], 42, _hoisted_5$4)) : vue.createCommentVNode("v-if", true),
           _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 3,
             class: vue.normalizeClass([[
@@ -35966,7 +35978,7 @@
             "aria-current": _ctx.currentPage === _ctx.pageCount,
             "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
             tabindex: vue.unref(tabindex)
-          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6$2)) : vue.createCommentVNode("v-if", true)
+          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : vue.createCommentVNode("v-if", true)
         ], 42, _hoisted_1$m);
       };
     }
@@ -36635,9 +36647,9 @@
 
   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 = vue.defineComponent({
     name: "ElProgress"
   });
@@ -36799,7 +36811,7 @@
                 "stroke-width": vue.unref(relativeStrokeWidth),
                 fill: "none",
                 style: vue.normalizeStyle(vue.unref(trailPathStyle))
-              }, null, 14, _hoisted_3$7),
+              }, null, 14, _hoisted_3$6),
               vue.createElementVNode("path", {
                 class: vue.normalizeClass(vue.unref(ns).be("circle", "path")),
                 d: vue.unref(trackPath),
@@ -36809,7 +36821,7 @@
                 "stroke-linecap": _ctx.strokeLinecap,
                 "stroke-width": vue.unref(relativeStrokeWidth),
                 style: vue.normalizeStyle(vue.unref(circlePathStyle))
-              }, null, 14, _hoisted_4$5)
+              }, null, 14, _hoisted_4$4)
             ]))
           ], 6)),
           (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -36818,7 +36830,7 @@
             style: vue.normalizeStyle({ fontSize: `${vue.unref(progressTextSize)}px` })
           }, [
             vue.renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
-              !_ctx.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$4, vue.toDisplayString(vue.unref(content)), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+              !_ctx.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, vue.toDisplayString(vue.unref(content)), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(statusIcon))))
                 ]),
@@ -40309,9 +40321,9 @@
   });
   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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -40531,7 +40543,7 @@
                   "aria-hidden": "true",
                   class: vue.normalizeClass(_ctx.nsSelectV2.e("input-calculator")),
                   textContent: vue.toDisplayString(_ctx.states.displayInputValue)
-                }, null, 10, _hoisted_3$6)) : vue.createCommentVNode("v-if", true)
+                }, null, 10, _hoisted_3$5)) : vue.createCommentVNode("v-if", true)
               ], 6)
             ], 2)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
               vue.createElementVNode("div", {
@@ -40570,7 +40582,7 @@
                     _cache[21] || (_cache[21] = vue.withKeys(vue.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),
@@ -40583,7 +40595,7 @@
                   _ctx.nsSelectV2.e("input-calculator")
                 ]),
                 textContent: vue.toDisplayString(_ctx.states.displayInputValue)
-              }, null, 10, _hoisted_5$3)) : vue.createCommentVNode("v-if", true)
+              }, null, 10, _hoisted_5$2)) : vue.createCommentVNode("v-if", true)
             ], 64)),
             _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 3,
@@ -42485,9 +42497,9 @@
 
   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 = vue.defineComponent({
     name: COMPONENT_NAME$8
@@ -42662,7 +42674,7 @@
             !_ctx.inactiveIcon && _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               "aria-hidden": vue.unref(checked)
-            }, vue.toDisplayString(_ctx.inactiveText), 9, _hoisted_3$5)) : vue.createCommentVNode("v-if", true)
+            }, vue.toDisplayString(_ctx.inactiveText), 9, _hoisted_3$4)) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("span", {
             ref_key: "core",
@@ -42686,7 +42698,7 @@
                 key: 1,
                 class: vue.normalizeClass(vue.unref(ns).is("text")),
                 "aria-hidden": !vue.unref(checked)
-              }, vue.toDisplayString(vue.unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$3)) : vue.createCommentVNode("v-if", true)
+              }, vue.toDisplayString(vue.unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$2)) : vue.createCommentVNode("v-if", true)
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).e("action"))
@@ -42729,7 +42741,7 @@
             !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               "aria-hidden": !vue.unref(checked)
-            }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_5$2)) : vue.createCommentVNode("v-if", true)
+            }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 14, _hoisted_1$f);
       };
@@ -44435,6 +44447,12 @@
       const filters = vue.computed(() => {
         return props.column && props.column.filters;
       });
+      const filterClassName = vue.computed(() => {
+        if (props.column.filterClassName) {
+          return `${ns.b()} ${props.column.filterClassName}`;
+        }
+        return ns.b();
+      });
       const filterValue = vue.computed({
         get: () => {
           var _a;
@@ -44521,6 +44539,7 @@
       return {
         tooltipVisible,
         multiple,
+        filterClassName,
         filteredValue,
         filterValue,
         filters,
@@ -44539,7 +44558,7 @@
   });
   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 = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
@@ -44559,7 +44578,7 @@
       teleported: "",
       effect: "light",
       pure: "",
-      "popper-class": _ctx.ns.b(),
+      "popper-class": _ctx.filterClassName,
       persistent: ""
     }, {
       content: vue.withCtx(() => [
@@ -44628,7 +44647,7 @@
               class: vue.normalizeClass([_ctx.ns.e("list-item"), _ctx.ns.is("active", _ctx.isActive(filter))]),
               label: filter.value,
               onClick: ($event) => _ctx.handleSelect(filter.value)
-            }, vue.toDisplayString(filter.text), 11, _hoisted_3$4);
+            }, vue.toDisplayString(filter.text), 11, _hoisted_3$3);
           }), 128))
         ], 2))
       ]),
@@ -46895,6 +46914,7 @@
         "formatter",
         "className",
         "labelClassName",
+        "filterClassName",
         "showOverflowTooltip"
       ];
       const aliases = {
@@ -47118,6 +47138,7 @@
       type: Boolean,
       default: true
     },
+    filterClassName: String,
     index: [Number, Function],
     sortOrders: {
       type: Array,
@@ -47179,6 +47200,7 @@
           filterable: props.filters || props.filterMethod,
           filteredValue: [],
           filterPlacement: "",
+          filterClassName: "",
           isColumnGroup: false,
           isSubColumn: false,
           filterOpened: false,
@@ -47205,7 +47227,8 @@
           "filterMultiple",
           "filterOpened",
           "filteredValue",
-          "filterPlacement"
+          "filterPlacement",
+          "filterClassName"
         ];
         let column = getPropsData(basicProps, sortProps, selectProps, filterProps);
         column = mergeOptions(defaults, column);
@@ -53220,12 +53243,12 @@
         }, 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;
@@ -54459,10 +54482,10 @@
 
   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 = vue.defineComponent({
     name: "ElUploadList"
   });
@@ -54533,8 +54556,8 @@
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name")),
                         title: file.name
-                      }, vue.toDisplayString(file.name), 11, _hoisted_4$2)
-                    ], 10, _hoisted_3$3),
+                      }, vue.toDisplayString(file.name), 11, _hoisted_4$1)
+                    ], 10, _hoisted_3$2),
                     file.status === "uploading" ? (vue.openBlock(), vue.createBlock(vue.unref(ElProgress), {
                       key: 0,
                       type: _ctx.listType === "picture-card" ? "circle" : "line",
@@ -54597,7 +54620,7 @@
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_5$1),
+                    ], 10, _hoisted_5),
                     !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
@@ -54611,7 +54634,7 @@
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_6$1)) : vue.createCommentVNode("v-if", true)
+                    ], 10, _hoisted_6)) : vue.createCommentVNode("v-if", true)
                   ], 2)) : vue.createCommentVNode("v-if", true)
                 ])
               ], 42, _hoisted_1$7);
@@ -55746,19 +55769,7 @@
     width: "100%",
     height: "100%"
   } };
-  const _hoisted_2$3 = /* @__PURE__ */ vue.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 = vue.defineComponent({
     name: "ElTourMask",
     inheritAttrs: false
@@ -55769,15 +55780,38 @@
     setup(__props) {
       const props = __props;
       const { ns } = vue.inject(tourKey);
-      const id = useId();
-      const maskId = `el-tour-mask-${id.value}`;
+      const radius = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
+      });
+      const roundInfo = vue.computed(() => {
+        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 = vue.computed(() => {
+        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 = vue.computed(() => {
+        return {
+          fill: props.fill,
+          pointerEvents: "auto",
+          cursor: "auto"
+        };
+      });
       useLockscreen(vue.toRef(props, "visible"), {
         ns
       });
-      const COVER_PROPS = {
-        fill: "transparent",
-        "pointer-events": "auto"
-      };
       return (_ctx, _cache) => {
         return _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
           key: 0,
@@ -55793,55 +55827,11 @@
           }
         }, _ctx.$attrs), [
           (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, [
-            vue.createElementVNode("defs", null, [
-              vue.createElementVNode("mask", { id: maskId }, [
-                _hoisted_2$3,
-                _ctx.pos ? (vue.openBlock(), vue.createElementBlock("rect", {
-                  key: 0,
-                  class: vue.normalizeClass(vue.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)) : vue.createCommentVNode("v-if", true)
-              ])
-            ]),
-            vue.createElementVNode("rect", {
-              x: "0",
-              y: "0",
-              width: "100%",
-              height: "100%",
-              fill: _ctx.fill,
-              mask: `url(#${maskId})`
-            }, null, 8, _hoisted_4$1),
-            _ctx.pos ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              vue.createElementVNode("rect", vue.mergeProps(COVER_PROPS, {
-                x: "0",
-                y: "0",
-                width: "100%",
-                height: _ctx.pos.top
-              }), null, 16, _hoisted_5),
-              vue.createElementVNode("rect", vue.mergeProps(COVER_PROPS, {
-                x: "0",
-                y: "0",
-                width: _ctx.pos.left,
-                height: "100%"
-              }), null, 16, _hoisted_6),
-              vue.createElementVNode("rect", vue.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),
-              vue.createElementVNode("rect", vue.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)) : vue.createCommentVNode("v-if", true)
+            vue.createElementVNode("path", {
+              class: vue.normalizeClass(vue.unref(ns).e("hollow")),
+              style: vue.normalizeStyle(vue.unref(pathStyle)),
+              d: vue.unref(path)
+            }, null, 14, _hoisted_2$3)
           ]))
         ], 16)) : vue.createCommentVNode("v-if", true);
       };
@@ -56886,6 +56876,7 @@
     unmounted(el) {
       var _a;
       (_a = el[INSTANCE_KEY]) == null ? void 0 : _a.instance.close();
+      el[INSTANCE_KEY] = null;
     }
   };