phecda-vue 4.0.8 → 5.1.0

package/dist/index.d.mts

@@ -36,4 +36,8 @@ declare function WatchEffect(option?: WatchOptions): (proto: any, key: string) =
 declare function markRaw<T extends object>(value: T): Raw<T>;
 declare function createSharedReactive<F extends (...args: any) => any>(composable: F): () => ReturnType<F>;
 
-export { type Raw, RawSymbol, type ReplaceInstanceValues, Shallow, VuePhecda, WatchEffect, createPhecda, createSharedReactive, getPhecda, getR, getRaw, getV, markRaw, phecdaSymbol, useEvent, usePhecda, useR, useRaw, useV };
+declare function hasI(model: Construct): boolean;
+declare function useIR<T extends Construct>(model: T, forceProvide?: boolean): UnwrapNestedRefs<InstanceType<T>>;
+declare function useIV<T extends Construct>(model: T, forceProvide?: boolean): ReplaceInstanceValues<InstanceType<T>>;
+
+export { type Raw, RawSymbol, type ReplaceInstanceValues, Shallow, VuePhecda, WatchEffect, createPhecda, createSharedReactive, getPhecda, getR, getRaw, getV, hasI, markRaw, phecdaSymbol, useEvent, useIR, useIV, usePhecda, useR, useRaw, useV };

package/dist/index.d.ts

@@ -36,4 +36,8 @@ declare function WatchEffect(option?: WatchOptions): (proto: any, key: string) =
 declare function markRaw<T extends object>(value: T): Raw<T>;
 declare function createSharedReactive<F extends (...args: any) => any>(composable: F): () => ReturnType<F>;
 
-export { type Raw, RawSymbol, type ReplaceInstanceValues, Shallow, VuePhecda, WatchEffect, createPhecda, createSharedReactive, getPhecda, getR, getRaw, getV, markRaw, phecdaSymbol, useEvent, usePhecda, useR, useRaw, useV };
+declare function hasI(model: Construct): boolean;
+declare function useIR<T extends Construct>(model: T, forceProvide?: boolean): UnwrapNestedRefs<InstanceType<T>>;
+declare function useIV<T extends Construct>(model: T, forceProvide?: boolean): ReplaceInstanceValues<InstanceType<T>>;
+
+export { type Raw, RawSymbol, type ReplaceInstanceValues, Shallow, VuePhecda, WatchEffect, createPhecda, createSharedReactive, getPhecda, getR, getRaw, getV, hasI, markRaw, phecdaSymbol, useEvent, useIR, useIV, usePhecda, useR, useRaw, useV };

package/dist/index.js

