@razaman2/reactive-view 0.1.0-beta.13 → 0.1.0-beta.14

package/dist/index.d.mts

@@ -126,8 +126,8 @@ declare function useSubscription(): {
 };
 declare const Prop: ({ default: value, type, validator, required }?: Partial<PropType>) => {
     required: boolean | undefined;
-    validator: (value: any) => boolean;
-    default?: vue.Ref<any, any> | undefined;
+    validator: (value: any) => boolean | undefined;
+    default?: any;
 };
 declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
 declare function MergeStyles(...params: any): any;

package/dist/index.d.ts

@@ -126,8 +126,8 @@ declare function useSubscription(): {
 };
 declare const Prop: ({ default: value, type, validator, required }?: Partial<PropType>) => {
     required: boolean | undefined;
-    validator: (value: any) => boolean;
-    default?: vue.Ref<any, any> | undefined;
+    validator: (value: any) => boolean | undefined;
+    default?: any;
 };
 declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
 declare function MergeStyles(...params: any): any;

package/dist/index.js

@@ -177,7 +177,7 @@ var import_data_manager = __toESM(require("@razaman2/data-manager"));
 var import_vue = require("vue");
 
 // package.json
-var version = "0.1.0-beta.13";
+var version = "0.1.0-beta.14";
 var package_default = {
   name: "@razaman2/reactive-view",
   version,
@@ -376,9 +376,6 @@ var ReactiveView_default = {
       };
       const model = props.model ? typeof props.model === "function" ? props.model(config) : props.model : import_data_manager.default.setConfig({ beforeGetData: (data) => (0, import_vue.isRef)(data) ? (0, import_vue.unref)(data) : data }, config);
       const component = (0, import_vue.ref)({ parent: { self: vue.proxy }, self: { template, diff, emit, dataPath: dataPath2, model: proxy(model), isValid } });
-      if (props.debug) {
-        console.warn(`[${props.modelName}]:data`, { props, context, component, config, model });
-      }
       if (context.attrs["onUpdate:model"] || context.attrs["update:model"]) {
         const config2 = {
           callback: typeof context.attrs["onUpdate:model"] === "function" ? context.attrs["onUpdate:model"] : context.attrs["update:model"],
@@ -400,10 +397,7 @@ var ReactiveView_default = {
         }, config2.options));
       }
       const track = (source, options = {}) => {
-        var _a3, _b2, _c2, _d;
-        if (props.debug) {
-          console.log(`log props.data:`, source, options);
-        }
+        var _a3, _b2, _c2, _d, _e;
         subscriptions.push((0, import_vue.watch)(source, async (after, before) => {
           const diff2 = access(component).diff(import_object_manager.default.on(before), import_object_manager.default.on(after));
           const callback = context.attrs["data:callback"];
@@ -414,8 +408,8 @@ var ReactiveView_default = {
           }
         }, {
           immediate: (_b2 = (_a3 = context.attrs["data:immediate"]) != null ? _a3 : options.immediate) != null ? _b2 : true,
-          deep: (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep,
-          once: (_d = context.attrs["data:once"]) != null ? _d : options.once
+          deep: (_d = (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep) != null ? _d : true,
+          once: (_e = context.attrs["data:once"]) != null ? _e : options.once
         }));
       };
       setTimeout(async () => {
@@ -431,7 +425,7 @@ var ReactiveView_default = {
             ]) : [props.data];
             track(typeof data === "function" ? data : (() => data));
           } else {
-            track((0, import_vue.isRef)(props.data) || (0, import_vue.isReactive)(props.data) ? props.data : () => props.data, { immediate: false });
+            track((0, import_vue.isRef)(props.data) || (0, import_vue.isReactive)(props.data) ? props.data : () => props.data, { immediate: false, deep: false });
           }
         }
       });
