beyond-webui 1.1.44 → 1.1.45

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
 /*! Element Plus v0.0.0-dev.1 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, resolveComponent, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, resolveDirective, guardReactiveProps, markRaw, effectScope, triggerRef, 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, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, triggerRef, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, resolveComponent, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, resolveDirective, guardReactiveProps, markRaw, effectScope, createApp, shallowReactive, render } from 'vue';
 
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {
@@ -982,9 +982,9 @@ function getNative(object, key) {
   return baseIsNative(value) ? value : void 0;
 }
 
-var WeakMap = getNative(root, "WeakMap");
+var WeakMap$1 = getNative(root, "WeakMap");
 
-var metaMap = WeakMap && new WeakMap();
+var metaMap = WeakMap$1 && new WeakMap$1();
 
 var baseSetData = !metaMap ? identity : function(func, data) {
   metaMap.set(func, data);
@@ -2922,9 +2922,9 @@ var dataViewCtorString = toSource(DataView);
 var mapCtorString = toSource(Map$1);
 var promiseCtorString = toSource(Promise$1);
 var setCtorString = toSource(Set$1);
-var weakMapCtorString = toSource(WeakMap);
+var weakMapCtorString = toSource(WeakMap$1);
 var getTag = baseGetTag;
-if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
+if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$8 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$2) {
   getTag = function(value) {
     var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
     if (ctorString) {
@@ -11096,20 +11096,58 @@ const getOrderedChildren = (vm, childComponentName, children) => {
   return uids.map((uid) => children[uid]).filter((p) => !!p);
 };
 const useOrderedChildren = (vm, childComponentName) => {
-  const children = {};
+  const children = shallowRef({});
   const orderedChildren = shallowRef([]);
+  const nodesMap = /* @__PURE__ */ new WeakMap();
   const addChild = (child) => {
-    children[child.uid] = child;
-    orderedChildren.value = getOrderedChildren(vm, childComponentName, children);
+    children.value[child.uid] = child;
+    triggerRef(children);
+    onMounted(() => {
+      const childNode = child.getVnode().el;
+      const parentNode = childNode.parentNode;
+      if (!nodesMap.has(parentNode)) {
+        nodesMap.set(parentNode, []);
+        const originalFn = parentNode.insertBefore.bind(parentNode);
+        parentNode.insertBefore = (node, anchor) => {
+          const shouldSortChildren = nodesMap.get(parentNode).some((el) => node === el || anchor === el);
+          if (shouldSortChildren)
+            triggerRef(children);
+          return originalFn(node, anchor);
+        };
+      }
+      nodesMap.get(parentNode).push(childNode);
+    });
   };
-  const removeChild = (uid) => {
-    delete children[uid];
-    orderedChildren.value = orderedChildren.value.filter((children2) => children2.uid !== uid);
+  const removeChild = (child) => {
+    delete children.value[child.uid];
+    triggerRef(children);
+    const childNode = child.getVnode().el;
+    const parentNode = childNode.parentNode;
+    const childNodes = nodesMap.get(parentNode);
+    const index = childNodes.indexOf(childNode);
+    childNodes.splice(index, 1);
   };
+  const sortChildren = () => {
+    orderedChildren.value = getOrderedChildren(vm, childComponentName, children.value);
+  };
+  const IsolatedRenderer = (props) => {
+    return props.render();
+  };
+  const ChildrenSorter = defineComponent({
+    setup(_, { slots }) {
+      return () => {
+        sortChildren();
+        return slots.default ? h$1(IsolatedRenderer, {
+          render: slots.default
+        }) : null;
+      };
+    }
+  });
   return {
     children: orderedChildren,
     addChild,
-    removeChild
+    removeChild,
+    ChildrenSorter
   };
 };
 
@@ -13577,8 +13615,8 @@ const inputEmits = {
 
 const _hoisted_1$12 = ["role"];
 const _hoisted_2$H = { class: "el-input__preStar" };
-const _hoisted_3$q = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-const _hoisted_4$g = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_3$r = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
+const _hoisted_4$h = /* @__PURE__ */ createElementVNode("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -13598,7 +13636,7 @@ const _hoisted_4$g = /* @__PURE__ */ createElementVNode("svg", {
     ])
   ])
 ], -1);
-const _hoisted_5$b = {
+const _hoisted_5$c = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -13607,14 +13645,14 @@ const _hoisted_5$b = {
   fill: "#1a1f36",
   viewBox: "0 0 24 24"
 };
-const _hoisted_6$5 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_6$6 = /* @__PURE__ */ createElementVNode("path", {
   id: "ujy5xle6ka",
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
 }, null, -1);
-const _hoisted_7$4 = [
-  _hoisted_6$5
+const _hoisted_7$5 = [
+  _hoisted_6$6
 ];
-const _hoisted_8$3 = {
+const _hoisted_8$4 = {
   key: 1,
   width: "18",
   fill: "#1a1f36",
@@ -13992,7 +14030,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
               onBlur: handleBlur,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$q),
+            }), null, 16, _hoisted_3$r),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -14011,7 +14049,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createCommentVNode("              <circle-close />"),
-                    _hoisted_4$g
+                    _hoisted_4$h
                   ]),
                   _: 1
                 }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
@@ -14023,7 +14061,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createCommentVNode('              <component :is="passwordIcon" />'),
-                    passwordVisible.value ? (openBlock(), createElementBlock("svg", _hoisted_5$b, _hoisted_7$4)) : (openBlock(), createElementBlock("svg", _hoisted_8$3, _hoisted_10$3))
+                    passwordVisible.value ? (openBlock(), createElementBlock("svg", _hoisted_5$c, _hoisted_7$5)) : (openBlock(), createElementBlock("svg", _hoisted_8$4, _hoisted_10$3))
                   ]),
                   _: 1
                 }, 8, ["class"])) : createCommentVNode("v-if", true),