@@ -31,9 +31,12 @@ __export(src_exports, {
   getR: () => getR,
   getRaw: () => getRaw,
   getV: () => getV,
+  hasI: () => hasI,
   markRaw: () => markRaw,
   phecdaSymbol: () => phecdaSymbol,
   useEvent: () => useEvent,
+  useIR: () => useIR,
+  useIV: () => useIV,
   usePhecda: () => usePhecda,
   useR: () => useR,
   useRaw: () => useRaw,
@@ -428,7 +431,7 @@ function usePhecda() {
   return cacheMap.get(activePhecda);
 }
 __name(usePhecda, "usePhecda");
-function setStateToComponent(model) {
+function setMetaToComponent(model) {
   if (USE_DEVTOOLS) {
     const currentInstance = (0, import_vue3.getCurrentInstance)();
     if (currentInstance && currentInstance.proxy) {
@@ -439,7 +442,7 @@ function setStateToComponent(model) {
     }
   }
 }
-__name(setStateToComponent, "setStateToComponent");
+__name(setMetaToComponent, "setMetaToComponent");
 function getPhecda(phecda) {
   const activePhecda = phecda || (0, import_phecda_web2.getDefaultPhecda)("vue");
   if (!activePhecda) throw new Error("[phecda-vue]:  manually inject the phecda instance if there is no default phecda");
@@ -459,7 +462,7 @@ function useEvent(eventName, cb) {
 }
 __name(useEvent, "useEvent");
 function useR(model) {
-  setStateToComponent(model);
+  setMetaToComponent(model);
   return usePhecda().init(model);
 }
 __name(useR, "useR");
@@ -468,7 +471,7 @@ function getR(model, phecda) {
 }
 __name(getR, "getR");
 function useV(model) {
-  setStateToComponent(model);
+  setMetaToComponent(model);
   const instance = usePhecda().init(model);
   if (cacheMap.has(instance)) return cacheMap.get(instance);
   const cache = {};
@@ -524,9 +527,8 @@ function Shallow(model) {
 __name(Shallow, "Shallow");
 function WatchEffect(option) {
   return (proto, key) => {
-    (0, import_phecda_web3.setStateKey)(proto, key);
     let stopHandler;
-    (0, import_phecda_web3.setHandler)(proto, key, {
+    (0, import_phecda_web3.setMeta)(proto, key, void 0, {
       init(instance) {
         if (typeof instance[key] !== "function") throw new Error("WatchEffect must decorate function");
         stopHandler = (0, import_vue4.watchEffect)(instance[key].bind(instance), option);
@@ -538,6 +540,58 @@ function WatchEffect(option) {
   };
 }
 __name(WatchEffect, "WatchEffect");
+
+// src/lib.ts
+var import_phecda_web4 = require("phecda-web");
+var import_vue5 = require("vue");
+function hasI(model) {
+  const tag = (0, import_phecda_web4.getTag)(model);
+  const injectKey = `phecda-vue:lib ${tag.toString()}`;
+  return !!(0, import_vue5.inject)(injectKey);
+}
+__name(hasI, "hasI");
+function useIR(model, forceProvide = false) {
+  const tag = (0, import_phecda_web4.getTag)(model);
+  const injectKey = `phecda-vue:lib ${tag.toString()}`;
+  let existModule = (0, import_vue5.inject)(injectKey);
+  if (!existModule || forceProvide) {
+    const data = {
+      // keep class name
+      [model.name]: class extends model {
+      }
+    };
+    existModule = (0, import_phecda_web4.bindMethod)((0, import_vue5.reactive)(new data[model.name]()));
+    (0, import_vue5.provide)(injectKey, existModule);
+    return existModule;
+  } else {
+    return existModule;
+  }
+}
+__name(useIR, "useIR");
+var weakmap = /* @__PURE__ */ new WeakMap();
+function useIV(model, forceProvide = false) {
+  const instance = useIR(model, forceProvide);
+  if (weakmap.has(instance)) return weakmap.get(instance);
+  const cache = {};
+  const proxy = new Proxy(instance, {
+    get(target, key) {
+      if (typeof target[key] === "function") return target[key];
+      if (target[key]?.__v_skip) return target[key];
+      const cacheRef = cache[key];
+      if (cacheRef && cacheRef.r) return cacheRef();
+      cache[key] = createSharedReactive(() => {
+        return (0, import_vue5.toRef)(target, key);
+      });
+      return cache[key]();
+    },
+    set() {
+      return false;
+    }
+  });
+  weakmap.set(instance, proxy);
+  return proxy;
+}
+__name(useIV, "useIV");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Shallow,
@@ -549,9 +603,12 @@ __name(WatchEffect, "WatchEffect");
   getR,
   getRaw,
   getV,
+  hasI,
   markRaw,
   phecdaSymbol,
   useEvent,
+  useIR,
+  useIV,
   usePhecda,
   useR,
   useRaw,

package/dist/index.mjs

@@ -390,7 +390,7 @@ function usePhecda() {
   return cacheMap.get(activePhecda);
 }
 __name(usePhecda, "usePhecda");
-function setStateToComponent(model) {
+function setMetaToComponent(model) {
   if (USE_DEVTOOLS) {
     const currentInstance = getCurrentInstance();
     if (currentInstance && currentInstance.proxy) {
@@ -401,7 +401,7 @@ function setStateToComponent(model) {
     }
   }
 }
-__name(setStateToComponent, "setStateToComponent");
+__name(setMetaToComponent, "setMetaToComponent");
 function getPhecda(phecda) {
   const activePhecda = phecda || getDefaultPhecda("vue");
   if (!activePhecda) throw new Error("[phecda-vue]:  manually inject the phecda instance if there is no default phecda");
@@ -421,7 +421,7 @@ function useEvent(eventName, cb) {
 }
 __name(useEvent, "useEvent");
 function useR(model) {
-  setStateToComponent(model);
+  setMetaToComponent(model);
   return usePhecda().init(model);
 }
 __name(useR, "useR");
@@ -430,7 +430,7 @@ function getR(model, phecda) {
 }
 __name(getR, "getR");
 function useV(model) {
-  setStateToComponent(model);
+  setMetaToComponent(model);
   const instance = usePhecda().init(model);
   if (cacheMap.has(instance)) return cacheMap.get(instance);
   const cache = {};
@@ -478,7 +478,7 @@ function getV(model, phecda) {
 __name(getV, "getV");
 
 // src/decorator.ts
-import { set, setHandler, setStateKey } from "phecda-web";
+import { set, setMeta } from "phecda-web";
 import { watchEffect } from "vue";
 function Shallow(model) {
   set(model.prototype, "shallow", true);
@@ -486,9 +486,8 @@ function Shallow(model) {
 __name(Shallow, "Shallow");
 function WatchEffect(option) {
   return (proto, key) => {
-    setStateKey(proto, key);
     let stopHandler;
-    setHandler(proto, key, {
+    setMeta(proto, key, void 0, {
       init(instance) {
         if (typeof instance[key] !== "function") throw new Error("WatchEffect must decorate function");
         stopHandler = watchEffect(instance[key].bind(instance), option);
@@ -500,6 +499,58 @@ function WatchEffect(option) {
   };
 }
 __name(WatchEffect, "WatchEffect");
+
+// src/lib.ts
+import { bindMethod as bindMethod3, getTag as getTag3 } from "phecda-web";
+import { inject as inject2, provide, reactive as reactive2, toRef as toRef2 } from "vue";
+function hasI(model) {
+  const tag = getTag3(model);
+  const injectKey = `phecda-vue:lib ${tag.toString()}`;
+  return !!inject2(injectKey);
+}
+__name(hasI, "hasI");
+function useIR(model, forceProvide = false) {
+  const tag = getTag3(model);
+  const injectKey = `phecda-vue:lib ${tag.toString()}`;
+  let existModule = inject2(injectKey);
+  if (!existModule || forceProvide) {
+    const data = {
+      // keep class name
+      [model.name]: class extends model {
+      }
+    };
+    existModule = bindMethod3(reactive2(new data[model.name]()));
+    provide(injectKey, existModule);
+    return existModule;
+  } else {
+    return existModule;
+  }
+}
+__name(useIR, "useIR");
+var weakmap = /* @__PURE__ */ new WeakMap();
+function useIV(model, forceProvide = false) {
+  const instance = useIR(model, forceProvide);
+  if (weakmap.has(instance)) return weakmap.get(instance);
+  const cache = {};
+  const proxy = new Proxy(instance, {
+    get(target, key) {
+      if (typeof target[key] === "function") return target[key];
+      if (target[key]?.__v_skip) return target[key];
+      const cacheRef = cache[key];
+      if (cacheRef && cacheRef.r) return cacheRef();
+      cache[key] = createSharedReactive(() => {
+        return toRef2(target, key);
+      });
+      return cache[key]();
+    },
+    set() {
+      return false;
+    }
+  });
+  weakmap.set(instance, proxy);
+  return proxy;
+}
+__name(useIV, "useIV");
 export {
   Shallow,
   VuePhecda,
@@ -510,9 +561,12 @@ export {
   getR,
   getRaw,
   getV,
+  hasI,
   markRaw,
   phecdaSymbol,
   useEvent,
+  useIR,
+  useIV,
   usePhecda,
   useR,
   useRaw,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phecda-vue",
-  "version": "4.0.8",
+  "version": "5.1.0",
   "description": "provide phecda function to vue",
   "author": "fgsreally",
   "license": "MIT",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@vue/devtools-api": "^6.6.3",
     "vue": "^3.2.45",
-    "phecda-web": "2.0.8"
+    "phecda-web": "3.0.0"
   },
   "devDependencies": {
     "@vue/test-utils": "^2.4.6",