@@ -781,12 +775,16 @@ function useSubscription() {
 var Prop = ({ default: value, type, validator, required } = {}) => {
   const types1 = Array.isArray(type) ? type : [type != null ? type : Array];
   const types2 = types1.includes(Object) ? types1 : types1.concat(Object);
-  return __spreadProps(__spreadValues({}, value ? { default: (0, import_vue2.ref)(value) } : {}), {
+  return __spreadProps(__spreadValues({}, value ? { default: (0, import_vue2.isRef)(value) || (0, import_vue2.isReactive)(value) ? value : (0, import_vue2.ref)(value) } : {}), {
     required,
     validator: (value2) => {
-      return validator ? validator((0, import_vue2.unref)(value2)) : Array.from(new Set(types2.map((type2) => {
-        return typeof type2 === "function" ? type2().constructor.name : type2;
-      }))).includes((0, import_vue2.unref)(value2).constructor.name);
+      try {
+        return validator ? validator((0, import_vue2.unref)(value2)) : Array.from(new Set(types2.map((type2) => {
+          return typeof type2 === "function" ? type2().constructor.name : type2;
+        }))).includes((0, import_vue2.unref)(value2).constructor.name);
+      } catch (e) {
+        return required;
+      }
     }
   });
 };

package/dist/index.mjs

@@ -130,7 +130,7 @@ import DataManager from "@razaman2/data-manager";
 import { ref, reactive, watch, unref, isRef, isReactive, createVNode, getCurrentInstance, onBeforeUnmount } from "vue";
 
 // package.json
-var version = "0.1.0-beta.13";
+var version = "0.1.0-beta.14";
 var package_default = {
   name: "@razaman2/reactive-view",
   version,
@@ -329,9 +329,6 @@ var ReactiveView_default = {
       };
       const model = props.model ? typeof props.model === "function" ? props.model(config) : props.model : DataManager.setConfig({ beforeGetData: (data) => isRef(data) ? unref(data) : data }, config);
       const component = ref({ parent: { self: vue.proxy }, self: { template, diff, emit, dataPath: dataPath2, model: proxy(model), isValid } });
-      if (props.debug) {
-        console.warn(`[${props.modelName}]:data`, { props, context, component, config, model });
-      }
       if (context.attrs["onUpdate:model"] || context.attrs["update:model"]) {
         const config2 = {
           callback: typeof context.attrs["onUpdate:model"] === "function" ? context.attrs["onUpdate:model"] : context.attrs["update:model"],
@@ -353,10 +350,7 @@ var ReactiveView_default = {
         }, config2.options));
       }
       const track = (source, options = {}) => {
-        var _a3, _b2, _c2, _d;
-        if (props.debug) {
-          console.log(`log props.data:`, source, options);
-        }
+        var _a3, _b2, _c2, _d, _e;
         subscriptions.push(watch(source, async (after, before) => {
           const diff2 = access(component).diff(ObjectManager.on(before), ObjectManager.on(after));
           const callback = context.attrs["data:callback"];
@@ -367,8 +361,8 @@ var ReactiveView_default = {
           }
         }, {
           immediate: (_b2 = (_a3 = context.attrs["data:immediate"]) != null ? _a3 : options.immediate) != null ? _b2 : true,
-          deep: (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep,
-          once: (_d = context.attrs["data:once"]) != null ? _d : options.once
+          deep: (_d = (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep) != null ? _d : true,
+          once: (_e = context.attrs["data:once"]) != null ? _e : options.once
         }));
       };
       setTimeout(async () => {
@@ -384,7 +378,7 @@ var ReactiveView_default = {
             ]) : [props.data];
             track(typeof data === "function" ? data : (() => data));
           } else {
-            track(isRef(props.data) || isReactive(props.data) ? props.data : () => props.data, { immediate: false });
+            track(isRef(props.data) || isReactive(props.data) ? props.data : () => props.data, { immediate: false, deep: false });
           }
         }
       });
@@ -598,7 +592,7 @@ var ReactiveView_default = {
 };
 
 // src/index.ts
-import { h, ref as ref2, unref as unref2, toRaw, createApp, createVNode as createVNode2, defineComponent } from "vue";
+import { h, ref as ref2, unref as unref2, toRaw, isRef as isRef2, isReactive as isReactive2, createApp, createVNode as createVNode2, defineComponent } from "vue";
 import { formatInTimeZone } from "date-fns-tz";
 import { twMerge } from "tailwind-merge";
 console.log(`%c[ReactiveView]: ${version}`, "background-color: red; color: yellow;");
@@ -734,12 +728,16 @@ function useSubscription() {
 var Prop = ({ default: value, type, validator, required } = {}) => {
   const types1 = Array.isArray(type) ? type : [type != null ? type : Array];
   const types2 = types1.includes(Object) ? types1 : types1.concat(Object);
-  return __spreadProps(__spreadValues({}, value ? { default: ref2(value) } : {}), {
+  return __spreadProps(__spreadValues({}, value ? { default: isRef2(value) || isReactive2(value) ? value : ref2(value) } : {}), {
     required,
     validator: (value2) => {
-      return validator ? validator(unref2(value2)) : Array.from(new Set(types2.map((type2) => {
-        return typeof type2 === "function" ? type2().constructor.name : type2;
-      }))).includes(unref2(value2).constructor.name);
+      try {
+        return validator ? validator(unref2(value2)) : Array.from(new Set(types2.map((type2) => {
+          return typeof type2 === "function" ? type2().constructor.name : type2;
+        }))).includes(unref2(value2).constructor.name);
+      } catch (e) {
+        return required;
+      }
     }
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.1.0-beta.13",
+    "version": "0.1.0-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",