@sepveneto/free-dom 0.4.1 → 0.4.3

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1788-ZUBazkQPDiBa/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1795-b8AgUxJOHCqG/core/src/style/index.css */
 :root {
   --free-dom-theme: #4089ef;
   --free-dom-line: var(--free-dom-theme);

package/dist/index.d.ts

@@ -3,19 +3,19 @@ import * as vue_demi from 'vue-demi';
 declare const freeDom: vue_demi.DefineComponent<{
     x: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     y: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     width: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     height: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     absolute: {
         type: BooleanConstructor;
@@ -73,19 +73,19 @@ declare const freeDom: vue_demi.DefineComponent<{
 }, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, ("update:x" | "update:y" | "update:width" | "update:height" | "select")[], "update:x" | "update:y" | "update:width" | "update:height" | "select", vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
     x: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     y: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     width: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     height: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     absolute: {
         type: BooleanConstructor;

package/dist/index.js

@@ -146,19 +146,19 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
   props: {
     x: {
       type: Number,
-      default: void 0
+      default: 0
     },
     y: {
       type: Number,
-      default: void 0
+      default: 0
     },
     width: {
       type: Number,
-      default: void 0
+      default: 0
     },
     height: {
       type: Number,
-      default: void 0
+      default: 0
     },
     absolute: {
       type: Boolean,
@@ -202,7 +202,7 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
   emits: ["update:x", "update:y", "update:width", "update:height", "select"],
   setup(props, { emit }) {
     const active = (0, import_vue_demi2.ref)(false);
-    const SceneContext = (0, import_vue_demi2.inject)(SceneToken);
+    const SceneContext = (0, import_vue_demi2.inject)(SceneToken, void 0);
     const _preview = (0, import_vue_demi2.computed)(() => SceneContext?.preview || props.preview);
     const canScale = (0, import_vue_demi2.computed)(() => !_preview.value && (SceneContext?.scale || props.scale));
     const canMove = (0, import_vue_demi2.computed)(() => !_preview.value && (SceneContext?.move || props.move));
@@ -222,7 +222,6 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
       width: 0,
       height: 0
     });
-    const triggerThrottle = (0, import_core.useThrottleFn)(trigger);
     const context = {
       _rect,
       trigger
@@ -233,18 +232,24 @@ var FreeDom = (0, import_vue_demi2.defineComponent)({
     function parseNum(val) {
       return typeof val === "number" ? val : parseFloat(val);
     }
-    let init = false;
-    (0, import_vue_demi2.watchEffect)(() => {
-      props.width && (_rect.width = props.width);
-      props.height && (_rect.height = props.height);
-      props.x && (_rect.x = props.x);
-      props.y && (_rect.y = props.y);
-      init && triggerThrottle();
-      init = true;
-    });
+    (0, import_vue_demi2.watch)(
+      [
+        () => props.width,
+        () => props.height,
+        () => props.x,
+        () => props.y
+      ],
+      () => {
+        _rect.width = props.width;
+        _rect.height = props.height;
+        _rect.x = props.x;
+        _rect.y = props.y;
+        trigger();
+      },
+      { immediate: true }
+    );
     (0, import_vue_demi2.onMounted)(async () => {
       SceneContext?.register(uuid, context);
-      await (0, import_vue_demi2.nextTick)();
       const rect = widgetRef.value.getBoundingClientRect();
       _rect.width = _rect.width || rect.width;
       _rect.height = _rect.height || rect.height;

package/dist/index.mjs

@@ -7,7 +7,6 @@ var __publicField = (obj, key, value) => {
 
 // src/components/freeDom.ts
 import {
-  nextTick,
   onMounted,
   defineComponent,
   h,
@@ -17,7 +16,7 @@ import {
   reactive,
   isVue2,
   shallowRef,
-  watchEffect
+  watch as watch2
 } from "vue-demi";
 
 // src/hooks/use-normalize-style.ts
@@ -125,7 +124,7 @@ function useResize(startX, startY, rect, dot, diagonal, snapGrid, callbacks) {
 }
 
 // src/components/freeDom.ts
-import { onClickOutside, useThrottleFn } from "@vueuse/core";
+import { onClickOutside } from "@vueuse/core";
 import { v4 as uuidv4 } from "uuid";
 var Dots = ["t", "r", "l", "b", "lt", "lb", "rt", "rb"];
 var FreeDom = defineComponent({
@@ -133,19 +132,19 @@ var FreeDom = defineComponent({
   props: {
     x: {
       type: Number,
-      default: void 0
+      default: 0
     },
     y: {
       type: Number,
-      default: void 0
+      default: 0
     },
     width: {
       type: Number,
-      default: void 0
+      default: 0
     },
     height: {
       type: Number,
-      default: void 0
+      default: 0
     },
     absolute: {
       type: Boolean,
@@ -189,7 +188,7 @@ var FreeDom = defineComponent({
   emits: ["update:x", "update:y", "update:width", "update:height", "select"],
   setup(props, { emit }) {
     const active = ref2(false);
-    const SceneContext = inject(SceneToken);
+    const SceneContext = inject(SceneToken, void 0);
     const _preview = computed(() => SceneContext?.preview || props.preview);
     const canScale = computed(() => !_preview.value && (SceneContext?.scale || props.scale));
     const canMove = computed(() => !_preview.value && (SceneContext?.move || props.move));
@@ -209,7 +208,6 @@ var FreeDom = defineComponent({
       width: 0,
       height: 0
     });
-    const triggerThrottle = useThrottleFn(trigger);
     const context = {
       _rect,
       trigger
@@ -220,18 +218,24 @@ var FreeDom = defineComponent({
     function parseNum(val) {
       return typeof val === "number" ? val : parseFloat(val);
     }
-    let init = false;
-    watchEffect(() => {
-      props.width && (_rect.width = props.width);
-      props.height && (_rect.height = props.height);
-      props.x && (_rect.x = props.x);
-      props.y && (_rect.y = props.y);
-      init && triggerThrottle();
-      init = true;
-    });
+    watch2(
+      [
+        () => props.width,
+        () => props.height,
+        () => props.x,
+        () => props.y
+      ],
+      () => {
+        _rect.width = props.width;
+        _rect.height = props.height;
+        _rect.x = props.x;
+        _rect.y = props.y;
+        trigger();
+      },
+      { immediate: true }
+    );
     onMounted(async () => {
       SceneContext?.register(uuid, context);
-      await nextTick();
       const rect = widgetRef.value.getBoundingClientRect();
       _rect.width = _rect.width || rect.width;
       _rect.height = _rect.height || rect.height;

package/package.json

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