@element-plus/nightly 0.0.20250625 → 0.0.20250626

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250625 */
+/*! Element Plus v0.0.20250626 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11486,20 +11486,37 @@
     return uids.map((uid) => children[uid]).filter((p) => !!p);
   };
   const useOrderedChildren = (vm, childComponentName) => {
-    const children = {};
+    const children = vue.shallowRef({});
     const orderedChildren = vue.shallowRef([]);
     const addChild = (child) => {
-      children[child.uid] = child;
-      orderedChildren.value = getOrderedChildren(vm, childComponentName, children);
+      children.value[child.uid] = child;
+      vue.triggerRef(children);
     };
-    const removeChild = (uid) => {
-      delete children[uid];
-      orderedChildren.value = orderedChildren.value.filter((children2) => children2.uid !== uid);
+    const removeChild = (child) => {
+      delete children.value[child.uid];
+      vue.triggerRef(children);
     };
+    const sortChildren = () => {
+      orderedChildren.value = getOrderedChildren(vm, childComponentName, children.value);
+    };
+    const IsolatedRenderer = (props) => {
+      return props.render();
+    };
+    const ChildrenSorter = vue.defineComponent({
+      setup(_, { slots }) {
+        return () => {
+          sortChildren();
+          return slots.default ? vue.h(IsolatedRenderer, {
+            render: slots.default
+          }) : null;
+        };
+      }
+    });
     return {
       children: orderedChildren,
       addChild,
-      removeChild
+      removeChild,
+      ChildrenSorter
     };
   };
 
@@ -11805,7 +11822,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250625";
+  const version$1 = "0.0.20250626";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -21797,7 +21814,8 @@
     const {
       children: items,
       addChild: addItem,
-      removeChild: removeItem
+      removeChild: removeItem,
+      ChildrenSorter: ItemsSorter
     } = useOrderedChildren(vue.getCurrentInstance(), CAROUSEL_ITEM_NAME);
     const slots = vue.useSlots();
     const activeIndex = vue.ref(-1);
@@ -22038,6 +22056,7 @@
       next,
       PlaceholderItem,
       isTwoLengthShow,
+      ItemsSorter,
       throttledArrowClick,
       throttledIndicatorHover
     };
@@ -22073,6 +22092,7 @@
         next,
         PlaceholderItem,
         isTwoLengthShow,
+        ItemsSorter,
         throttledArrowClick,
         throttledIndicatorHover
       } = useCarousel(props, emit);
@@ -22191,34 +22211,39 @@
             vue.createVNode(vue.unref(PlaceholderItem)),
             vue.renderSlot(_ctx.$slots, "default")
           ], 38),
-          _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
-            key: 2,
-            class: vue.normalizeClass(vue.unref(indicatorsClasses))
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
-              return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
-                key: index,
-                class: vue.normalizeClass([
-                  vue.unref(ns).e("indicator"),
-                  vue.unref(ns).em("indicator", _ctx.direction),
-                  vue.unref(ns).is("active", index === vue.unref(activeIndex))
-                ]),
-                onMouseenter: ($event) => vue.unref(throttledIndicatorHover)(index),
-                onClick: vue.withModifiers(($event) => vue.unref(handleIndicatorClick)(index), ["stop"])
+          vue.createVNode(vue.unref(ItemsSorter), null, {
+            default: vue.withCtx(() => [
+              _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(indicatorsClasses))
               }, [
-                vue.createElementVNode("button", {
-                  class: vue.normalizeClass(vue.unref(ns).e("button")),
-                  "aria-label": vue.unref(t)("el.carousel.indicator", { index: index + 1 })
-                }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
-                ], 10, ["aria-label"])
-              ], 42, ["onMouseenter", "onClick"])), [
-                [vue.vShow, vue.unref(isTwoLengthShow)(index)]
-              ]);
-            }), 128))
-          ], 2)) : vue.createCommentVNode("v-if", true),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
+                  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+                    key: index,
+                    class: vue.normalizeClass([
+                      vue.unref(ns).e("indicator"),
+                      vue.unref(ns).em("indicator", _ctx.direction),
+                      vue.unref(ns).is("active", index === vue.unref(activeIndex))
+                    ]),
+                    onMouseenter: ($event) => vue.unref(throttledIndicatorHover)(index),
+                    onClick: vue.withModifiers(($event) => vue.unref(handleIndicatorClick)(index), ["stop"])
+                  }, [
+                    vue.createElementVNode("button", {
+                      class: vue.normalizeClass(vue.unref(ns).e("button")),
+                      "aria-label": vue.unref(t)("el.carousel.indicator", { index: index + 1 })
+                    }, [
+                      vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                    ], 10, ["aria-label"])
+                  ], 42, ["onMouseenter", "onClick"])), [
+                    [vue.vShow, vue.unref(isTwoLengthShow)(index)]
+                  ]);
+                }), 128))
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          }),
           props.motionBlur ? (vue.openBlock(), vue.createElementBlock("svg", {
-            key: 3,
+            key: 2,
             xmlns: "http://www.w3.org/2000/svg",
             version: "1.1",
             style: { "display": "none" }
@@ -22329,24 +22354,23 @@
         carouselContext.setActiveItem(index);
       }
     }
-    vue.onMounted(() => {
-      carouselContext.addItem({
-        props,
-        states: vue.reactive({
-          hover,
-          translate,
-          scale,
-          active,
-          ready,
-          inStage,
-          animating
-        }),
-        uid: instance.uid,
-        translateItem
-      });
-    });
-    vue.onUnmounted(() => {
-      carouselContext.removeItem(instance.uid);
+    const carouselItemContext = {
+      props,
+      states: vue.reactive({
+        hover,
+        translate,
+        scale,
+        active,
+        ready,
+        inStage,
+        animating
+      }),
+      uid: instance.uid,
+      translateItem
+    };
+    carouselContext.addItem(carouselItemContext);
+    vue.onBeforeUnmount(() => {
+      carouselContext.removeItem(carouselItemContext);
     });
     return {
       carouselItemRef,
@@ -44150,7 +44174,8 @@
       const {
         children: steps,
         addChild: addStep,
-        removeChild: removeStep
+        removeChild: removeStep,
+        ChildrenSorter: StepsSorter
       } = useOrderedChildren(vue.getCurrentInstance(), "ElStep");
       vue.watch(steps, () => {
         steps.value.forEach((instance, index) => {
@@ -44165,7 +44190,8 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
         }, [
-          vue.renderSlot(_ctx.$slots, "default")
+          vue.renderSlot(_ctx.$slots, "default"),
+          vue.createVNode(vue.unref(StepsSorter))
         ], 2);
       };
     }
@@ -44214,9 +44240,6 @@
           updateStatus(active);
         }, { immediate: true });
       });
-      vue.onBeforeUnmount(() => {
-        parent.removeStep(stepItemState.uid);
-      });
       const currentStatus = vue.computed(() => {
         return props.status || internalStatus.value;
       });
@@ -44238,7 +44261,7 @@
       });
       const isLast = vue.computed(() => {
         var _a;
-        return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
+        return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === currentInstance.uid;
       });
       const space = vue.computed(() => {
         return isSimple.value ? "" : parent.props.space;
@@ -44294,6 +44317,9 @@
         calcProgress
       });
       parent.addStep(stepItemState);
+      vue.onBeforeUnmount(() => {
+        parent.removeStep(stepItemState);
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           style: vue.normalizeStyle(vue.unref(style)),
@@ -51914,8 +51940,9 @@
       const isVertical = vue.computed(() => ["left", "right"].includes(props.tabPosition));
       const {
         children: panes,
-        addChild: sortPane,
-        removeChild: unregisterPane
+        addChild: registerPane,
+        removeChild: unregisterPane,
+        ChildrenSorter: PanesSorter
       } = useOrderedChildren(vue.getCurrentInstance(), "ElTabPane");
       const nav$ = vue.ref();
       const currentName = vue.ref((_a = props.modelValue) != null ? _a : "0");
@@ -51959,11 +51986,6 @@
         emit("edit", void 0, "add");
         emit("tabAdd");
       };
-      const TabNavRenderer = ({
-        render
-      }) => {
-        return render();
-      };
       const swapChildren = (vnode) => {
         const actualFirstChild = vnode.el.firstChild;
         const firstChild = ["bottom", "right"].includes(props.tabPosition) ? vnode.children[0].el : vnode.children[1].el;
@@ -51980,10 +52002,7 @@
       vue.provide(tabsRootContextKey, {
         props,
         currentName,
-        registerPane: (pane) => {
-          panes.value.push(pane);
-        },
-        sortPane,
+        registerPane,
         unregisterPane
       });
       expose({
@@ -52005,25 +52024,27 @@
         }, {
           default: () => [vue.createVNode(plus_default, null, null)]
         })]) : null;
+        const tabNav = () => {
+          const hasLabelSlot = panes.value.some((pane) => pane.slots.label);
+          return vue.createVNode(TabNav, {
+            ref: nav$,
+            currentName: currentName.value,
+            editable: props.editable,
+            type: props.type,
+            panes: panes.value,
+            stretch: props.stretch,
+            onTabClick: handleTabClick,
+            onTabRemove: handleTabRemove
+          }, {
+            $stable: !hasLabelSlot
+          });
+        };
         const header = vue.createVNode("div", {
           "class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
-        }, [vue.createVNode(TabNavRenderer, {
-          "render": () => {
-            const hasLabelSlot = panes.value.some((pane) => pane.slots.label);
-            return vue.createVNode(TabNav, {
-              ref: nav$,
-              currentName: currentName.value,
-              editable: props.editable,
-              type: props.type,
-              panes: panes.value,
-              stretch: props.stretch,
-              onTabClick: handleTabClick,
-              onTabRemove: handleTabRemove
-            }, {
-              $stable: !hasLabelSlot
-            });
-          }
-        }, null), newButton]);
+        }, [vue.createVNode(PanesSorter, null, {
+          default: tabNav,
+          $stable: true
+        }), newButton]);
         const panels = vue.createVNode("div", {
           "class": ns.e("content")
         }, [vue.renderSlot(slots, "default")]);
@@ -52093,11 +52114,8 @@
         isClosable
       });
       tabsRoot.registerPane(pane);
-      vue.onMounted(() => {
-        tabsRoot.sortPane(pane);
-      });
-      vue.onUnmounted(() => {
-        tabsRoot.unregisterPane(pane.uid);
+      vue.onBeforeUnmount(() => {
+        tabsRoot.unregisterPane(pane);
       });
       return (_ctx, _cache) => {
         return vue.unref(shouldBeRender) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
@@ -60138,7 +60156,8 @@
       const {
         removeChild: unregisterPanel,
         children: panels,
-        addChild: sortPanel
+        addChild: registerPanel,
+        ChildrenSorter: PanelsSorter
       } = useOrderedChildren(vue.getCurrentInstance(), "ElSplitterPanel");
       vue.watch(panels, () => {
         panels.value.forEach((instance, index) => {
@@ -60174,10 +60193,7 @@
         onMoving: onResize,
         onMoveEnd: onResizeEnd,
         onCollapse: onCollapsible,
-        registerPanel: (panel) => {
-          panels.value.push(panel);
-        },
-        sortPanel,
+        registerPanel,
         unregisterPanel
       }));
       return (_ctx, _cache) => {
@@ -60187,6 +60203,7 @@
           class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(_ctx.layout)])
         }, [
           vue.renderSlot(_ctx.$slots, "default"),
+          vue.createVNode(vue.unref(PanelsSorter)),
           vue.createCommentVNode(" Prevent iframe touch events from breaking "),
           vue.unref(movingIndex) ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
@@ -60395,7 +60412,6 @@
       const { panels, layout, containerSize, pxSizes } = vue.toRefs(splitterContext);
       const {
         registerPanel,
-        sortPanel,
         unregisterPanel,
         onCollapse,
         onMoveEnd,
@@ -60403,7 +60419,8 @@
         onMoving
       } = splitterContext;
       const panelEl = vue.ref();
-      const uid = vue.getCurrentInstance().uid;
+      const instance = vue.getCurrentInstance();
+      const uid = instance.uid;
       const index = vue.ref(0);
       const panel = vue.computed(() => panels.value[index.value]);
       const setIndex = (val) => {
@@ -60484,10 +60501,7 @@
         collapsible: getCollapsible(props.collapsible)
       });
       registerPanel(_panel);
-      vue.onMounted(() => {
-        sortPanel(_panel);
-      });
-      vue.onUnmounted(() => unregisterPanel == null ? void 0 : unregisterPanel(uid));
+      vue.onBeforeUnmount(() => unregisterPanel(_panel));
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", vue.mergeProps({