@@ -16204,8 +16242,8 @@ const autocompleteEmits = {
 
 const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$F = { key: 0 };
-const _hoisted_3$p = ["id", "aria-selected", "onClick"];
-const _hoisted_4$f = {
+const _hoisted_3$q = ["id", "aria-selected", "onClick"];
+const _hoisted_4$g = {
   key: 1,
   class: "no-data"
 };
@@ -16504,8 +16542,8 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "default", { item }, () => [
                         createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$p);
-                  }), 128)) : (openBlock(), createElementBlock("li", _hoisted_4$f, toDisplayString(emptyTip.value), 1))
+                    ], 10, _hoisted_3$q);
+                  }), 128)) : (openBlock(), createElementBlock("li", _hoisted_4$g, toDisplayString(emptyTip.value), 1))
                 ], 64))
               ]),
               _: 3
@@ -18687,7 +18725,7 @@ const _hoisted_1$Z = {
 const _hoisted_2$E = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_307)" }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2349 1.26428 15.1826 0 12 0V0ZM13 12.433L7.94701 15.6L6.88601 13.9L11 11.325V6H13V12.433Z" })
 ], -1);
-const _hoisted_3$o = /* @__PURE__ */ createElementVNode("defs", null, [
+const _hoisted_3$p = /* @__PURE__ */ createElementVNode("defs", null, [
   /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_1022_307" }, [
     /* @__PURE__ */ createElementVNode("rect", {
       width: "24",
@@ -18696,21 +18734,21 @@ const _hoisted_3$o = /* @__PURE__ */ createElementVNode("defs", null, [
     })
   ])
 ], -1);
-const _hoisted_4$e = [
+const _hoisted_4$f = [
   _hoisted_2$E,
-  _hoisted_3$o
+  _hoisted_3$p
 ];
-const _hoisted_5$a = {
+const _hoisted_5$b = {
   key: 1,
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
+const _hoisted_6$5 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M24 10V24H0V10H24ZM24 8V5C24 4.20435 23.6839 3.44129 23.1213 2.87868C22.5587 2.31607 21.7956 2 21 2H18V0H16V2H8V0H6V2H3C2.20435 2 1.44129 2.31607 0.87868 2.87868C0.31607 3.44129 0 4.20435 0 5L0 8H24ZM18 14H16V16H18V14ZM13 14H11V16H13V14ZM8 14H6V16H8V14ZM18 18H16V20H18V18ZM13 18H11V20H13V18ZM8 18H6V20H8V18Z" })
 ], -1);
-const _hoisted_7$3 = /* @__PURE__ */ createElementVNode("defs", null, [
+const _hoisted_7$4 = /* @__PURE__ */ createElementVNode("defs", null, [
   /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_1022_276" }, [
     /* @__PURE__ */ createElementVNode("rect", {
       width: "24",
@@ -18719,9 +18757,9 @@ const _hoisted_7$3 = /* @__PURE__ */ createElementVNode("defs", null, [
     })
   ])
 ], -1);
-const _hoisted_8$2 = [
-  _hoisted_6$4,
-  _hoisted_7$3
+const _hoisted_8$3 = [
+  _hoisted_6$5,
+  _hoisted_7$4
 ];
 const _hoisted_9$2 = {
   key: 1,
@@ -19310,7 +19348,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                   onTouchstart: onTouchStartInput
                 }, {
                   default: withCtx(() => [
-                    unref(isTimeLikePicker) ? (openBlock(), createElementBlock("svg", _hoisted_1$Z, _hoisted_4$e)) : (openBlock(), createElementBlock("svg", _hoisted_5$a, _hoisted_8$2))
+                    unref(isTimeLikePicker) ? (openBlock(), createElementBlock("svg", _hoisted_1$Z, _hoisted_4$f)) : (openBlock(), createElementBlock("svg", _hoisted_5$b, _hoisted_8$3))
                   ]),
                   _: 1
                 }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)
@@ -21152,6 +21190,10 @@ const carouselProps = buildProps({
     values: ["", "card"],
     default: ""
   },
+  cardScale: {
+    type: Number,
+    default: 0.83
+  },
   loop: {
     type: Boolean,
     default: true
@@ -21164,37 +21206,59 @@ const carouselProps = buildProps({
   pauseOnHover: {
     type: Boolean,
     default: true
-  }
+  },
+  motionBlur: Boolean
 });
 const carouselEmits = {
   change: (current, prev) => [current, prev].every(isNumber)
 };
 
 const carouselContextKey = Symbol("carouselContextKey");
+const CAROUSEL_ITEM_NAME = "ElCarouselItem";
 
 const THROTTLE_TIME = 300;
 const useCarousel = (props, emit, componentName) => {
   const {
     children: items,
     addChild: addItem,
-    removeChild: removeItem
-  } = useOrderedChildren(getCurrentInstance(), "ElCarouselItem");
+    removeChild: removeItem,
+    ChildrenSorter: ItemsSorter
+  } = useOrderedChildren(getCurrentInstance(), CAROUSEL_ITEM_NAME);
+  const slots = useSlots();
   const activeIndex = ref(-1);
   const timer = ref(null);
   const hover = ref(false);
   const root = ref();
+  const containerHeight = ref(0);
+  const isItemsTwoLength = ref(true);
   const arrowDisplay = computed$1(() => props.arrow !== "never" && !unref(isVertical));
   const hasLabel = computed$1(() => {
     return items.value.some((item) => item.props.label.toString().length > 0);
   });
   const isCardType = computed$1(() => props.type === "card");
   const isVertical = computed$1(() => props.direction === "vertical");
+  const containerStyle = computed$1(() => {
+    if (props.height !== "auto") {
+      return {
+        height: props.height
+      };
+    }
+    return {
+      height: `${containerHeight.value}px`,
+      overflow: "hidden"
+    };
+  });
   const throttledArrowClick = throttle((index) => {
     setActiveItem(index);
   }, THROTTLE_TIME, { trailing: true });
   const throttledIndicatorHover = throttle((index) => {
     handleIndicatorHover(index);
   }, THROTTLE_TIME);
+  const isTwoLengthShow = (index) => {
+    if (!isItemsTwoLength.value)
+      return true;
+    return activeIndex.value <= 1 ? index <= 1 : index > 1;
+  };
   function pauseTimer() {
     if (timer.value) {
       clearInterval(timer.value);
@@ -21305,14 +21369,46 @@ const useCarousel = (props, emit, componentName) => {
   }
   function resetTimer() {
     pauseTimer();
-    startTimer();
+    if (!props.pauseOnHover)
+      startTimer();
+  }
+  function setContainerHeight(height) {
+    if (props.height !== "auto")
+      return;
+    containerHeight.value = height;
+  }
+  function PlaceholderItem() {
+    var _a;
+    const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
+    if (!defaultSlots)
+      return null;
+    const flatSlots = flattedChildren(defaultSlots);
+    const normalizeSlots = flatSlots.filter((slot) => {
+      return isVNode(slot) && slot.type.name === CAROUSEL_ITEM_NAME;
+    });
+    if ((normalizeSlots == null ? void 0 : normalizeSlots.length) === 2 && props.loop && !isCardType.value) {
+      isItemsTwoLength.value = true;
+      return normalizeSlots;
+    }
+    isItemsTwoLength.value = false;
+    return null;
   }
   watch(() => activeIndex.value, (current, prev2) => {
     resetItemPosition(prev2);
+    if (isItemsTwoLength.value) {
+      current = current % 2;
+      prev2 = prev2 % 2;
+    }
     if (prev2 > -1) {
-      emit("change", current, prev2);
+      emit(CHANGE_EVENT, current, prev2);
     }
   });
+  const exposeActiveIndex = computed$1({
+    get: () => {
+      return isItemsTwoLength.value ? activeIndex.value % 2 : activeIndex.value;
+    },
+    set: (value) => activeIndex.value = value
+  });
   watch(() => props.autoplay, (autoplay) => {
     autoplay ? startTimer() : pauseTimer();
   });
@@ -21322,12 +21418,14 @@ const useCarousel = (props, emit, componentName) => {
   watch(() => props.interval, () => {
     resetTimer();
   });
-  watch(() => items.value, () => {
-    if (items.value.length > 0)
-      setActiveItem(props.initialIndex);
-  });
   const resizeObserver = shallowRef();
   onMounted(() => {
+    watch(() => items.value, () => {
+      if (items.value.length > 0)
+        setActiveItem(props.initialIndex);
+    }, {
+      immediate: true
+    });
     resizeObserver.value = useResizeObserver(root.value, () => {
       resetItemPosition();
     });
@@ -21344,18 +21442,24 @@ const useCarousel = (props, emit, componentName) => {
     isVertical,
     items,
     loop: props.loop,
+    cardScale: props.cardScale,
     addItem,
     removeItem,
-    setActiveItem
+    setActiveItem,
+    setContainerHeight
   });
   return {
     root,
     activeIndex,
+    exposeActiveIndex,
     arrowDisplay,
     hasLabel,
     hover,
     isCardType,
     items,
+    isVertical,
+    containerStyle,
+    isItemsTwoLength,
     handleButtonEnter,
     handleButtonLeave,
     handleIndicatorClick,
@@ -21364,13 +21468,42 @@ const useCarousel = (props, emit, componentName) => {
     setActiveItem,
     prev,
     next,
+    PlaceholderItem,
+    isTwoLengthShow,
+    ItemsSorter,
     throttledArrowClick,
     throttledIndicatorHover
   };
 };
 
-const _hoisted_1$V = ["onMouseenter", "onClick"];
-const _hoisted_2$B = { key: 0 };
+const _hoisted_1$V = ["aria-label"];
+const _hoisted_2$B = ["aria-label"];
+const _hoisted_3$o = ["onMouseenter", "onClick"];
+const _hoisted_4$e = ["aria-label"];
+const _hoisted_5$a = { key: 0 };
+const _hoisted_6$4 = {
+  key: 2,
+  xmlns: "http://www.w3.org/2000/svg",
+  version: "1.1",
+  style: { "display": "none" }
+};
+const _hoisted_7$3 = /* @__PURE__ */ createElementVNode("defs", null, [
+  /* @__PURE__ */ createElementVNode("filter", { id: "elCarouselHorizontal" }, [
+    /* @__PURE__ */ createElementVNode("feGaussianBlur", {
+      in: "SourceGraphic",
+      stdDeviation: "12,0"
+    })
+  ]),
+  /* @__PURE__ */ createElementVNode("filter", { id: "elCarouselVertical" }, [
+    /* @__PURE__ */ createElementVNode("feGaussianBlur", {
+      in: "SourceGraphic",
+      stdDeviation: "0,10"
+    })
+  ])
+], -1);
+const _hoisted_8$2 = [
+  _hoisted_7$3
+];
 const COMPONENT_NAME$f = "ElCarousel";
 const __default__$1c = defineComponent({
   name: COMPONENT_NAME$f
@@ -21384,11 +21517,14 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
     const {
       root,
       activeIndex,
+      exposeActiveIndex,
       arrowDisplay,
       hasLabel,
       hover,
       isCardType,
       items,
+      isVertical,
+      containerStyle,
       handleButtonEnter,
       handleButtonLeave,
       handleIndicatorClick,
@@ -21397,10 +21533,14 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       setActiveItem,
       prev,
       next,
+      PlaceholderItem,
+      isTwoLengthShow,
+      ItemsSorter,
       throttledArrowClick,
       throttledIndicatorHover
     } = useCarousel(props, emit);
     const ns = useNamespace("carousel");
+    const { t } = useLocale();
     const carouselClasses = computed$1(() => {
       const classes = [ns.b(), ns.m(props.direction)];
       if (unref(isCardType)) {
@@ -21413,12 +21553,28 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       if (unref(hasLabel)) {
         classes.push(ns.em("indicators", "labels"));
       }
-      if (props.indicatorPosition === "outside" || unref(isCardType)) {
+      if (props.indicatorPosition === "outside") {
         classes.push(ns.em("indicators", "outside"));
       }
+      if (unref(isVertical)) {
+        classes.push(ns.em("indicators", "right"));
+      }
       return classes;
     });
+    function handleTransitionStart(e) {
+      if (!props.motionBlur)
+        return;
+      const kls = unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
+      e.currentTarget.classList.add(kls);
+    }
+    function handleTransitionEnd(e) {
+      if (!props.motionBlur)
+        return;
+      const kls = unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
+      e.currentTarget.classList.remove(kls);
+    }
     expose({
+      activeIndex: exposeActiveIndex,
       setActiveItem,
       prev,
       next
@@ -21431,91 +21587,105 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
         onMouseenter: _cache[6] || (_cache[6] = withModifiers((...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args), ["stop"])),
         onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args), ["stop"]))
       }, [
+        unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
+          key: 0,
+          name: "carousel-arrow-left",
+          persisted: ""
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("button", {
+              type: "button",
+              class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")]),
+              "aria-label": unref(t)("el.carousel.leftArrow"),
+              onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(handleButtonEnter)("left")),
+              onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
+              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) - 1), ["stop"]))
+            }, [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(arrow_left_default))
+                ]),
+                _: 1
+              })
+            ], 42, _hoisted_1$V), [
+              [
+                vShow,
+                (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
+              ]
+            ])
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
+        unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
+          key: 1,
+          name: "carousel-arrow-right",
+          persisted: ""
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("button", {
+              type: "button",
+              class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")]),
+              "aria-label": unref(t)("el.carousel.rightArrow"),
+              onMouseenter: _cache[3] || (_cache[3] = ($event) => unref(handleButtonEnter)("right")),
+              onMouseleave: _cache[4] || (_cache[4] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
+              onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) + 1), ["stop"]))
+            }, [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(arrow_right_default))
+                ]),
+                _: 1
+              })
+            ], 42, _hoisted_2$B), [
+              [
+                vShow,
+                (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
+              ]
+            ])
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
         createElementVNode("div", {
           class: normalizeClass(unref(ns).e("container")),
-          style: normalizeStyle({ height: _ctx.height })
+          style: normalizeStyle(unref(containerStyle)),
+          onTransitionstart: handleTransitionStart,
+          onTransitionend: handleTransitionEnd
         }, [
-          unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
-            key: 0,
-            name: "carousel-arrow-left",
-            persisted: ""
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("button", {
-                type: "button",
-                class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")]),
-                onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(handleButtonEnter)("left")),
-                onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
-                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) - 1), ["stop"]))
-              }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(arrow_left_default))
-                  ]),
-                  _: 1
-                })
-              ], 34), [
-                [
-                  vShow,
-                  (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
-                ]
-              ])
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
-            key: 1,
-            name: "carousel-arrow-right",
-            persisted: ""
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("button", {
-                type: "button",
-                class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")]),
-                onMouseenter: _cache[3] || (_cache[3] = ($event) => unref(handleButtonEnter)("right")),
-                onMouseleave: _cache[4] || (_cache[4] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
-                onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) + 1), ["stop"]))
-              }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(arrow_right_default))
-                  ]),
-                  _: 1
-                })
-              ], 34), [
-                [
-                  vShow,
-                  (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
-                ]
-              ])
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
+          createVNode(unref(PlaceholderItem)),
           renderSlot(_ctx.$slots, "default")
