@sepveneto/free-dom 0.3.0 → 0.4.0-beta.0

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1812-xR8NNKBE7ahD/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1773-CH54J03asN0x/core/src/style/index.css */
 :root {
   --free-dom-theme: #4089ef;
   --free-dom-line: var(--free-dom-theme);
@@ -23,10 +23,12 @@
 }
 .free-dom__widget-wrapper {
   display: inline-block;
+  box-sizing: border-box;
   border: 1px dashed transparent;
   transition: border-color 0.3s;
   box-sizing: content-box;
   user-select: none;
+  overflow: hidden;
 }
 .free-dom__widget-wrapper.is-absolute {
   position: absolute;

package/dist/index.js

@@ -416,10 +416,25 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
         onMousedown: (evt) => this.onMousedownDot(evt, dot)
       });
     }) : null;
-    const defaultSlot = typeof this.$slots.default === "function" ? this.$slots.default() : this.$slots.default;
+    const defaultSlots = typeof this.$slots.default === "function" ? this.$slots.default() : this.$slots.default;
+    if (!defaultSlots) {
+      console.error("[free-dom] must have a default slot");
+      return null;
+    }
+    if (defaultSlots.length > 1) {
+      console.error("[free-dom] must have only one default slot");
+      return null;
+    }
+    const defaultSlot = defaultSlots[0];
+    const node = (0, import_vue_demi2.cloneVNode)(defaultSlot);
+    if (Array.isArray(node.children)) {
+      node.children = [...node.children, ...dots];
+    } else {
+      console.error("[free-dom] generate resiable handles failed");
+    }
     if (import_vue_demi2.isVue2) {
       return (0, import_vue_demi2.h)(
-        "section",
+        node,
         {
           class: [
             "free-dom__widget-wrapper",
@@ -433,12 +448,11 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
           on: {
             mousedown: this.onMousedown
           }
-        },
-        [dots, defaultSlot]
+        }
       );
     }
     return (0, import_vue_demi2.h)(
-      "section",
+      node,
       {
         ref: "widgetRef",
         class: [
@@ -450,8 +464,7 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
         ],
         style: this.wrapStyle,
         onMousedown: this.onMousedown
-      },
-      [defaultSlot, dots]
+      }
     );
   }
 });

package/dist/index.mjs

@@ -17,7 +17,8 @@ import {
   reactive,
   isVue2,
   shallowRef,
-  watchEffect
+  watchEffect,
+  cloneVNode
 } from "vue-demi";
 
 // src/hooks/use-normalize-style.ts
@@ -403,10 +404,25 @@ var FreeDom = defineComponent({
         onMousedown: (evt) => this.onMousedownDot(evt, dot)
       });
     }) : null;
-    const defaultSlot = typeof this.$slots.default === "function" ? this.$slots.default() : this.$slots.default;
+    const defaultSlots = typeof this.$slots.default === "function" ? this.$slots.default() : this.$slots.default;
+    if (!defaultSlots) {
+      console.error("[free-dom] must have a default slot");
+      return null;
+    }
+    if (defaultSlots.length > 1) {
+      console.error("[free-dom] must have only one default slot");
+      return null;
+    }
+    const defaultSlot = defaultSlots[0];
+    const node = cloneVNode(defaultSlot);
+    if (Array.isArray(node.children)) {
+      node.children = [...node.children, ...dots];
+    } else {
+      console.error("[free-dom] generate resiable handles failed");
+    }
     if (isVue2) {
       return h(
-        "section",
+        node,
         {
           class: [
             "free-dom__widget-wrapper",
@@ -420,12 +436,11 @@ var FreeDom = defineComponent({
           on: {
             mousedown: this.onMousedown
           }
-        },
-        [dots, defaultSlot]
+        }
       );
     }
     return h(
-      "section",
+      node,
       {
         ref: "widgetRef",
         class: [
@@ -437,8 +452,7 @@ var FreeDom = defineComponent({
         ],
         style: this.wrapStyle,
         onMousedown: this.onMousedown
-      },
-      [defaultSlot, dots]
+      }
     );
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sepveneto/free-dom",
-  "version": "0.3.0",
+  "version": "0.4.0-beta.0",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",