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

package/dist/{PAlbum-b5jZRPv8.js → PAlbum-LPEViiZF.js}

@@ -380,7 +380,7 @@ const be = ["src"], he = ["poster", "src"], we = {
       ]))
     ], 32));
   }
-}), Le = /* @__PURE__ */ de(Ce, [["__scopeId", "data-v-bdd4da57"]]);
+}), Le = /* @__PURE__ */ de(Ce, [["__scopeId", "data-v-9ef9f86f"]]);
 export {
   Le as default
 };

package/dist/{PAlert-DUSrfEz4.js → PAlert-m8ik2PUI.js}

@@ -1,9 +1,9 @@
 import { defineComponent as d, inject as c, createElementBlock as m, openBlock as f, createVNode as e, withCtx as t, createElementVNode as u, toDisplayString as r, createTextVNode as p } from "vue";
 import { usePopup as P, POPUP_COMPONENT_INJECTS as _ } from "vue-popup-plus";
-import { P as g, a as C, b as N } from "./PBody-Ch7KaMyj.js";
-import { P as x } from "./PFooter-Dd8fzezl.js";
-import { P as B, a as T } from "./PButtonGroup-DOwvv6ZF.js";
-import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { P as g, a as C, b as N } from "./PBody-CggbeZs9.js";
+import { P as x } from "./PFooter-Cp_J7xg-.js";
+import { P as b, a as B } from "./PButtonGroup-C-RNjqPq.js";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const v = { class: "p-alert" }, y = { class: "content" }, E = /* @__PURE__ */ d({
   name: "PAlert",
   __name: "PAlert",
@@ -31,9 +31,9 @@ const v = { class: "p-alert" }, y = { class: "content" }, E = /* @__PURE__ */ d(
         footer: t(() => [
           e(x, null, {
             default: t(() => [
-              e(B, { align: "right" }, {
+              e(b, { align: "right" }, {
                 default: t(() => [
-                  e(T, {
+                  e(B, {
                     onClick: n[1] || (n[1] = (s) => a()),
                     theme: "primary"
                   }, {
@@ -61,7 +61,7 @@ const v = { class: "p-alert" }, y = { class: "content" }, E = /* @__PURE__ */ d(
       })
     ]));
   }
-}), D = /* @__PURE__ */ b(E, [["__scopeId", "data-v-1501446e"]]);
+}), D = /* @__PURE__ */ T(E, [["__scopeId", "data-v-9b975218"]]);
 export {
   D as default
 };

package/dist/{PBody-Ch7KaMyj.js → PBody-CggbeZs9.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-04880725"]]), U = /* @__PURE__ */ p({
+}), Z = /* @__PURE__ */ g(j, [["__scopeId", "data-v-1e341233"]]), U = /* @__PURE__ */ p({
   name: "PHeaderButton",
   __name: "PHeaderButton",
   props: {
@@ -26,8 +26,8 @@ const V = { class: "p-scaffold" }, x = { class: "body" }, j = /* @__PURE__ */ p(
   emits: ["click"],
   setup(e, { emit: a }) {
     I((i) => ({
-      v2f05293a: `${i.size}px`,
-      v45c9dc5a: `${v.value}px`
+      a2481b06: `${i.size}px`,
+      d3d4fcd4: `${v.value}px`
     }));
     const l = a, h = w(() => ({
       [`is-theme-${e.theme}`]: !0,
@@ -46,7 +46,7 @@ const V = { class: "p-scaffold" }, x = { class: "body" }, j = /* @__PURE__ */ p(
       }, null, 2)
     ], 2));
   }
-}), A = /* @__PURE__ */ g(U, [["__scopeId", "data-v-1eaab056"]]), J = {
+}), A = /* @__PURE__ */ g(U, [["__scopeId", "data-v-4c24ccc2"]]), J = {
   key: 0,
   class: "icon"
 }, W = { class: "title" }, q = { class: "btn-ctn" }, F = /* @__PURE__ */ p({
@@ -62,28 +62,28 @@ const V = { class: "p-scaffold" }, x = { class: "body" }, j = /* @__PURE__ */ p(
   emits: ["close"],
   setup(e, { emit: a }) {
     I((t) => ({
-      v3b2e1e40: `${t.height}px`
+      v7e42c502: `${t.height}px`
     }));
-    const l = L(), h = E(k.INSTANCE_ID), v = E(k.COMPUTED_VIEW_STYLE), C = a, i = s(0), d = s(0), P = s(0), $ = s(0), _ = s(0), b = s(0), B = s(!1), Y = w(() => !!e.iconClass);
-    T([_, b], M);
+    const l = L(), h = E(k.INSTANCE_ID), v = E(k.COMPUTED_VIEW_STYLE), C = a, i = s(0), d = s(0), P = s(0), $ = s(0), _ = s(0), B = s(0), b = s(!1), Y = w(() => !!e.iconClass);
+    T([_, B], M);
     function D() {
       e.hasCloseButton && C("close");
     }
     function X(t) {
-      e.draggable && (i.value = t.clientX, d.value = t.clientY, P.value = v.value.translateX, $.value = v.value.translateY, B.value = !0, t.preventDefault(), window.addEventListener("mousemove", y), window.addEventListener("mouseup", O));
+      e.draggable && (i.value = t.clientX, d.value = t.clientY, P.value = v.value.translateX, $.value = v.value.translateY, b.value = !0, t.preventDefault(), window.addEventListener("mousemove", y), window.addEventListener("mouseup", O));
     }
     function y(t) {
-      if (!B.value) return;
+      if (!b.value) return;
       const n = t.clientX - i.value, m = t.clientY - d.value;
-      _.value = P.value + n, b.value = $.value + m;
+      _.value = P.value + n, B.value = $.value + m;
     }
     function O(t) {
-      B.value = !1, window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", O);
+      b.value = !1, window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", O);
     }
     function M() {
       l.update(h, {
         viewTranslateX: _.value,
-        viewTranslateY: b.value
+        viewTranslateY: B.value
       });
     }
     return (t, n) => (o(), r("div", {
@@ -107,7 +107,7 @@ const V = { class: "p-scaffold" }, x = { class: "body" }, j = /* @__PURE__ */ p(
       ])
     ], 34));
   }
-}), ee = /* @__PURE__ */ g(F, [["__scopeId", "data-v-fcc3fa94"]]), G = /* @__PURE__ */ p({
+}), ee = /* @__PURE__ */ g(F, [["__scopeId", "data-v-471f11e1"]]), G = /* @__PURE__ */ p({
   name: "PBody",
   __name: "PBody",
   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-a8f5570e"]]);
+}), te = /* @__PURE__ */ g(G, [["__scopeId", "data-v-f676093f"]]);
 export {
   Z as P,
   te as a,

package/dist/{PButtonGroup-DOwvv6ZF.js → PButtonGroup-C-RNjqPq.js}

@@ -12,11 +12,11 @@ const I = ["disabled"], M = /* @__PURE__ */ b({
   emits: ["click"],
   setup(e, { emit: u }) {
     r(t.inButtonGroup, !1);
-    const l = r(t.groupType, "default"), p = r(t.groupTheme, "default"), m = r(t.groupSize, "default"), s = T("button"), a = u, f = d(() => window.innerWidth <= 600), i = d(() => ({
+    const l = r(t.groupType, "default"), p = r(t.groupTheme, "default"), f = r(t.groupSize, "default"), s = T("button"), a = u, m = d(() => window.innerWidth <= 600), i = d(() => ({
       [`is-type-${e.type || l}`]: !0,
       [`is-theme-${e.theme || p}`]: !0,
-      [`is-size-${e.size || m}`]: !0,
-      "is-mobile": f.value
+      [`is-size-${e.size || f}`]: !0,
+      "is-mobile": m.value
     }));
     function k(g) {
       a("click", g), s.value?.blur();
@@ -30,7 +30,7 @@ const I = ["disabled"], M = /* @__PURE__ */ b({
       v(g.$slots, "default", {}, void 0, !0)
     ], 10, I));
   }
-}), O = /* @__PURE__ */ S(M, [["__scopeId", "data-v-cc483dcd"]]), R = {
+}), O = /* @__PURE__ */ S(M, [["__scopeId", "data-v-9a54c761"]]), R = {
   key: 0,
   class: "cutline"
 }, t = {
@@ -56,9 +56,9 @@ const I = ["disabled"], M = /* @__PURE__ */ b({
       "has-cutline": l.value
     }));
     c(t.inButtonGroup, !0), c(t.groupType, e.type), c(t.groupTheme, e.theme), c(t.groupSize, e.size), P(() => {
-      m();
+      f();
     });
-    function m() {
+    function f() {
       u.default().some((a) => {
         a.type;
       }) && console.warn("PButtonGroup 只能包含 PButton 组件");
@@ -67,13 +67,13 @@ const I = ["disabled"], M = /* @__PURE__ */ b({
       class: B(["p-button-group", p.value]),
       ref: "group"
     }, [
-      l.value ? (o(!0), n(h, { key: 0 }, $(u.default?.(), (f, i) => (o(), n(h, { key: i }, [
-        (o(), C(w(f))),
+      l.value ? (o(!0), n(h, { key: 0 }, $(u.default?.(), (m, i) => (o(), n(h, { key: i }, [
+        (o(), C(w(m))),
         i < (u.default?.() || []).length - 1 ? (o(), n("div", R)) : j("", !0)
       ], 64))), 128)) : v(s.$slots, "default", { key: 1 }, void 0, !0)
     ], 2));
   }
-}), F = /* @__PURE__ */ S(x, [["__scopeId", "data-v-8d80b617"]]);
+}), F = /* @__PURE__ */ S(x, [["__scopeId", "data-v-fb8cc66f"]]);
 export {
   F as P,
   O as a

package/dist/{PConfirm-CoxIDGcj.js → PConfirm-D-ug3UAJ.js}

@@ -1,8 +1,8 @@
 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 { 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 f } 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",
@@ -15,9 +15,9 @@ const h = { class: "p-confirm" }, v = { class: "content" }, E = /* @__PURE__ */
     draggable: { type: Boolean }
   },
   setup(o) {
-    const c = _(), f = u(g.INSTANCE_ID);
+    const s = _(), c = u(g.INSTANCE_ID);
     function l(r) {
-      c.destroy(f, r);
+      s.destroy(c, r);
     }
     return (r, n) => (P(), p("div", h, [
       e(x, null, {
@@ -37,7 +37,7 @@ const h = { class: "p-confirm" }, v = { class: "content" }, E = /* @__PURE__ */
                 theme: "primary"
               }, {
                 default: t(() => [
-                  e(s, {
+                  e(f, {
                     onClick: n[0] || (n[0] = (d) => l(!1)),
                     type: "plain"
                   }, {
@@ -46,7 +46,7 @@ const h = { class: "p-confirm" }, v = { class: "content" }, E = /* @__PURE__ */
                     ]),
                     _: 1
                   }),
-                  e(s, {
+                  e(f, {
                     onClick: n[1] || (n[1] = (d) => l(!0))
                   }, {
                     default: t(() => [
@@ -73,7 +73,7 @@ const h = { class: "p-confirm" }, v = { class: "content" }, E = /* @__PURE__ */
       })
     ]));
   }
-}), $ = /* @__PURE__ */ b(E, [["__scopeId", "data-v-e79500d9"]]);
+}), $ = /* @__PURE__ */ b(E, [["__scopeId", "data-v-d5394afa"]]);
 export {
   $ as default
 };

package/dist/{PDialog-Cmtvq1_n.js → PDialog-QBGTHrYK.js}

@@ -1,6 +1,6 @@
 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 { 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",
@@ -66,7 +66,7 @@ const T = /* @__PURE__ */ p({
       ]), 1024)
     ], 2));
   }
-}), j = /* @__PURE__ */ O(T, [["__scopeId", "data-v-eaf6b748"]]);
+}), 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-DkI219wu.js → PPrompt-uN5YNxdI.js}

@@ -1,14 +1,14 @@
-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 { 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 "./vue-popup-plus-plugin-preset.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 g } from "./PButtonGroup-DOwvv6ZF.js";
+import { P as B, a as L, b } from "./PBody-CggbeZs9.js";
+import { P as E } from "./PFooter-Cp_J7xg-.js";
+import { P as I, a as x } 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__ */ y({
+}, O = { class: "input" }, U = ["maxLength", "placeholder"], $ = ["maxLength", "placeholder"], w = /* @__PURE__ */ v({
   name: "PPrompt",
   __name: "PPrompt",
   props: {
@@ -23,20 +23,20 @@ const D = { class: "p-prompt" }, M = {
     draggable: { type: Boolean }
   },
   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);
+    const m = V(), s = y(k.INSTANCE_ID), n = C(e.defaultValue), P = N(() => e.message !== !1);
+    function h() {
+      m.destroy(s, n.value);
     }
-    function P() {
-      s.destroy(m, null);
+    function c() {
+      m.destroy(s, null);
     }
     return (j, t) => (r(), d("div", D, [
-      l(k, null, {
+      l(B, null, {
         header: a(() => [
           l(b, {
             draggable: e.draggable,
-            hasCloseButton: !1,
             title: e.title,
+            onClose: t[0] || (t[0] = (o) => c()),
             iconClass: "prompt"
           }, null, 8, ["draggable", "title"])
         ]),
@@ -48,20 +48,20 @@ const D = { class: "p-prompt" }, M = {
                 theme: "primary"
               }, {
                 default: a(() => [
-                  l(g, {
-                    onClick: t[2] || (t[2] = (n) => P()),
+                  l(x, {
+                    onClick: t[3] || (t[3] = (o) => c()),
                     type: "plain"
                   }, {
                     default: a(() => [
-                      p(u(e.cancelText), 1)
+                      g(u(e.cancelText), 1)
                     ]),
                     _: 1
                   }),
-                  l(g, {
-                    onClick: t[3] || (t[3] = (n) => x())
+                  l(x, {
+                    onClick: t[4] || (t[4] = (o) => h())
                   }, {
                     default: a(() => [
-                      p(u(e.confirmText), 1)
+                      g(u(e.confirmText), 1)
                     ]),
                     _: 1
                   })
@@ -75,24 +75,24 @@ const D = { class: "p-prompt" }, M = {
         default: a(() => [
           l(L, null, {
             default: a(() => [
-              h.value ? (r(), d("div", M, u(e.message), 1)) : i("", !0),
+              P.value ? (r(), d("div", M, u(e.message), 1)) : i("", !0),
               T("div", O, [
-                e.type === "input" ? c((r(), d("input", {
+                e.type === "input" ? f((r(), d("input", {
                   key: 0,
                   maxLength: e.maxLength,
                   placeholder: e.placeholder,
                   type: "text",
-                  "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n)
+                  "onUpdate:modelValue": t[1] || (t[1] = (o) => n.value = o)
                 }, null, 8, U)), [
-                  [f, o.value]
+                  [p, n.value]
                 ]) : i("", !0),
-                e.type === "textarea" ? c((r(), d("textarea", {
+                e.type === "textarea" ? f((r(), d("textarea", {
                   key: 1,
                   maxLength: e.maxLength,
                   placeholder: e.placeholder,
-                  "onUpdate:modelValue": t[1] || (t[1] = (n) => o.value = n)
-                }, null, 8, w)), [
-                  [f, o.value]
+                  "onUpdate:modelValue": t[2] || (t[2] = (o) => n.value = o)
+                }, null, 8, $)), [
+                  [p, n.value]
                 ]) : i("", !0)
               ])
             ]),
@@ -103,7 +103,7 @@ const D = { class: "p-prompt" }, M = {
       })
     ]));
   }
-}), z = /* @__PURE__ */ S($, [["__scopeId", "data-v-7962dc89"]]);
+}), z = /* @__PURE__ */ S(w, [["__scopeId", "data-v-4fd5ae58"]]);
 export {
   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,13 +355,22 @@ 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 { }
 
 
@@ -374,41 +383,41 @@ declare module 'vue-popup-plus' {
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        dialog: IDialog;
+        loading: ILoading;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        confirm: IConfirm;
+        dialog: IDialog;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        album: IAlbum;
+        confirm: IConfirm;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        loading: ILoading;
+        album: IAlbum;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        prompt: IPrompt;
+        toast: IToast;
     }
 }
 
 
 declare module 'vue-popup-plus' {
     interface PopupCustomProperties {
-        toast: IToast;
+        prompt: IPrompt;
     }
 }