phecda-vue 2.0.1 → 2.0.3

package/dist/index.d.ts

@@ -19,6 +19,7 @@ interface PhecdaEmitter {
 declare const emitter: PhecdaEmitter;
 
 declare const phecdaSymbol: unique symbol;
+declare const interval: any;
 declare function createPhecda(symbol?: string): vue.Raw<{
     install(app: App): void;
 }>;
@@ -127,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;
@@ -135,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, 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,
@@ -49,6 +50,7 @@ __export(src_exports, {
   getReactiveMap: () => getReactiveMap,
   getVantRules: () => getVantRules,
   initialize: () => initialize,
+  interval: () => interval,
   phecdaSymbol: () => phecdaSymbol,
   setActivePhecda: () => setActivePhecda,
   useEvent: () => useEvent,
@@ -68,9 +70,11 @@ var emitter = (0, import_mitt.default)();
 var import_vue = require("vue");
 var import_phecda_core = require("phecda-core");
 var phecdaSymbol = Symbol("phecda");
+var interval = {};
 function createPhecda(symbol) {
   const phecda = (0, import_vue.markRaw)({
     install(app) {
+      interval.app = app;
       app.provide(phecdaSymbol, phecda);
       app.config.globalProperties.$phecda = phecda;
       if (!window.__PHECDA_VUE__)
@@ -717,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
+        })
       });
     }
   });
@@ -728,6 +735,7 @@ var createLayer = /* @__PURE__ */ __name(function(modalWrapper, content_props =
     if (!isMounted) {
       const el = document.createElement("div");
       const vnode = (0, import_vue7.h)(wrapper);
+      vnode.appContext = interval.app?._context;
       document.body.appendChild(((0, import_vue7.render)(vnode, el), el));
       isMounted = true;
     } else {
@@ -836,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
+        })
       });
     }
   });
@@ -846,6 +857,7 @@ var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
     if (!isMounted) {
       const el = document.createElement("div");
       const vnode = (0, import_vue10.h)(wrapper);
+      vnode.appContext = interval.app?._context;
       document.body.appendChild(((0, import_vue10.render)(vnode, el), el));
       isMounted = true;
     } else {
@@ -854,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() {
@@ -877,6 +921,7 @@ __name(PV, "PV");
   GetDevUIRules,
   PV,
   RE,
+  createDialog,
   createFilter,
   createForm,
   createFormData,
@@ -895,6 +940,7 @@ __name(PV, "PV");
   getReactiveMap,
   getVantRules,
   initialize,
+  interval,
   phecdaSymbol,
   setActivePhecda,
   useEvent,

package/dist/index.mjs

@@ -9,9 +9,11 @@ var emitter = mitt();
 import { markRaw } from "vue";
 import { getProperty, getTag, injectProperty } from "phecda-core";
 var phecdaSymbol = Symbol("phecda");
+var interval = {};
 function createPhecda(symbol) {
   const phecda = markRaw({
     install(app) {
+      interval.app = app;
       app.provide(phecdaSymbol, phecda);
       app.config.globalProperties.$phecda = phecda;
       if (!window.__PHECDA_VUE__)
@@ -658,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
+        })
       });
     }
   });
@@ -669,6 +674,7 @@ var createLayer = /* @__PURE__ */ __name(function(modalWrapper, content_props =
     if (!isMounted) {
       const el = document.createElement("div");
       const vnode = h2(wrapper);
+      vnode.appContext = interval.app?._context;
       document.body.appendChild((render(vnode, el), el));
       isMounted = true;
     } else {
@@ -777,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
+        })
       });
     }
   });
@@ -787,6 +796,7 @@ var createModal = /* @__PURE__ */ __name(function(wrapComp, comp, opts = {}) {
     if (!isMounted) {
       const el = document.createElement("div");
       const vnode = h5(wrapper);
+      vnode.appContext = interval.app?._context;
       document.body.appendChild((render2(vnode, el), el));
       isMounted = true;
     } else {
@@ -795,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() {
@@ -817,6 +859,7 @@ export {
   GetDevUIRules,
   PV,
   RE,
+  createDialog,
   createFilter,
   createForm,
   createFormData,
@@ -835,6 +878,7 @@ export {
   getReactiveMap,
   getVantRules,
   initialize,
+  interval,
   phecdaSymbol,
   setActivePhecda,
   useEvent,

package/package.json

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