@razaman2/reactive-view 0.0.34-beta.12 → 0.0.34-beta.14

package/dist/index.d.mts

@@ -74,7 +74,9 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
-        state: {};
+        state: {
+            default: () => {};
+        };
     };
     setup(props: Record<string, any>, context: SetupContext): (vue: ComponentPublicInstance) => any;
 };

package/dist/index.d.ts

@@ -74,7 +74,9 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
-        state: {};
+        state: {
+            default: () => {};
+        };
     };
     setup(props: Record<string, any>, context: SetupContext): (vue: ComponentPublicInstance) => any;
 };

package/dist/index.js

@@ -172,7 +172,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.12";
+var version = "0.0.34-beta.14";
 
 // src/ReactiveView.ts
 var setup = {
@@ -212,7 +212,7 @@ var ReactiveView_default = {
       type: Boolean,
       default: false
     },
-    state: {}
+    state: { default: () => ({}) }
   },
   setup(props, context) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -558,13 +558,14 @@ var extendVnode = (component, element) => {
         }, props);
         const finalProps = Object.assign(rest, functionalProps, { class: finalClasses, style: finalStyles });
         const finalSlots = slots ? typeof slots === "function" ? slots(vnode.children) : slots : vnode.children;
-        return (0, import_vue2.h)(["undefined"].includes(typeof element) ? vnode.type : element, finalProps, finalSlots);
+        const finalElement = ["undefined"].includes(typeof element) ? vnode.type : element;
+        return (0, import_vue2.h)(finalElement, finalProps, finalSlots);
       };
     }
   });
 };
 var getData = (component, path, alternative) => {
-  const data = import_object_manager2.default.on((0, import_vue2.unref)(component.$attrs.state));
+  const data = import_object_manager2.default.on((0, import_vue2.unref)(componentState(component)));
   if (path) {
     return data.get(dataPath(component, path), alternative);
   } else {
@@ -572,10 +573,14 @@ var getData = (component, path, alternative) => {
   }
 };
 var setData = (component, data, path) => {
-  return component.$emit("update:state", {
-    before: import_object_manager2.default.on((0, import_vue2.unref)(component.$attrs.state)).clone(),
-    after: path ? import_object_manager2.default.on({}).set(dataPath(component, path), data).get() : data
-  });
+  const diff = {
+    before: import_object_manager2.default.on((0, import_vue2.unref)(componentState(component))).clone(),
+    after: path ? import_object_manager2.default.on(componentState(component)).set(dataPath(component, path), data).get() : import_object_manager2.default.on(componentState(component)).set(data).get()
+  };
+  return "state" in component ? diff : component.$emit("update:state", diff);
+};
+var componentState = (component) => {
+  return "state" in component ? component.state : component.$attrs.state;
 };
 var dataPath = (component, path) => {
   return typeof component.$attrs["data:path"] === "function" ? component.$attrs["data:path"](path) : path;

package/dist/index.mjs

@@ -128,7 +128,7 @@ import { ref, reactive, watch, isRef, isReactive, createVNode, getCurrentInstanc
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.12";
+var version = "0.0.34-beta.14";
 
 // src/ReactiveView.ts
 var setup = {
@@ -168,7 +168,7 @@ var ReactiveView_default = {
       type: Boolean,
       default: false
     },
-    state: {}
+    state: { default: () => ({}) }
   },
   setup(props, context) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -514,13 +514,14 @@ var extendVnode = (component, element) => {
         }, props);
         const finalProps = Object.assign(rest, functionalProps, { class: finalClasses, style: finalStyles });
         const finalSlots = slots ? typeof slots === "function" ? slots(vnode.children) : slots : vnode.children;
-        return h(["undefined"].includes(typeof element) ? vnode.type : element, finalProps, finalSlots);
+        const finalElement = ["undefined"].includes(typeof element) ? vnode.type : element;
+        return h(finalElement, finalProps, finalSlots);
       };
     }
   });
 };
 var getData = (component, path, alternative) => {
-  const data = ObjectManager2.on(unref2(component.$attrs.state));
+  const data = ObjectManager2.on(unref2(componentState(component)));
   if (path) {
     return data.get(dataPath(component, path), alternative);
   } else {
@@ -528,10 +529,14 @@ var getData = (component, path, alternative) => {
   }
 };
 var setData = (component, data, path) => {
-  return component.$emit("update:state", {
-    before: ObjectManager2.on(unref2(component.$attrs.state)).clone(),
-    after: path ? ObjectManager2.on({}).set(dataPath(component, path), data).get() : data
-  });
+  const diff = {
+    before: ObjectManager2.on(unref2(componentState(component))).clone(),
+    after: path ? ObjectManager2.on(componentState(component)).set(dataPath(component, path), data).get() : ObjectManager2.on(componentState(component)).set(data).get()
+  };
+  return "state" in component ? diff : component.$emit("update:state", diff);
+};
+var componentState = (component) => {
+  return "state" in component ? component.state : component.$attrs.state;
 };
 var dataPath = (component, path) => {
   return typeof component.$attrs["data:path"] === "function" ? component.$attrs["data:path"](path) : path;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.0.34-beta.12",
+    "version": "0.0.34-beta.14",
     "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
     "main": "dist/index.js",
     "module": "dist/index.mjs",