-        ], 6),
-        _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
-          key: 0,
-          class: normalizeClass(unref(indicatorsClasses))
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
-            return openBlock(), createElementBlock("li", {
-              key: index,
-              class: normalizeClass([
-                unref(ns).e("indicator"),
-                unref(ns).em("indicator", _ctx.direction),
-                unref(ns).is("active", index === unref(activeIndex))
-              ]),
-              onMouseenter: ($event) => unref(throttledIndicatorHover)(index),
-              onClick: withModifiers(($event) => unref(handleIndicatorClick)(index), ["stop"])
+        ], 38),
+        createVNode(unref(ItemsSorter), null, {
+          default: withCtx(() => [
+            _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
+              key: 0,
+              class: normalizeClass(unref(indicatorsClasses))
             }, [
-              createElementVNode("button", {
-                class: normalizeClass(unref(ns).e("button"))
-              }, [
-                unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_2$B, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
-              ], 2)
-            ], 42, _hoisted_1$V);
-          }), 128))
-        ], 2)) : createCommentVNode("v-if", true)
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
+                return withDirectives((openBlock(), createElementBlock("li", {
+                  key: index,
+                  class: normalizeClass([
+                    unref(ns).e("indicator"),
+                    unref(ns).em("indicator", _ctx.direction),
+                    unref(ns).is("active", index === unref(activeIndex))
+                  ]),
+                  onMouseenter: ($event) => unref(throttledIndicatorHover)(index),
+                  onClick: withModifiers(($event) => unref(handleIndicatorClick)(index), ["stop"])
+                }, [
+                  createElementVNode("button", {
+                    class: normalizeClass(unref(ns).e("button")),
+                    "aria-label": unref(t)("el.carousel.indicator", { index: index + 1 })
+                  }, [
+                    unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_5$a, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
+                  ], 10, _hoisted_4$e)
+                ], 42, _hoisted_3$o)), [
+                  [vShow, unref(isTwoLengthShow)(index)]
+                ]);
+              }), 128))
+            ], 2)) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+        }),
+        props.motionBlur ? (openBlock(), createElementBlock("svg", _hoisted_6$4, _hoisted_8$2)) : createCommentVNode("v-if", true)
       ], 34);
     };
   }
