vue-popup-plus-plugin-preset 1.3.2 → 1.3.3

package/dist/PAlert-C89sw_TB.js

@@ -0,0 +1,69 @@
+import { defineComponent as i, inject as c, createElementBlock as f, openBlock as m, createVNode as t, withCtx as e, createElementVNode as u, toDisplayString as l, createTextVNode as p } from "vue";
+import { usePopup as P, POPUP_COMPONENT_INJECTS as C } from "vue-popup-plus";
+import { P as g, a as _, b as B } from "./PBody-AzUGJHWU.js";
+import { P as h } from "./PFooter-Cp_J7xg-.js";
+import { P as N, a as x } from "./PButtonGroup-C-RNjqPq.js";
+import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const T = { class: "p-alert" }, b = { class: "content" }, v = /* @__PURE__ */ i({
+  name: "PAlert",
+  __name: "PAlert",
+  props: {
+    title: {},
+    headerClose: { type: Boolean },
+    content: {},
+    confirmText: {},
+    draggable: { type: Boolean }
+  },
+  setup(o) {
+    const r = P(), s = c(C.INSTANCE_ID);
+    function n() {
+      r.destroy(s);
+    }
+    return (E, a) => (m(), f("div", T, [
+      t(g, null, {
+        header: e(() => [
+          t(B, {
+            draggable: o.draggable,
+            hasCloseButton: o.headerClose,
+            title: o.title,
+            onClose: a[0] || (a[0] = (d) => n()),
+            iconClass: "alert"
+          }, null, 8, ["draggable", "hasCloseButton", "title"])
+        ]),
+        footer: e(() => [
+          t(h, null, {
+            default: e(() => [
+              t(N, { align: "right" }, {
+                default: e(() => [
+                  t(x, {
+                    onClick: a[1] || (a[1] = (d) => n()),
+                    theme: "primary"
+                  }, {
+                    default: e(() => [
+                      p(l(o.confirmText), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: e(() => [
+          t(_, null, {
+            default: e(() => [
+              u("div", b, l(o.content), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), D = /* @__PURE__ */ y(v, [["__scopeId", "data-v-a4cda4ff"]]);
+export {
+  D as default
+};

package/dist/{PBody-CggbeZs9.js → PBody-AzUGJHWU.js}

@@ -13,7 +13,7 @@ const V = { class: "p-scaffold" }, x = { class: "body" }, j = /* @__PURE__ */ p(
       c(a.$slots, "footer", {}, void 0, !0)
     ]));
   }
-}), Z = /* @__PURE__ */ g(j, [["__scopeId", "data-v-1e341233"]]), U = /* @__PURE__ */ p({
+}), Z = /* @__PURE__ */ g(j, [["__scopeId", "data-v-a0759a9a"]]), U = /* @__PURE__ */ p({
   name: "PHeaderButton",
   __name: "PHeaderButton",
   props: {
@@ -120,7 +120,7 @@ const V = { class: "p-scaffold" }, x = { class: "body" }, j = /* @__PURE__ */ p(
       c(a.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ g(G, [["__scopeId", "data-v-f676093f"]]);
+}), te = /* @__PURE__ */ g(G, [["__scopeId", "data-v-232de61d"]]);
 export {
   Z as P,
   te as a,

package/dist/PConfirm-C2lpNya8.js

@@ -0,0 +1,84 @@
+import { defineComponent as m, inject as u, createElementBlock as C, openBlock as p, createVNode as t, withCtx as e, createElementVNode as P, toDisplayString as a, createTextVNode as d } from "vue";
+import { usePopup as g, POPUP_COMPONENT_INJECTS as x } from "vue-popup-plus";
+import { P as B, a as y, b as N } from "./PBody-AzUGJHWU.js";
+import { P as T } from "./PFooter-Cp_J7xg-.js";
+import { P as _, a as f } from "./PButtonGroup-C-RNjqPq.js";
+import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const v = { class: "p-confirm" }, b = { class: "content" }, E = /* @__PURE__ */ m({
+  name: "PConfirm",
+  __name: "PConfirm",
+  props: {
+    title: {},
+    headerClose: { type: Boolean },
+    content: {},
+    confirmText: {},
+    cancelText: {},
+    draggable: { type: Boolean }
+  },
+  setup(o) {
+    const l = g(), r = u(x.INSTANCE_ID);
+    function c() {
+      l.destroy(r, !0);
+    }
+    function i() {
+      l.destroy(r, !1);
+    }
+    return (I, n) => (p(), C("div", v, [
+      t(B, null, {
+        header: e(() => [
+          t(N, {
+            draggable: o.draggable,
+            hasCloseButton: o.headerClose,
+            title: o.title,
+            onClose: n[0] || (n[0] = (s) => i()),
+            iconClass: "confirm"
+          }, null, 8, ["draggable", "hasCloseButton", "title"])
+        ]),
+        footer: e(() => [
+          t(T, null, {
+            default: e(() => [
+              t(_, {
+                align: "right",
+                theme: "primary"
+              }, {
+                default: e(() => [
+                  t(f, {
+                    onClick: n[1] || (n[1] = (s) => i()),
+                    type: "plain"
+                  }, {
+                    default: e(() => [
+                      d(a(o.cancelText), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t(f, {
+                    onClick: n[2] || (n[2] = (s) => c())
+                  }, {
+                    default: e(() => [
+                      d(a(o.confirmText), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: e(() => [
+          t(y, null, {
+            default: e(() => [
+              P("div", b, a(o.content), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), j = /* @__PURE__ */ h(E, [["__scopeId", "data-v-35effe8a"]]);
+export {
+  j as default
+};

package/dist/PDialog-B9PpnGtv.js

@@ -0,0 +1,72 @@
+import { defineComponent as y, inject as m, ref as h, computed as t, defineAsyncComponent as v, onMounted as B, createElementBlock as b, openBlock as a, normalizeClass as k, createVNode as l, createSlots as E, withCtx as n, createBlock as u, resolveDynamicComponent as N, mergeProps as S, createCommentVNode as D } from "vue";
+import { usePopup as I, POPUP_COMPONENT_INJECTS as c } from "vue-popup-plus";
+import { P as M, a as T, b as w, c as x } from "./PBody-AzUGJHWU.js";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const V = /* @__PURE__ */ y({
+  name: "PDialog",
+  __name: "PDialog",
+  props: {
+    id: {},
+    title: {},
+    customComponent: {},
+    customComponentProps: {},
+    header: { type: Boolean },
+    headerClose: { type: Boolean },
+    draggable: { type: Boolean },
+    debugMode: { type: Boolean }
+  },
+  setup(e) {
+    const r = I(), i = m(c.INSTANCE_ID), d = m(c.COMPUTED_VIEW_STYLE), s = h(1), C = t(
+      () => `${e.id}-${s.value}`
+    ), f = t(() => typeof e.customComponent == "function" ? v(e.customComponent) : e.customComponent);
+    t(() => d.value.width), t(() => d.value.height), B(() => {
+    });
+    function p() {
+      s.value++;
+    }
+    function P() {
+      r.destroy(i);
+    }
+    return ($, o) => (a(), b("div", {
+      class: k(["p-dialog", { "no-header": !e.header }])
+    }, [
+      l(M, null, E({
+        default: n(() => [
+          l(T, { withPadding: !1 }, {
+            default: n(() => [
+              (a(), u(N(f.value), S({ key: C.value }, e.customComponentProps), null, 16))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 2
+      }, [
+        e.header ? {
+          name: "header",
+          fn: n(() => [
+            l(w, {
+              draggable: e.draggable,
+              hasCloseButton: e.headerClose,
+              title: e.title,
+              onClose: o[1] || (o[1] = (g) => P())
+            }, {
+              buttons: n(() => [
+                e.debugMode ? (a(), u(x, {
+                  key: 0,
+                  onClick: o[0] || (o[0] = (g) => p()),
+                  iconClass: "reload",
+                  theme: "success"
+                })) : D("", !0)
+              ]),
+              _: 1
+            }, 8, ["draggable", "hasCloseButton", "title"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024)
+    ], 2));
+  }
+}), j = /* @__PURE__ */ O(V, [["__scopeId", "data-v-5a6ff495"]]);
+export {
+  j as default
+};

package/dist/{PPrompt-uN5YNxdI.js → PPrompt-CpaP4HoC.js}

@@ -1,18 +1,19 @@
-import { defineComponent as v, inject as y, ref as C, computed as N, createElementBlock as d, openBlock as r, createVNode as l, withCtx as a, createCommentVNode as i, createElementVNode as T, toDisplayString as u, withDirectives as f, vModelText as p, createTextVNode as g } from "vue";
-import { usePopup as V, POPUP_COMPONENT_INJECTS as k } from "vue-popup-plus";
+import { defineComponent as y, inject as C, ref as v, computed as B, createElementBlock as d, openBlock as r, createVNode as l, withCtx as a, createCommentVNode as s, createElementVNode as N, toDisplayString as i, withDirectives as f, vModelText as p, createTextVNode as g } from "vue";
+import { usePopup as T, POPUP_COMPONENT_INJECTS as V } from "vue-popup-plus";
 import "./vue-popup-plus-plugin-preset.js";
-import { P as B, a as L, b } from "./PBody-CggbeZs9.js";
+import { P as k, a as L, b } from "./PBody-AzUGJHWU.js";
 import { P as E } from "./PFooter-Cp_J7xg-.js";
-import { P as I, a as x } from "./PButtonGroup-C-RNjqPq.js";
+import { P as I, a as h } from "./PButtonGroup-C-RNjqPq.js";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const D = { class: "p-prompt" }, M = {
   key: 0,
   class: "message"
-}, O = { class: "input" }, U = ["maxLength", "placeholder"], $ = ["maxLength", "placeholder"], w = /* @__PURE__ */ v({
+}, O = { class: "input" }, U = ["maxLength", "placeholder"], $ = ["maxLength", "placeholder"], w = /* @__PURE__ */ y({
   name: "PPrompt",
   __name: "PPrompt",
   props: {
     title: {},
+    headerClose: { type: Boolean },
     message: { type: [String, Boolean] },
     type: {},
     defaultValue: {},
@@ -23,22 +24,23 @@ const D = { class: "p-prompt" }, M = {
     draggable: { type: Boolean }
   },
   setup(e) {
-    const m = V(), s = y(k.INSTANCE_ID), n = C(e.defaultValue), P = N(() => e.message !== !1);
-    function h() {
-      m.destroy(s, n.value);
+    const u = T(), m = C(V.INSTANCE_ID), n = v(e.defaultValue), x = B(() => e.message !== !1);
+    function P() {
+      u.destroy(m, n.value);
     }
     function c() {
-      m.destroy(s, null);
+      u.destroy(m);
     }
     return (j, t) => (r(), d("div", D, [
-      l(B, null, {
+      l(k, null, {
         header: a(() => [
           l(b, {
             draggable: e.draggable,
+            hasCloseButton: e.headerClose,
             title: e.title,
             onClose: t[0] || (t[0] = (o) => c()),
             iconClass: "prompt"
-          }, null, 8, ["draggable", "title"])
+          }, null, 8, ["draggable", "hasCloseButton", "title"])
         ]),
         footer: a(() => [
           l(E, null, {
@@ -48,20 +50,20 @@ const D = { class: "p-prompt" }, M = {
                 theme: "primary"
               }, {
                 default: a(() => [
-                  l(x, {
+                  l(h, {
                     onClick: t[3] || (t[3] = (o) => c()),
                     type: "plain"
                   }, {
                     default: a(() => [
-                      g(u(e.cancelText), 1)
+                      g(i(e.cancelText), 1)
                     ]),
                     _: 1
                   }),
-                  l(x, {
-                    onClick: t[4] || (t[4] = (o) => h())
+                  l(h, {
+                    onClick: t[4] || (t[4] = (o) => P())
                   }, {
                     default: a(() => [
-                      g(u(e.confirmText), 1)
+                      g(i(e.confirmText), 1)
                     ]),
                     _: 1
                   })
@@ -75,8 +77,8 @@ const D = { class: "p-prompt" }, M = {
         default: a(() => [
           l(L, null, {
             default: a(() => [
-              P.value ? (r(), d("div", M, u(e.message), 1)) : i("", !0),
-              T("div", O, [
+              x.value ? (r(), d("div", M, i(e.message), 1)) : s("", !0),
+              N("div", O, [
                 e.type === "input" ? f((r(), d("input", {
                   key: 0,
                   maxLength: e.maxLength,
@@ -85,7 +87,7 @@ const D = { class: "p-prompt" }, M = {
                   "onUpdate:modelValue": t[1] || (t[1] = (o) => n.value = o)
                 }, null, 8, U)), [
                   [p, n.value]
-                ]) : i("", !0),
+                ]) : s("", !0),
                 e.type === "textarea" ? f((r(), d("textarea", {
                   key: 1,
                   maxLength: e.maxLength,
@@ -93,7 +95,7 @@ const D = { class: "p-prompt" }, M = {
                   "onUpdate:modelValue": t[2] || (t[2] = (o) => n.value = o)
                 }, null, 8, $)), [
                   [p, n.value]
-                ]) : i("", !0)
+                ]) : s("", !0)
               ])
             ]),
             _: 1
@@ -103,7 +105,7 @@ const D = { class: "p-prompt" }, M = {
       })
     ]));
   }
-}), z = /* @__PURE__ */ S(w, [["__scopeId", "data-v-4fd5ae58"]]);
+}), z = /* @__PURE__ */ S(w, [["__scopeId", "data-v-a8dca71f"]]);
 export {
   z as default
 };

package/dist/vue-popup-plus-plugin-preset.d.ts

@@ -51,6 +51,11 @@ declare type AlertOption = {
      * - 默认值：`提示`
      */
     title?: string;
+    /**
+     * 标题栏是否显示关闭按钮
+     * - 默认值：`true`
+     */
+    headerClose?: boolean;
     /**
      * 确认按钮文本
      * - 默认值：`确定`
@@ -66,6 +71,11 @@ declare type AlertOption = {
      * - 默认值：`false`
      */
     dragOverflow?: boolean;
+    /**
+     * 遮罩层是否模糊
+     * - 默认值：`true`
+     */
+    maskBlur?: boolean;
 };
 
 declare type ConfirmOption = {
@@ -74,6 +84,11 @@ declare type ConfirmOption = {
      * - 默认值：`确认`
      */
     title?: string;
+    /**
+     * 标题栏是否显示关闭按钮
+     * - 默认值：`false`
+     */
+    headerClose?: boolean;
     /**
      * 确认按钮文本
      * - 默认值：`确定`
@@ -94,6 +109,11 @@ declare type ConfirmOption = {
      * - 默认值：`false`
      */
     dragOverflow?: boolean;
+    /**
+     * 遮罩层是否模糊
+     * - 默认值：`true`
+     */
+    maskBlur?: boolean;
 };
 
 declare const _default: PopupPlugin;
@@ -166,7 +186,7 @@ export declare interface IDialog {
      * - 如需获取对话框关闭时传递的参数，可在调用 `dialog` 方法时使用 `await` 关键字等待 Promise resolve 后获取
      * - 对话框关闭时，无论是否传递了参数，Promise 都将 resolve，因此需要在调用时判断是否有返回参数
      */
-    <T extends any = any>(options: PopupDialogOption): Promise<T | undefined>;
+    <T extends any = any>(options: PopupDialogOption): Promise<T | void>;
 }
 
 export declare interface ILoading {
@@ -189,14 +209,19 @@ export declare interface IPrompt {
      * - 可以在提示用户的同时，获取用户输入的内容，支持输入框和文本域
      * - 第一个参数为提示文本，如果不需要渲染提示文本，传入 `false` 即可
      * - 第二个参数为输入框默认值，第三个参数为选项对象，可以自定义输入框类型、标题、最大长度、占位符、确认按钮文本、取消按钮文本等，具体可以参考 {@link PromptOption}
-     * - 获取输入的内容，需要通过 `await` 调用，等待执行结束后返回用户输入的内容，类型为 `string` | `null`，如果用户点击了取消按钮，则返回 `null`
+     * - 获取输入的内容，需要通过 `await` 调用，等待执行结束后返回用户输入的内容，类型为 `string` | `void`，如果用户点击了取消按钮或者直接关闭弹出层，则返回 `undefined`
      * - 使用示例：
      * ```ts
      *
      * const name = await popup.prompt('请输入您的姓名')
+     * if (name === undefined) {
+     * 	console.log('用户取消了输入')
+     * } else {
+     * 	console.log('您的姓名是：' + name)
+     * }
      * ```
      */
-    (message: string | boolean, defaultValue?: string, options?: PromptOption): Promise<string>;
+    (message: string | boolean, defaultValue?: string, options?: PromptOption): Promise<string | void>;
 }
 
 export declare interface IToast {
@@ -224,7 +249,7 @@ declare type LoadingOption = {
 declare type PopupDialogOption = {
     /**
      * 对话框标题
-     * - 默认值为 `''`
+     * - 默认值为 `对话`
      */
     title?: string;
     /**
@@ -234,17 +259,21 @@ declare type PopupDialogOption = {
     /**
      * 对话框内容组件props
      */
-    props?: Record<string, any>;
+    componentProps?: Record<string, any>;
+    /**
+     * 对话框渲染完成时调用的回调函数
+     */
+    onMounted?: () => void;
     /**
      * 是否显示对话框标题栏
      * - 默认值为 `true`
      */
     header?: boolean;
     /**
-     * 是否显示对话框标题栏关闭按钮
-     * - 默认值为 `true`
+     * 标题栏是否显示关闭按钮
+     * - 默认值：`true`
      */
-    headerCloseButton?: boolean;
+    headerClose?: boolean;
     /**
      * 对话框宽度
      * - 默认值为 `auto`
@@ -302,9 +331,10 @@ declare type PopupDialogOption = {
      */
     dragOverflow?: boolean;
     /**
-     * 对话框渲染完成时调用的回调函数
+     * 遮罩层是否模糊
+     * - 默认值：`true`
      */
-    onMounted?: () => void;
+    maskBlur?: boolean;
 };
 
 declare type PromptOption = {
@@ -320,6 +350,11 @@ declare type PromptOption = {
      * - 默认值：`提示输入`
      */
     title?: string;
+    /**
+     * 标题栏是否显示关闭按钮
+     * - 默认值：`true`
+     */
+    headerClose?: boolean;
     /**
      * 提示输入框最大长度
      * - 默认值：`null`
@@ -350,6 +385,11 @@ declare type PromptOption = {
      * - 默认值：`false`
      */
     dragOverflow?: boolean;
+    /**
+     * 遮罩层是否模糊
+     * - 默认值：`true`
+     */
+    maskBlur?: boolean;
 };
 
 declare type PromptType = 'input' | 'textarea';
@@ -376,14 +416,14 @@ export { }
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        alert: IAlert;
+        album: IAlbum;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        loading: ILoading;
+        alert: IAlert;
     }
 }
 
@@ -397,21 +437,21 @@ declare module 'vue-popup-plus' {
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        confirm: IConfirm;
+        loading: ILoading;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        album: IAlbum;
+        toast: IToast;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        toast: IToast;
+        confirm: IConfirm;
     }
 }