@razaman2/reactive-view 0.0.34-beta.7 → 0.0.34-beta.9

package/dist/index.d.mts

@@ -74,6 +74,7 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
+        state: {};
     };
     setup(props: Record<string, any>, context: SetupContext): (vue: ComponentPublicInstance) => any;
 };
@@ -117,5 +118,8 @@ declare function useSubscription(): {
 declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
 declare function MergeStyles(...params: any): any;
 declare const extendVnode: (component: Record<string, any>, element: any) => Record<string, (props?: Record<string, any>, slots?: Record<string, any> | ((slots: Record<string, any>) => Record<string, any>)) => any>;
+declare const getData: (component: any, path: number | string, alternative: any) => any;
+declare const setData: (component: any, data: any) => any;
+declare const dataPath: (component: any, path: string | number) => any;
 
-export { MergeStyles, StyleParser, access, _default as default, extendVnode, getDate, getProps, getReactiveViewComponent, safeRequest, setup, useSubscription };
+export { MergeStyles, StyleParser, access, dataPath, _default as default, extendVnode, getData, getDate, getProps, getReactiveViewComponent, safeRequest, setData, setup, useSubscription };

package/dist/index.d.ts

@@ -74,6 +74,7 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
+        state: {};
     };
     setup(props: Record<string, any>, context: SetupContext): (vue: ComponentPublicInstance) => any;
 };
@@ -117,5 +118,8 @@ declare function useSubscription(): {
 declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
 declare function MergeStyles(...params: any): any;
 declare const extendVnode: (component: Record<string, any>, element: any) => Record<string, (props?: Record<string, any>, slots?: Record<string, any> | ((slots: Record<string, any>) => Record<string, any>)) => any>;
+declare const getData: (component: any, path: number | string, alternative: any) => any;
+declare const setData: (component: any, data: any) => any;
+declare const dataPath: (component: any, path: string | number) => any;
 
-export { MergeStyles, StyleParser, access, _default as default, extendVnode, getDate, getProps, getReactiveViewComponent, safeRequest, setup, useSubscription };
+export { MergeStyles, StyleParser, access, dataPath, _default as default, extendVnode, getData, getDate, getProps, getReactiveViewComponent, safeRequest, setData, setup, useSubscription };

package/dist/index.js

@@ -59,16 +59,20 @@ __export(index_exports, {
   MergeStyles: () => MergeStyles,
   StyleParser: () => StyleParser,
   access: () => access,
+  dataPath: () => dataPath,
   default: () => index_default,
   extendVnode: () => extendVnode,
+  getData: () => getData,
   getDate: () => getDate,
   getProps: () => getProps,
   getReactiveViewComponent: () => getReactiveViewComponent,
   safeRequest: () => safeRequest,
+  setData: () => setData,
   setup: () => setup,
   useSubscription: () => useSubscription
 });
 module.exports = __toCommonJS(index_exports);
+var import_object_manager2 = __toESM(require("@razaman2/object-manager"));
 
 // src/Subscription.ts
 var Subscription = class _Subscription {
@@ -168,7 +172,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.7";
+var version = "0.0.34-beta.9";
 
 // src/ReactiveView.ts
 var setup = {
@@ -211,7 +215,8 @@ var ReactiveView_default = {
     debug: {
       type: Boolean,
       default: false
-    }
+    },
+    state: {}
   },
   setup(props, context) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -224,7 +229,7 @@ var ReactiveView_default = {
       }, import_object_manager.default.on({}));
       return { before: before.get(), after: after.get(), change: change.get() };
     };
-    const dataPath = (path) => {
+    const dataPath2 = (path) => {
       try {
         return context.attrs["data:path"](path);
       } catch (e) {
@@ -286,7 +291,7 @@ var ReactiveView_default = {
         }
       }
     });
-    const component = (0, import_vue.ref)({ parent: { self: vue.proxy }, self: { template, model, dataPath, isValid } });
+    const component = (0, import_vue.ref)({ parent: { self: vue.proxy }, self: { template, model, dataPath: dataPath2, isValid } });
     if (props.debug) {
       console.log("[ReactiveView]:", { props, context, vue, defer, config, model, component, datatype, defaultData, isValid, isReady, isFunctionData, isAsyncFunctionData, isPromiseData });
     }
@@ -324,13 +329,11 @@ var ReactiveView_default = {
         config2.callback(diff(import_object_manager.default.on(before), import_object_manager.default.on(after)), { component });
       }, config2.options);
     }
