@sepveneto/free-dom 0.11.6 → 0.11.8

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1918-SHZS2aFjA1XL/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) => {
@@ -1623,7 +1624,9 @@ var resizeDomCore = (0, import_vue_demi16.defineComponent)({
           deltaY = -deltaY;
         let width = props.width + (canDragX ? deltaX : 0);
         let height = props.height + (canDragY ? deltaY : 0);
-        [width, height] = runConstraints(width, height);
+        if (!evt.shiftKey) {
+          [width, height] = runConstraints(width, height);
+        }
         const sizeChanged = width !== props.width || height !== props.height;
         const fnName = `${handleName}Fn`;
         const cb = typeof props[fnName] === "function" ? props[fnName] : null;
@@ -2443,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;
         }
       };
@@ -2475,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) => {
@@ -1602,7 +1603,9 @@ var resizeDomCore = defineComponent4({
           deltaY = -deltaY;
         let width = props.width + (canDragX ? deltaX : 0);
         let height = props.height + (canDragY ? deltaY : 0);
-        [width, height] = runConstraints(width, height);
+        if (!evt.shiftKey) {
+          [width, height] = runConstraints(width, height);
+        }
         const sizeChanged = width !== props.width || height !== props.height;
         const fnName = `${handleName}Fn`;
         const cb = typeof props[fnName] === "function" ? props[fnName] : null;
@@ -2174,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";
@@ -2422,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;
         }
       };
@@ -2454,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.6",
+  "version": "0.11.8",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",