element-plus 2.2.13 → 2.2.14

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v2.2.13 */
+/*! Element Plus v2.2.14 */
 
-import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, watch, unref, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw as toRaw$1, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw as toRaw$1, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -198,7 +198,7 @@ function after(n, func) {
   };
 }
 
-function identity(value) {
+function identity$1(value) {
   return value;
 }
 
@@ -268,7 +268,7 @@ var WeakMap = getNative(root, "WeakMap");
 
 var metaMap = WeakMap && new WeakMap();
 
-var baseSetData = !metaMap ? identity : function(func, data) {
+var baseSetData = !metaMap ? identity$1 : function(func, data) {
   metaMap.set(func, data);
   return func;
 };
@@ -537,7 +537,7 @@ var defineProperty = function() {
   }
 }();
 
-var baseSetToString = !defineProperty ? identity : function(func, string) {
+var baseSetToString = !defineProperty ? identity$1 : function(func, string) {
   return defineProperty(func, "toString", {
     "configurable": true,
     "enumerable": false,
@@ -953,7 +953,7 @@ function overRest(func, start, transform) {
 }
 
 function baseRest(func, start) {
-  return setToString(overRest(func, start, identity), func + "");
+  return setToString(overRest(func, start, identity$1), func + "");
 }
 
 var MAX_SAFE_INTEGER$4 = 9007199254740991;
@@ -2863,7 +2863,7 @@ function baseIteratee(value) {
     return value;
   }
   if (value == null) {
-    return identity;
+    return identity$1;
   }
   if (typeof value == "object") {
     return isArray$1(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
@@ -3368,7 +3368,7 @@ function dropWhile(array, predicate) {
 }
 
 function castFunction(value) {
-  return typeof value == "function" ? value : identity;
+  return typeof value == "function" ? value : identity$1;
 }
 
 function forEach(collection, iteratee) {
@@ -3931,7 +3931,7 @@ var invert = createInverter(function(result, value, key) {
     value = nativeObjectToString$1.call(value);
   }
   result[value] = key;
-}, constant(identity));
+}, constant(identity$1));
 
 var objectProto$4 = Object.prototype;
 var hasOwnProperty$5 = objectProto$4.hasOwnProperty;
@@ -4201,7 +4201,7 @@ function baseExtremum(array, iteratee, comparator) {
 }
 
 function max$3(array) {
-  return array && array.length ? baseExtremum(array, identity, baseGt) : void 0;
+  return array && array.length ? baseExtremum(array, identity$1, baseGt) : void 0;
 }
 
 function maxBy(array, iteratee) {
@@ -4226,7 +4226,7 @@ function baseMean(array, iteratee) {
 }
 
 function mean(array) {
-  return baseMean(array, identity);
+  return baseMean(array, identity$1);
 }
 
 function meanBy(array, iteratee) {
@@ -4250,7 +4250,7 @@ var methodOf = baseRest(function(object, args) {
 });
 
 function min$3(array) {
-  return array && array.length ? baseExtremum(array, identity, baseLt) : void 0;
+  return array && array.length ? baseExtremum(array, identity$1, baseLt) : void 0;
 }
 
 function minBy(array, iteratee) {
@@ -4497,7 +4497,7 @@ function baseOrderBy(collection, iteratees, orders) {
       return iteratee;
     });
   } else {
-    iteratees = [identity];
+    iteratees = [identity$1];
   }
   var index = -1;
   iteratees = arrayMap(iteratees, baseUnary(baseIteratee));
@@ -5152,7 +5152,7 @@ function baseSortedIndex(array, value, retHighest) {
     }
     return high;
   }
-  return baseSortedIndexBy(array, value, identity, retHighest);
+  return baseSortedIndexBy(array, value, identity$1, retHighest);
 }
 
 function sortedIndex(array, value) {
@@ -5276,7 +5276,7 @@ var subtract = createMathOperation(function(minuend, subtrahend) {
 }, 0);
 
 function sum$1(array) {
-  return array && array.length ? baseSum(array, identity) : 0;
+  return array && array.length ? baseSum(array, identity$1) : 0;
 }
 
 function sumBy(array, iteratee) {
@@ -6203,7 +6203,7 @@ var util = {
   defaultTo,
   flow,
   flowRight,
-  identity,
+  identity: identity$1,
   iteratee,
   matches,
   matchesProperty,
@@ -6522,7 +6522,7 @@ lodash.gte = lang.gte;
 lodash.has = object.has;
 lodash.hasIn = object.hasIn;
 lodash.head = array.head;
-lodash.identity = identity;
+lodash.identity = identity$1;
 lodash.includes = collection.includes;
 lodash.indexOf = array.indexOf;
 lodash.inRange = number.inRange;
@@ -6691,7 +6691,7 @@ arrayEach(["initial", "tail"], function(methodName, index) {
   };
 });
 LazyWrapper.prototype.compact = function() {
-  return this.filter(identity);
+  return this.filter(identity$1);
 };
 LazyWrapper.prototype.find = function(predicate) {
   return this.filter(predicate).head();
@@ -6887,44 +6887,36 @@ const whenMouse = (handler) => {
   return (e) => e.pointerType === "mouse" ? handler(e) : void 0;
 };
 
-var __defProp$8 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$9 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 function computedEager(fn, options) {
   var _a;
   const result = shallowRef();
   watchEffect(() => {
     result.value = fn();
-  }, __spreadProps$5(__spreadValues$8({}, options), {
+  }, __spreadProps$6(__spreadValues$9({}, options), {
     flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
   }));
   return readonly(result);
 }
 
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
-}
-
 var _a;
 const isClient = typeof window !== "undefined";
 const isDef = (val) => typeof val !== "undefined";
@@ -6935,6 +6927,10 @@ const noop = () => {
 };
 isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
+function resolveUnref(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
     filter(() => fn.apply(this, args), { fn, thisArg: this, args });
@@ -6945,8 +6941,8 @@ function debounceFilter(ms, options = {}) {
   let timer;
   let maxTimer;
   const filter = (invoke) => {
-    const duration = unref(ms);
-    const maxDuration = unref(options.maxWait);
+    const duration = resolveUnref(ms);
+    const maxDuration = resolveUnref(options.maxWait);
     if (timer)
       clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -6984,7 +6980,7 @@ function throttleFilter(ms, trailing = true, leading = true) {
     }
   };
   const filter = (invoke) => {
-    const duration = unref(ms);
+    const duration = resolveUnref(ms);
     const elapsed = Date.now() - lastExec;
     clear();
     if (duration <= 0) {
@@ -7008,6 +7004,17 @@ function throttleFilter(ms, trailing = true, leading = true) {
   };
   return filter;
 }
+function identity(arg) {
+  return arg;
+}
+
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
 
 function useDebounceFn(fn, ms = 200, options = {}) {
   return createFilterWrapper(debounceFilter(ms, options), fn);
@@ -7024,7 +7031,7 @@ function refDebounced(value, ms = 200, options = {}) {
   return debounced;
 }
 
-function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+function useThrottleFn(fn, ms = 200, trailing = false, leading = true) {
   return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
 }
 
@@ -7060,7 +7067,7 @@ function useTimeoutFn(cb, interval, options = {}) {
       isPending.value = false;
       timer = null;
       cb(...args);
-    }, unref(interval));
+    }, resolveUnref(interval));
   }
   if (immediate) {
     isPending.value = true;
@@ -7077,7 +7084,7 @@ function useTimeoutFn(cb, interval, options = {}) {
 
 function unrefElement(elRef) {
   var _a;
-  const plain = unref(elRef);
+  const plain = resolveUnref(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 
@@ -7117,7 +7124,7 @@ function useEventListener(...args) {
 }
 
 function onClickOutside(target, handler, options = {}) {
-  const { window = defaultWindow, ignore, capture = true } = options;
+  const { window = defaultWindow, ignore, capture = true, detectIframe = false } = options;
   if (!window)
     return;
   const shouldListen = ref(true);
@@ -7149,12 +7156,26 @@ function onClickOutside(target, handler, options = {}) {
         e.composedPath = () => path;
         fallback = window.setTimeout(() => listener(e), 50);
       }
-    }, { passive: true })
-  ];
+    }, { passive: true }),
+    detectIframe && useEventListener(window, "blur", (event) => {
+      var _a;
+      const el = unrefElement(target);
+      if (((_a = document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
+        handler(event);
+    })
+  ].filter(Boolean);
   const stop = () => cleanup.forEach((fn) => fn());
   return stop;
 }
 
+function useSupported(callback, sync = false) {
+  const isSupported = ref();
+  const update = () => isSupported.value = Boolean(callback());
+  update();
+  tryOnMounted(update, sync);
+  return isSupported;
+}
+
 const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
@@ -7170,17 +7191,17 @@ function useDocumentVisibility({ document = defaultDocument } = {}) {
   return visibility;
 }
 
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
+  if (source != null && __getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -7188,7 +7209,7 @@ var __objRest$2 = (source, exclude) => {
 function useResizeObserver(target, callback, options = {}) {
   const _a = options, { window = defaultWindow } = _a, observerOptions = __objRest$2(_a, ["window"]);
   let observer;
-  const isSupported = window && "ResizeObserver" in window;
+  const isSupported = useSupported(() => window && "ResizeObserver" in window);
   const cleanup = () => {
     if (observer) {
       observer.disconnect();
@@ -7197,7 +7218,7 @@ function useResizeObserver(target, callback, options = {}) {
   };
   const stopWatch = watch(() => unrefElement(target), (el) => {
     cleanup();
-    if (isSupported && window && el) {
+    if (isSupported.value && window && el) {
       observer = new ResizeObserver(callback);
       observer.observe(el, observerOptions);
     }
@@ -7285,8 +7306,54 @@ var SwipeDirection;
   SwipeDirection2["NONE"] = "NONE";
 })(SwipeDirection || (SwipeDirection = {}));
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const _TransitionPresets = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+__spreadValues({
+  linear: identity
+}, _TransitionPresets);
+
 function useVModel(props, key, emit, options = {}) {
-  var _a;
+  var _a, _b, _c;
   const {
     passive = false,
     eventName,
@@ -7294,7 +7361,7 @@ function useVModel(props, key, emit, options = {}) {
     defaultValue
   } = options;
   const vm = getCurrentInstance();
-  const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm));
+  const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm)) || ((_c = (_b = vm == null ? void 0 : vm.proxy) == null ? void 0 : _b.$emit) == null ? void 0 : _c.bind(vm == null ? void 0 : vm.proxy));
   let event = eventName;
   if (!key) {
     {
@@ -7338,7 +7405,13 @@ function useWindowFocus({ window = defaultWindow } = {}) {
   return focused;
 }
 
-function useWindowSize({ window = defaultWindow, initialWidth = Infinity, initialHeight = Infinity } = {}) {
+function useWindowSize(options = {}) {
+  const {
+    window = defaultWindow,
+    initialWidth = Infinity,
+    initialHeight = Infinity,
+    listenOrientation = true
+  } = options;
   const width = ref(initialWidth);
   const height = ref(initialHeight);
   const update = () => {
@@ -7350,6 +7423,8 @@ function useWindowSize({ window = defaultWindow, initialWidth = Infinity, initia
   update();
   tryOnMounted(update);
   useEventListener("resize", update, { passive: true });
+  if (listenOrientation)
+    useEventListener("orientationchange", update, { passive: true });
   return { width, height };
 }
 
@@ -8835,6 +8910,72 @@ const useFocus = (el) => {
   };
 };
 
+const defaultNamespace = "el";
+const statePrefix = "is-";
+const _bem = (namespace, block, blockSuffix, element, modifier) => {
+  let cls = `${namespace}-${block}`;
+  if (blockSuffix) {
+    cls += `-${blockSuffix}`;
+  }
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+};
+const useNamespace = (block) => {
+  const globalConfig = useGlobalConfig("namespace");
+  const namespace = computed$1(() => globalConfig.value || defaultNamespace);
+  const b = (blockSuffix = "") => _bem(unref(namespace), block, blockSuffix, "", "");
+  const e = (element) => element ? _bem(unref(namespace), block, "", element, "") : "";
+  const m = (modifier) => modifier ? _bem(unref(namespace), block, "", "", modifier) : "";
+  const be = (blockSuffix, element) => blockSuffix && element ? _bem(unref(namespace), block, blockSuffix, element, "") : "";
+  const em = (element, modifier) => element && modifier ? _bem(unref(namespace), block, "", element, modifier) : "";
+  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(unref(namespace), block, blockSuffix, "", modifier) : "";
+  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(unref(namespace), block, blockSuffix, element, modifier) : "";
+  const is = (name, ...args) => {
+    const state = args.length >= 1 ? args[0] : true;
+    return name && state ? `${statePrefix}${name}` : "";
+  };
+  const cssVar = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${key}`] = object[key];
+      }
+    }
+    return styles;
+  };
+  const cssVarBlock = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${block}-${key}`] = object[key];
+      }
+    }
+    return styles;
+  };
+  const cssVarName = (name) => `--${namespace.value}-${name}`;
+  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+  return {
+    namespace,
+    b,
+    e,
+    m,
+    be,
+    em,
+    bm,
+    bem,
+    is,
+    cssVar,
+    cssVarName,
+    cssVarBlock,
+    cssVarBlockName
+  };
+};
+
 const defaultIdInjection = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
@@ -8842,7 +8983,8 @@ const defaultIdInjection = {
 const ID_INJECTION_KEY = Symbol("elIdInjection");
 const useId = (deterministicId) => {
   const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection);
-  const idRef = computed$1(() => unref(deterministicId) || `el-id-${idInjection.prefix}-${idInjection.current++}`);
+  const namespace = useGlobalConfig("namespace", defaultNamespace);
+  const idRef = computed$1(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
   return idRef;
 };
 
@@ -9283,72 +9425,6 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
   return cRef;
 }
 
-const defaultNamespace = "el";
-const statePrefix = "is-";
-const _bem = (namespace, block, blockSuffix, element, modifier) => {
-  let cls = `${namespace}-${block}`;
-  if (blockSuffix) {
-    cls += `-${blockSuffix}`;
-  }
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-};
-const useNamespace = (block) => {
-  const globalConfig = useGlobalConfig("namespace");
-  const namespace = computed$1(() => globalConfig.value || defaultNamespace);
-  const b = (blockSuffix = "") => _bem(unref(namespace), block, blockSuffix, "", "");
-  const e = (element) => element ? _bem(unref(namespace), block, "", element, "") : "";
-  const m = (modifier) => modifier ? _bem(unref(namespace), block, "", "", modifier) : "";
-  const be = (blockSuffix, element) => blockSuffix && element ? _bem(unref(namespace), block, blockSuffix, element, "") : "";
-  const em = (element, modifier) => element && modifier ? _bem(unref(namespace), block, "", element, modifier) : "";
-  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(unref(namespace), block, blockSuffix, "", modifier) : "";
-  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(unref(namespace), block, blockSuffix, element, modifier) : "";
-  const is = (name, ...args) => {
-    const state = args.length >= 1 ? args[0] : true;
-    return name && state ? `${statePrefix}${name}` : "";
-  };
-  const cssVar = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${key}`] = object[key];
-      }
-    }
-    return styles;
-  };
-  const cssVarBlock = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${block}-${key}`] = object[key];
-      }
-    }
-    return styles;
-  };
-  const cssVarName = (name) => `--${namespace.value}-${name}`;
-  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-  return {
-    namespace,
-    b,
-    e,
-    m,
-    be,
-    em,
-    bm,
-    bem,
-    is,
-    cssVar,
-    cssVarName,
-    cssVarBlock,
-    cssVarBlockName
-  };
-};
-
 const useLockscreen = (trigger) => {
   if (!isRef(trigger)) {
     throwError("[useLockscreen]", "You need to pass a ref param to this function");
@@ -10896,7 +10972,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "2.2.13";
+const version$1 = "2.2.14";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -12387,8 +12463,9 @@ function findFirstLegitChild(node) {
   return null;
 }
 function wrapTextContent(s) {
+  const ns = useNamespace("only-child");
   return createVNode("span", {
-    "class": "el-only-child__content"
+    "class": ns.e("content")
   }, [s]);
 }
 
@@ -20856,9 +20933,7 @@ const _sfc_main$1B = defineComponent({
           updatePopperPosition();
           nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
         } else if (props.filterable) {
-          const { value } = presentText;
-          inputValue.value = value;
-          searchInputValue.value = value;
+          syncPresentTextValue();
         }
         emit("visible-change", visible);
       }
@@ -21015,8 +21090,16 @@ const _sfc_main$1B = defineComponent({
     const handleClear = () => {
       var _a;
       (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
+      if (!popperVisible.value && props.filterable) {
+        syncPresentTextValue();
+      }
       togglePopperVisible(false);
     };
+    const syncPresentTextValue = () => {
+      const { value } = presentText;
+      inputValue.value = value;
+      searchInputValue.value = value;
+    };
     const handleSuggestionClick = (node) => {
       var _a, _b;
       const { checked } = node;
@@ -22732,7 +22815,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     "stop-popper-mouse-event": false,
     effect: "light",
     trigger: "click",
-    transition: "el-zoom-in-top",
+    transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
     persistent: ""
   }, {
     content: withCtx(() => [
@@ -22861,7 +22944,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       ], 42, _hoisted_1$J)
     ]),
     _: 1
-  }, 8, ["visible", "popper-class"]);
+  }, 8, ["visible", "popper-class", "transition"]);
 }
 var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$s], ["__file", "index.vue"]]);
 
@@ -26445,9 +26528,9 @@ const useDialog = (props, targetRef) => {
       closed.value = false;
       open();
       rendered.value = true;
-      emit("open");
       zIndex.value = props.zIndex ? zIndex.value++ : nextZIndex();
       nextTick(() => {
+        emit("open");
         if (targetRef.value) {
           targetRef.value.scrollTop = 0;
         }
@@ -31439,6 +31522,7 @@ var Menu = defineComponent({
     const menu = ref();
     const nsMenu = useNamespace("menu");
     const nsSubMenu = useNamespace("sub-menu");
+    const sliceIndex = ref(-1);
     const openedMenus = ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
     const activeIndex = ref(props.defaultActive);
     const items = ref({});
@@ -31512,8 +31596,42 @@ var Menu = defineComponent({
         activeIndex.value = val;
       }
     };
+    const calcSliceIndex = () => {
+      var _a;
+      const items2 = Array.from((_a = menu.value.childNodes) != null ? _a : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+      const moreItemWidth = 64;
+      const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
+      const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
+      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
+      let calcWidth = 0;
+      let sliceIndex2 = 0;
+      items2.forEach((item, index) => {
+        calcWidth += item.offsetWidth || 0;
+        if (calcWidth <= menuWidth - moreItemWidth) {
+          sliceIndex2 = index + 1;
+        }
+      });
+      return sliceIndex2 === items2.length ? -1 : sliceIndex2;
+    };
+    const debounce = (fn, wait = 33.34) => {
+      let timmer;
+      return () => {
+        timmer && clearTimeout(timmer);
+        timmer = setTimeout(() => {
+          fn();
+        }, wait);
+      };
+    };
+    let isFirstTimeRender = true;
     const handleResize = () => {
-      nextTick(() => instance.proxy.$forceUpdate());
+      const callback = () => {
+        sliceIndex.value = -1;
+        nextTick(() => {
+          sliceIndex.value = calcSliceIndex();
+        });
+      };
+      isFirstTimeRender ? callback() : debounce(callback)();
+      isFirstTimeRender = false;
     };
     watch(() => props.defaultActive, (currentActive) => {
       if (!items.value[currentActive]) {
@@ -31598,26 +31716,13 @@ var Menu = defineComponent({
       return result;
     };
     return () => {
-      var _a, _b, _c, _d;
+      var _a, _b;
       let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
       const vShowMore = [];
       if (props.mode === "horizontal" && menu.value) {
-        const items2 = Array.from((_d = (_c = menu.value) == null ? void 0 : _c.childNodes) != null ? _d : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
         const originalSlot = flattedChildren(slot);
-        const moreItemWidth = 64;
-        const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
-        const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
-        const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
-        let calcWidth = 0;
-        let sliceIndex = 0;
-        items2.forEach((item, index) => {
-          calcWidth += item.offsetWidth || 0;
-          if (calcWidth <= menuWidth - moreItemWidth) {
-            sliceIndex = index + 1;
-          }
-        });
-        const slotDefault = originalSlot.slice(0, sliceIndex);
-        const slotMore = originalSlot.slice(sliceIndex);
+        const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
+        const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
         if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
           slot = slotDefault;
           vShowMore.push(h$1(SubMenu, {
@@ -31879,6 +31984,9 @@ const paginationPrevProps = buildProps({
   },
   prevText: {
     type: String
+  },
+  prevIcon: {
+    type: iconPropType
   }
 });
 const paginationPrevEmits = {
@@ -31907,7 +32015,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
-            createVNode(unref(arrow_left_default))
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
           ]),
           _: 1
         }))
@@ -31929,6 +32037,9 @@ const paginationNextProps = buildProps({
   },
   nextText: {
     type: String
+  },
+  nextIcon: {
+    type: iconPropType
   }
 });
 
@@ -31954,7 +32065,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
-            createVNode(unref(arrow_right_default))
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
           ]),
           _: 1
         }))
@@ -32004,7 +32115,7 @@ function useOption$1(props, states) {
     } else {
       const valueKey = select.props.valueKey;
       return arr && arr.some((item) => {
-        return get(item, valueKey) === get(target, valueKey);
+        return toRaw$1(get(item, valueKey)) === get(target, valueKey);
       });
     }
   };
@@ -32618,7 +32729,7 @@ const useSelect$3 = (props, states, ctx) => {
     const valueKey = props.valueKey;
     let index = -1;
     arr.some((item, i) => {
-      if (get(item, valueKey) === get(value, valueKey)) {
+      if (toRaw$1(get(item, valueKey)) === get(value, valueKey)) {
         index = i;
         return true;
       }
@@ -33934,10 +34045,18 @@ const paginationProps = buildProps({
     type: String,
     default: ""
   },
+  prevIcon: {
+    type: iconPropType,
+    default: () => arrow_left_default
+  },
   nextText: {
     type: String,
     default: ""
   },
+  nextIcon: {
+    type: iconPropType,
+    default: () => arrow_right_default
+  },
   small: Boolean,
   background: Boolean,
   disabled: Boolean,
@@ -34085,6 +34204,7 @@ var Pagination = defineComponent({
           disabled: props.disabled,
           currentPage: currentPageBridge.value,
           prevText: props.prevText,
+          prevIcon: props.prevIcon,
           onClick: prev
         }),
         jumper: h$1(Jumper),
@@ -34100,6 +34220,7 @@ var Pagination = defineComponent({
           currentPage: currentPageBridge.value,
           pageCount: pageCountBridge.value,
           nextText: props.nextText,
+          nextIcon: props.nextIcon,
           onClick: next
         }),
         sizes: h$1(Sizes, {
@@ -34390,7 +34511,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
     });
     const gpuAcceleration = computed$1(() => {
-      return props.transition === "el-fade-in-linear";
+      return props.transition === `${ns.namespace.value}-fade-in-linear`;
     });
     const hide = () => {
       var _a;
@@ -35896,11 +36017,11 @@ const createList = ({
           if (layout === HORIZONTAL) {
             if (direction === RTL) {
               switch (getRTLOffsetType()) {
-                case "negative": {
+                case RTL_OFFSET_NAG: {
                   windowElement.scrollLeft = -scrollOffset;
                   break;
                 }
-                case "positive-ascending": {
+                case RTL_OFFSET_POS_ASC: {
                   windowElement.scrollLeft = scrollOffset;
                   break;
                 }
@@ -38805,7 +38926,7 @@ const useMarks = (props) => {
       return [];
     }
     const marksKeys = Object.keys(props.marks);
-    return marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
+    return marksKeys.map(Number.parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
       point,
       position: (point - props.min) * 100 / (props.max - props.min),
       mark: props.marks[point]
@@ -40285,7 +40406,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       input.value.checked = checked.value;
     });
     expose({
-      focus
+      focus,
+      checked
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -43092,7 +43214,7 @@ function useRender$1(props) {
             }, [
               h$1("td", {
                 colspan: columns.length,
-                class: "el-table__cell el-table__expanded-cell"
+                class: `${ns.e("cell")} ${ns.e("expanded-cell")}`
               }, [renderExpanded({ row, $index, store, expanded })])
             ])
           ]
@@ -43555,7 +43677,7 @@ function useStyle(props, layout, store, table) {
       layout.updateElsHeight();
     }
     layout.updateColumnsWidth();
-    requestAnimationFrame(syncPostion);
+    requestAnimationFrame(syncPosition);
   };
   onMounted(async () => {
     await nextTick();
@@ -43598,7 +43720,7 @@ function useStyle(props, layout, store, table) {
     const { tableWrapper } = table.refs;
     return !!(tableWrapper && tableWrapper.classList.contains(className));
   };
-  const syncPostion = function() {
+  const syncPosition = function() {
     if (!table.refs.scrollBarRef)
       return;
     if (!layout.scrollX.value) {
@@ -43630,7 +43752,7 @@ function useStyle(props, layout, store, table) {
     if (!table.refs.scrollBarRef)
       return;
     if (table.refs.scrollBarRef.wrap$) {
-      useEventListener(table.refs.scrollBarRef.wrap$, "scroll", syncPostion, {
+      useEventListener(table.refs.scrollBarRef.wrap$, "scroll", syncPosition, {
         passive: true
       });
     }
@@ -48879,7 +49001,7 @@ const getChildState = (node) => {
   return { all, none, allWithoutDisable, half: !all && !none };
 };
 const reInitChecked = function(node) {
-  if (node.childNodes.length === 0)
+  if (node.childNodes.length === 0 || node.loading)
     return;
   const { all, none, half } = getChildState(node.childNodes);
   if (all) {
@@ -49262,10 +49384,10 @@ class Node {
     if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
       this.loading = true;
       const resolve = (children) => {
-        this.loaded = true;
-        this.loading = false;
         this.childNodes = [];
         this.doCreateChildren(children, defaultProps);
+        this.loaded = true;
+        this.loading = false;
         this.updateLeafState();
         if (callback) {
           callback.call(this, children);