@element-plus/nightly 0.0.20220930 → 0.0.20221002

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220930 */
+/*! Element Plus v0.0.20221002 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11046,7 +11046,33 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220930";
+  const getOrderedChildren = (vm, childComponentName, children) => {
+    const nodes = flattedChildren(vm.subTree).filter((n) => {
+      var _a;
+      return vue.isVNode(n) && ((_a = n.type) == null ? void 0 : _a.name) === childComponentName && !!n.component;
+    });
+    const uids = nodes.map((n) => n.component.uid);
+    return uids.map((uid) => children[uid]).filter((p) => !!p);
+  };
+  const useOrderedChildren = (vm, childComponentName) => {
+    const children = {};
+    const orderedChildren = vue.shallowRef([]);
+    const addChild = (child) => {
+      children[child.uid] = child;
+      orderedChildren.value = getOrderedChildren(vm, childComponentName, children);
+    };
+    const removeChild = (uid) => {
+      delete children[uid];
+      orderedChildren.value = orderedChildren.value.filter((children2) => children2.uid !== uid);
+    };
+    return {
+      children: orderedChildren,
+      addChild,
+      removeChild
+    };
+  };
+
+  const version$1 = "0.0.20221002";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11778,16 +11804,14 @@
         resizeTextarea();
         updateIconOffset();
       });
-      vue.onMounted(async () => {
+      vue.onMounted(() => {
         if (!props.formatter && props.parser) ;
         setNativeInputValue();
         updateIconOffset();
-        await vue.nextTick();
-        resizeTextarea();
+        vue.nextTick(resizeTextarea);
       });
-      vue.onUpdated(async () => {
-        await vue.nextTick();
-        updateIconOffset();
+      vue.onUpdated(() => {
+        vue.nextTick(updateIconOffset);
       });
       expose({
         input,
@@ -18624,11 +18648,15 @@
     setup(__props, { expose, emit }) {
       const props = __props;
       const ns = useNamespace("carousel");
+      const {
+        children: items,
+        addChild: addItem,
+        removeChild: removeItem
+      } = useOrderedChildren(vue.getCurrentInstance(), "ElCarouselItem");
       const activeIndex = vue.ref(-1);
       const timer = vue.ref(null);
       const hover = vue.ref(false);
       const root = vue.ref();
-      const items = vue.ref([]);
       const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
       const hasLabel = vue.computed(() => {
         return items.value.some((item) => item.props.label.toString().length > 0);
@@ -18706,17 +18734,6 @@
           item.translateItem(index, activeIndex.value, oldIndex);
         });
       }
-      function addItem(item) {
-        items.value.push(item);
-      }
-      function removeItem(uid) {
-        const index = items.value.findIndex((item) => item.uid === uid);
-        if (index !== -1) {
-          items.value.splice(index, 1);
-          if (activeIndex.value === index)
-            next();
-        }
-      }
       function itemInStage(item, index) {
         var _a, _b, _c, _d;
         const _items = vue.unref(items);
@@ -18796,15 +18813,15 @@
       vue.watch(() => props.interval, () => {
         resetTimer();
       });
+      vue.watch(() => items.value, () => {
+        if (items.value.length > 0)
+          setActiveItem(props.initialIndex);
+      });
       const resizeObserver = vue.shallowRef();
-      vue.onMounted(async () => {
-        await vue.nextTick();
+      vue.onMounted(() => {
         resizeObserver.value = useResizeObserver(root.value, () => {
           resetItemPosition();
         });
-        if (props.initialIndex < items.value.length && props.initialIndex >= 0) {
-          activeIndex.value = props.initialIndex;
-        }
         startTimer();
       });
       vue.onBeforeUnmount(() => {
@@ -18889,7 +18906,7 @@
                 ], 34), [
                   [
                     vue.vShow,
-                    (_ctx.arrow === "always" || hover.value) && (props.loop || activeIndex.value < items.value.length - 1)
+                    (_ctx.arrow === "always" || hover.value) && (props.loop || activeIndex.value < vue.unref(items).length - 1)
                   ]
                 ])
               ]),
@@ -18901,7 +18918,7 @@
             key: 0,
             class: vue.normalizeClass(vue.unref(indicatorsClasses))
           }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: index,
                 class: vue.normalizeClass([
@@ -55031,6 +55048,7 @@
   exports.useModelToggleEmits = useModelToggleEmits;
   exports.useModelToggleProps = useModelToggleProps;
   exports.useNamespace = useNamespace;
+  exports.useOrderedChildren = useOrderedChildren;
   exports.usePopperArrowProps = usePopperArrowProps;
   exports.usePopperContainer = usePopperContainer;
   exports.usePopperContentEmits = usePopperContentEmits;