phecda-vue 4.0.0 → 4.0.1

package/README.md

@@ -1,5 +1,5 @@
 # phecda-vue
-provide store/form/table with phecda function to vue
+provide state management with phecda function to vue
 
 ## store
 ```ts

package/dist/index.d.ts

@@ -28,7 +28,7 @@ declare function useEvent<Key extends keyof Events>(eventName: Key, cb: (event:
 declare function useR<T extends Construct>(model: T, phecda?: VuePhecda): UnwrapNestedRefs<InstanceType<T>>;
 declare function useV<T extends Construct>(model: T, phecda?: VuePhecda): ReplaceInstanceValues<InstanceType<T>>;
 
-declare function Shallow(model: any): void;
+declare function Shallow(isShallow?: boolean): (model: any) => void;
 declare function WatchEffect(option?: WatchOptions): (proto: any, key: string) => void;
 
 declare function markRaw<T extends object>(value: T): Raw<T>;

package/dist/index.js

@@ -41,7 +41,7 @@ __reExport(src_exports, require("phecda-web"), module.exports);
 // src/core.ts
 var import_vue = require("vue");
 var import_phecda_web = require("phecda-web");
-var phecdaSymbol = Symbol("phecda-vue");
+var phecdaSymbol = Symbol(process.env.NODE_ENV === "development" ? "phecda-vue" : void 0);
 var VuePhecda = class extends import_phecda_web.WebPhecda {
   install(app) {
     app.provide(phecdaSymbol, this);
@@ -50,7 +50,7 @@ var VuePhecda = class extends import_phecda_web.WebPhecda {
 __name(VuePhecda, "VuePhecda");
 function createPhecda() {
   return new VuePhecda((instance) => {
-    return (0, import_phecda_web.get)(instance, "shallow") ? (0, import_vue.shallowReactive)(instance) : (0, import_vue.reactive)(instance);
+    return (0, import_phecda_web.bindMethod)((0, import_phecda_web.get)(instance, "shallow") ? (0, import_vue.shallowReactive)(instance) : (0, import_vue.reactive)(instance));
   });
 }
 __name(createPhecda, "createPhecda");
@@ -127,11 +127,7 @@ function useV(model, phecda) {
   const proxy = new Proxy(instance, {
     get(target, key) {
       if (typeof target[key] === "function") {
-        if (target[key].toString().startsWith("("))
-          return target[key];
-        if (!cache[key])
-          cache[key] = target[key].bind(target);
-        return cache[key];
+        return target[key];
       }
       if (target[key]?.__v_skip)
         return target[key];
@@ -155,8 +151,10 @@ __name(useV, "useV");
 // src/decorator.ts
 var import_phecda_web3 = require("phecda-web");
 var import_vue4 = require("vue");
-function Shallow(model) {
-  (0, import_phecda_web3.set)(model.prototype, "shallow", true);
+function Shallow(isShallow = true) {
+  return (model) => {
+    (0, import_phecda_web3.set)(model.prototype, "shallow", isShallow);
+  };
 }
 __name(Shallow, "Shallow");
 function WatchEffect(option) {

package/dist/index.mjs

@@ -6,8 +6,8 @@ export * from "phecda-web";
 
 // src/core.ts
 import { reactive, shallowReactive } from "vue";
-import { WebPhecda, get } from "phecda-web";
-var phecdaSymbol = Symbol("phecda-vue");
+import { WebPhecda, bindMethod, get } from "phecda-web";
+var phecdaSymbol = Symbol(process.env.NODE_ENV === "development" ? "phecda-vue" : void 0);
 var VuePhecda = class extends WebPhecda {
   install(app) {
     app.provide(phecdaSymbol, this);
@@ -16,13 +16,13 @@ var VuePhecda = class extends WebPhecda {
 __name(VuePhecda, "VuePhecda");
 function createPhecda() {
   return new VuePhecda((instance) => {
-    return get(instance, "shallow") ? shallowReactive(instance) : reactive(instance);
+    return bindMethod(get(instance, "shallow") ? shallowReactive(instance) : reactive(instance));
   });
 }
 __name(createPhecda, "createPhecda");
 
 // src/composable.ts
-import { bindMethod, emitter } from "phecda-web";
+import { bindMethod as bindMethod2, emitter } from "phecda-web";
 import { hasInjectionContext, inject, onBeforeUnmount, toRaw, toRef } from "vue";
 
 // src/utils.ts
@@ -66,7 +66,7 @@ function usePhecda(phecda) {
   if (!activePhecda)
     throw new Error("[phecda-vue]: must install the vue plugin (if used in setup) or manually inject the phecda instance ");
   if (!cacheMap.has(activePhecda))
-    cacheMap.set(activePhecda, bindMethod(activePhecda));
+    cacheMap.set(activePhecda, bindMethod2(activePhecda));
   return cacheMap.get(activePhecda);
 }
 __name(usePhecda, "usePhecda");
@@ -93,11 +93,7 @@ function useV(model, phecda) {
   const proxy = new Proxy(instance, {
     get(target, key) {
       if (typeof target[key] === "function") {
-        if (target[key].toString().startsWith("("))
-          return target[key];
-        if (!cache[key])
-          cache[key] = target[key].bind(target);
-        return cache[key];
+        return target[key];
       }
       if (target[key]?.__v_skip)
         return target[key];
@@ -121,8 +117,10 @@ __name(useV, "useV");
 // src/decorator.ts
 import { set, setHandler, setStateKey } from "phecda-web";
 import { watchEffect } from "vue";
-function Shallow(model) {
-  set(model.prototype, "shallow", true);
+function Shallow(isShallow = true) {
+  return (model) => {
+    set(model.prototype, "shallow", isShallow);
+  };
 }
 __name(Shallow, "Shallow");
 function WatchEffect(option) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phecda-vue",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "provide phecda function to vue",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -17,7 +17,7 @@
   "license": "MIT",
   "dependencies": {
     "vue": "^3.2.45",
-    "phecda-web": "2.0.0"
+    "phecda-web": "2.0.1"
   },
   "devDependencies": {
     "@vue/test-utils": "^2.4.6",