vue-popup-plus-plugin-preset 1.1.0 → 1.3.0

package/dist/PConfirm-KtE6DclN.js

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

package/dist/PDialog-QBGTHrYK.js

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

package/dist/{PFooter-Dd8fzezl.js → PFooter-Cp_J7xg-.js}

@@ -8,7 +8,7 @@ const _ = { class: "p-footer" }, c = /* @__PURE__ */ e({
       s(o.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), f = /* @__PURE__ */ n(c, [["__scopeId", "data-v-cad2ef65"]]);
+}), f = /* @__PURE__ */ n(c, [["__scopeId", "data-v-92c20b30"]]);
 export {
   f as P
 };

package/dist/PLoadingMask-BjvzKGUb.js

@@ -0,0 +1,62 @@
+import { defineComponent as r, useCssVars as u, createElementBlock as c, openBlock as s, createElementVNode as a, inject as m, createVNode as i, createBlock as _, createCommentVNode as f, withCtx as d, createTextVNode as P } from "vue";
+import { usePopup as g, POPUP_COMPONENT_INJECTS as k } from "vue-popup-plus";
+import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { P as x, a as C } from "./PButtonGroup-C-RNjqPq.js";
+const N = { class: "p-loading" }, v = /* @__PURE__ */ r({
+  name: "PLoading",
+  __name: "PLoading",
+  props: {
+    size: { default: 60 }
+  },
+  setup(n) {
+    return u((e) => ({
+      v083770df: `${e.size}px`
+    })), (e, o) => (s(), c("div", N, [...o[0] || (o[0] = [
+      a("svg", { viewBox: "25 25 50 50" }, [
+        a("circle", {
+          cx: "50",
+          cy: "50",
+          fill: "none",
+          r: "20"
+        })
+      ], -1)
+    ])]));
+  }
+}), B = /* @__PURE__ */ l(v, [["__scopeId", "data-v-82e7b730"]]), z = { class: "p-loading-mask" }, I = /* @__PURE__ */ r({
+  name: "PLoading",
+  __name: "PLoadingMask",
+  props: {
+    debugMode: { type: Boolean },
+    iconSize: { default: 60 }
+  },
+  setup(n) {
+    const e = g(), o = m(k.INSTANCE_ID);
+    function p() {
+      e.destroy(o);
+    }
+    return (L, t) => (s(), c("div", z, [
+      t[1] || (t[1] = a("div", { class: "mask" }, null, -1)),
+      i(B, { size: n.iconSize }, null, 8, ["size"]),
+      n.debugMode ? (s(), _(x, {
+        key: 0,
+        align: "center"
+      }, {
+        default: d(() => [
+          i(C, {
+            onClick: p,
+            theme: "primary"
+          }, {
+            default: d(() => [...t[0] || (t[0] = [
+              P("强制关闭遮罩（仅在调试模式下可用）", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : f("", !0)
+    ]));
+  }
+}), S = /* @__PURE__ */ l(I, [["__scopeId", "data-v-27933c63"]]);
+export {
+  S as default
+};

package/dist/{PPrompt-D0wfhr75.js → PPrompt-By0Iy2Eh.js}

@@ -1,14 +1,14 @@
-import { defineComponent as C, inject as x, ref as N, computed as T, createElementBlock as r, openBlock as s, createVNode as o, withCtx as a, createCommentVNode as d, createElementVNode as V, toDisplayString as p, withDirectives as f, vModelText as c, createTextVNode as g } from "vue";
-import { usePopup as _, POPUP_COMPONENT_INJECTS as B } from "vue-popup-plus";
+import { defineComponent as y, inject as v, ref as C, computed as N, createElementBlock as r, openBlock as d, createVNode as l, withCtx as a, createCommentVNode as i, createElementVNode as T, toDisplayString as u, withDirectives as c, vModelText as f, createTextVNode as p } from "vue";
+import { usePopup as V, POPUP_COMPONENT_INJECTS as B } from "vue-popup-plus";
 import "./vue-popup-plus-plugin-preset.js";
-import { P as k, a as L, b } from "./PBody-B8SE3ACJ.js";
-import { P as E } from "./PFooter-Dd8fzezl.js";
-import { P as I, a as h } from "./PButtonGroup-CfAPVmCi.js";
+import { P as k, a as L, b } from "./PBody-CggbeZs9.js";
+import { P as E } from "./PFooter-Cp_J7xg-.js";
+import { P as I, a as g } 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"], w = ["maxLength", "placeholder"], $ = /* @__PURE__ */ C({
+}, O = { class: "input" }, U = ["maxLength", "placeholder"], w = ["maxLength", "placeholder"], $ = /* @__PURE__ */ y({
   name: "PPrompt",
   __name: "PPrompt",
   props: {
@@ -22,18 +22,18 @@ const D = { class: "p-prompt" }, M = {
     cancelText: {},
     draggable: { type: Boolean }
   },
-  setup(i) {
-    const u = _(), m = x(B.INSTANCE_ID), l = N(i.defaultValue), P = T(() => i.message !== !1);
-    function y() {
-      u.destroy(m, l.value);
+  setup(e) {
+    const s = V(), m = v(B.INSTANCE_ID), o = C(e.defaultValue), h = N(() => e.message !== !1);
+    function x() {
+      s.destroy(m, o.value);
     }
-    function v() {
-      u.destroy(m, null);
+    function P() {
+      s.destroy(m, null);
     }
-    return (e, t) => (s(), r("div", D, [
-      o(k, null, {
+    return (j, t) => (d(), r("div", D, [
+      l(k, null, {
         header: a(() => [
-          o(b, {
+          l(b, {
             draggable: e.draggable,
             hasCloseButton: !1,
             title: e.title,
@@ -41,27 +41,27 @@ const D = { class: "p-prompt" }, M = {
           }, null, 8, ["draggable", "title"])
         ]),
         footer: a(() => [
-          o(E, null, {
+          l(E, null, {
             default: a(() => [
-              o(I, {
+              l(I, {
                 align: "right",
                 theme: "primary"
               }, {
                 default: a(() => [
-                  o(h, {
-                    onClick: t[2] || (t[2] = (n) => v()),
+                  l(g, {
+                    onClick: t[2] || (t[2] = (n) => P()),
                     type: "plain"
                   }, {
                     default: a(() => [
-                      g(p(e.cancelText), 1)
+                      p(u(e.cancelText), 1)
                     ]),
                     _: 1
                   }),
-                  o(h, {
-                    onClick: t[3] || (t[3] = (n) => y())
+                  l(g, {
+                    onClick: t[3] || (t[3] = (n) => x())
                   }, {
                     default: a(() => [
-                      g(p(e.confirmText), 1)
+                      p(u(e.confirmText), 1)
                     ]),
                     _: 1
                   })
@@ -73,27 +73,27 @@ const D = { class: "p-prompt" }, M = {
           })
         ]),
         default: a(() => [
-          o(L, null, {
+          l(L, null, {
             default: a(() => [
-              P.value ? (s(), r("div", M, p(e.message), 1)) : d("", !0),
-              V("div", O, [
-                e.type === "input" ? f((s(), r("input", {
+              h.value ? (d(), r("div", M, u(e.message), 1)) : i("", !0),
+              T("div", O, [
+                e.type === "input" ? c((d(), r("input", {
                   key: 0,
                   maxLength: e.maxLength,
                   placeholder: e.placeholder,
                   type: "text",
-                  "onUpdate:modelValue": t[0] || (t[0] = (n) => l.value = n)
+                  "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n)
                 }, null, 8, U)), [
-                  [c, l.value]
-                ]) : d("", !0),
-                e.type === "textarea" ? f((s(), r("textarea", {
+                  [f, o.value]
+                ]) : i("", !0),
+                e.type === "textarea" ? c((d(), r("textarea", {
                   key: 1,
                   maxLength: e.maxLength,
                   placeholder: e.placeholder,
-                  "onUpdate:modelValue": t[1] || (t[1] = (n) => l.value = n)
+                  "onUpdate:modelValue": t[1] || (t[1] = (n) => o.value = n)
                 }, null, 8, w)), [
-                  [c, l.value]
-                ]) : d("", !0)
+                  [f, o.value]
+                ]) : i("", !0)
               ])
             ]),
             _: 1
@@ -103,7 +103,7 @@ const D = { class: "p-prompt" }, M = {
       })
     ]));
   }
-}), q = /* @__PURE__ */ S($, [["__scopeId", "data-v-7962dc89"]]);
+}), z = /* @__PURE__ */ S($, [["__scopeId", "data-v-94c7c82e"]]);
 export {
-  q as default
+  z as default
 };

package/dist/PToast-BEWnKSBV.js

@@ -0,0 +1,30 @@
+import { defineComponent as a, inject as i, onMounted as m, createElementBlock as r, openBlock as c, normalizeClass as d, createElementVNode as o, toDisplayString as l } from "vue";
+import { usePopup as p, POPUP_COMPONENT_INJECTS as u } from "vue-popup-plus";
+import "./vue-popup-plus-plugin-preset.js";
+import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = { class: "content" }, f = /* @__PURE__ */ a({
+  name: "PToast",
+  __name: "PToast",
+  props: {
+    content: {},
+    theme: {},
+    duration: {}
+  },
+  setup(e) {
+    const n = p(), s = i(u.INSTANCE_ID);
+    return m(() => {
+      window.setTimeout(() => {
+        n.destroy(s);
+      }, e.duration);
+    }), (T, t) => (c(), r("div", {
+      class: d(["p-message", `is-theme-${e.theme}`])
+    }, [
+      t[0] || (t[0] = o("div", { class: "mask" }, null, -1)),
+      t[1] || (t[1] = o("div", { class: "mask-background" }, null, -1)),
+      o("div", _, l(e.content), 1)
+    ], 2));
+  }
+}), E = /* @__PURE__ */ P(f, [["__scopeId", "data-v-b911c797"]]);
+export {
+  E as default
+};

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

@@ -290,7 +290,7 @@ declare type PopupDialogOption = {
      * 是否点击遮罩层关闭对话框
      * - 默认值为 `false`
      */
-    maskClickCloseEnabled?: boolean;
+    maskClickClose?: boolean;
     /**
      * 是否可拖拽
      * - 默认值为 `false`
@@ -355,26 +355,35 @@ declare type PromptOption = {
 declare type PromptType = 'input' | 'textarea';
 
 declare type ToastOption = {
+    /**
+     * 消息主题
+     * - 默认值： 'default'
+     * - 具体的可选主题请参考 {@link ToastTheme }
+     */
+    theme?: ToastTheme;
     /**
      * 消息显示时间，单位毫秒
+     * - 默认值： 2000 毫秒
      * @default 2000
      */
     duration?: number;
 };
 
+declare type ToastTheme = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+
 export { }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        alert: IAlert;
+        confirm: IConfirm;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        confirm: IConfirm;
+        album: IAlbum;
     }
 }
 
@@ -388,7 +397,14 @@ declare module 'vue-popup-plus' {
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        loading: ILoading;
+        dialog: IDialog;
+    }
+}
+
+
+declare module 'vue-popup-plus' {
+    interface PopupCustomProperties {
+        alert: IAlert;
     }
 }
 
@@ -402,6 +418,6 @@ declare module 'vue-popup-plus' {
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        dialog: IDialog;
+        loading: ILoading;
     }
 }