-    if (isFunctionData || isPromiseData) {
-      setTimeout(async () => {
-        var _a2;
-        const [data] = await Promise.all([isAsyncFunctionData ? props.data() : props.data, (_a2 = defer.value) != null ? _a2 : true]);
-        watchDataProp(data);
-      });
-    }
+    setTimeout(async () => {
+      var _a2;
+      const [data] = await Promise.all([isAsyncFunctionData ? props.data() : props.data, (_a2 = defer.value) != null ? _a2 : true]);
+      watchDataProp(data);
+    });
     setTimeout(async () => {
       var _a2;
       isReady.value = (_a2 = await defer.value) != null ? _a2 : true;
@@ -441,7 +444,7 @@ function getDate(param1, param2) {
 }
 function access(view = {}, alternative) {
   const resolve = (target) => {
-    return new Proxy(target, {
+    return new Proxy((0, import_vue2.toRaw)(target), {
       get(target2, key) {
         const component = { tree: target2 };
         do {
@@ -564,16 +567,28 @@ var extendVnode = (component, element) => {
     }
   });
 };
+var getData = (component, path, alternative) => {
+  return import_object_manager2.default.on((0, import_vue2.unref)(component.state)).get(dataPath(component, path), alternative);
+};
+var setData = (component, data) => {
+  return component.$emit("update:state", { before: import_object_manager2.default.on((0, import_vue2.unref)(component.state)).clone(), after: data });
+};
+var dataPath = (component, path) => {
+  return typeof component.$attrs["data:path"] === "function" ? component.$attrs["data:path"](path) : path;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   MergeStyles,
   StyleParser,
   access,
+  dataPath,
   extendVnode,
+  getData,
   getDate,
   getProps,
   getReactiveViewComponent,
   safeRequest,
+  setData,
   setup,
   useSubscription
 });

package/dist/index.mjs

@@ -27,6 +27,9 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
+// src/index.ts
+import ObjectManager2 from "@razaman2/object-manager";
+
 // src/Subscription.ts
 var Subscription = class _Subscription {
   constructor() {
@@ -125,7 +128,7 @@ import { ref, reactive, watch, isRef, isReactive, createVNode, getCurrentInstanc
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.7";
+var version = "0.0.34-beta.9";
 
 // src/ReactiveView.ts
 var setup = {
@@ -168,7 +171,8 @@ var ReactiveView_default = {
     debug: {
       type: Boolean,
       default: false
-    }
+    },
+    state: {}
   },
   setup(props, context) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -181,7 +185,7 @@ var ReactiveView_default = {
       }, ObjectManager.on({}));
       return { before: before.get(), after: after.get(), change: change.get() };
     };
-    const dataPath = (path) => {
+    const dataPath2 = (path) => {
       try {
         return context.attrs["data:path"](path);
       } catch (e) {
@@ -243,7 +247,7 @@ var ReactiveView_default = {
         }
       }
     });
-    const component = ref({ parent: { self: vue.proxy }, self: { template, model, dataPath, isValid } });
+    const component = ref({ parent: { self: vue.proxy }, self: { template, model, dataPath: dataPath2, isValid } });
     if (props.debug) {
       console.log("[ReactiveView]:", { props, context, vue, defer, config, model, component, datatype, defaultData, isValid, isReady, isFunctionData, isAsyncFunctionData, isPromiseData });
     }
@@ -281,13 +285,11 @@ var ReactiveView_default = {
         config2.callback(diff(ObjectManager.on(before), ObjectManager.on(after)), { component });
       }, config2.options);
     }
-    if (isFunctionData || isPromiseData) {
-      setTimeout(async () => {
-        var _a2;
-        const [data] = await Promise.all([isAsyncFunctionData ? props.data() : props.data, (_a2 = defer.value) != null ? _a2 : true]);
-        watchDataProp(data);
-      });
-    }
+    setTimeout(async () => {
+      var _a2;
+      const [data] = await Promise.all([isAsyncFunctionData ? props.data() : props.data, (_a2 = defer.value) != null ? _a2 : true]);
+      watchDataProp(data);
+    });
     setTimeout(async () => {
       var _a2;
       isReady.value = (_a2 = await defer.value) != null ? _a2 : true;
@@ -321,7 +323,7 @@ var ReactiveView_default = {
 };
 
 // src/index.ts
-import { createVNode as createVNode2, isRef as isRef2, h } from "vue";
+import { h, unref as unref2, isRef as isRef2, toRaw, createVNode as createVNode2 } from "vue";
 import { formatInTimeZone } from "date-fns-tz";
 import { twMerge } from "tailwind-merge";
 var index_default = ReactiveView_default;
@@ -398,7 +400,7 @@ function getDate(param1, param2) {
 }
 function access(view = {}, alternative) {
   const resolve = (target) => {
-    return new Proxy(target, {
+    return new Proxy(toRaw(target), {
       get(target2, key) {
         const component = { tree: target2 };
         do {
@@ -521,16 +523,28 @@ var extendVnode = (component, element) => {
     }
   });
 };
+var getData = (component, path, alternative) => {
+  return ObjectManager2.on(unref2(component.state)).get(dataPath(component, path), alternative);
+};
+var setData = (component, data) => {
+  return component.$emit("update:state", { before: ObjectManager2.on(unref2(component.state)).clone(), after: data });
+};
+var dataPath = (component, path) => {
+  return typeof component.$attrs["data:path"] === "function" ? component.$attrs["data:path"](path) : path;
+};
 export {
   MergeStyles,
   StyleParser,
   access,
+  dataPath,
   index_default as default,
   extendVnode,
+  getData,
   getDate,
   getProps,
   getReactiveViewComponent,
   safeRequest,
+  setData,
   setup,
   useSubscription
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.0.34-beta.7",
+    "version": "0.0.34-beta.9",
     "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",
@@ -23,14 +23,14 @@
     "dependencies": {
         "@razaman2/data-manager": "^3.2.12",
         "@razaman2/event-emitter": "^2.1.1",
-        "@razaman2/object-manager": "^3.4.2",
+        "@razaman2/object-manager": "^3.4.5",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
         "tailwind-merge": "^3.3.1",
         "uuid": "^11.1.0"
     },
     "peerDependencies": {
-        "vue": "^3.5.19"
+        "vue": "^3.5.20"
     },
     "devDependencies": {
         "@types/uuid": "^10.0.0",