phecda-vue 2.0.2 → 2.0.3

package/dist/index.d.ts

@@ -128,6 +128,11 @@ declare const createModal: <T1, T2>(wrapComp: Component<T1>, comp: Component<T2>
     compProps?: Partial<T2>;
 }) => (props?: Partial<T2>, modalProps?: Partial<T1>) => void;
 
+declare const createDialog: <T>(comp: Component<T>, opts?: {
+    modelKey?: string;
+    props?: Partial<T>;
+}) => (props?: Partial<T>) => void;
+
 declare class PV {
     constructor();
     get tag(): any;
@@ -136,4 +141,4 @@ declare class PV {
     off<Key extends keyof Events>(type: Key, handler?: (arg: Events[Key]) => void): void;
 }
 
-export { GetDevUIRules, PV, PhecdaEmitter, RE, ReplaceInstanceValues, SchemaToObj, createFilter, createForm, createFormData, createLayer, createModal, createPhecda, createPipe, createTable, emitter, getActivePhecda, getAntDRules, getArcoRules, getElementPlusRules, getNaiveUIRules, getNutUIRules, getReactiveMap, getVantRules, initialize, interval, phecdaSymbol, setActivePhecda, useEvent, useO, usePatch, useR, useRaw, useV };
+export { GetDevUIRules, PV, PhecdaEmitter, RE, ReplaceInstanceValues, SchemaToObj, createDialog, createFilter, createForm, createFormData, createLayer, createModal, createPhecda, createPipe, createTable, emitter, getActivePhecda, getAntDRules, getArcoRules, getElementPlusRules, getNaiveUIRules, getNutUIRules, getReactiveMap, getVantRules, initialize, interval, phecdaSymbol, setActivePhecda, useEvent, useO, usePatch, useR, useRaw, useV };

package/dist/index.js

@@ -31,6 +31,7 @@ __export(src_exports, {
   GetDevUIRules: () => GetDevUIRules,
   PV: () => PV,
   RE: () => RE,
+  createDialog: () => createDialog,
   createFilter: () => createFilter,
   createForm: () => createForm,
   createFormData: () => createFormData,
@@ -720,7 +721,10 @@ var createLayer = /* @__PURE__ */ __name(function(modalWrapper, content_props =
         },
         ...modalProps.value
       }, {
-        default: () => content.value && (0, import_vue7.h)(content.value, contentProps.value)
+        default: (slot = {}) => content.value && (0, import_vue7.h)(content.value, {
+          ...contentProps.value,
+          ...slot
+        })
       });
     }
   });
@@ -840,7 +844,10 @@ var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
         },
         ...modalProps.value
       }, {
-        default: () => (0, import_vue10.h)(comp, contentProps.value)
+        default: (slot = {}) => (0, import_vue10.h)(comp, {
+          ...slot,
+          ...contentProps.value
+        })
       });
     }
   });
@@ -859,6 +866,38 @@ var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
   };
 }, "createModal");
 
+// src/components/createDialog.ts
+var import_vue11 = require("vue");
+var createDialog = /* @__PURE__ */ __name(function(comp, opts = {}) {
+  let isMounted = false;
+  const { modelKey = "modelValue", props = {} } = opts;
+  const isShow = (0, import_vue11.shallowRef)(true);
+  const contentProps = (0, import_vue11.shallowRef)({});
+  const wrapper = (0, import_vue11.defineComponent)({
+    setup() {
+      return () => (0, import_vue11.h)(comp, {
+        [modelKey]: isShow.value,
+        [`onUpdate:${modelKey}`]: (v) => {
+          isShow.value = v;
+        },
+        ...contentProps.value
+      });
+    }
+  });
+  return (_props = {}) => {
+    contentProps.value = Object.assign({}, props, _props);
+    if (!isMounted) {
+      const el = document.createElement("div");
+      const vnode = (0, import_vue11.h)(wrapper);
+      vnode.appContext = interval.app?._context;
+      document.body.appendChild(((0, import_vue11.render)(vnode, el), el));
+      isMounted = true;
+    } else {
+      isShow.value = true;
+    }
+  };
+}, "createDialog");
+
 // src/wrapper.ts
 var PV = class {
   constructor() {
@@ -882,6 +921,7 @@ __name(PV, "PV");
   GetDevUIRules,
   PV,
   RE,
+  createDialog,
   createFilter,
   createForm,
   createFormData,

package/dist/index.mjs

@@ -660,7 +660,10 @@ var createLayer = /* @__PURE__ */ __name(function(modalWrapper, content_props =
         },
         ...modalProps.value
       }, {
-        default: () => content.value && h2(content.value, contentProps.value)
+        default: (slot = {}) => content.value && h2(content.value, {
+          ...contentProps.value,
+          ...slot
+        })
       });
     }
   });
@@ -780,7 +783,10 @@ var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
         },
         ...modalProps.value
       }, {
-        default: () => h5(comp, contentProps.value)
+        default: (slot = {}) => h5(comp, {
+          ...slot,
+          ...contentProps.value
+        })
       });
     }
   });
@@ -799,6 +805,38 @@ var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
   };
 }, "createModal");
 
+// src/components/createDialog.ts
+import { defineComponent as defineComponent5, h as h6, render as render3, shallowRef as shallowRef3 } from "vue";
+var createDialog = /* @__PURE__ */ __name(function(comp, opts = {}) {
+  let isMounted = false;
+  const { modelKey = "modelValue", props = {} } = opts;
+  const isShow = shallowRef3(true);
+  const contentProps = shallowRef3({});
+  const wrapper = defineComponent5({
+    setup() {
+      return () => h6(comp, {
+        [modelKey]: isShow.value,
+        [`onUpdate:${modelKey}`]: (v) => {
+          isShow.value = v;
+        },
+        ...contentProps.value
+      });
+    }
+  });
+  return (_props = {}) => {
+    contentProps.value = Object.assign({}, props, _props);
+    if (!isMounted) {
+      const el = document.createElement("div");
+      const vnode = h6(wrapper);
+      vnode.appContext = interval.app?._context;
+      document.body.appendChild((render3(vnode, el), el));
+      isMounted = true;
+    } else {
+      isShow.value = true;
+    }
+  };
+}, "createDialog");
+
 // src/wrapper.ts
 var PV = class {
   constructor() {
@@ -821,6 +859,7 @@ export {
   GetDevUIRules,
   PV,
   RE,
+  createDialog,
   createFilter,
   createForm,
   createFormData,

package/package.json

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