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

package/README.md

@@ -0,0 +1,86 @@
+# Vue Popup Plus 🚀
+
+一个功能强大、灵活易用的 Vue 3 弹窗组件库，让弹窗管理变得简单而优雅。
+
+[![Vue 3](https://img.shields.io/badge/Vue-3.x-brightgreen.svg)](https://vuejs.org/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.x-blue.svg)](https://www.typescriptlang.org/)
+[![License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Version](https://img.shields.io/badge/version-1.0.0-orange.svg)](https://github.com/yourusername/vue-popup-plus)
+
+## ✨ 特性
+
+- 🎯 **简单易用** - 简洁的 API，快速集成到您的项目中
+- 🔌 **可扩展** - 自定义弹窗内容和样式，满足各种场景需求
+- 🎭 **动画支持** - 内置多种动画效果，让弹窗展示更生动
+- 📱 **响应式设计** - 完美适配各种屏幕尺寸
+- 🧩 **TypeScript 支持** - 完整的类型定义，提供良好的开发体验
+
+## 📦 安装
+
+```bash
+# 使用 npm
+npm install vue-popup-plus
+
+# 使用 yarn
+yarn add vue-popup-plus
+
+# 使用 pnpm
+pnpm add vue-popup-plus
+```
+
+## 📚 文档
+
+查看我们的[在线文档](http://vue-popup-plus.styzy.cn)获取更多详细信息和高级用法。
+
+## 🚀 快速开始
+
+### 全局注册
+
+```js
+import { createApp } from 'vue'
+import { createPopup } from 'vue-popup-plus'
+import App from './App.vue'
+
+const app = createApp(App)
+const popup = createPopup()
+
+app.use(popup)
+
+app.mount('#app')
+```
+
+### 基本使用
+
+```vue
+<template>
+	<button @click="showPopup">显示弹窗</button>
+</template>
+
+<script setup>
+import { usePopup } from 'vue-popup-plus'
+
+const popup = usePopup()
+
+const showPopup = () => {
+	popup.render({
+		// 组件
+		component: () => import('./components/Demo.vue'),
+		// 组件属性
+		componentProps: {
+			// 根据你的组件属性传入
+		},
+		width: 400,
+		maxHeight: 600,
+		mask: false,
+	})
+}
+</script>
+```
+
+## 🤝 贡献
+
+欢迎贡献代码、报告问题或提出新功能建议！请查看[贡献指南](CONTRIBUTING.md)了解更多信息。
+
+## 📄 许可证
+
+[MIT](LICENSE) © Your Name

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

@@ -1,51 +1,51 @@
-import { defineComponent as ee, inject as te, ref as c, computed as g, watch as ne, onBeforeMount as le, onMounted as oe, onBeforeUnmount as ae, createElementBlock as o, openBlock as a, createElementVNode as v, createCommentVNode as d, Fragment as T, renderList as se, normalizeStyle as re, createTextVNode as ie, toDisplayString as B } from "vue";
-import { usePopup as ue, POPUP_COMPONENT_INJECTS as ce } from "vue-popup-plus";
-import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function ve(n) {
+import { defineComponent as ne, inject as le, ref as c, computed as y, watch as oe, onBeforeMount as se, onMounted as ae, onBeforeUnmount as re, createElementBlock as o, openBlock as s, normalizeClass as X, createElementVNode as d, createCommentVNode as v, Fragment as N, renderList as ie, normalizeStyle as ue, toDisplayString as B } from "vue";
+import { usePopup as ce, POPUP_COMPONENT_INJECTS as de } from "vue-popup-plus";
+import { _ as ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function pe(n) {
   const t = Object.prototype.toString.call(n).match(/\s+(\w+)/);
   return t ? t[1] : "Null";
 }
-function pe(n, {
+function me(n, {
   allowCrossOrigin: t = !1,
-  fileName: l = fe(n),
+  fileName: l = ge(n),
   headers: u = {},
   onSuccess: h = () => {
   }
 } = {}) {
   try {
-    me(n) ? D() : t ? I() : window.open(n);
-  } catch (s) {
-    console.error(`free download error:
-`, s);
+    fe(n) ? O() : t ? S() : window.open(n);
+  } catch (a) {
+    console.error(`download error:
+`, a);
   }
-  function D() {
-    const s = document.createElement("a");
-    s.setAttribute("download", l), s.href = n, s.click(), h(l);
+  function O() {
+    const a = document.createElement("a");
+    a.setAttribute("download", l), a.href = n, a.click(), h(l);
   }
-  function I() {
-    let s;
+  function S() {
+    let a;
     try {
-      s = new XMLHttpRequest();
+      a = new XMLHttpRequest();
     } catch {
       throw new Error("当前浏览器不支持XMLHttpRequest，无法下载");
     }
-    s.open("GET", n, !0), s.responseType = "blob";
+    a.open("GET", n, !0), a.responseType = "blob";
     for (const f in u)
-      Object.hasOwnProperty.call(u, f) && s.setRequestHeader(f, u[f]);
-    s.onload = function() {
-      if (s.status === 200) {
-        const f = window.URL.createObjectURL(s.response), m = document.createElement("a");
+      Object.hasOwnProperty.call(u, f) && a.setRequestHeader(f, u[f]);
+    a.onload = function() {
+      if (a.status === 200) {
+        const f = window.URL.createObjectURL(a.response), m = document.createElement("a");
         m.href = f, m.download = l, m.click(), h(l);
       }
     };
     try {
-      s.send();
+      a.send();
     } catch {
       return;
     }
   }
 }
-function me(n) {
+function fe(n) {
   const t = new URL(window.location.href);
   try {
     const l = new URL(n);
@@ -54,13 +54,13 @@ function me(n) {
     throw new Error(`错误的下载地址:${n}`);
   }
 }
-function fe(n) {
+function ge(n) {
   return n.split("/")[n.split("/").length - 1] || "";
 }
 function ye(n) {
   return n.split(".")[n.split(".").length - 1] || "";
 }
-function ge(n, t = !0) {
+function be(n, t = !0) {
   try {
     const l = document.createElement(t ? "textarea" : "input");
     return l.style.opacity = "0", l.style.height = "0px", l.style.border = "none", l.style.color = "transparent", l.style.position = "fixed", l.style.top = "-1000px", l.style.left = "-1000px", document.body.appendChild(l), l.value = n, l.focus(), l.select(), document.execCommand("copy"), l.blur(), document.body.removeChild(l), !0;
@@ -80,7 +80,7 @@ const p = {
   EXE: "exe",
   UNKNOWN: "unknown"
   /* UNKNOWN */
-}, z = /* @__PURE__ */ new Map([
+}, A = /* @__PURE__ */ new Map([
   [p.IMAGE, ["jpg", "jpeg", "png", "gif"]],
   [
     p.VIDEO,
@@ -97,11 +97,11 @@ const p = {
   [p.TXT, ["txt"]],
   [p.EXE, ["exe"]]
 ]);
-class x {
+class I {
   // 文件类型
   static FILE_TYPES = p;
   // 文件类型后缀映射
-  static FILE_TYPE_SUFFIX_MAP = z;
+  static FILE_TYPE_SUFFIX_MAP = A;
   // 文件id
   id = "";
   // 文件地址
@@ -120,14 +120,14 @@ class x {
   }
   // 类型
   get type() {
-    for (const [t, l] of z)
+    for (const [t, l] of A)
       if (l.some((u) => u === this.suffix))
         return t;
     return p.UNKNOWN;
   }
   constructor(t) {
-    if (t instanceof x) return t;
-    switch (ve(t)) {
+    if (t instanceof I) return t;
+    switch (pe(t)) {
       case "String":
         this.createdByUrl(t);
         break;
@@ -174,132 +174,137 @@ class x {
     return this.url.split("/")[this.url.split("/").length - 1] || "";
   }
 }
-const be = ["src"], he = ["poster", "src"], we = {
+const he = ["src"], we = ["poster", "src"], Ee = {
   key: 0,
   class: "tools top"
-}, Ee = {
+}, ke = {
   key: 0,
   class: "info count"
-}, ke = { class: "current" }, xe = {
+}, xe = { class: "number current" }, Pe = { class: "number" }, Ie = {
   key: 1,
   class: "emyty"
-}, De = {
+}, Oe = {
   key: 1,
   class: "tools left"
-}, Ie = {
+}, Se = {
   key: 2,
   class: "tools right"
-}, Oe = {
+}, De = {
   key: 3,
   class: "tools bottom"
-}, Pe = {
+}, Ce = {
   key: 1,
   class: "emyty"
-}, Se = { class: "center" }, Ue = {
+}, Ue = { class: "center" }, Me = {
   key: 3,
   class: "emyty"
-}, Ce = /* @__PURE__ */ ee({
+}, Ne = /* @__PURE__ */ ne({
   name: "PAlbum",
   __name: "PAlbum",
   props: {
+    skin: {},
     sources: {},
     defaultIndex: {},
-    countDisabled: { type: Boolean },
-    nameDisabled: { type: Boolean },
-    downloadDisabled: { type: Boolean },
-    pureDisabled: { type: Boolean },
-    scaleDisabled: { type: Boolean },
-    dragDisabled: { type: Boolean }
+    disableCounter: { type: Boolean },
+    disableName: { type: Boolean },
+    disableDownload: { type: Boolean },
+    disablePure: { type: Boolean },
+    disableScale: { type: Boolean },
+    disableDrag: { type: Boolean }
   },
   setup(n) {
-    const t = ue(), l = te(ce.INSTANCE_ID), u = c(n.defaultIndex), h = c(1), D = c(30), I = c(0.01), s = c(3), f = c(1.5), m = c(h.value), k = c(!1), O = c(0), P = c(0), L = c(0), N = c(0), S = c(0), U = c(0), y = c(!1), w = g(() => x.FILE_TYPES), b = g(
-      () => n.sources.map((i) => new x(i)).filter(
+    const t = ce(), l = le(de.INSTANCE_ID), u = c(n.defaultIndex), h = c(1), O = c(30), S = c(0.01), a = c(3), f = c(1.5), m = c(h.value), k = c(!1), D = c(0), C = c(0), L = c(0), T = c(0), x = c(0), P = c(0), g = c(!1), w = y(() => I.FILE_TYPES), b = y(
+      () => n.sources.map((i) => new I(i)).filter(
         (i) => [w.value.IMAGE, w.value.VIDEO].includes(i.type)
       )
-    ), E = g(() => b.value[u.value]), A = g(() => ({
-      transform: `translate(${S.value}px, ${U.value}px) scale(${m.value})`,
+    ), E = y(() => b.value[u.value]), j = y(() => ({
+      transform: `translate(${x.value}px, ${P.value}px) scale(${m.value})`,
       transitionDuration: k.value ? "0s" : void 0
-    })), j = g(() => u.value !== 0), R = g(
+    })), R = y(() => u.value !== 0), Y = y(
       () => u.value !== b.value.length - 1 && b.value.length
-    ), C = g(
+    ), U = y(
       () => E.value && E.value.type === w.value.IMAGE
     );
-    ne(u, () => {
-      G();
-    }), le(() => {
+    oe(u, () => {
+      W(), q();
+    }), se(() => {
       n.defaultIndex >= 0 && n.defaultIndex < b.value.length && (u.value = n.defaultIndex);
-    }), oe(() => {
-      window.addEventListener("mousemove", F), window.addEventListener("mouseup", $);
     }), ae(() => {
+      window.addEventListener("mousemove", F), window.addEventListener("mouseup", $);
+    }), re(() => {
       window.removeEventListener("mousemove", F), window.removeEventListener("mouseup", $);
     });
-    function Y() {
+    function G() {
       u.value--;
     }
     function V() {
       u.value++;
     }
-    function M(i, e = s.value) {
-      C.value && (i ? m.value = Math.min(
+    function M(i, e = a.value) {
+      U.value && (i ? m.value = Math.min(
         m.value * e,
-        D.value
+        O.value
       ) : m.value = Math.max(
         m.value / e,
-        I.value
+        S.value
       ));
     }
-    function G() {
+    function W() {
       m.value = h.value;
     }
-    function W(i) {
-      if (n.scaleDisabled) return;
+    function q() {
+      x.value = 0, P.value = 0;
+    }
+    function H(i) {
+      if (n.disableScale) return;
       const e = i.wheelDelta > 0;
       M(e, f.value);
     }
-    function q(i) {
-      n.dragDisabled || (O.value = i.clientX, P.value = i.clientY, k.value = !0, i.stopPropagation(), i.preventDefault());
+    function J(i) {
+      n.disableDrag || (D.value = i.clientX, C.value = i.clientY, k.value = !0, i.stopPropagation(), i.preventDefault());
     }
     function F(i) {
-      k.value && (S.value = L.value + i.clientX - O.value, U.value = N.value + i.clientY - P.value);
+      k.value && (x.value = L.value + i.clientX - D.value, P.value = T.value + i.clientY - C.value);
     }
     function $() {
-      O.value = 0, P.value = 0, L.value = S.value, N.value = U.value, k.value = !1;
-    }
-    function H() {
-      ge(E.value.name), t.toast("复制成功");
-    }
-    function J() {
-      y.value = !0, t.toast("开启纯净模式，双击即可退出");
+      D.value = 0, C.value = 0, L.value = x.value, T.value = P.value, k.value = !1;
     }
     function K() {
-      y.value && (y.value = !1, t.toast("退出纯净模式"));
+      be(E.value.name), t.toast("复制成功");
     }
     function Z() {
-      n.downloadDisabled || pe(E.value.url, {
+      g.value = !0, t.toast("开启纯净模式，双击即可退出");
+    }
+    function Q() {
+      g.value && (g.value = !1, t.toast("退出纯净模式"));
+    }
+    function _() {
+      n.disableDownload || me(E.value.url, {
         allowCrossOrigin: !0
       });
     }
-    function Q() {
+    function ee() {
       t.destroy(l);
     }
-    return (i, e) => (a(), o("div", {
-      class: "p-media-album",
-      onDblclick: e[10] || (e[10] = (r) => K())
+    return (i, e) => (s(), o("div", {
+      class: X(["p-media-album", `is-skin-${n.skin}`]),
+      onDblclick: e[10] || (e[10] = (r) => Q())
     }, [
-      v("div", {
+      d("div", {
         class: "media",
-        onWheel: e[1] || (e[1] = (r) => W(r))
+        onWheel: e[1] || (e[1] = (r) => H(r))
       }, [
-        (a(!0), o(T, null, se(b.value, (r, X) => (a(), o(T, null, [
-          X === u.value ? (a(), o(T, { key: 0 }, [
-            r.type === w.value.IMAGE ? (a(), o("img", {
-              key: `media-${X}-${r.url}`,
+        (s(!0), o(N, null, ie(b.value, (r, z) => (s(), o(N, null, [
+          z === u.value ? (s(), o(N, { key: 0 }, [
+            r.type === w.value.IMAGE ? (s(), o("img", {
+              class: X({ "is-draggable": !n.disableDrag }),
+              key: `media-${z}-${r.url}`,
               src: r.url,
-              style: re(A.value),
-              onMousedown: e[0] || (e[0] = (_) => q(_)),
+              style: ue(j.value),
+              onMousedown: e[0] || (e[0] = (te) => J(te)),
               dragable: "false"
-            }, null, 44, be)) : d("", !0),
-            r.type === w.value.VIDEO ? (a(), o("video", {
+            }, null, 46, he)) : v("", !0),
+            r.type === w.value.VIDEO ? (s(), o("video", {
               key: 1,
               poster: r.poster,
               src: r.url,
@@ -307,80 +312,81 @@ const be = ["src"], he = ["poster", "src"], we = {
               controlslist: "nodownload noremoteplayback noplaybackrate",
               disablePictureInPicture: "",
               disableRemotePlayback: ""
-            }, null, 8, he)) : d("", !0)
-          ], 64)) : d("", !0)
+            }, null, 8, we)) : v("", !0)
+          ], 64)) : v("", !0)
         ], 64))), 256))
       ], 32),
-      y.value ? d("", !0) : (a(), o("div", we, [
-        n.countDisabled ? (a(), o("div", xe)) : (a(), o("div", Ee, [
-          v("span", ke, B(`${u.value + 1} `), 1),
-          ie("/ " + B(b.value.length), 1)
+      g.value ? v("", !0) : (s(), o("div", Ee, [
+        n.disableCounter ? (s(), o("div", Ie)) : (s(), o("div", ke, [
+          d("span", xe, B(`${u.value + 1} `), 1),
+          e[11] || (e[11] = d("span", { class: "connect" }, "/", -1)),
+          d("span", Pe, B(b.value.length), 1)
         ])),
-        n.nameDisabled ? d("", !0) : (a(), o("div", {
+        n.disableName ? v("", !0) : (s(), o("div", {
           key: 2,
           class: "control name",
-          onClick: e[2] || (e[2] = (r) => H())
+          onClick: e[2] || (e[2] = (r) => K())
         }, B(E.value.name), 1)),
-        v("div", {
+        d("div", {
           class: "control close",
-          onClick: e[3] || (e[3] = (r) => Q())
-        }, [...e[11] || (e[11] = [
-          v("i", { class: "iconfont-popup-plugin-preset album-close" }, null, -1)
+          onClick: e[3] || (e[3] = (r) => ee())
+        }, [...e[12] || (e[12] = [
+          d("i", { class: "iconfont-popup-plugin-preset album-close" }, null, -1)
         ])])
       ])),
-      y.value ? d("", !0) : (a(), o("div", De, [
-        j.value ? (a(), o("div", {
+      g.value ? v("", !0) : (s(), o("div", Oe, [
+        R.value ? (s(), o("div", {
           key: 0,
           class: "control back",
-          onClick: e[4] || (e[4] = (r) => Y())
-        }, [...e[12] || (e[12] = [
-          v("i", { class: "iconfont-popup-plugin-preset album-prev" }, null, -1)
-        ])])) : d("", !0)
+          onClick: e[4] || (e[4] = (r) => G())
+        }, [...e[13] || (e[13] = [
+          d("i", { class: "iconfont-popup-plugin-preset album-prev" }, null, -1)
+        ])])) : v("", !0)
       ])),
-      y.value ? d("", !0) : (a(), o("div", Ie, [
-        R.value ? (a(), o("div", {
+      g.value ? v("", !0) : (s(), o("div", Se, [
+        Y.value ? (s(), o("div", {
           key: 0,
           class: "control next",
           onClick: e[5] || (e[5] = (r) => V())
-        }, [...e[13] || (e[13] = [
-          v("i", { class: "iconfont-popup-plugin-preset album-next" }, null, -1)
-        ])])) : d("", !0)
+        }, [...e[14] || (e[14] = [
+          d("i", { class: "iconfont-popup-plugin-preset album-next" }, null, -1)
+        ])])) : v("", !0)
       ])),
-      y.value ? d("", !0) : (a(), o("div", Oe, [
-        n.pureDisabled ? (a(), o("div", Pe)) : (a(), o("div", {
+      g.value ? v("", !0) : (s(), o("div", De, [
+        n.disablePure ? (s(), o("div", Ce)) : (s(), o("div", {
           key: 0,
           class: "control",
-          onClick: e[6] || (e[6] = (r) => J())
-        }, [...e[14] || (e[14] = [
-          v("i", { class: "iconfont-popup-plugin-preset album-pure" }, null, -1)
+          onClick: e[6] || (e[6] = (r) => Z())
+        }, [...e[15] || (e[15] = [
+          d("i", { class: "iconfont-popup-plugin-preset album-pure" }, null, -1)
         ])])),
-        v("div", Se, [
-          !n.scaleDisabled && C.value ? (a(), o("div", {
+        d("div", Ue, [
+          !n.disableScale && U.value ? (s(), o("div", {
             key: 0,
             class: "control",
-            onClick: e[7] || (e[7] = (r) => M(!0, s.value))
-          }, [...e[15] || (e[15] = [
-            v("i", { class: "iconfont-popup-plugin-preset album-enlarge" }, null, -1)
-          ])])) : d("", !0),
-          !n.scaleDisabled && C.value ? (a(), o("div", {
+            onClick: e[7] || (e[7] = (r) => M(!0, a.value))
+          }, [...e[16] || (e[16] = [
+            d("i", { class: "iconfont-popup-plugin-preset album-enlarge" }, null, -1)
+          ])])) : v("", !0),
+          !n.disableScale && U.value ? (s(), o("div", {
             key: 1,
             class: "control",
-            onClick: e[8] || (e[8] = (r) => M(!1, s.value))
-          }, [...e[16] || (e[16] = [
-            v("i", { class: "iconfont-popup-plugin-preset album-narrow" }, null, -1)
-          ])])) : d("", !0)
+            onClick: e[8] || (e[8] = (r) => M(!1, a.value))
+          }, [...e[17] || (e[17] = [
+            d("i", { class: "iconfont-popup-plugin-preset album-narrow" }, null, -1)
+          ])])) : v("", !0)
         ]),
-        n.downloadDisabled ? (a(), o("div", Ue)) : (a(), o("div", {
+        n.disableDownload ? (s(), o("div", Me)) : (s(), o("div", {
           key: 2,
           class: "control download",
-          onClick: e[9] || (e[9] = (r) => Z())
-        }, [...e[17] || (e[17] = [
-          v("i", { class: "iconfont-popup-plugin-preset download" }, null, -1)
+          onClick: e[9] || (e[9] = (r) => _())
+        }, [...e[18] || (e[18] = [
+          d("i", { class: "iconfont-popup-plugin-preset download" }, null, -1)
         ])]))
       ]))
-    ], 32));
+    ], 34));
   }
-}), Le = /* @__PURE__ */ de(Ce, [["__scopeId", "data-v-9ef9f86f"]]);
+}), Fe = /* @__PURE__ */ ve(Ne, [["__scopeId", "data-v-f011d0c2"]]);
 export {
-  Le as default
+  Fe as default
 };

package/dist/PAlert-xZSu5lCj.js

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