phecda-vue 3.0.0-beta.20 → 3.0.0-beta.22

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Ref, App, UnwrapNestedRefs } from 'vue';
+import { Ref, App, UnwrapNestedRefs, WatchOptions } from 'vue';
 import { Construct, Events } from 'phecda-web';
 export * from 'phecda-web';
 
@@ -62,5 +62,6 @@ declare function useEvent<Key extends keyof Events>(eventName: Key, cb: (event:
 declare function initialize<M extends Construct>(model: M, deleteOtherProperty?: boolean): InstanceType<M> | void;
 
 declare function Shallow(model: any): void;
+declare function WatchEffect(option?: WatchOptions): (proto: any, key: string) => void;
 
-export { DeepPartial, RE, Raw, RawSymbol, ReplaceInstanceValues, SchemaToObj, Shallow, createFilter, createPhecda, createSharedReactive, initialize, isObject, markRaw, mergeReactiveObjects, phecdaSymbol, useEvent, useO, usePatch, useR, useRaw, useV };
+export { DeepPartial, RE, Raw, RawSymbol, ReplaceInstanceValues, SchemaToObj, Shallow, WatchEffect, createFilter, createPhecda, createSharedReactive, initialize, isObject, markRaw, mergeReactiveObjects, phecdaSymbol, useEvent, useO, usePatch, useR, useRaw, useV };

package/dist/index.js

@@ -24,6 +24,7 @@ var src_exports = {};
 __export(src_exports, {
   RE: () => RE,
   Shallow: () => Shallow,
+  WatchEffect: () => WatchEffect,
   createFilter: () => createFilter,
   createPhecda: () => createPhecda,
   createSharedReactive: () => createSharedReactive,
@@ -322,14 +323,33 @@ __name(initialize, "initialize");
 
 // src/decorator.ts
 var import_phecda_web3 = require("phecda-web");
+var import_vue5 = require("vue");
 function Shallow(model) {
   (0, import_phecda_web3.set)(model.prototype, "shallow", true);
 }
 __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, {
+      init(instance) {
+        if (typeof instance[key] !== "function")
+          throw new Error("WatchEffect must decorate function");
+        stopHandler = (0, import_vue5.watchEffect)(instance[key].bind(instance), option);
+      },
+      unmount() {
+        return stopHandler?.();
+      }
+    });
+  };
+}
+__name(WatchEffect, "WatchEffect");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   RE,
   Shallow,
+  WatchEffect,
   createFilter,
   createPhecda,
   createSharedReactive,

package/dist/index.mjs

@@ -281,14 +281,33 @@ function initialize(model, deleteOtherProperty = true) {
 __name(initialize, "initialize");
 
 // src/decorator.ts
-import { set } from "phecda-web";
+import { set, setHandler, setStateKey } from "phecda-web";
+import { watchEffect } from "vue";
 function Shallow(model) {
   set(model.prototype, "shallow", true);
 }
 __name(Shallow, "Shallow");
+function WatchEffect(option) {
+  return (proto, key) => {
+    setStateKey(proto, key);
+    let stopHandler;
+    setHandler(proto, key, {
+      init(instance) {
+        if (typeof instance[key] !== "function")
+          throw new Error("WatchEffect must decorate function");
+        stopHandler = watchEffect(instance[key].bind(instance), option);
+      },
+      unmount() {
+        return stopHandler?.();
+      }
+    });
+  };
+}
+__name(WatchEffect, "WatchEffect");
 export {
   RE,
   Shallow,
+  WatchEffect,
   createFilter,
   createPhecda,
   createSharedReactive,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phecda-vue",
-  "version": "3.0.0-beta.20",
+  "version": "3.0.0-beta.22",
   "description": "provide phecda function to vue",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -13,7 +13,7 @@
   "license": "MIT",
   "dependencies": {
     "vue": "^3.2.45",
-    "phecda-web": "1.0.1-beta.13"
+    "phecda-web": "1.0.1-beta.14"
   },
   "devDependencies": {
     "tsup": "^6.5.0"