@sepveneto/free-dom 0.11.7 → 0.11.8

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1879-LbkxzyAvsZ9t/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1992-csHJqiVDHJRr/core/src/style/index.css */
 :root {
   --vv-free-dom--theme: rgb(64, 137, 239);
   --vv-free-dom--line: var(--vv-free-dom--theme);

package/dist/index.d.ts

@@ -272,7 +272,7 @@ declare const GridLayout: vue_demi.DefineComponent<{
         minH: vue_demi.ComputedRef<number>;
         calContainerHeight: () => string | undefined;
         moveTo: (item: GridLayoutItem, x?: number | undefined, y?: number | undefined) => GridLayoutConfig;
-        resizeTo: (item: GridLayoutItem, w: number, h: number) => void;
+        resizeTo: (item: GridLayoutItem, w: number, h: number) => GridLayoutConfig;
         getItem: (key: string) => GridLayoutItem | undefined;
         getFull: () => GridLayoutConfig;
     };

package/dist/index.js

@@ -685,6 +685,7 @@ function useLayout(props) {
       item.h = h7;
     }
     layout.value = _normalize([...layout.value]);
+    return layout.value;
   }
   function _sortLayoutItems(layout2) {
     return layout2.slice(0).sort((a, b) => {
@@ -2445,7 +2446,8 @@ var GridLayout = (0, import_vue_demi20.defineComponent)({
         },
         resizeStopFn: (evt, data) => {
           const { w, h: h7 } = data;
-          layout.resizeTo(config, w, h7);
+          const _layout = layout.resizeTo(config, w, h7);
+          emit("update:modelValue", _layout);
           activeDrag.value = null;
         }
       };
@@ -2477,16 +2479,38 @@ var GridLayout = (0, import_vue_demi20.defineComponent)({
       ...this.$attrs.style || {},
       height: this.layout.calContainerHeight()
     };
+    const classes = Array.isArray(this.$attrs.class) ? this.$attrs.class : [this.$attrs.class];
+    const mergedClass = [
+      ...classes || [],
+      "vv-grid-layout"
+    ];
     const defaultSlot = typeof this.$slots.default === "function" ? this.$slots.default() : this.$slots.default || [];
+    const slotList = flattenSlots(defaultSlot);
     return (0, import_vue_demi20.h)("div", {
-      class: "vv-grid-layout",
+      class: mergedClass,
       style: mergedStyle
     }, [
-      defaultSlot.map(this.processItem),
+      slotList.map((slot) => {
+        if (slot.type === import_vue_demi20.Fragment) {
+          this.processItem(slot);
+        }
+        return this.processItem(slot);
+      }),
       this.placeholder()
     ]);
   }
 });
+function flattenSlots(slots) {
+  const slotList = [];
+  slots.forEach((slot) => {
+    if (slot.type === import_vue_demi20.Fragment && Array.isArray(slot.children)) {
+      slotList.push(...flattenSlots(slot.children));
+    } else {
+      slotList.push(slot);
+    }
+  });
+  return slotList;
+}
 var gridLayout_default = GridLayout;
 
 // src/index.ts

package/dist/index.mjs

@@ -664,6 +664,7 @@ function useLayout(props) {
       item.h = h7;
     }
     layout.value = _normalize([...layout.value]);
+    return layout.value;
   }
   function _sortLayoutItems(layout2) {
     return layout2.slice(0).sort((a, b) => {
@@ -2176,7 +2177,7 @@ var FreeDomWrap = defineComponent6({
 });
 
 // src/components/gridLayout.ts
-import { defineComponent as defineComponent8, h as h6, provide as provide3, ref as ref14 } from "vue-demi";
+import { Fragment as Fragment2, defineComponent as defineComponent8, h as h6, provide as provide3, ref as ref14 } from "vue-demi";
 
 // src/components/gridItem.ts
 import { defineComponent as defineComponent7, inject as inject5 } from "vue-demi";
@@ -2424,7 +2425,8 @@ var GridLayout = defineComponent8({
         },
         resizeStopFn: (evt, data) => {
           const { w, h: h7 } = data;
-          layout.resizeTo(config, w, h7);
+          const _layout = layout.resizeTo(config, w, h7);
+          emit("update:modelValue", _layout);
           activeDrag.value = null;
         }
       };
@@ -2456,16 +2458,38 @@ var GridLayout = defineComponent8({
       ...this.$attrs.style || {},
       height: this.layout.calContainerHeight()
     };
+    const classes = Array.isArray(this.$attrs.class) ? this.$attrs.class : [this.$attrs.class];
+    const mergedClass = [
+      ...classes || [],
+      "vv-grid-layout"
+    ];
     const defaultSlot = typeof this.$slots.default === "function" ? this.$slots.default() : this.$slots.default || [];
+    const slotList = flattenSlots(defaultSlot);
     return h6("div", {
-      class: "vv-grid-layout",
+      class: mergedClass,
       style: mergedStyle
     }, [
-      defaultSlot.map(this.processItem),
+      slotList.map((slot) => {
+        if (slot.type === Fragment2) {
+          this.processItem(slot);
+        }
+        return this.processItem(slot);
+      }),
       this.placeholder()
     ]);
   }
 });
+function flattenSlots(slots) {
+  const slotList = [];
+  slots.forEach((slot) => {
+    if (slot.type === Fragment2 && Array.isArray(slot.children)) {
+      slotList.push(...flattenSlots(slot.children));
+    } else {
+      slotList.push(slot);
+    }
+  });
+  return slotList;
+}
 var gridLayout_default = GridLayout;
 
 // src/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sepveneto/free-dom",
-  "version": "0.11.7",
+  "version": "0.11.8",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",