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

package/dist/PConfirm-CoxIDGcj.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-Ch7KaMyj.js";
+import { P as B } from "./PFooter-Dd8fzezl.js";
+import { P as y, a as s } from "./PButtonGroup-DOwvv6ZF.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-Cmtvq1_n.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-Ch7KaMyj.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-eaf6b748"]]);
+export {
+  j as default
+};

package/dist/PLoadingMask-DNDEFOXq.js

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

package/dist/{PPrompt-D0wfhr75.js → PPrompt-DkI219wu.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 d, openBlock as r, 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 k, a as L, b } from "./PBody-Ch7KaMyj.js";
 import { P as E } from "./PFooter-Dd8fzezl.js";
-import { P as I, a as h } from "./PButtonGroup-CfAPVmCi.js";
+import { P as I, a as g } from "./PButtonGroup-DOwvv6ZF.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) => (r(), d("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 ? (r(), d("div", M, u(e.message), 1)) : i("", !0),
+              T("div", O, [
+                e.type === "input" ? c((r(), d("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((r(), d("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-7962dc89"]]);
 export {
-  q as default
+  z as default
 };

package/dist/PToast-CTys_Qhv.js

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

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

@@ -372,6 +372,13 @@ declare module 'vue-popup-plus' {
 }
 
 
+declare module 'vue-popup-plus' {
+    interface PopupCustomProperties {
+        dialog: IDialog;
+    }
+}
+
+
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
         confirm: IConfirm;
@@ -381,7 +388,7 @@ declare module 'vue-popup-plus' {
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        prompt: IPrompt;
+        album: IAlbum;
     }
 }
 
@@ -395,13 +402,13 @@ declare module 'vue-popup-plus' {
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        toast: IToast;
+        prompt: IPrompt;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        dialog: IDialog;
+        toast: IToast;
     }
 }