phecda-vue 1.4.0 → 1.5.0

package/dist/index.d.ts

@@ -1,17 +1,14 @@
 import { PhecdaEvents } from 'phecda-core';
 export * from 'phecda-core';
 import * as vue from 'vue';
-import { Ref, App, UnwrapNestedRefs, Component, DefineComponent, VNode } from 'vue';
+import { DeepReadonly, Ref, App, UnwrapNestedRefs, Component, DefineComponent, VNode } from 'vue';
 import { Handler } from 'mitt';
 
-type ReadonlyValue<T> = {
-    readonly [K in keyof T]: K extends 'value' ? T[K] : ReadonlyValue<T[K]>;
-};
 type PublicOnly<T> = {
     [K in keyof T]: T[K] extends Function ? T[K] : K extends string ? T[K] extends ('private' | 'protected') ? never : T[K] : never;
 };
 type ReplaceInstanceValues<I> = {
-    [P in keyof I]: I[P] extends (...args: any[]) => any ? I[P] : I[P] extends Readonly<any> ? ReadonlyValue<Ref<I[P]>> : Ref<I[P]>;
+    [P in keyof I]: I[P] extends (...args: any[]) => any ? I[P] : I[P] extends Readonly<any> ? DeepReadonly<Ref<I[P]>> : Ref<I[P]>;
 };
 type SchemaToObj<S> = {
     [P in keyof S]: S[P] extends object ? SchemaToObj<S[P]> : (S[P] extends string ? any : S[P]);
@@ -119,6 +116,12 @@ interface PipeRet {
     get: Record<string, () => VNode>;
 }
 
+declare const createModal: <T1, T2>(wrapComp: Component<T1>, comp: Component<T2>, opts?: {
+    modelKey?: string;
+    wrapProps?: Partial<T1>;
+    compProps?: Partial<T2>;
+}) => (props?: Partial<T2>, modalProps?: Partial<T1>) => void;
+
 declare class PV {
     constructor();
     get tag(): any;
@@ -127,4 +130,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, createLayer, 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, createModal, createPhecda, createPipe, createTable, emitter, getActivePhecda, getAntDRules, getElementPlusRules, getNaiveUIRules, getNutUIRules, getReactiveMap, getVantRules, initialize, phecdaSymbol, setActivePhecda, useEvent, useO, usePatch, useR, useV };

package/dist/index.js

@@ -36,6 +36,7 @@ __export(src_exports, {
   createForm: () => createForm,
   createFormData: () => createFormData,
   createLayer: () => createLayer,
+  createModal: () => createModal,
   createPhecda: () => createPhecda,
   createPipe: () => createPipe,
   createTable: () => createTable,
@@ -449,7 +450,6 @@ function createForm(compSet, form, formItem, options = {}) {
     const { property } = props;
     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],
@@ -458,7 +458,8 @@ function createForm(compSet, form, formItem, options = {}) {
           onUpdate(property, v);
         else
           props.data[property] = v;
-      }
+      },
+      ...item
     }, {
       default: () => generateChildVNode(props.config[props.property])
     });
@@ -775,6 +776,41 @@ function createPipe(comp, props, to = "default", slot) {
 }
 __name(createPipe, "createPipe");
 
+// src/components/createModal.ts
+var import_vue10 = require("vue");
+var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
+  let isMounted = false;
+  const { modelKey = "modelValue", wrapProps = {}, compProps = {} } = opts;
+  const isShow = (0, import_vue10.shallowRef)(true);
+  const contentProps = (0, import_vue10.shallowRef)({});
+  const modalProps = (0, import_vue10.shallowRef)({});
+  const wrapper = (0, import_vue10.defineComponent)({
+    setup() {
+      return () => (0, import_vue10.h)(wrapComp, {
+        [modelKey]: isShow.value,
+        [`onUpdate:${modelKey}`]: (v) => {
+          isShow.value = v;
+        },
+        ...modalProps.value
+      }, {
+        default: () => (0, import_vue10.h)(comp, contentProps.value)
+      });
+    }
+  });
+  return (props, wrap_props) => {
+    contentProps.value = Object.assign({}, compProps, props);
+    modalProps.value = Object.assign({}, wrapProps, wrap_props);
+    if (!isMounted) {
+      const el = document.createElement("div");
+      const vnode = (0, import_vue10.h)(wrapper);
+      document.body.appendChild(((0, import_vue10.render)(vnode, el), el));
+      isMounted = true;
+    } else {
+      isShow.value = true;
+    }
+  };
+}, "createModal");
+
 // src/wrapper.ts
 var PV = class {
   constructor() {
@@ -803,6 +839,7 @@ __name(PV, "PV");
   createForm,
   createFormData,
   createLayer,
+  createModal,
   createPhecda,
   createPipe,
   createTable,

package/dist/index.mjs

@@ -392,7 +392,6 @@ function createForm(compSet, form, formItem, options = {}) {
     const { property } = props;
     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],
@@ -401,7 +400,8 @@ function createForm(compSet, form, formItem, options = {}) {
           onUpdate(property, v);
         else
           props.data[property] = v;
-      }
+      },
+      ...item
     }, {
       default: () => generateChildVNode(props.config[props.property])
     });
@@ -718,6 +718,41 @@ function createPipe(comp, props, to = "default", slot) {
 }
 __name(createPipe, "createPipe");
 
+// src/components/createModal.ts
+import { defineComponent as defineComponent4, h as h5, render as render2, shallowRef as shallowRef2 } from "vue";
+var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
+  let isMounted = false;
+  const { modelKey = "modelValue", wrapProps = {}, compProps = {} } = opts;
+  const isShow = shallowRef2(true);
+  const contentProps = shallowRef2({});
+  const modalProps = shallowRef2({});
+  const wrapper = defineComponent4({
+    setup() {
+      return () => h5(wrapComp, {
+        [modelKey]: isShow.value,
+        [`onUpdate:${modelKey}`]: (v) => {
+          isShow.value = v;
+        },
+        ...modalProps.value
+      }, {
+        default: () => h5(comp, contentProps.value)
+      });
+    }
+  });
+  return (props, wrap_props) => {
+    contentProps.value = Object.assign({}, compProps, props);
+    modalProps.value = Object.assign({}, wrapProps, wrap_props);
+    if (!isMounted) {
+      const el = document.createElement("div");
+      const vnode = h5(wrapper);
+      document.body.appendChild((render2(vnode, el), el));
+      isMounted = true;
+    } else {
+      isShow.value = true;
+    }
+  };
+}, "createModal");
+
 // src/wrapper.ts
 var PV = class {
   constructor() {
@@ -745,6 +780,7 @@ export {
   createForm,
   createFormData,
   createLayer,
+  createModal,
   createPhecda,
   createPipe,
   createTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phecda-vue",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "provide store/form/table with phecda function to vue",
   "main": "dist/index.js",
   "module": "dist/index.mjs",