@@ -21530,10 +21700,10 @@ const carouselItemProps = buildProps({
   }
 });
 
-const useCarouselItem = (props, componentName) => {
+const useCarouselItem = (props) => {
   const carouselContext = inject(carouselContextKey);
   const instance = getCurrentInstance();
-  const CARD_SCALE = 0.83;
+  const carouselItemRef = ref();
   const hover = ref(false);
   const translate = ref(0);
   const scale = ref(1);
@@ -21541,7 +21711,7 @@ const useCarouselItem = (props, componentName) => {
   const ready = ref(false);
   const inStage = ref(false);
   const animating = ref(false);
-  const { isCardType, isVertical } = carouselContext;
+  const { isCardType, isVertical, cardScale } = carouselContext;
   function processIndex(index, activeIndex, length) {
     const lastItemIndex = length - 1;
     const prevItemIndex = activeIndex - 1;
@@ -21559,14 +21729,14 @@ const useCarouselItem = (props, componentName) => {
     return index;
   }
   function calcCardTranslate(index, activeIndex) {
-    var _a;
-    const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
+    var _a, _b;
+    const parentWidth = unref(isVertical) ? ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetHeight) || 0 : ((_b = carouselContext.root.value) == null ? void 0 : _b.offsetWidth) || 0;
     if (inStage.value) {
-      return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
+      return parentWidth * ((2 - cardScale) * (index - activeIndex) + 1) / 4;
     } else if (index < activeIndex) {
-      return -(1 + CARD_SCALE) * parentWidth / 4;
+      return -(1 + cardScale) * parentWidth / 4;
     } else {
-      return (3 + CARD_SCALE) * parentWidth / 4;
+      return (3 + cardScale) * parentWidth / 4;
     }
   }
   function calcTranslate(index, activeIndex, isVertical2) {
@@ -21592,11 +21762,14 @@ const useCarouselItem = (props, componentName) => {
     if (_isCardType) {
       inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
       translate.value = calcCardTranslate(index, activeIndex);
-      scale.value = unref(active) ? 1 : CARD_SCALE;
+      scale.value = unref(active) ? 1 : cardScale;
     } else {
       translate.value = calcTranslate(index, activeIndex, _isVertical);
     }
     ready.value = true;
+    if (isActive && carouselItemRef.value) {
+      carouselContext.setContainerHeight(carouselItemRef.value.offsetHeight);
+    }
   };
   function handleItemClick() {
     if (carouselContext && unref(isCardType)) {
@@ -21604,26 +21777,27 @@ const useCarouselItem = (props, componentName) => {
       carouselContext.setActiveItem(index);
     }
   }
-  onMounted(() => {
-    carouselContext.addItem({
-      props,
-      states: reactive({
-        hover,
-        translate,
-        scale,
-        active,
-        ready,
-        inStage,
-        animating
-      }),
-      uid: instance.uid,
-      translateItem
-    });
-  });
-  onUnmounted(() => {
-    carouselContext.removeItem(instance.uid);
+  const carouselItemContext = {
+    props,
+    states: reactive({
+      hover,
+      translate,
+      scale,
+      active,
+      ready,
+      inStage,
+      animating
+    }),
+    uid: instance.uid,
+    getVnode: () => instance.vnode,
+    translateItem
+  };
+  carouselContext.addItem(carouselItemContext);
+  onBeforeUnmount(() => {
+    carouselContext.removeItem(carouselItemContext);
   });
   return {
+    carouselItemRef,
     active,
     animating,
     hover,
@@ -21638,7 +21812,7 @@ const useCarouselItem = (props, componentName) => {
 };
 
 const __default__$1b = defineComponent({
-  name: "ElCarouselItem"
+  name: CAROUSEL_ITEM_NAME
 });
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   ...__default__$1b,
@@ -21647,6 +21821,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     const props = __props;
     const ns = useNamespace("carousel");
     const {
+      carouselItemRef,
       active,
       animating,
       hover,
@@ -21658,6 +21833,17 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
       ready,
       handleItemClick
     } = useCarouselItem(props);
+    const itemKls = computed$1(() => [
+      ns.e("item"),
+      ns.is("active", active.value),
+      ns.is("in-stage", inStage.value),
+      ns.is("hover", hover.value),
+      ns.is("animating", animating.value),
+      {
+        [ns.em("item", "card")]: isCardType.value,
+        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
+      }
+    ]);
     const itemStyle = computed$1(() => {
       const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
       const _translate = `${translateType}(${unref(translate)}px)`;
@@ -21669,14 +21855,9 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(ns).e("item"),
-          unref(ns).is("active", unref(active)),
-          unref(ns).is("in-stage", unref(inStage)),
-          unref(ns).is("hover", unref(hover)),
-          unref(ns).is("animating", unref(animating)),
-          { [unref(ns).em("item", "card")]: unref(isCardType) }
-        ]),
+        ref_key: "carouselItemRef",
+        ref: carouselItemRef,
+        class: normalizeClass(unref(itemKls)),
         style: normalizeStyle(unref(itemStyle)),
         onClick: _cache[0] || (_cache[0] = (...args) => unref(handleItemClick) && unref(handleItemClick)(...args))
       }, [
@@ -49117,6 +49298,10 @@ const tabBarProps = buildProps({
   tabs: {
     type: definePropType(Array),
     default: () => mutable([])
+  },
+  tabRefs: {
+    type: definePropType(Object),
+    default: () => mutable({})
   }
 });
 
@@ -49129,7 +49314,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
-    const instance = getCurrentInstance();
     const rootTabs = inject(tabsRootContextKey);
     if (!rootTabs)
       throwError(COMPONENT_NAME$3, "<el-tabs><el-tab-bar /></el-tabs>");
@@ -49143,8 +49327,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       const sizeDir = sizeName === "width" ? "x" : "y";
       const position = sizeDir === "x" ? "left" : "top";
       props.tabs.every((tab) => {
-        var _a, _b;
-        const $el = (_b = (_a = instance.parent) == null ? void 0 : _a.refs) == null ? void 0 : _b[`tab-${tab.uid}`];
+        if (isUndefined(tab.paneName))
+          return false;
+        const $el = props.tabRefs[tab.paneName];
         if (!$el)
           return false;
         if (!tab.active) {
@@ -49154,9 +49339,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         tabSize = $el[`client${capitalize(sizeName)}`];
         const tabStyles = window.getComputedStyle($el);
         if (sizeName === "width") {
-          if (props.tabs.length > 1) {
-            tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight);
-          }
+          tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight);
           offset += Number.parseFloat(tabStyles.paddingLeft);
         }
         return false;
@@ -49167,11 +49350,25 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       };
     };
     const update = () => barStyle.value = getBarStyle();
+    const tabObservers = [];
+    const observerTabs = () => {
+      tabObservers.forEach((observer) => observer.stop());
+      tabObservers.length = 0;
+      Object.values(props.tabRefs).forEach((tab) => {
+        tabObservers.push(useResizeObserver(tab, update));
+      });
+    };
     watch(() => props.tabs, async () => {
       await nextTick();
       update();
+      observerTabs();
     }, { immediate: true });
-    useResizeObserver(barRef, () => update());
+    const barObserver = useResizeObserver(barRef, () => update());
+    onBeforeUnmount(() => {
+      tabObservers.forEach((observer) => observer.stop());
+      tabObservers.length = 0;
+      barObserver.stop();
+    });
     expose({
       ref: barRef,
       update
@@ -49218,7 +49415,6 @@ const TabNav = defineComponent({
     expose,
     emit
   }) {
-    const vm = getCurrentInstance();
     const rootTabs = inject(tabsRootContextKey);
     if (!rootTabs)
       throwError(COMPONENT_NAME$2, `<el-tabs><tab-nav /></el-tabs>`);
@@ -49228,11 +49424,13 @@ const TabNav = defineComponent({
     const navScroll$ = ref();
     const nav$ = ref();
     const el$ = ref();
+    const tabRefsMap = ref({});
     const tabBarRef = ref();
     const scrollable = ref(false);
     const navOffset = ref(0);
     const isFocus = ref(false);
     const focusable = ref(true);
+    const tracker = shallowRef();
     const sizeName = computed$1(() => ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height");
     const navStyle = computed$1(() => {
       const dir = sizeName.value === "width" ? "X" : "Y";
@@ -49266,7 +49464,7 @@ const TabNav = defineComponent({
       if (!scrollable.value || !el$.value || !navScroll$.value || !nav)
         return;
       await nextTick();
-      const activeTab = el$.value.querySelector(".is-active");
+      const activeTab = tabRefsMap.value[props.currentName];
       if (!activeTab)
         return;
       const navScroll = navScroll$.value;
@@ -49316,31 +49514,27 @@ const TabNav = defineComponent({
         }
       }
     };
-    const changeTab = (e) => {
-      const code = e.code;
-      const {
-        up,
-        down,
-        left,
-        right
-      } = EVENT_CODE;
-      if (![up, down, left, right].includes(code))
-        return;
-      const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
-      const currentIndex = tabList.indexOf(e.target);
-      let nextIndex;
-      if (code === left || code === up) {
-        if (currentIndex === 0) {
-          nextIndex = tabList.length - 1;
-        } else {
-          nextIndex = currentIndex - 1;
-        }
-      } else {
-        if (currentIndex < tabList.length - 1) {
-          nextIndex = currentIndex + 1;
-        } else {
-          nextIndex = 0;
-        }
+    const changeTab = (event) => {
+      let step = 0;
+      switch (event.code) {
+        case EVENT_CODE.left:
+        case EVENT_CODE.up:
+          step = -1;
+          break;
+        case EVENT_CODE.right:
+        case EVENT_CODE.down:
+          step = 1;
+          break;
+        default:
+          return;
+      }
+      const tabList = Array.from(event.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
+      const currentIndex = tabList.indexOf(event.target);
+      let nextIndex = currentIndex + step;
+      if (nextIndex < 0) {
+        nextIndex = tabList.length - 1;
+      } else if (nextIndex >= tabList.length) {
+        nextIndex = 0;
       }
       tabList[nextIndex].focus({
         preventScroll: true
@@ -49353,6 +49547,16 @@ const TabNav = defineComponent({
         isFocus.value = true;
     };
     const removeFocus = () => isFocus.value = false;
+    const setRefs = (el, key) => {
+      tabRefsMap.value[key] = el;
+    };
+    const focusActiveTab = async () => {
+      await nextTick();
+      const activeTab = tabRefsMap.value[props.currentName];
+      activeTab == null ? void 0 : activeTab.focus({
+        preventScroll: true
+      });
+    };
     watch(visibility, (visibility2) => {
       if (visibility2 === "hidden") {
         focusable.value = false;
@@ -49372,11 +49576,11 @@ const TabNav = defineComponent({
     onUpdated(() => update());
     expose({
       scrollToActiveTab,
-      removeFocus
-    });
-    watch(() => props.panes, () => vm.update(), {
-      flush: "post",
-      deep: true
+      removeFocus,
+      focusActiveTab,
+      tabListRef: nav$,
+      tabBarRef,
+      scheduleRender: () => triggerRef(tracker)
     });
     return () => {
       const scrollBtn = scrollable.value ? [createVNode("span", {
@@ -49406,7 +49610,7 @@ const TabNav = defineComponent({
         const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
         const tabindex = !disabled && pane.active ? 0 : -1;
         return createVNode("div", {
-          "ref": `tab-${uid}`,
+          "ref": (el) => setRefs(el, tabName),
           "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
           "id": `tab-${tabName}`,
           "key": `tab-${uid}`,
@@ -49427,13 +49631,14 @@ const TabNav = defineComponent({
           }
         }, [...[tabLabelContent, btnClose]]);
       });
+      tracker.value;
       return createVNode("div", {
         "ref": el$,
         "class": [ns.e("nav-wrap"), ns.is("scrollable", !!scrollable.value), ns.is(rootTabs.props.tabPosition)]
       }, [scrollBtn, createVNode("div", {
         "class": ns.e("nav-scroll"),
         "ref": navScroll$
-      }, [createVNode("div", {
+      }, [props.panes.length > 0 ? createVNode("div", {
         "class": [ns.e("nav"), ns.is(rootTabs.props.tabPosition), ns.is("stretch", props.stretch && ["top", "bottom"].includes(rootTabs.props.tabPosition))],
         "ref": nav$,
         "style": navStyle.value,
@@ -49441,8 +49646,9 @@ const TabNav = defineComponent({
         "onKeydown": changeTab
       }, [...[!props.type ? createVNode(TabBar, {
         "ref": tabBarRef,
-        "tabs": [...props.panes]
-      }, null) : null, tabs]])])]);
+        "tabs": [...props.panes],
+        "tabRefs": tabRefsMap.value
+      }, null) : null, tabs]]) : null])]);
     };
   }
 });
@@ -49453,9 +49659,6 @@ const tabsProps = buildProps({
     values: ["card", "border-card", ""],
     default: ""
   },
-  activeName: {
-    type: [String, Number]
-  },
   closable: Boolean,
   addable: Boolean,
   modelValue: {
@@ -49482,7 +49685,7 @@ const tabsEmits = {
   tabRemove: (name) => isPaneName(name),
   tabAdd: () => true
 };
-var Tabs = defineComponent({
+const Tabs = defineComponent({
   name: "ElTabs",
   props: tabsProps,
   emits: tabsEmits,
@@ -49491,29 +49694,40 @@ var Tabs = defineComponent({
     slots,
     expose
   }) {
-    var _a, _b;
+    var _a;
     const ns = useNamespace("tabs");
+    const isVertical = computed$1(() => ["left", "right"].includes(props.tabPosition));
     const {
       children: panes,
       addChild: registerPane,
-      removeChild: unregisterPane
+      removeChild: unregisterPane,
+      ChildrenSorter: PanesSorter
     } = useOrderedChildren(getCurrentInstance(), "ElTabPane");
     const nav$ = ref();
-    const currentName = ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
-    const changeCurrentName = (value) => {
-      currentName.value = value;
-      emit(UPDATE_MODEL_EVENT, value);
-      emit("tabChange", value);
-    };
-    const setCurrentName = async (value) => {
-      var _a2, _b2, _c;
+    const currentName = ref((_a = props.modelValue) != null ? _a : "0");
+    const setCurrentName = async (value, trigger = false) => {
+      var _a2, _b, _c, _d;
       if (currentName.value === value || isUndefined(value))
         return;
       try {
-        const canLeave = await ((_a2 = props.beforeLeave) == null ? void 0 : _a2.call(props, value, currentName.value));
+        let canLeave;
+        if (props.beforeLeave) {
+          const result = props.beforeLeave(value, currentName.value);
+          canLeave = result instanceof Promise ? await result : result;
+        } else {
+          canLeave = true;
+        }
         if (canLeave !== false) {
-          changeCurrentName(value);
-          (_c = (_b2 = nav$.value) == null ? void 0 : _b2.removeFocus) == null ? void 0 : _c.call(_b2);
+          const isFocusInsidePane = (_a2 = panes.value.find((item) => item.paneName === currentName.value)) == null ? void 0 : _a2.isFocusInsidePane();
+          currentName.value = value;
+          if (trigger) {
+            emit(UPDATE_MODEL_EVENT, value);
+            emit("tabChange", value);
+          }
+          (_c = (_b = nav$.value) == null ? void 0 : _b.removeFocus) == null ? void 0 : _c.call(_b);
+          if (isFocusInsidePane) {
+            (_d = nav$.value) == null ? void 0 : _d.focusActiveTab();
+          }
         }
       } catch (e) {
       }
@@ -49521,8 +49735,8 @@ var Tabs = defineComponent({
     const handleTabClick = (tab, tabName, event) => {
       if (tab.props.disabled)
         return;
-      setCurrentName(tabName);
       emit("tabClick", tab, event);
+      setCurrentName(tabName, true);
     };
     const handleTabRemove = (pane, ev) => {
       if (pane.props.disabled || isUndefined(pane.props.name))
@@ -49535,15 +49749,13 @@ var Tabs = defineComponent({
       emit("edit", void 0, "add");
       emit("tabAdd");
     };
-    useDeprecated({
-      from: '"activeName"',
-      replacement: '"model-value" or "v-model"',
-      scope: "ElTabs",
-      version: "2.3.0",
-      ref: "https://element-plus.org/en-US/component/tabs.html#attributes",
-      type: "Attribute"
-    }, computed$1(() => !!props.activeName));
-    watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
+    const swapChildren = (vnode) => {
+      const actualFirstChild = vnode.el.firstChild;
+      const firstChild = ["bottom", "right"].includes(props.tabPosition) ? vnode.children[0].el : vnode.children[1].el;
+      if (actualFirstChild !== firstChild) {
+        actualFirstChild.before(firstChild);
+      }
+    };
     watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
     watch(currentName, async () => {
       var _a2;
@@ -49554,28 +49766,31 @@ var Tabs = defineComponent({
       props,
       currentName,
       registerPane,
-      unregisterPane
+      unregisterPane,
+      nav$
     });
     expose({
-      currentName
+      currentName,
+      get tabNavRef() {
+        return omit(nav$.value, ["scheduleRender"]);
+      }
     });
     return () => {
-      const newButton = props.editable || props.addable ? createVNode("span", {
-        "class": ns.e("new-tab"),
+      const addSlot = slots["add-icon"];
+      const newButton = props.editable || props.addable ? createVNode("div", {
+        "class": [ns.e("new-tab"), isVertical.value && ns.e("new-tab-vertical")],
         "tabindex": "0",
         "onClick": handleTabAdd,
         "onKeydown": (ev) => {
-          if (ev.code === EVENT_CODE.enter)
+          if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(ev.code))
             handleTabAdd();
         }
-      }, [createVNode(ElIcon, {
+      }, [addSlot ? renderSlot(slots, "add-icon") : createVNode(ElIcon, {
         "class": ns.is("icon-plus")
       }, {
         default: () => [createVNode(plus_default, null, null)]
       })]) : null;
-      const header = createVNode("div", {
-        "class": [ns.e("header"), ns.is(props.tabPosition)]
-      }, [newButton, createVNode(TabNav, {
+      const tabNav = () => createVNode(TabNav, {
         "ref": nav$,
         "currentName": currentName.value,
         "editable": props.editable,
@@ -49584,7 +49799,13 @@ var Tabs = defineComponent({
         "stretch": props.stretch,
         "onTabClick": handleTabClick,
         "onTabRemove": handleTabRemove
-      }, null)]);
+      }, null);
+      const header = createVNode("div", {
+        "class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
+      }, [createVNode(PanesSorter, null, {
+        default: tabNav,
+        $stable: true
+      }), newButton]);
       const panels = createVNode("div", {
         "class": ns.e("content")
       }, [renderSlot(slots, "default")]);
@@ -49592,8 +49813,10 @@ var Tabs = defineComponent({
         "class": [ns.b(), ns.m(props.tabPosition), {
           [ns.m("card")]: props.type === "card",
           [ns.m("border-card")]: props.type === "border-card"
-        }]
-      }, [...props.tabPosition !== "bottom" ? [header, panels] : [panels, header]]);
+        }],
+        "onVnodeMounted": swapChildren,
+        "onVnodeUpdated": swapChildren
+      }, [panels, header]);
     };
   }
 });
@@ -49627,6 +49850,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     if (!tabsRoot)
       throwError(COMPONENT_NAME$1, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
     const ns = useNamespace("tab-pane");
+    const paneRef = ref();
     const index = ref();
     const isClosable = computed$1(() => props.closable || tabsRoot.props.closable);
     const active = computedEager(() => {
@@ -49639,29 +49863,40 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       return (_a = props.name) != null ? _a : index.value;
     });
     const shouldBeRender = computedEager(() => !props.lazy || loaded.value || active.value);
+    const isFocusInsidePane = () => {
+      var _a;
+      return (_a = paneRef.value) == null ? void 0 : _a.contains(document.activeElement);
+    };
     watch(active, (val) => {
       if (val)
         loaded.value = true;
     });
     const pane = reactive({
       uid: instance.uid,
+      getVnode: () => instance.vnode,
       slots,
       props,
       paneName,
       active,
       index,
-      isClosable
+      isClosable,
+      isFocusInsidePane
     });
-    onMounted(() => {
-      tabsRoot.registerPane(pane);
+    tabsRoot.registerPane(pane);
+    onBeforeUnmount(() => {
+      tabsRoot.unregisterPane(pane);
     });
-    onUnmounted(() => {
-      tabsRoot.unregisterPane(pane.uid);
+    onBeforeUpdate(() => {
+      var _a;
+      if (slots.label)
+        (_a = tabsRoot.nav$.value) == null ? void 0 : _a.scheduleRender();
     });
     return (_ctx, _cache) => {
       return unref(shouldBeRender) ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
         id: `pane-${unref(paneName)}`,
+        ref_key: "paneRef",
+        ref: paneRef,
         class: normalizeClass(unref(ns).b()),
         role: "tabpanel",
         "aria-hidden": !unref(active),
@@ -56763,4 +56998,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, SIZE_INJECTION_KEY, TOOLTIP_INJECTION_KEY, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, namespaceContextKey, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmEmits, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useForwardRef, useForwardRefDirective, useGetDerivedNamespace, useGlobalComponentSettings, useGlobalConfig, useGlobalSize, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSizeProps, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, zIndexContextKey };
+export { BAR_MAP, CAROUSEL_ITEM_NAME, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, SIZE_INJECTION_KEY, TOOLTIP_INJECTION_KEY, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, namespaceContextKey, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmEmits, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useForwardRef, useForwardRefDirective, useGetDerivedNamespace, useGlobalComponentSettings, useGlobalConfig, useGlobalSize, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSizeProps, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, zIndexContextKey };