element-plus 2.2.20 → 2.2.22

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.20 */
+/*! Element Plus v2.2.22 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -7185,6 +7185,27 @@
   _global[globalKey] = _global[globalKey] || {};
   _global[globalKey];
 
+  function useCssVar(prop, target, { window = defaultWindow, initialValue = "" } = {}) {
+    const variable = vue.ref(initialValue);
+    const elRef = vue.computed(() => {
+      var _a;
+      return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
+    });
+    vue.watch([elRef, () => resolveUnref(prop)], ([el, prop2]) => {
+      var _a;
+      if (el && window) {
+        const value = (_a = window.getComputedStyle(el).getPropertyValue(prop2)) == null ? void 0 : _a.trim();
+        variable.value = value || initialValue;
+      }
+    }, { immediate: true });
+    vue.watch(variable, (val) => {
+      var _a;
+      if ((_a = elRef.value) == null ? void 0 : _a.style)
+        elRef.value.style.setProperty(resolveUnref(prop), val);
+    });
+    return variable;
+  }
+
   function useDocumentVisibility({ document = defaultDocument } = {}) {
     if (!document)
       return vue.ref("visible");
@@ -11082,7 +11103,7 @@
     };
   };
 
-  const version$1 = "2.2.20";
+  const version$1 = "2.2.22";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11131,9 +11152,9 @@
     return target;
   };
 
-  const COMPONENT_NAME$l = "ElAffix";
+  const COMPONENT_NAME$m = "ElAffix";
   const __default__$1w = vue.defineComponent({
-    name: COMPONENT_NAME$l
+    name: COMPONENT_NAME$m
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1w,
@@ -11209,7 +11230,7 @@
         if (props.target) {
           target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
           if (!target.value)
-            throwError(COMPONENT_NAME$l, `Target is not existed: ${props.target}`);
+            throwError(COMPONENT_NAME$m, `Target is not existed: ${props.target}`);
         } else {
           target.value = document.documentElement;
         }
@@ -12041,7 +12062,7 @@
     always: Boolean
   });
 
-  const COMPONENT_NAME$k = "Thumb";
+  const COMPONENT_NAME$l = "Thumb";
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
@@ -12050,7 +12071,7 @@
       const scrollbar = vue.inject(scrollbarContextKey);
       const ns = useNamespace("scrollbar");
       if (!scrollbar)
-        throwError(COMPONENT_NAME$k, "can not inject scrollbar context");
+        throwError(COMPONENT_NAME$l, "can not inject scrollbar context");
       const instance = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -12228,7 +12249,10 @@
       type: [String, Number],
       default: ""
     },
-    native: Boolean,
+    native: {
+      type: Boolean,
+      default: false
+    },
     wrapStyle: {
       type: definePropType([String, Object, Array]),
       default: ""
@@ -12263,8 +12287,9 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
+  const COMPONENT_NAME$k = "ElScrollbar";
   const __default__$1s = vue.defineComponent({
-    name: "ElScrollbar"
+    name: COMPONENT_NAME$k
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1s,
@@ -12275,9 +12300,9 @@
       const ns = useNamespace("scrollbar");
       let stopResizeObserver = void 0;
       let stopResizeListener = void 0;
-      const scrollbar$ = vue.ref();
-      const wrap$ = vue.ref();
-      const resize$ = vue.ref();
+      const scrollbarRef = vue.ref();
+      const wrapRef = vue.ref();
+      const resizeRef = vue.ref();
       const sizeWidth = vue.ref("0");
       const sizeHeight = vue.ref("0");
       const barRef = vue.ref();
@@ -12291,42 +12316,52 @@
           style2.maxHeight = addUnit(props.maxHeight);
         return [props.wrapStyle, style2];
       });
+      const wrapKls = vue.computed(() => {
+        return [
+          props.wrapClass,
+          ns.e("wrap"),
+          { [ns.em("wrap", "hidden-default")]: !props.native }
+        ];
+      });
+      const resizeKls = vue.computed(() => {
+        return [ns.e("view"), props.viewClass];
+      });
       const handleScroll = () => {
         var _a;
-        if (wrap$.value) {
-          (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrap$.value);
+        if (wrapRef.value) {
+          (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
           emit("scroll", {
-            scrollTop: wrap$.value.scrollTop,
-            scrollLeft: wrap$.value.scrollLeft
+            scrollTop: wrapRef.value.scrollTop,
+            scrollLeft: wrapRef.value.scrollLeft
           });
         }
       };
       function scrollTo(arg1, arg2) {
         if (isObject$1(arg1)) {
-          wrap$.value.scrollTo(arg1);
+          wrapRef.value.scrollTo(arg1);
         } else if (isNumber(arg1) && isNumber(arg2)) {
-          wrap$.value.scrollTo(arg1, arg2);
+          wrapRef.value.scrollTo(arg1, arg2);
         }
       }
       const setScrollTop = (value) => {
         if (!isNumber(value)) {
           return;
         }
-        wrap$.value.scrollTop = value;
+        wrapRef.value.scrollTop = value;
       };
       const setScrollLeft = (value) => {
         if (!isNumber(value)) {
           return;
         }
-        wrap$.value.scrollLeft = value;
+        wrapRef.value.scrollLeft = value;
       };
       const update = () => {
-        if (!wrap$.value)
+        if (!wrapRef.value)
           return;
-        const offsetHeight = wrap$.value.offsetHeight - GAP;
-        const offsetWidth = wrap$.value.offsetWidth - GAP;
-        const originalHeight = offsetHeight ** 2 / wrap$.value.scrollHeight;
-        const originalWidth = offsetWidth ** 2 / wrap$.value.scrollWidth;
+        const offsetHeight = wrapRef.value.offsetHeight - GAP;
+        const offsetWidth = wrapRef.value.offsetWidth - GAP;
+        const originalHeight = offsetHeight ** 2 / wrapRef.value.scrollHeight;
+        const originalWidth = offsetWidth ** 2 / wrapRef.value.scrollWidth;
         const height = Math.max(originalHeight, props.minSize);
         const width = Math.max(originalWidth, props.minSize);
         ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
@@ -12339,7 +12374,7 @@
           stopResizeObserver == null ? void 0 : stopResizeObserver();
           stopResizeListener == null ? void 0 : stopResizeListener();
         } else {
-          ({ stop: stopResizeObserver } = useResizeObserver(resize$, update));
+          ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
           stopResizeListener = useEventListener("resize", update);
         }
       }, { immediate: true });
@@ -12348,14 +12383,14 @@
           vue.nextTick(() => {
             var _a;
             update();
-            if (wrap$.value) {
-              (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrap$.value);
+            if (wrapRef.value) {
+              (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
             }
           });
       });
       vue.provide(scrollbarContextKey, vue.reactive({
-        scrollbarElement: scrollbar$,
-        wrapElement: wrap$
+        scrollbarElement: scrollbarRef,
+        wrapElement: wrapRef
       }));
       vue.onMounted(() => {
         if (!props.native)
@@ -12365,7 +12400,7 @@
       });
       vue.onUpdated(() => update());
       expose({
-        wrap$,
+        wrapRef,
         update,
         scrollTo,
         setScrollTop,
@@ -12374,25 +12409,21 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          ref_key: "scrollbar$",
-          ref: scrollbar$,
+          ref_key: "scrollbarRef",
+          ref: scrollbarRef,
           class: vue.normalizeClass(vue.unref(ns).b())
         }, [
           vue.createElementVNode("div", {
-            ref_key: "wrap$",
-            ref: wrap$,
-            class: vue.normalizeClass([
-              _ctx.wrapClass,
-              vue.unref(ns).e("wrap"),
-              { [vue.unref(ns).em("wrap", "hidden-default")]: !_ctx.native }
-            ]),
+            ref_key: "wrapRef",
+            ref: wrapRef,
+            class: vue.normalizeClass(vue.unref(wrapKls)),
             style: vue.normalizeStyle(vue.unref(style)),
             onScroll: handleScroll
           }, [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-              ref_key: "resize$",
-              ref: resize$,
-              class: vue.normalizeClass([vue.unref(ns).e("view"), _ctx.viewClass]),
+              ref_key: "resizeRef",
+              ref: resizeRef,
+              class: vue.normalizeClass(vue.unref(resizeKls)),
               style: vue.normalizeStyle(_ctx.viewStyle)
             }, {
               default: vue.withCtx(() => [
@@ -12771,6 +12802,10 @@
       element.focus({ preventScroll: true });
       lastAutomatedFocusTimestamp.value = window.performance.now();
       if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
+        if (element.tagName === "INPUT") {
+          element.setSelectionRange(element.value.length, element.value.length);
+          return;
+        }
         element.select();
       }
     }
@@ -18462,7 +18497,7 @@
       const lastMonth = lastDay.get("month");
       if (firstMonth === lastMonth) {
         return [[firstDay, lastDay]];
-      } else if (firstMonth + 1 === lastMonth) {
+      } else if ((firstMonth + 1) % 12 === lastMonth) {
         return adjacentMonth(firstDay, lastDay);
       } else if (firstMonth + 2 === lastMonth || (firstMonth + 1) % 11 === lastMonth) {
         return threeConsecutiveMonth(firstDay, lastDay);
@@ -19429,7 +19464,11 @@
       if (isBoolean(value)) {
         return value;
       } else if (isArray(value)) {
-        return value.map(vue.toRaw).includes(props.label);
+        if (isObject$1(props.label)) {
+          return value.map(vue.toRaw).some((o) => isEqual$1(o, props.label));
+        } else {
+          return value.map(vue.toRaw).includes(props.label);
+        }
       } else if (value !== null && value !== void 0) {
         return value === props.trueLabel;
       } else {
@@ -21453,7 +21492,8 @@
       vue.watch(presentText, syncPresentTextValue, { immediate: true });
       vue.onMounted(() => {
         const inputInner = input.value.input;
-        inputInitialHeight = inputInner.offsetHeight;
+        const inputInnerHeight = Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
+        inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
         useResizeObserver(inputInner, updateStyle);
       });
       return {
@@ -28183,6 +28223,9 @@
         onItemLeave(e);
       }));
       const handleClick = composeEventHandlers((e) => {
+        if (props.disabled) {
+          return;
+        }
         emit("click", e);
         return e.type !== "keydown" && e.defaultPrevented;
       }, (e) => {
@@ -34238,12 +34281,20 @@
   });
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
+  const paginationJumperProps = buildProps({
+    size: {
+      type: String,
+      values: componentSizes
+    }
+  });
+
   const _hoisted_1$m = ["disabled"];
   const __default__$z = vue.defineComponent({
     name: "ElPaginationJumper"
   });
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...__default__$z,
+    props: paginationJumperProps,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -34266,9 +34317,11 @@
           class: vue.normalizeClass(vue.unref(ns).e("jump")),
           disabled: vue.unref(disabled)
         }, [
-          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.pagination.goto")) + " ", 1),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([vue.unref(ns).e("goto")])
+          }, vue.toDisplayString(vue.unref(t)("el.pagination.goto")), 3),
           vue.createVNode(vue.unref(ElInput), {
-            size: "small",
+            size: _ctx.size,
             class: vue.normalizeClass([vue.unref(ns).e("editor"), vue.unref(ns).is("in-pagination")]),
             min: 1,
             max: vue.unref(pageCount),
@@ -34278,8 +34331,10 @@
             type: "number",
             "onUpdate:modelValue": handleInput,
             onChange: handleChange
-          }, null, 8, ["class", "max", "disabled", "model-value"]),
-          vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("el.pagination.pageClassifier")), 1)
+          }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([vue.unref(ns).e("classifier")])
+          }, vue.toDisplayString(vue.unref(t)("el.pagination.pageClassifier")), 3)
         ], 10, _hoisted_1$m);
       };
     }
@@ -34490,7 +34545,7 @@
             onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
             onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
           }, [
-            quickPrevHover.value || quickPrevFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
+            (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$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", {
@@ -34517,7 +34572,7 @@
             onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
             onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
           }, [
-            quickNextHover.value || quickNextFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_right_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
+            (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$4)) : vue.createCommentVNode("v-if", true),
           _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 3,
@@ -34727,7 +34782,9 @@
             prevIcon: props.prevIcon,
             onClick: prev
           }),
-          jumper: vue.h(Jumper),
+          jumper: vue.h(Jumper, {
+            size: props.small ? "small" : "default"
+          }),
           pager: vue.h(Pager, {
             currentPage: currentPageBridge.value,
             pageCount: pageCountBridge.value,
@@ -38314,9 +38371,9 @@
     });
     const filteredOptions = vue.computed(() => {
       const isValidOption = (o) => {
-        var _a;
         const query = states.inputValue;
-        const containsQueryString = query ? (_a = o.label) == null ? void 0 : _a.includes(query) : true;
+        const regexp = new RegExp(escapeStringRegexp(query), "i");
+        const containsQueryString = query ? regexp.test(o.label || "") : true;
         return containsQueryString;
       };
       if (props.loading) {
@@ -38933,7 +38990,7 @@
               ref: "selectionRef",
               class: vue.normalizeClass([
                 _ctx.nsSelectV2.e("wrapper"),
-                _ctx.nsSelectV2.is("focused", _ctx.states.isComposing),
+                _ctx.nsSelectV2.is("focused", _ctx.states.isComposing || _ctx.expanded),
                 _ctx.nsSelectV2.is("hovering", _ctx.states.comboBoxHovering),
                 _ctx.nsSelectV2.is("filterable", _ctx.filterable),
                 _ctx.nsSelectV2.is("disabled", _ctx.selectDisabled)
@@ -39170,7 +39227,7 @@
                 key: 3,
                 class: vue.normalizeClass([
                   _ctx.nsSelectV2.e("placeholder"),
-                  _ctx.nsSelectV2.is("transparent", _ctx.states.isComposing || (_ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue))
+                  _ctx.nsSelectV2.is("transparent", _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
                 ])
               }, vue.toDisplayString(_ctx.currentPlaceholder), 3)) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("span", {
@@ -42510,7 +42567,7 @@
       if (this.table.vnode.el && scrollBarRef) {
         let scrollY = true;
         const prevScrollY = this.scrollY.value;
-        scrollY = scrollBarRef.wrap$.scrollHeight > scrollBarRef.wrap$.clientHeight;
+        scrollY = scrollBarRef.wrapRef.scrollHeight > scrollBarRef.wrapRef.clientHeight;
         this.scrollY.value = scrollY;
         return prevScrollY !== scrollY;
       }
@@ -44287,7 +44344,7 @@
         }
         return;
       }
-      const scrollContainer = table.refs.scrollBarRef.wrap$;
+      const scrollContainer = table.refs.scrollBarRef.wrapRef;
       if (!scrollContainer)
         return;
       const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer;
@@ -44308,8 +44365,8 @@
     const bindEvents = () => {
       if (!table.refs.scrollBarRef)
         return;
-      if (table.refs.scrollBarRef.wrap$) {
-        useEventListener(table.refs.scrollBarRef.wrap$, "scroll", syncPosition, {
+      if (table.refs.scrollBarRef.wrapRef) {
+        useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, {
           passive: true
         });
       }