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

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.13";
 
 // src/ReactiveView.ts
 var setup = {
@@ -564,7 +564,7 @@ var extendVnode = (component, element) => {
   });
 };
 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 +572,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.13";
 
 // src/ReactiveView.ts
 var setup = {
@@ -520,7 +520,7 @@ var extendVnode = (component, element) => {
   });
 };
 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 +528,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.13",
     "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",