vue-popup-plus-plugin-preset 1.3.4 → 1.5.0

package/dist/PBody-Cotuzlbw.js

@@ -0,0 +1,129 @@
+import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as h, provide as H, createElementBlock as f, openBlock as l, normalizeClass as s, renderSlot as c, createElementVNode as r, inject as u, computed as T, withModifiers as L, ref as a, watch as V, unref as Y, createCommentVNode as S, toDisplayString as j, createBlock as U } from "vue";
+import { usePopup as x, POPUP_COMPONENT_INJECTS as M } from "vue-popup-plus";
+const z = { class: "body" }, k = Symbol("skin"), A = /* @__PURE__ */ h({
+  name: "PScaffold",
+  __name: "PScaffold",
+  props: {
+    skin: {}
+  },
+  setup(e) {
+    return H(k, e.skin), (t, o) => (l(), f("div", {
+      class: s(["p-scaffold", `is-skin-${e.skin}`])
+    }, [
+      c(t.$slots, "header", {}, void 0, !0),
+      r("div", z, [
+        c(t.$slots, "default", {}, void 0, !0)
+      ]),
+      c(t.$slots, "footer", {}, void 0, !0)
+    ], 2));
+  }
+}), ee = /* @__PURE__ */ g(A, [["__scopeId", "data-v-bc605f70"]]), J = /* @__PURE__ */ h({
+  name: "PHeaderButton",
+  __name: "PHeaderButton",
+  props: {
+    iconClass: { default: "" },
+    theme: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    actived: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const o = u(k, "modern"), m = t, v = T(() => ({
+      [`is-skin-${o}`]: !0,
+      [`is-theme-${e.theme}`]: !0,
+      "is-disabled": e.disabled,
+      "is-active": e.actived
+    }));
+    function C() {
+      e.disabled || m("click");
+    }
+    return ($, d) => (l(), f("div", {
+      class: s(["p-header-button", v.value]),
+      onClick: d[0] || (d[0] = L((P) => C(), ["stop"]))
+    }, [
+      r("i", {
+        class: s(["iconfont-popup-plugin-preset", e.iconClass])
+      }, null, 2)
+    ], 2));
+  }
+}), W = /* @__PURE__ */ g(J, [["__scopeId", "data-v-41a6ff2b"]]), q = { class: "title" }, F = { class: "btn-ctn" }, G = /* @__PURE__ */ h({
+  name: "PHeader",
+  __name: "PHeader",
+  props: {
+    title: { default: "" },
+    iconClass: { default: "" },
+    iconTheme: { default: "primary" },
+    hasCloseButton: { type: Boolean, default: !0 },
+    draggable: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const o = x(), m = u(M.INSTANCE_ID), v = u(M.COMPUTED_VIEW_STYLE), C = u(k, "modern"), $ = t, d = a(0), P = a(0), w = a(0), O = a(0), b = a(0), y = a(0), B = a(!1), _ = T(() => !!e.iconClass);
+    V([b, y], N);
+    function D() {
+      e.hasCloseButton && $("close");
+    }
+    function X(n) {
+      e.draggable && (d.value = n.clientX, P.value = n.clientY, w.value = v.value.translateX, O.value = v.value.translateY, B.value = !0, n.preventDefault(), window.addEventListener("mousemove", E), window.addEventListener("mouseup", I));
+    }
+    function E(n) {
+      if (!B.value) return;
+      const i = Math.ceil(n.clientX - d.value), p = Math.ceil(n.clientY - P.value);
+      b.value = w.value + i, y.value = O.value + p;
+    }
+    function I(n) {
+      B.value = !1, window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", I);
+    }
+    function N() {
+      o.update(m, {
+        viewTranslateX: b.value,
+        viewTranslateY: y.value
+      });
+    }
+    return (n, i) => (l(), f("div", {
+      class: s(["p-header", [`is-skin-${Y(C)}`, { "is-draggable": e.draggable }]]),
+      onMousedown: i[1] || (i[1] = (p) => X(p))
+    }, [
+      _.value ? (l(), f("div", {
+        key: 0,
+        class: s(["icon", `is-theme-${e.iconTheme}`])
+      }, [
+        r("i", {
+          class: s(["iconfont-popup-plugin-preset", e.iconClass])
+        }, null, 2)
+      ], 2)) : S("", !0),
+      r("div", q, j(e.title), 1),
+      r("div", F, [
+        c(n.$slots, "buttons", {}, void 0, !0),
+        e.hasCloseButton ? (l(), U(W, {
+          key: 0,
+          onClick: i[0] || (i[0] = (p) => D()),
+          iconClass: "close",
+          theme: "danger"
+        })) : S("", !0)
+      ])
+    ], 34));
+  }
+}), te = /* @__PURE__ */ g(G, [["__scopeId", "data-v-f8f28375"]]), K = /* @__PURE__ */ h({
+  name: "PBody",
+  __name: "PBody",
+  props: {
+    withPadding: { type: Boolean, default: !0 },
+    fitIcon: { type: Boolean }
+  },
+  setup(e) {
+    const t = u(k, "modern");
+    return (o, m) => (l(), f("div", {
+      class: s(["p-body", [`is-skin-${Y(t)}`, { "has-padding": e.withPadding, "is-fit-icon": e.fitIcon }]])
+    }, [
+      c(o.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), ne = /* @__PURE__ */ g(K, [["__scopeId", "data-v-ae7d6884"]]);
+export {
+  ee as P,
+  ne as a,
+  te as b,
+  W as c
+};

package/dist/PButtonGroup-8zbI-6Gv.js

@@ -0,0 +1,93 @@
+import { defineComponent as h, createElementBlock as n, openBlock as u, renderSlot as y, inject as c, useTemplateRef as P, computed as p, normalizeClass as S, createElementVNode as $, useSlots as T, provide as d, onMounted as G, Fragment as B, renderList as _, createBlock as C, createCommentVNode as j, resolveDynamicComponent as F } from "vue";
+import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css                                                                      */
+const I = { class: "p-footer" }, w = /* @__PURE__ */ h({
+  name: "PFooter",
+  __name: "PFooter",
+  setup(e) {
+    return (o, s) => (u(), n("div", I, [
+      y(o.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), L = /* @__PURE__ */ v(w, [["__scopeId", "data-v-a6296b40"]]), E = ["disabled"], M = /* @__PURE__ */ h({
+  name: "PButton",
+  __name: "PButton",
+  props: {
+    type: {},
+    theme: {},
+    size: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: o }) {
+    c(t.inButtonGroup, !1);
+    const s = c(t.groupType, "default"), f = c(t.groupTheme, "default"), m = c(t.groupSize, "default"), l = P("button"), a = o, g = p(() => window.innerWidth <= 600), i = p(() => ({
+      [`is-type-${e.type || s}`]: !0,
+      [`is-theme-${e.theme || f}`]: !0,
+      [`is-size-${e.size || m}`]: !0,
+      "is-mobile": g.value
+    }));
+    function k(b) {
+      a("click", b), l.value?.blur();
+    }
+    return (b, r) => (u(), n("button", {
+      class: S(["p-button", i.value]),
+      disabled: e.disabled,
+      onClick: r[0] || (r[0] = (z) => k(z)),
+      ref: "button"
+    }, [
+      r[1] || (r[1] = $("div", { class: "background" }, null, -1)),
+      y(b.$slots, "default", {}, void 0, !0)
+    ], 10, E));
+  }
+}), N = /* @__PURE__ */ v(M, [["__scopeId", "data-v-3dd46a8f"]]), O = {
+  key: 0,
+  class: "cutline"
+}, t = {
+  inButtonGroup: Symbol("inButtonGroup"),
+  groupType: Symbol("groupType"),
+  groupTheme: Symbol("groupTheme"),
+  groupSize: Symbol("groupSize")
+}, R = /* @__PURE__ */ h({
+  name: "PButtonGroup",
+  __name: "PButtonGroup",
+  props: {
+    type: { default: "default" },
+    theme: { default: "default" },
+    size: { default: "default" },
+    direction: { default: "horizontal" },
+    align: { default: "start" },
+    tight: { type: Boolean, default: !1 },
+    cutline: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = T(), s = p(() => e.cutline && !e.tight), f = p(() => ({
+      [`is-align-${e.align}`]: !0,
+      [`is-direction-${e.direction}`]: !0,
+      "is-tight": e.tight,
+      "has-cutline": s.value
+    }));
+    d(t.inButtonGroup, !0), d(t.groupType, e.type), d(t.groupTheme, e.theme), d(t.groupSize, e.size), G(() => {
+      m();
+    });
+    function m() {
+      o.default().some((a) => {
+        a.type;
+      }) && console.warn("PButtonGroup 只能包含 PButton 组件");
+    }
+    return (l, a) => (u(), n("div", {
+      class: S(["p-button-group", f.value]),
+      ref: "group"
+    }, [
+      s.value ? (u(!0), n(B, { key: 0 }, _(o.default?.(), (g, i) => (u(), n(B, { key: i }, [
+        (u(), C(F(g))),
+        i < (o.default?.() || []).length - 1 ? (u(), n("div", O)) : j("", !0)
+      ], 64))), 128)) : y(l.$slots, "default", { key: 1 }, void 0, !0)
+    ], 2));
+  }
+}), W = /* @__PURE__ */ v(R, [["__scopeId", "data-v-cf19f04b"]]);
+export {
+  L as P,
+  W as a,
+  N as b
+};

package/dist/PConfirm-C_ojBEhv.js

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

package/dist/PDialog-U1Krz20W.js

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

package/dist/PLoading-DMxZw80B.js

@@ -0,0 +1,60 @@
+import { defineComponent as s, useCssVars as c, createElementBlock as i, openBlock as n, normalizeClass as m, createElementVNode as a, inject as r, createVNode as l, createCommentVNode as p, toDisplayString as u } from "vue";
+import { usePopup as f, POPUP_COMPONENT_INJECTS as _ } from "vue-popup-plus";
+import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css                                                                      */
+const g = /* @__PURE__ */ s({
+  name: "PLoadingIcon",
+  __name: "PLoadingIcon",
+  props: {
+    theme: { default: "primary" },
+    size: { default: 60 }
+  },
+  setup(e) {
+    return c((t) => ({
+      db319f58: `${t.size}px`
+    })), (t, o) => (n(), i("div", {
+      class: m(["p-loading-icon", `is-theme-${e.theme}`])
+    }, [...o[0] || (o[0] = [
+      a("svg", { viewBox: "25 25 50 50" }, [
+        a("circle", {
+          cx: "50",
+          cy: "50",
+          fill: "none",
+          r: "20"
+        })
+      ], -1)
+    ])], 2));
+  }
+}), P = /* @__PURE__ */ d(g, [["__scopeId", "data-v-a22f9b94"]]), h = { class: "wrapper" }, k = {
+  key: 0,
+  class: "title"
+}, v = /* @__PURE__ */ s({
+  name: "PLoading",
+  __name: "PLoading",
+  props: {
+    skin: {},
+    theme: {},
+    title: {},
+    iconSize: {},
+    mask: { type: Boolean },
+    debugMode: { type: Boolean }
+  },
+  setup(e) {
+    return c((t) => ({
+      v45a04100: `${t.iconSize * 4}px`
+    })), f(), r(_.INSTANCE_ID), (t, o) => (n(), i("div", {
+      class: m(["p-loading", [`is-skin-${e.skin}`, { "has-mask": e.mask }]])
+    }, [
+      a("div", h, [
+        l(P, {
+          size: e.iconSize,
+          theme: e.theme
+        }, null, 8, ["size", "theme"]),
+        e.title ? (n(), i("div", k, u(e.title), 1)) : p("", !0)
+      ])
+    ], 2));
+  }
+}), C = /* @__PURE__ */ d(v, [["__scopeId", "data-v-55443cbf"]]);
+export {
+  C as default
+};

package/dist/PPrompt-C430XhhF.js

@@ -0,0 +1,111 @@
+import { defineComponent as C, inject as y, ref as v, computed as k, createElementBlock as s, openBlock as d, normalizeClass as B, createVNode as l, withCtx as a, createCommentVNode as i, createElementVNode as N, toDisplayString as r, withDirectives as f, vModelText as g, createTextVNode as p } 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 as I } from "./PBody-Cotuzlbw.js";
+import { P as E, a as S, b as x } from "./PButtonGroup-8zbI-6Gv.js";
+import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const D = {
+  key: 0,
+  class: "message"
+}, M = { class: "input" }, O = ["maxLength", "placeholder"], U = ["maxLength", "placeholder"], w = /* @__PURE__ */ C({
+  name: "PPrompt",
+  __name: "PPrompt",
+  props: {
+    skin: {},
+    title: {},
+    headerClose: { type: Boolean },
+    message: { type: [String, Boolean] },
+    type: {},
+    defaultValue: {},
+    placeholder: {},
+    maxLength: {},
+    confirmText: {},
+    cancelText: {},
+    draggable: { type: Boolean }
+  },
+  setup(e) {
+    const u = T(), m = y(V.INSTANCE_ID), o = v(e.defaultValue), h = k(() => e.message !== !1);
+    function P() {
+      u.destroy(m, o.value);
+    }
+    function c() {
+      u.destroy(m);
+    }
+    return (j, t) => (d(), s("div", {
+      class: B(["p-prompt", `is-skin-${e.skin}`])
+    }, [
+      l(b, { skin: e.skin }, {
+        header: a(() => [
+          l(I, {
+            draggable: e.draggable,
+            hasCloseButton: e.headerClose,
+            title: e.title,
+            onClose: t[0] || (t[0] = (n) => c()),
+            iconClass: "prompt"
+          }, null, 8, ["draggable", "hasCloseButton", "title"])
+        ]),
+        footer: a(() => [
+          l(E, null, {
+            default: a(() => [
+              l(S, { align: "end" }, {
+                default: a(() => [
+                  l(x, {
+                    onClick: t[3] || (t[3] = (n) => c()),
+                    type: "plain"
+                  }, {
+                    default: a(() => [
+                      p(r(e.cancelText), 1)
+                    ]),
+                    _: 1
+                  }),
+                  l(x, {
+                    onClick: t[4] || (t[4] = (n) => P()),
+                    theme: "primary"
+                  }, {
+                    default: a(() => [
+                      p(r(e.confirmText), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: a(() => [
+          l(L, { fitIcon: "" }, {
+            default: a(() => [
+              h.value ? (d(), s("div", D, r(e.message), 1)) : i("", !0),
+              N("div", M, [
+                e.type === "input" ? f((d(), s("input", {
+                  key: 0,
+                  maxLength: e.maxLength,
+                  placeholder: e.placeholder,
+                  type: "text",
+                  "onUpdate:modelValue": t[1] || (t[1] = (n) => o.value = n)
+                }, null, 8, O)), [
+                  [g, o.value]
+                ]) : i("", !0),
+                e.type === "textarea" ? f((d(), s("textarea", {
+                  key: 1,
+                  maxLength: e.maxLength,
+                  placeholder: e.placeholder,
+                  "onUpdate:modelValue": t[2] || (t[2] = (n) => o.value = n)
+                }, null, 8, U)), [
+                  [g, o.value]
+                ]) : i("", !0)
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["skin"])
+    ], 2));
+  }
+}), R = /* @__PURE__ */ $(w, [["__scopeId", "data-v-927e24b0"]]);
+export {
+  R as default
+};

package/dist/PToast-DNiRg9wi.js

@@ -0,0 +1,67 @@
+import { defineComponent as p, inject as C, computed as T, ref as h, onMounted as y, onBeforeUnmount as k, createElementBlock as r, openBlock as c, normalizeClass as d, createElementVNode as t, createCommentVNode as P, toDisplayString as b } from "vue";
+import { usePopup as g, POPUP_COMPONENT_INJECTS as w } from "vue-popup-plus";
+import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const E = { class: "wrapper" }, M = { class: "icon" }, B = { class: "content" }, I = /* @__PURE__ */ p({
+  name: "PToast",
+  __name: "PToast",
+  props: {
+    skin: {},
+    content: {},
+    theme: {},
+    duration: {},
+    showClose: { type: Boolean },
+    hoverWait: { type: Boolean }
+  },
+  setup(e) {
+    const i = g(), l = C(w.INSTANCE_ID), n = T(() => e.duration > 0), s = h();
+    y(() => {
+      a();
+    }), k(() => {
+      u();
+    });
+    function a() {
+      n.value && (s.value = window.setTimeout(() => {
+        i.destroy(l);
+      }, e.duration));
+    }
+    function u() {
+      s.value && window.clearTimeout(s.value);
+    }
+    function m() {
+      !e.hoverWait || !n.value || u();
+    }
+    function f() {
+      !e.hoverWait || !n.value || a();
+    }
+    function v() {
+      i.destroy(l);
+    }
+    return (D, o) => (c(), r("div", {
+      class: d(["p-message", `is-theme-${e.theme}`]),
+      onMouseenter: m,
+      onMouseleave: f
+    }, [
+      o[1] || (o[1] = t("div", { class: "background" }, null, -1)),
+      o[2] || (o[2] = t("div", { class: "background-theme" }, null, -1)),
+      o[3] || (o[3] = t("div", { class: "background-border" }, null, -1)),
+      t("div", E, [
+        t("div", M, [
+          t("i", {
+            class: d(["iconfont-popup-plugin-preset", `toast-${e.theme}`])
+          }, null, 2)
+        ]),
+        t("div", B, b(e.content), 1),
+        e.showClose || !n.value ? (c(), r("div", {
+          key: 0,
+          class: "close-btn",
+          onClick: v
+        }, [...o[0] || (o[0] = [
+          t("i", { class: "iconfont-popup-plugin-preset close" }, null, -1)
+        ])])) : P("", !0)
+      ])
+    ], 34));
+  }
+}), W = /* @__PURE__ */ N(I, [["__scopeId", "data-v-279febb6"]]);
+export {
+  W as default
+};