@razaman2/reactive-view 0.0.15 → 0.0.16

package/dist/index.js

@@ -164,7 +164,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.15";
+var version = "0.0.16";
 
 // src/ReactiveView.ts
 var props = {
@@ -238,12 +238,18 @@ var ReactiveView_default = {
     };
     const getState = new Proxy(props2.model ? typeof props2.model === "function" ? props2.model(config) : props2.model : new import_data_manager.default(config), {
       get(target, property, receiver) {
-        var _a2, _b2;
-        const beforeSetData = (_b2 = (_a2 = context.attrs["onUpdate:modelState"]) == null ? void 0 : _a2.beforeSetData) != null ? _b2 : access(component).beforeSetData;
-        if (["setData", "replaceData"].includes(property) && typeof beforeSetData === "function") {
+        if (["setData", "replaceData"].includes(property)) {
           return (...params) => {
             const type2 = Array.isArray(defaultData) ? [] : {};
-            beforeSetData(import_object_manager.default.on(type2).set(...params).get(), target);
+            (0, import_vue.nextTick)(() => {
+              var _a2, _b2;
+              const beforeSetData = (_b2 = (_a2 = context.attrs["onUpdate:modelState"]) == null ? void 0 : _a2.beforeSetData) != null ? _b2 : access(component).beforeSetData;
+              if (typeof beforeSetData === "function") {
+                beforeSetData(import_object_manager.default.on(type2).set(...params).get(), target);
+              } else {
+                target[property](...params);
+              }
+            });
           };
         } else {
           return Reflect.get(target, property, receiver);
@@ -251,7 +257,7 @@ var ReactiveView_default = {
       }
     });
     const options = {
-      parent: { self: component },
+      parent: { self: component.value },
       self: { template, getState, isValid }
     };
     const _f = (_e = props2.setup(options)) != null ? _e : options, { parent = {}, self = {} } = _f, rest = __objRest(_f, ["parent", "self"]);

package/dist/index.mjs

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
 
 // src/index.ts
 import { formatInTimeZone } from "date-fns-tz";
-import { createVNode as createVNode2 } from "vue";
+import { createVNode } from "vue";
 
 // src/Subscription.ts
 var Subscription = class _Subscription {
@@ -126,7 +126,7 @@ import { h, ref, reactive, watch, nextTick, getCurrentInstance } from "vue";
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.15";
+var version = "0.0.16";
 
 // src/ReactiveView.ts
 var props = {
@@ -200,12 +200,18 @@ var ReactiveView_default = {
     };
     const getState = new Proxy(props2.model ? typeof props2.model === "function" ? props2.model(config) : props2.model : new DataManager(config), {
       get(target, property, receiver) {
-        var _a2, _b2;
-        const beforeSetData = (_b2 = (_a2 = context.attrs["onUpdate:modelState"]) == null ? void 0 : _a2.beforeSetData) != null ? _b2 : access(component).beforeSetData;
-        if (["setData", "replaceData"].includes(property) && typeof beforeSetData === "function") {
+        if (["setData", "replaceData"].includes(property)) {
           return (...params) => {
             const type2 = Array.isArray(defaultData) ? [] : {};
-            beforeSetData(ObjectManager.on(type2).set(...params).get(), target);
+            nextTick(() => {
+              var _a2, _b2;
+              const beforeSetData = (_b2 = (_a2 = context.attrs["onUpdate:modelState"]) == null ? void 0 : _a2.beforeSetData) != null ? _b2 : access(component).beforeSetData;
+              if (typeof beforeSetData === "function") {
+                beforeSetData(ObjectManager.on(type2).set(...params).get(), target);
+              } else {
+                target[property](...params);
+              }
+            });
           };
         } else {
           return Reflect.get(target, property, receiver);
@@ -213,7 +219,7 @@ var ReactiveView_default = {
       }
     });
     const options = {
-      parent: { self: component },
+      parent: { self: component.value },
       self: { template, getState, isValid }
     };
     const _f = (_e = props2.setup(options)) != null ? _e : options, { parent = {}, self = {} } = _f, rest = __objRest(_f, ["parent", "self"]);
@@ -334,9 +340,9 @@ function getReactiveViewComponent(component, options = {}) {
   };
   const props2 = getProps(options, "setup");
   const slots = typeof component === "function" ? component : () => {
-    return (component.type || component).setup ? createVNode2(component, component.setup ? {} : props2) : component;
+    return (component.type || component).setup ? createVNode(component, component.setup ? {} : props2) : component;
   };
-  return model(component) ? createVNode2(component, props2) : createVNode2(ReactiveView_default, props2, slots);
+  return model(component) ? createVNode(component, props2) : createVNode(ReactiveView_default, props2, slots);
 }
 function getDate(param1, param2) {
   var _a, _b;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.0.15",
+    "version": "0.0.16",
     "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",