phecda-vue 1.3.0 → 1.3.2

package/dist/index.d.ts

@@ -97,7 +97,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: <T>(wrapComp: Component<T>, props?: Partial<T>, modelKey?: string) => <P>(comp: Component<P>, props?: P) => void;
+declare const createLayer: <T>(wrapComp: Component<T>, props?: Partial<T>, modelKey?: string) => <P>(comp: Component<P>, props?: P) => void;
 
 declare function createTable<P extends {
     $props: any;
@@ -127,4 +127,4 @@ declare class PV {
     off<Key extends keyof PhecdaEvents>(type: Key, handler?: (arg: PhecdaEvents[Key]) => void): void;
 }
 
-export { EXPRESS_RE, FN_RE, GetDevUIRules, PV, PhecdaEmitter, PublicOnly, ReplaceInstanceValues, SchemaToObj, createFilter, createForm, createFormData, createModal, createPhecda, createPipe, createTable, emitter, getActivePhecda, getAntDRules, getElementPlusRules, getNaiveUIRules, getNutUIRules, getReactiveMap, getVantRules, initialize, phecdaSymbol, setActivePhecda, useEvent, useO, usePatch, useR, useV };
+export { EXPRESS_RE, FN_RE, GetDevUIRules, PV, PhecdaEmitter, PublicOnly, ReplaceInstanceValues, SchemaToObj, createFilter, createForm, createFormData, createLayer, createPhecda, createPipe, createTable, emitter, getActivePhecda, getAntDRules, getElementPlusRules, getNaiveUIRules, getNutUIRules, getReactiveMap, getVantRules, initialize, phecdaSymbol, setActivePhecda, useEvent, useO, usePatch, useR, useV };

package/dist/index.js

@@ -35,7 +35,7 @@ __export(src_exports, {
   createFilter: () => createFilter,
   createForm: () => createForm,
   createFormData: () => createFormData,
-  createModal: () => createModal,
+  createLayer: () => createLayer,
   createPhecda: () => createPhecda,
   createPipe: () => createPipe,
   createTable: () => createTable,
@@ -447,8 +447,11 @@ function createForm(compSet, form, formItem, options = {}) {
   __name(generateChildVNode, "generateChildVNode");
   function generateVNode(props) {
     const { property } = props;
-    return (0, import_vue5.h)(compSet[props.config[property]._component], {
-      ...props.config[property],
+    const item = props.config[property];
+    return (0, import_vue5.h)(compSet[item._component], {
+      ...item,
+      onVnodeMounted: (vnode) => item._mount?.(vnode),
+      onVnodeUnmounted: (vnode) => item._unmount?.(vnode),
       [`${modelKey}`]: props.data[property],
       [`onUpdate:${modelKey}`]: (v) => {
         if (onUpdate)
@@ -659,13 +662,13 @@ function getNutUIRules(Model, options = {}) {
 __name(getNutUIRules, "getNutUIRules");
 var getVantRules = getNutUIRules;
 
-// src/components/createModal.ts
+// src/components/createLayer.ts
 var import_vue7 = require("vue");
-var createModal = /* @__PURE__ */ __name(function(modalWrapper, props = {}, modelKey = "modelValue") {
+var createLayer = /* @__PURE__ */ __name(function(modalWrapper, props = {}, modelKey = "modelValue") {
   let isMounted = false;
-  const isShow = (0, import_vue7.ref)(true);
+  const isShow = (0, import_vue7.shallowRef)(true);
   const content = (0, import_vue7.shallowRef)();
-  const propsRef = (0, import_vue7.ref)({});
+  const propsRef = (0, import_vue7.shallowRef)({});
   const wrapper = (0, import_vue7.defineComponent)({
     setup() {
       return () => (0, import_vue7.h)(modalWrapper, {
@@ -691,7 +694,7 @@ var createModal = /* @__PURE__ */ __name(function(modalWrapper, props = {}, mode
       isShow.value = true;
     }
   };
-}, "createModal");
+}, "createLayer");
 
 // src/components/createTable.ts
 var import_vue8 = require("vue");
@@ -797,7 +800,7 @@ __name(PV, "PV");
   createFilter,
   createForm,
   createFormData,
-  createModal,
+  createLayer,
   createPhecda,
   createPipe,
   createTable,

package/dist/index.mjs

@@ -390,8 +390,11 @@ function createForm(compSet, form, formItem, options = {}) {
   __name(generateChildVNode, "generateChildVNode");
   function generateVNode(props) {
     const { property } = props;
-    return h(compSet[props.config[property]._component], {
-      ...props.config[property],
+    const item = props.config[property];
+    return h(compSet[item._component], {
+      ...item,
+      onVnodeMounted: (vnode) => item._mount?.(vnode),
+      onVnodeUnmounted: (vnode) => item._unmount?.(vnode),
       [`${modelKey}`]: props.data[property],
       [`onUpdate:${modelKey}`]: (v) => {
         if (onUpdate)
@@ -602,13 +605,13 @@ function getNutUIRules(Model, options = {}) {
 __name(getNutUIRules, "getNutUIRules");
 var getVantRules = getNutUIRules;
 
-// src/components/createModal.ts
-import { defineComponent as defineComponent2, h as h2, ref as ref3, render, shallowRef } from "vue";
-var createModal = /* @__PURE__ */ __name(function(modalWrapper, props = {}, modelKey = "modelValue") {
+// src/components/createLayer.ts
+import { defineComponent as defineComponent2, h as h2, render, shallowRef } from "vue";
+var createLayer = /* @__PURE__ */ __name(function(modalWrapper, props = {}, modelKey = "modelValue") {
   let isMounted = false;
-  const isShow = ref3(true);
+  const isShow = shallowRef(true);
   const content = shallowRef();
-  const propsRef = ref3({});
+  const propsRef = shallowRef({});
   const wrapper = defineComponent2({
     setup() {
       return () => h2(modalWrapper, {
@@ -634,10 +637,10 @@ var createModal = /* @__PURE__ */ __name(function(modalWrapper, props = {}, mode
       isShow.value = true;
     }
   };
-}, "createModal");
+}, "createLayer");
 
 // src/components/createTable.ts
-import { defineComponent as defineComponent3, h as h3, onMounted as onMounted2, ref as ref4 } from "vue";
+import { defineComponent as defineComponent3, h as h3, onMounted as onMounted2, ref as ref3 } from "vue";
 function createTable(compSet, table, tableColumn, data) {
   const TableColumn = defineComponent3({
     name: "PhecdaTableColumn",
@@ -671,7 +674,7 @@ function createTable(compSet, table, tableColumn, data) {
       }
     },
     setup(props, ctx) {
-      const dom = ref4();
+      const dom = ref3();
       onMounted2(() => {
         ctx.expose({
           ...dom.value
@@ -739,7 +742,7 @@ export {
   createFilter,
   createForm,
   createFormData,
-  createModal,
+  createLayer,
   createPhecda,
   createPipe,
   createTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phecda-vue",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "provide store/form/table with phecda function to vue",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -14,7 +14,7 @@
   "dependencies": {
     "mitt": "^3.0.0",
     "vue": "^3.2.45",
-    "phecda-core": "1.2.0"
+    "phecda-core": "1.2.1"
   },
   "devDependencies": {
     "tsup": "^6.5.0"