phecda-vue 1.0.2 → 1.1.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as mitt from 'mitt';
 import { EventType, Handler, Emitter } from 'mitt';
 import * as vue from 'vue';
-import { Ref, App, UnwrapNestedRefs, Component, DefineComponent, ExtractPropTypes } from 'vue';
+import { Ref, App, UnwrapNestedRefs, Component, DefineComponent, ExtractPropTypes, VNode } from 'vue';
 import { Phecda } from 'phecda-core';
 export * from 'phecda-core';
 
@@ -16,15 +16,13 @@ interface PhecdaEvents extends Record<EventType, unknown> {
 }
 
 declare const emitter: mitt.Emitter<PhecdaEvents>;
-declare const emit: {
+declare const invokeAction: {
     <Key extends keyof PhecdaEvents>(type: Key, event: PhecdaEvents[Key]): void;
     <Key_1 extends keyof PhecdaEvents>(type: undefined extends PhecdaEvents[Key_1] ? Key_1 : never): void;
 };
 
-declare function Watcher(eventName: string): (obj: any, key: string) => void;
-
 declare const phecdaSymbol: unique symbol;
-declare function createPhecda(): vue.Raw<{
+declare function createPhecda(symbol?: string): vue.Raw<{
     install(app: App): void;
     useVMap: WeakMap<object, any>;
     useOMap: WeakMap<object, any>;
@@ -41,6 +39,7 @@ interface PhecdaInstance {
 }
 declare function setActivePhecda(phecda: PhecdaInstance): void;
 declare function getActivePhecda(): PhecdaInstance;
+declare function getReactiveMap(symbol: string): Map<string, any> | null;
 
 type _DeepPartial<T> = {
     [K in keyof T]?: _DeepPartial<T[K]>;
@@ -50,7 +49,7 @@ declare function useO<T extends new (...args: any) => any>(Model: T): UnwrapNest
 declare function usePatch<T extends new (...args: any) => any>(Model: T, Data: _DeepPartial<InstanceType<T>>): void;
 declare function useR<T extends new (...args: any) => any>(Model: T): UnwrapNestedRefs<InstanceType<T>>;
 declare function useV<T extends new (...args: any) => any>(Model: T): Vret<InstanceType<T>>;
-declare function useOn<Key extends keyof PhecdaEvents>(eventName: Key, cb: Handler<PhecdaEvents[Key]>): () => void;
+declare function useEvent<Key extends keyof PhecdaEvents>(eventName: Key, cb: Handler<PhecdaEvents[Key]>): () => void;
 declare function initalize<M extends new (...args: any) => any>(Model: M): InstanceType<M> | void;
 declare function clearStorage<M extends new (...args: any) => any>(Model: M, isForceUpdate?: boolean): void;
 declare function deleteStorage(tag: string): void;
@@ -108,7 +107,7 @@ declare const getAntDRules: typeof getNaiveUIRules;
 declare function getNutUIRules<M, O extends object>(Model: M, options?: O): any;
 declare const getVantRules: typeof getNutUIRules;
 
-declare const createModal: <P>(w: Component, k: string) => (comp: DefineComponent<P, any, any>, props?: ExtractPropTypes<P>) => void;
+declare const createModal: <P>(w: Component) => (comp: DefineComponent<P, any, any>, props?: ExtractPropTypes<P>) => void;
 
 declare function createTable<P extends {
     $props: any;
@@ -116,4 +115,18 @@ declare function createTable<P extends {
     config: Object;
 } & P['$props']>;
 
-export { EXPRESS_RE, FN_RE, GetDevUIRules, P, PhecdaEvents, SchemaToObj, Vret, Watcher, clearStorage, createFilter, createForm, createFormData, createModal, createPhecda, createTable, deleteStorage, emit, emitter, getActivePhecda, getAntDRules, getElementPlusRules, getNaiveUIRules, getNutUIRules, getVantRules, initalize, phecdaSymbol, setActivePhecda, useO, useOn, usePatch, useR, useV };
+declare function createPipe<Props extends {
+    $props: any;
+}>(comp: Component<Props>, props: Props['$props'] & {
+    [key in string]: any;
+}, to?: string, slot?: any): PipeRet;
+interface PipeRet {
+    to: <Props extends {
+        $props: any;
+    }>(comp: Component<Props>, props: Props['$props'] & {
+        [key in string]: any;
+    }, to: string) => PipeRet;
+    get: Record<string, () => VNode>;
+}
+
+export { EXPRESS_RE, FN_RE, GetDevUIRules, P, PhecdaEvents, SchemaToObj, Vret, clearStorage, createFilter, createForm, createFormData, createModal, createPhecda, createPipe, createTable, deleteStorage, emitter, getActivePhecda, getAntDRules, getElementPlusRules, getNaiveUIRules, getNutUIRules, getReactiveMap, getVantRules, initalize, invokeAction, phecdaSymbol, setActivePhecda, useEvent, useO, usePatch, useR, useV };

package/dist/index.js

@@ -31,28 +31,29 @@ __export(src_exports, {
   FN_RE: () => FN_RE,
   GetDevUIRules: () => GetDevUIRules,
   P: () => P,
-  Watcher: () => Watcher,
   clearStorage: () => clearStorage,
   createFilter: () => createFilter,
   createForm: () => createForm,
   createFormData: () => createFormData,
   createModal: () => createModal,
   createPhecda: () => createPhecda,
+  createPipe: () => createPipe,
   createTable: () => createTable,
   deleteStorage: () => deleteStorage,
-  emit: () => emit,
   emitter: () => emitter,
   getActivePhecda: () => getActivePhecda,
   getAntDRules: () => getAntDRules,
   getElementPlusRules: () => getElementPlusRules,
   getNaiveUIRules: () => getNaiveUIRules,
   getNutUIRules: () => getNutUIRules,
+  getReactiveMap: () => getReactiveMap,
   getVantRules: () => getVantRules,
   initalize: () => initalize,
+  invokeAction: () => invokeAction,
   phecdaSymbol: () => phecdaSymbol,
   setActivePhecda: () => setActivePhecda,
+  useEvent: () => useEvent,
   useO: () => useO,
-  useOn: () => useOn,
   usePatch: () => usePatch,
   useR: () => useR,
   useV: () => useV
@@ -62,32 +63,48 @@ module.exports = __toCommonJS(src_exports);
 // src/emitter.ts
 var import_mitt = __toESM(require("mitt"));
 var emitter = (0, import_mitt.default)();
-var emit = emitter.emit.bind(emitter);
-
-// src/decorators.ts
-var import_phecda_core = require("phecda-core");
-function Watcher(eventName) {
-  return (obj, key) => {
-    (0, import_phecda_core.setModalState)(obj, key);
-    (0, import_phecda_core.regisHandler)(obj, key, {
-      init(instance) {
-        emitter.on(eventName, instance[key].bind(instance));
-      }
-    });
-  };
-}
+var invokeAction = emitter.emit.bind(emitter);
 
 // src/vue/phecda.ts
 var import_vue = require("vue");
+var import_phecda_core = require("phecda-core");
 var phecdaSymbol = Symbol("phecda");
-function createPhecda() {
+function createPhecda(symbol) {
   const phecda = (0, import_vue.markRaw)({
     install(app) {
       app.provide(phecdaSymbol, phecda);
       app.config.globalProperties.$phecda = phecda;
+      if (!window._phecda)
+        window._phecda = {};
+      if (symbol) {
+        window._phecda[symbol] = {
+          instance: phecda,
+          snapshot: () => {
+            const ret = [];
+            for (const [key, value] of phecda.useOMap)
+              ret.push({ key: (0, import_phecda_core.getTag)(key) || key.name, value });
+            return ret;
+          }
+        };
+      }
+      const eventRecord = [];
+      (0, import_phecda_core.injectProperty)("watcher", ({ eventName, instance, key }) => {
+        const fn = typeof instance[key] === "function" ? instance[key].bind(instance) : (v) => instance[key] = v;
+        eventRecord.push([eventName, fn]);
+        emitter.on(eventName, fn);
+      });
+      const originUnmount = app.unmount.bind(app);
+      app.unmount = () => {
+        eventRecord.forEach(
+          ([eventName, handler]) => emitter.off(eventName, handler)
+        );
+        if (symbol)
+          delete window._phecda[symbol];
+        originUnmount();
+      };
     },
     useVMap: /* @__PURE__ */ new WeakMap(),
-    useOMap: /* @__PURE__ */ new WeakMap(),
+    useOMap: new (symbol ? Map : WeakMap)(),
     useRMap: /* @__PURE__ */ new WeakMap(),
     fnMap: /* @__PURE__ */ new WeakMap(),
     computedMap: /* @__PURE__ */ new WeakMap()
@@ -107,6 +124,15 @@ function setActivePhecda(phecda) {
 function getActivePhecda() {
   return activePhecda;
 }
+function getReactiveMap(symbol) {
+  if (!window._phecda?.[symbol])
+    return null;
+  const ret = /* @__PURE__ */ new Map();
+  window._phecda[symbol].snapshot.forEach(({ key, value }) => {
+    ret.set(key, value);
+  });
+  return ret;
+}
 
 // src/vue/composable.ts
 var import_vue3 = require("vue");
@@ -260,8 +286,8 @@ function useV(Model) {
   useVMap.set(Model, proxy);
   return proxy;
 }
-function useOn(eventName, cb) {
-  (0, import_vue3.onScopeDispose)(() => {
+function useEvent(eventName, cb) {
+  (0, import_vue3.onBeforeUnmount)(() => {
     emitter.off(eventName, cb);
   });
   emitter.on(eventName, cb);
@@ -657,34 +683,52 @@ function createTable(compSet, table, tableColumn, data) {
     }
   });
 }
+
+// src/components/helper/pipe.ts
+var import_vue8 = require("vue");
+function createPipe(comp, props, to = "default", slot) {
+  const vnodeMap = { [`${to}`]: () => (0, import_vue8.h)(comp, props, slot) };
+  return {
+    to(comp2, props2, to2 = "default") {
+      return createPipe(comp2, props2, to2, vnodeMap);
+    },
+    get() {
+      return vnodeMap;
+    },
+    bind(vnode, to2) {
+      vnodeMap[to2] = () => vnode;
+    }
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EXPRESS_RE,
   FN_RE,
   GetDevUIRules,
   P,
-  Watcher,
   clearStorage,
   createFilter,
   createForm,
   createFormData,
   createModal,
   createPhecda,
+  createPipe,
   createTable,
   deleteStorage,
-  emit,
   emitter,
   getActivePhecda,
   getAntDRules,
   getElementPlusRules,
   getNaiveUIRules,
   getNutUIRules,
+  getReactiveMap,
   getVantRules,
   initalize,
+  invokeAction,
   phecdaSymbol,
   setActivePhecda,
+  useEvent,
   useO,
-  useOn,
   usePatch,
   useR,
   useV

package/dist/index.mjs

@@ -1,32 +1,48 @@
 // src/emitter.ts
 import mitt from "mitt";
 var emitter = mitt();
-var emit = emitter.emit.bind(emitter);
-
-// src/decorators.ts
-import { regisHandler, setModalState } from "phecda-core";
-function Watcher(eventName) {
-  return (obj, key) => {
-    setModalState(obj, key);
-    regisHandler(obj, key, {
-      init(instance) {
-        emitter.on(eventName, instance[key].bind(instance));
-      }
-    });
-  };
-}
+var invokeAction = emitter.emit.bind(emitter);
 
 // src/vue/phecda.ts
 import { markRaw } from "vue";
+import { getTag, injectProperty } from "phecda-core";
 var phecdaSymbol = Symbol("phecda");
-function createPhecda() {
+function createPhecda(symbol) {
   const phecda = markRaw({
     install(app) {
       app.provide(phecdaSymbol, phecda);
       app.config.globalProperties.$phecda = phecda;
+      if (!window._phecda)
+        window._phecda = {};
+      if (symbol) {
+        window._phecda[symbol] = {
+          instance: phecda,
+          snapshot: () => {
+            const ret = [];
+            for (const [key, value] of phecda.useOMap)
+              ret.push({ key: getTag(key) || key.name, value });
+            return ret;
+          }
+        };
+      }
+      const eventRecord = [];
+      injectProperty("watcher", ({ eventName, instance, key }) => {
+        const fn = typeof instance[key] === "function" ? instance[key].bind(instance) : (v) => instance[key] = v;
+        eventRecord.push([eventName, fn]);
+        emitter.on(eventName, fn);
+      });
+      const originUnmount = app.unmount.bind(app);
+      app.unmount = () => {
+        eventRecord.forEach(
+          ([eventName, handler]) => emitter.off(eventName, handler)
+        );
+        if (symbol)
+          delete window._phecda[symbol];
+        originUnmount();
+      };
     },
     useVMap: /* @__PURE__ */ new WeakMap(),
-    useOMap: /* @__PURE__ */ new WeakMap(),
+    useOMap: new (symbol ? Map : WeakMap)(),
     useRMap: /* @__PURE__ */ new WeakMap(),
     fnMap: /* @__PURE__ */ new WeakMap(),
     computedMap: /* @__PURE__ */ new WeakMap()
@@ -46,9 +62,18 @@ function setActivePhecda(phecda) {
 function getActivePhecda() {
   return activePhecda;
 }
+function getReactiveMap(symbol) {
+  if (!window._phecda?.[symbol])
+    return null;
+  const ret = /* @__PURE__ */ new Map();
+  window._phecda[symbol].snapshot.forEach(({ key, value }) => {
+    ret.set(key, value);
+  });
+  return ret;
+}
 
 // src/vue/composable.ts
-import { computed, getCurrentInstance, inject, onScopeDispose as onScopeDispose2, reactive } from "vue";
+import { computed, getCurrentInstance, inject, onBeforeUnmount, reactive } from "vue";
 import { getHandler, register } from "phecda-core";
 
 // src/vue/utils.ts
@@ -199,8 +224,8 @@ function useV(Model) {
   useVMap.set(Model, proxy);
   return proxy;
 }
-function useOn(eventName, cb) {
-  onScopeDispose2(() => {
+function useEvent(eventName, cb) {
+  onBeforeUnmount(() => {
     emitter.off(eventName, cb);
   });
   emitter.on(eventName, cb);
@@ -596,33 +621,51 @@ function createTable(compSet, table, tableColumn, data) {
     }
   });
 }
+
+// src/components/helper/pipe.ts
+import { h as h4 } from "vue";
+function createPipe(comp, props, to = "default", slot) {
+  const vnodeMap = { [`${to}`]: () => h4(comp, props, slot) };
+  return {
+    to(comp2, props2, to2 = "default") {
+      return createPipe(comp2, props2, to2, vnodeMap);
+    },
+    get() {
+      return vnodeMap;
+    },
+    bind(vnode, to2) {
+      vnodeMap[to2] = () => vnode;
+    }
+  };
+}
 export {
   EXPRESS_RE,
   FN_RE,
   GetDevUIRules,
   P,
-  Watcher,
   clearStorage,
   createFilter,
   createForm,
   createFormData,
   createModal,
   createPhecda,
+  createPipe,
   createTable,
   deleteStorage,
-  emit,
   emitter,
   getActivePhecda,
   getAntDRules,
   getElementPlusRules,
   getNaiveUIRules,
   getNutUIRules,
+  getReactiveMap,
   getVantRules,
   initalize,
+  invokeAction,
   phecdaSymbol,
   setActivePhecda,
+  useEvent,
   useO,
-  useOn,
   usePatch,
   useR,
   useV

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phecda-vue",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -14,7 +14,7 @@
   "dependencies": {
     "mitt": "^3.0.0",
     "vue": "^3.2.45",
-    "phecda-core": "1.0.1"
+    "phecda-core": "1.0.4"
   },
   "devDependencies": {
     "tsup": "^6.5.0"