@element-plus/nightly 0.0.20220728 → 0.0.20220731

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220728 */
+/*! Element Plus v0.0.20220731 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10902,7 +10902,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220728";
+  const version$1 = "0.0.20220731";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -39738,37 +39738,45 @@
     props: spaceProps,
     setup(props, { slots }) {
       const { classes, containerStyle, itemStyle } = useSpace(props);
-      return () => {
-        var _a;
-        const { spacer, prefixCls, direction } = props;
-        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
-        if (((_a = children.children) != null ? _a : []).length === 0)
-          return null;
-        if (isArray(children.children)) {
-          let extractedChildren = [];
-          children.children.forEach((child, loopKey) => {
-            if (isFragment(child)) {
-              if (isArray(child.children)) {
-                child.children.forEach((nested, key) => {
+      function extractChildren(children, parentKey = "", extractedChildren = []) {
+        const { prefixCls } = props;
+        children.forEach((child, loopKey) => {
+          if (isFragment(child)) {
+            if (isArray(child.children)) {
+              child.children.forEach((nested, key) => {
+                if (isFragment(nested) && isArray(nested.children)) {
+                  extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
+                } else {
                   extractedChildren.push(vue.createVNode(Item, {
                     style: itemStyle.value,
                     prefixCls,
-                    key: `nested-${key}`
+                    key: `nested-${parentKey + key}`
                   }, {
                     default: () => [nested]
                   }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
-                });
-              }
-            } else if (isValidElementNode(child)) {
-              extractedChildren.push(vue.createVNode(Item, {
-                style: itemStyle.value,
-                prefixCls,
-                key: `LoopKey${loopKey}`
-              }, {
-                default: () => [child]
-              }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+                }
+              });
             }
-          });
+          } else if (isValidElementNode(child)) {
+            extractedChildren.push(vue.createVNode(Item, {
+              style: itemStyle.value,
+              prefixCls,
+              key: `LoopKey${parentKey + loopKey}`
+            }, {
+              default: () => [child]
+            }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+          }
+        });
+        return extractedChildren;
+      }
+      return () => {
+        var _a;
+        const { spacer, direction } = props;
+        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
+        if (((_a = children.children) != null ? _a : []).length === 0)
+          return null;
+        if (isArray(children.children)) {
+          let extractedChildren = extractChildren(children.children);
           if (spacer) {
             const len = extractedChildren.length - 1;
             extractedChildren = extractedChildren.reduce((acc, child, idx) => {