vue-popup-plus 1.3.4 → 1.5.0

package/dist/vue-popup-plus.js

@@ -1,96 +1,21 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".popup-mask[data-v-53a2b502]{position:fixed;inset:0;background-color:var(--popup-color-mask)}.popup-mask.is-blur[data-v-53a2b502]{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%)}.popup-view-wrapper[data-v-1aed2cbe]{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;pointer-events:none}.popup-view-wrapper .popup-view[data-v-1aed2cbe]{position:relative;margin:auto;overflow:auto;pointer-events:auto}.vue-popup-plus-animation{animation-timing-function:linear;animation-duration:var(--v9a56ef92)}.vue-popup-plus-animation-enter-fade{animation-name:vue-popup-plus-animation-enter-fade}.vue-popup-plus-animation-leave-fade{animation-name:vue-popup-plus-animation-leave-fade}.vue-popup-plus-animation-enter-scale-enlarge{animation-name:vue-popup-plus-animation-enter-scale-enlarge}.vue-popup-plus-animation-leave-scale-enlarge{animation-name:vue-popup-plus-animation-leave-scale-enlarge}.vue-popup-plus-animation-enter-scale-shrink{animation-name:vue-popup-plus-animation-enter-scale-shrink}.vue-popup-plus-animation-leave-scale-shrink{animation-name:vue-popup-plus-animation-leave-scale-shrink}.vue-popup-plus-animation-enter-fly-top{animation-name:vue-popup-plus-animation-enter-fly-top}.vue-popup-plus-animation-leave-fly-top{animation-name:vue-popup-plus-animation-leave-fly-top}.vue-popup-plus-animation-enter-fly-left{animation-name:vue-popup-plus-animation-enter-fly-left}.vue-popup-plus-animation-leave-fly-left{animation-name:vue-popup-plus-animation-leave-fly-left}.vue-popup-plus-animation-enter-fly-right{animation-name:vue-popup-plus-animation-enter-fly-right}.vue-popup-plus-animation-leave-fly-right{animation-name:vue-popup-plus-animation-leave-fly-right}.vue-popup-plus-animation-enter-fly-bottom{animation-name:vue-popup-plus-animation-enter-fly-bottom}.vue-popup-plus-animation-leave-fly-bottom{animation-name:vue-popup-plus-animation-leave-fly-bottom}@-moz-keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@-o-keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@-moz-keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@-webkit-keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@-o-keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@-moz-keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@-o-keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@-moz-keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@-o-keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@-moz-keyframes vue-popup-plus-animation-enter-scale-shrink{0%{transform:scale(5)}to{transform:scale(1)}}@-webkit-keyframes vue-popup-plus-animation-enter-scale-shrink{0%{transform:scale(5)}to{transform:scale(1)}}@-o-keyframes vue-popup-plus-animation-enter-scale-shrink{0%{transform:scale(5)}to{transform:scale(1)}}@keyframes vue-popup-plus-animation-enter-scale-shrink{0%{transform:scale(5)}to{transform:scale(1)}}@-moz-keyframes vue-popup-plus-animation-leave-scale-shrink{0%{transform:scale(1)}to{transform:scale(5)}}@-webkit-keyframes vue-popup-plus-animation-leave-scale-shrink{0%{transform:scale(1)}to{transform:scale(5)}}@-o-keyframes vue-popup-plus-animation-leave-scale-shrink{0%{transform:scale(1)}to{transform:scale(5)}}@keyframes vue-popup-plus-animation-leave-scale-shrink{0%{transform:scale(1)}to{transform:scale(5)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@-o-keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@-o-keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@-o-keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@-o-keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}:root{--popup-color-mask: rgba(125,125,125,.3);--popup-color-mask-dark-lite: rgba(112,112,112,.3);--popup-color-mask-dark: rgba(94,94,94,.3);--popup-color-mask-dark-most: rgba(50,50,50,.3);--popup-color-mask-light-lite: rgba(138,138,138,.3);--popup-color-mask-light: rgba(157,157,157,.3);--popup-color-mask-light-most: rgba(203,203,203,.3)}.dark{--popup-color-mask: rgba(75,75,75,.3);--popup-color-mask-dark-lite: rgba(68,68,68,.3);--popup-color-mask-dark: rgba(56,56,56,.3);--popup-color-mask-dark-most: rgba(30,30,30,.3);--popup-color-mask-light-lite: rgba(93,93,93,.3);--popup-color-mask-light: rgba(120,120,120,.3);--popup-color-mask-light-most: rgba(183,183,183,.3)}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as P, inject as v, createElementBlock as N, openBlock as d, normalizeStyle as g, normalizeClass as V, unref as p, ref as m, computed as r, defineAsyncComponent as W, provide as E, onMounted as $, onUpdated as B, nextTick as H, createElementVNode as U, createBlock as A, resolveDynamicComponent as L, mergeProps as F, useCssVars as z, Transition as X, withCtx as S, renderSlot as j, createCommentVNode as D, Fragment as G, createVNode as w, createApp as J, render as O, toRefs as q, reactive as K } from "vue";
-const I = "vue-popup-plus", y = {
-  INSTANCE_ID: Symbol(`${I}-instance-id`),
-  COMPUTED_VIEW_STYLE: Symbol(`${I}-computed-view-style`)
-}, T = {
-  INSTANCE_STORE: Symbol(`${I}-instance-store`)
-};
-function Q(n = 0) {
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".vue-popup-plus-animation{animation-timing-function:linear;animation-duration:var(--v6e614cc2)}.popup-frame[data-v-5a4614b0]{display:flex;flex-direction:column;position:fixed;inset:0;pointer-events:none}.popup-mask[data-v-c4c8c95e]{position:fixed;inset:0;background-color:var(--popup-color-mask)}.popup-mask.is-blur[data-v-c4c8c95e]{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%)}.popup-view[data-v-bbc1055f]{position:relative;pointer-events:auto}.vue-popup-plus-animation-enter-fade{animation-name:vue-popup-plus-animation-enter-fade}.vue-popup-plus-animation-leave-fade{animation-name:vue-popup-plus-animation-leave-fade}.vue-popup-plus-animation-enter-scale-enlarge{animation-name:vue-popup-plus-animation-enter-scale-enlarge}.vue-popup-plus-animation-leave-scale-enlarge{animation-name:vue-popup-plus-animation-leave-scale-enlarge}.vue-popup-plus-animation-enter-scale-reduce{animation-name:vue-popup-plus-animation-enter-scale-reduce}.vue-popup-plus-animation-leave-scale-reduce{animation-name:vue-popup-plus-animation-leave-scale-reduce}.vue-popup-plus-animation-enter-fly-top{animation-name:vue-popup-plus-animation-enter-fly-top}.vue-popup-plus-animation-leave-fly-top{animation-name:vue-popup-plus-animation-leave-fly-top}.vue-popup-plus-animation-enter-fly-left{animation-name:vue-popup-plus-animation-enter-fly-left}.vue-popup-plus-animation-leave-fly-left{animation-name:vue-popup-plus-animation-leave-fly-left}.vue-popup-plus-animation-enter-fly-right{animation-name:vue-popup-plus-animation-enter-fly-right}.vue-popup-plus-animation-leave-fly-right{animation-name:vue-popup-plus-animation-leave-fly-right}.vue-popup-plus-animation-enter-fly-bottom{animation-name:vue-popup-plus-animation-enter-fly-bottom}.vue-popup-plus-animation-leave-fly-bottom{animation-name:vue-popup-plus-animation-leave-fly-bottom}@-moz-keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@-o-keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes vue-popup-plus-animation-enter-fade{0%{opacity:0}to{opacity:1}}@-moz-keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@-webkit-keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@-o-keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@keyframes vue-popup-plus-animation-leave-fade{0%{opacity:1}to{opacity:0}}@-moz-keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@-o-keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes vue-popup-plus-animation-enter-scale-enlarge{0%{transform:scale(0)}to{transform:scale(1)}}@-moz-keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@-o-keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes vue-popup-plus-animation-leave-scale-enlarge{0%{transform:scale(1)}to{transform:scale(0)}}@-moz-keyframes vue-popup-plus-animation-enter-scale-reduce{0%{transform:scale(5)}to{transform:scale(1)}}@-webkit-keyframes vue-popup-plus-animation-enter-scale-reduce{0%{transform:scale(5)}to{transform:scale(1)}}@-o-keyframes vue-popup-plus-animation-enter-scale-reduce{0%{transform:scale(5)}to{transform:scale(1)}}@keyframes vue-popup-plus-animation-enter-scale-reduce{0%{transform:scale(5)}to{transform:scale(1)}}@-moz-keyframes vue-popup-plus-animation-leave-scale-reduce{0%{transform:scale(1)}to{transform:scale(5)}}@-webkit-keyframes vue-popup-plus-animation-leave-scale-reduce{0%{transform:scale(1)}to{transform:scale(5)}}@-o-keyframes vue-popup-plus-animation-leave-scale-reduce{0%{transform:scale(1)}to{transform:scale(5)}}@keyframes vue-popup-plus-animation-leave-scale-reduce{0%{transform:scale(1)}to{transform:scale(5)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes vue-popup-plus-animation-enter-fly-top{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@-o-keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes vue-popup-plus-animation-leave-fly-top{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes vue-popup-plus-animation-enter-fly-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@-o-keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes vue-popup-plus-animation-leave-fly-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes vue-popup-plus-animation-enter-fly-right{0%{transform:translate(100vw)}to{transform:translate(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@-o-keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes vue-popup-plus-animation-leave-fly-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@-moz-keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@-webkit-keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@-o-keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes vue-popup-plus-animation-enter-fly-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@-moz-keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@-webkit-keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@-o-keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes vue-popup-plus-animation-leave-fly-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}:root{--popup-color-mask: rgba(0,0,0,.45);--popup-color-mask-dark-lite: rgba(0,0,0,.45);--popup-color-mask-dark: rgba(0,0,0,.45);--popup-color-mask-dark-most: rgba(0,0,0,.45);--popup-color-mask-light-lite: rgba(26,26,26,.45);--popup-color-mask-light: rgba(64,64,64,.45);--popup-color-mask-light-most: rgba(153,153,153,.45)}.dark{--popup-color-mask: rgba(75,75,75,.45);--popup-color-mask-dark-lite: rgba(68,68,68,.45);--popup-color-mask-dark: rgba(56,56,56,.45);--popup-color-mask-dark-most: rgba(30,30,30,.45);--popup-color-mask-light-lite: rgba(93,93,93,.45);--popup-color-mask-light: rgba(120,120,120,.45);--popup-color-mask-light-most: rgba(183,183,183,.45)}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as C, useCssVars as Z, computed as p, inject as w, ref as $, onMounted as Y, createBlock as T, openBlock as h, Transition as ee, withCtx as S, renderSlot as W, createCommentVNode as H, unref as P, normalizeStyle as V, createElementBlock as N, normalizeClass as te, defineAsyncComponent as ne, provide as M, onUpdated as oe, nextTick as se, resolveDynamicComponent as re, mergeProps as ae, Teleport as ie, createElementVNode as ue, createVNode as E, createApp as ce, render as U, toRefs as le, reactive as q, onBeforeMount as pe, onBeforeUnmount as de, Fragment as z, renderList as me, markRaw as he } from "vue";
+function fe(n) {
+  const e = Object.prototype.toString.call(n).match(/\s+(\w+)/);
+  return e ? e[1] : "Null";
+}
+function ge(n = 0) {
   return new Promise((e) => {
     window.setTimeout(e, n);
   });
 }
-const Z = /* @__PURE__ */ P({
-  name: "PopupMask",
-  __name: "PopupMask",
-  setup(n) {
-    const e = v(y.INSTANCE_ID), o = v(T.INSTANCE_STORE);
-    function t() {
-      o.maskClickClose && fe().destroy(e);
-    }
-    return (i, s) => (d(), N("div", {
-      class: V(["popup-mask", { "is-blur": p(o).maskBlur.value }]),
-      style: g({ zIndex: p(o).zIndex.value }),
-      onClick: t
-    }, null, 6));
-  }
-}), M = (n, e) => {
-  const o = n.__vccOpts || n;
-  for (const [t, i] of e)
-    o[t] = i;
-  return o;
-}, ee = /* @__PURE__ */ M(Z, [["__scopeId", "data-v-53a2b502"]]), te = /* @__PURE__ */ P({
-  name: "PopupView",
-  __name: "PopupView",
-  setup(n) {
-    const e = m(), o = v(y.INSTANCE_ID), t = v(T.INSTANCE_STORE), i = m(0), s = m(0), u = r(() => typeof t.component == "function" ? W(t.component) : t.component), h = r(() => t.viewTranslateOverflow.value ? t.viewTranslateX.value : t.viewTranslateX.value > 0 ? Math.min(
-      t.viewTranslateX.value,
-      (window.innerWidth - i.value) / 2
-    ) : Math.max(
-      t.viewTranslateX.value,
-      -(window.innerWidth - i.value) / 2
-    )), _ = r(() => t.viewTranslateOverflow.value ? t.viewTranslateY.value : t.viewTranslateY.value > 0 ? Math.min(
-      t.viewTranslateY.value,
-      (window.innerHeight - s.value) / 2
-    ) : Math.max(
-      t.viewTranslateY.value,
-      -(window.innerHeight - s.value) / 2
-    )), x = r(() => ({
-      width: c(t.width.value),
-      maxWidth: c(t.maxWidth.value),
-      minWidth: c(t.minWidth.value),
-      height: c(t.height.value),
-      maxHeight: c(t.maxHeight.value),
-      minHeight: c(t.minHeight.value),
-      transform: `translate(${h.value}px, ${_.value}px)`
-    })), R = r(() => ({
-      width: i.value,
-      height: s.value,
-      zIndex: t.zIndex.value,
-      translateX: h.value,
-      translateY: _.value
-    }));
-    E(y.COMPUTED_VIEW_STYLE, R), $(() => {
-      window.setTimeout(k, t.animationDuration.value);
-    }), B(() => {
-      k();
-    });
-    async function k() {
-      await H();
-      const a = e.value?.getBoundingClientRect();
-      a && (i.value = a.width, s.value = a.height);
-    }
-    function c(a) {
-      return typeof a == "number" ? `${a}px` : a;
-    }
-    return (a, _e) => (d(), N("div", {
-      class: "popup-view-wrapper",
-      style: g({ zIndex: p(t).zIndex.value })
-    }, [
-      U("div", {
-        class: "popup-view",
-        style: g(x.value),
-        ref_key: "popupViewRef",
-        ref: e
-      }, [
-        (d(), A(L(u.value), F({
-          key: `${p(o).name}-component`
-        }, p(t).componentProps), null, 16))
-      ], 4)
-    ], 4));
-  }
-}), ne = /* @__PURE__ */ M(te, [["__scopeId", "data-v-1aed2cbe"]]), b = /* @__PURE__ */ P({
+const R = "vue-popup-plus", A = {
+  INSTANCE_ID: Symbol(`${R}-instance-id`),
+  COMPUTED_VIEW_STYLE: Symbol(`${R}-computed-view-style`)
+}, I = {
+  CORE: Symbol(`${R}-core`),
+  INSTANCE_STORE: Symbol(`${R}-instance-store`)
+}, ve = "http://vue-popup-plus.styzy.cn", B = /* @__PURE__ */ C({
   name: "PopupAnimation",
   __name: "PopupAnimation",
   props: {
@@ -98,169 +23,432 @@ const Z = /* @__PURE__ */ P({
     duration: {}
   },
   setup(n) {
-    z((u) => ({
-      v9a56ef92: s.value
+    Z((u) => ({
+      v6e614cc2: r.value
     }));
-    const e = v(T.INSTANCE_STORE), o = m(!1), t = r(
+    const e = w(I.INSTANCE_STORE), o = $(!1), t = p(
       () => `vue-popup-plus-animation vue-popup-plus-animation-enter-${n.type}`
-    ), i = r(
+    ), s = p(
       () => `vue-popup-plus-animation vue-popup-plus-animation-leave-${n.type}`
-    ), s = r(() => `${n.duration}ms`);
-    return $(() => {
+    ), r = p(() => `${n.duration}ms`);
+    return Y(() => {
       o.value = !0;
-    }), (u, h) => (d(), A(X, {
+    }), (u, m) => (h(), T(ee, {
       "enter-active-class": t.value,
-      "leave-active-class": i.value
+      "leave-active-class": s.value
     }, {
       default: S(() => [
-        o.value && !p(e).isBeforeUnmount.value ? j(u.$slots, "default", {
+        o.value && !P(e).isBeforeUnmount.value ? W(u.$slots, "default", {
           key: 0,
-          style: g({ animationDuration: `${n.duration}ms` })
-        }) : D("", !0)
+          style: V({ animationDuration: `${n.duration}ms` })
+        }) : H("", !0)
       ]),
       _: 3
     }, 8, ["enter-active-class", "leave-active-class"]));
   }
-}), C = /* @__PURE__ */ P({
-  name: "Popup",
-  __name: "Popup",
+}), ye = /* @__PURE__ */ C({
+  name: "PopupFrame",
+  __name: "PopupFrame",
   props: {
-    store: {}
+    placement: {},
+    zIndex: {}
   },
   setup(n) {
-    return E(y.INSTANCE_ID, n.store.id), E(T.INSTANCE_STORE, n.store), (e, o) => (d(), N(G, null, [
-      n.store.mask ? (d(), A(b, {
-        key: 0,
-        duration: n.store.animationDuration.value,
-        type: n.store.maskAnimation.value
-      }, {
-        default: S(() => [
-          w(ee)
-        ]),
-        _: 1
-      }, 8, ["duration", "type"])) : D("", !0),
-      w(b, {
-        duration: n.store.animationDuration.value,
-        type: n.store.viewAnimation.value
-      }, {
-        default: S(() => [
-          w(ne)
-        ]),
-        _: 1
-      }, 8, ["duration", "type"])
-    ], 64));
+    const e = p(() => ({
+      alignItems: n.placement.includes("left") ? "flex-start" : n.placement.includes("right") ? "flex-end" : "center",
+      justifyContent: n.placement.includes("top") ? "flex-start" : n.placement.includes("bottom") ? "flex-end" : "center",
+      zIndex: n.zIndex
+    }));
+    return (o, t) => (h(), N("div", {
+      class: "popup-frame",
+      style: V(e.value)
+    }, [
+      W(o.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+}), F = (n, e) => {
+  const o = n.__vccOpts || n;
+  for (const [t, s] of e)
+    o[t] = s;
+  return o;
+}, _e = /* @__PURE__ */ F(ye, [["__scopeId", "data-v-5a4614b0"]]), we = /* @__PURE__ */ C({
+  name: "PopupMask",
+  __name: "PopupMask",
+  setup(n) {
+    const e = w(A.INSTANCE_ID), o = w(I.INSTANCE_STORE);
+    function t() {
+      o.maskClickClose && Ue().destroy(e);
+    }
+    return (s, r) => (h(), N("div", {
+      class: te(["popup-mask", { "is-blur": P(o).maskBlur.value }]),
+      style: V({ zIndex: P(o).zIndex.value }),
+      onClick: t
+    }, null, 6));
   }
-}), oe = (n, {
+}), Pe = /* @__PURE__ */ F(we, [["__scopeId", "data-v-c4c8c95e"]]), Ce = /* @__PURE__ */ C({
+  name: "PopupView",
+  __name: "PopupView",
+  setup(n) {
+    const e = $(), o = w(A.INSTANCE_ID), t = w(I.INSTANCE_STORE), s = $(0), r = $(0), u = p(() => typeof t.component == "function" ? ne(t.component) : t.component), m = p(() => {
+      const c = Math.ceil(window.innerWidth - s.value);
+      return t.placement.value.includes("left") ? [0, c] : t.placement.value.includes("right") ? [-c, 0] : [-(c / 2), c / 2];
+    }), f = p(() => {
+      const c = Math.ceil(window.innerHeight - r.value);
+      return t.placement.value.includes("top") ? [0, c] : t.placement.value.includes("bottom") ? [-c, 0] : [-(c / 2), c / 2];
+    }), g = p(() => t.viewTranslateOverflow.value ? t.viewTranslateX.value : Math.max(
+      Math.min(t.viewTranslateX.value, m.value[1]),
+      m.value[0]
+    )), x = p(() => t.viewTranslateOverflow.value ? t.viewTranslateY.value : Math.max(
+      Math.min(t.viewTranslateY.value, f.value[1]),
+      f.value[0]
+    )), K = p(() => ({
+      width: y(t.width.value),
+      maxWidth: y(t.maxWidth.value),
+      minWidth: y(t.minWidth.value),
+      height: y(t.height.value),
+      maxHeight: y(t.maxHeight.value),
+      minHeight: y(t.minHeight.value),
+      transform: `translate(${g.value}px, ${x.value}px)`
+    })), Q = p(() => ({
+      width: s.value,
+      height: r.value,
+      zIndex: t.zIndex.value,
+      translateX: g.value,
+      translateY: x.value
+    }));
+    M(A.COMPUTED_VIEW_STYLE, Q), Y(() => {
+      window.setTimeout(L, t.animationDuration.value);
+    }), oe(() => {
+      L();
+    });
+    async function L() {
+      await se();
+      const c = e.value?.getBoundingClientRect();
+      c && (s.value = c.width, r.value = c.height);
+    }
+    function y(c) {
+      return typeof c == "number" ? `${c}px` : c;
+    }
+    return (c, ze) => (h(), N("div", {
+      class: "popup-view",
+      style: V(K.value),
+      ref_key: "popupViewRef",
+      ref: e
+    }, [
+      (h(), T(re(u.value), ae({
+        key: `${P(o).name}-component`
+      }, P(t).componentProps), null, 16))
+    ], 4));
+  }
+}), Ie = /* @__PURE__ */ F(Ce, [["__scopeId", "data-v-bbc1055f"]]), xe = { class: "popup-instance" }, O = /* @__PURE__ */ C({
+  name: "PopupInstance",
+  __name: "PopupInstance",
+  props: {
+    store: {}
+  },
+  setup(n) {
+    return M(A.INSTANCE_ID, n.store.id), M(I.INSTANCE_STORE, n.store), (e, o) => (h(), T(ie, {
+      to: n.store.appendTo
+    }, [
+      ue("div", xe, [
+        n.store.mask ? (h(), T(B, {
+          key: 0,
+          duration: n.store.animationDuration.value,
+          type: n.store.maskAnimation.value
+        }, {
+          default: S(() => [
+            E(Pe)
+          ]),
+          _: 1
+        }, 8, ["duration", "type"])) : H("", !0),
+        E(_e, {
+          placement: n.store.placement.value,
+          zIndex: n.store.zIndex.value
+        }, {
+          default: S(() => [
+            E(B, {
+              duration: n.store.animationDuration.value,
+              type: n.store.viewAnimation.value
+            }, {
+              default: S(() => [
+                E(Ie)
+              ]),
+              _: 1
+            }, 8, ["duration", "type"])
+          ]),
+          _: 1
+        }, 8, ["placement", "zIndex"])
+      ])
+    ], 8, ["to"]));
+  }
+}), Ee = (n, {
   component: e,
   componentProps: o,
   onMounted: t,
-  onUnmounted: i,
-  appendTo: s,
+  onUnmounted: s,
+  appendTo: r,
   mask: u,
-  maskClickClose: h,
-  disableScroll: _,
-  ...x
+  maskClickClose: m,
+  disableScroll: f,
+  ...g
 }) => ({
   id: n,
-  parentElement: ie(s),
-  appendTo: s,
+  parentElement: $e(r),
+  appendTo: r,
   mask: u,
-  maskClickClose: h,
-  disableScroll: _,
+  maskClickClose: m,
+  disableScroll: f,
   component: e,
   componentProps: o,
   onMounted: t,
-  onUnmounted: i,
-  isBeforeUnmount: m(!1),
-  ...q(K(x))
+  onUnmounted: s,
+  isBeforeUnmount: $(!1),
+  ...le(q(g))
 });
-function ie(n) {
+function $e(n) {
   return typeof n == "string" && (n = document.querySelector(n) || document.body), n;
 }
-class se {
-  #t;
+class Te {
+  _seed;
   get seed() {
-    return this.#t;
+    return this._seed;
   }
   get name() {
     return `vue-popup-plus-instance-${this.seed}`;
   }
   constructor(e) {
-    this.#t = e;
+    this._seed = e;
   }
 }
-class ae {
-  #t;
-  #i;
-  #e;
+var j = /* @__PURE__ */ ((n) => (n.ROOT_COMPONENT = "RootComponent", n.APP = "App", n.VNODE = "VNode", n))(j || {});
+class Ne {
   #n;
-  #s;
+  _id;
+  _store;
+  renderType;
+  #e;
   #o;
+  #t;
   get id() {
-    return this.#i;
+    return this._id;
   }
   get store() {
-    return this.#e;
-  }
-  get renderType() {
-    return this.#t.config.debugMode ? "app" : "vnode";
+    return this._store;
   }
   constructor(e, o) {
-    this.#t = e, this.#i = new se(e.seed), this.#e = oe(this.#i, o), this.renderType === "app" ? (this.#n = J(C, { store: this.#e }), this.#n._context.components = this.#t.app._context.components, this.#n._context.provides = this.#t.app._context.provides, this.#n._context.config = this.#t.app._context.config, this.#n._context.directives = this.#t.app._context.directives, this.#n._context.mixins = this.#t.app._context.mixins) : (this.#s = w(C, { store: this.#e }), this.#s.appContext = this.#t.app._context, this.#s.appContext.components.Popup = C);
+    this.#n = e, this._id = new Te(e.seed), this._store = Ee(this._id, o), this.renderType = e.isRootComponentRegistered ? "RootComponent" : e.config.debugMode ? "App" : "VNode";
   }
   mount() {
-    return this.#o = document.createElement("div"), this.renderType === "app" ? this.#n.mount(this.#o) : O(this.#s, this.#o), this.#e.parentElement.appendChild(this.#o), this.#e.onMounted(), this.id;
+    return this.renderType === "App" ? (this.#t = document.createElement("div"), this.#e = ce(O, { store: this._store }), this.#e._context.components = this.#n.app._context.components, this.#e._context.provides = this.#n.app._context.provides, this.#e._context.config = this.#n.app._context.config, this.#e._context.directives = this.#n.app._context.directives, this.#e._context.mixins = this.#n.app._context.mixins, this.#e.mount(this.#t), this._store.parentElement.appendChild(this.#t)) : this.renderType === "VNode" && (this.#t = document.createElement("div"), this.#o = E(O, {
+      store: this._store
+    }), this.#o.appContext = this.#n.app._context, this.#o.appContext.components.Popup = O, U(this.#o, this.#t), this._store.parentElement.appendChild(this.#t)), this.#n.addInstance(this), this._store.onMounted(), this.id;
   }
   async unmount(e) {
-    this.#e.isBeforeUnmount.value = !0, await Q(this.#e.animationDuration.value), this.renderType === "app" ? this.#n.unmount() : O(null, this.#o), this.#e.parentElement.removeChild(this.#o), this.#e.onUnmounted(e);
+    this._store.isBeforeUnmount.value = !0, await ge(this._store.animationDuration.value), this.renderType === "App" ? (this.#e.unmount(), this._store.parentElement.removeChild(this.#t)) : this.renderType === "VNode" && (U(null, this.#t), this._store.parentElement.removeChild(this.#t)), this.#n.removeInstance(this), this._store.onUnmounted(e);
   }
   update(e) {
     for (const o in e) {
-      const t = o, i = e[t] === void 0 ? this.#e[t].value : e[t];
-      this.#e[t].value = i;
+      const t = o, s = e[t] === void 0 ? this._store[t].value : e[t];
+      this._store[t].value = s;
     }
   }
 }
-class f extends Error {
-  constructor(e) {
-    super(e);
+class Se {
+  get NONE() {
+    return "none";
   }
-  toString() {
-    return `vue-popup-plus error: ${this.message}`;
+  get FADE() {
+    return "fade";
+  }
+  get SCALE_ENLARGE() {
+    return "scale-enlarge";
+  }
+  get SCALE_REDUCE() {
+    return "scale-reduce";
+  }
+  get FLY_TOP() {
+    return "fly-top";
+  }
+  get FLY_LEFT() {
+    return "fly-left";
+  }
+  get FLY_RIGHT() {
+    return "fly-right";
+  }
+  get FLY_BOTTOM() {
+    return "fly-bottom";
   }
-}
-class re {
-  NONE = "none";
-  FADE = "fade";
-  SCALE_ENLARGE = "scale-enlarge";
-  SCALE_SHRINK = "scale-shrink";
-  FLY_TOP = "fly-top";
-  FLY_LEFT = "fly-left";
-  FLY_RIGHT = "fly-right";
-  FLY_BOTTOM = "fly-bottom";
   constructor() {
   }
 }
-const l = new re(), ge = (n) => n, ue = (n) => new Proxy(
+const _ = new Se(), Oe = "1.5.0", b = Oe, a = {
+  /**
+   * 成功日志
+   */
+  Success: "success",
+  /**
+   * 信息日志
+   */
+  Info: "info",
+  /**
+   * 警告日志
+   */
+  Warning: "warning",
+  /**
+   * 错误日志
+   */
+  Error: "error"
+}, i = {
+  /**
+   * 默认类型
+   */
+  Default: "default",
+  /**
+   * 数据类型
+   */
+  Data: "data"
+};
+class d {
+  namespace = "VuePopupPlus";
+  type;
+  caller;
+  message;
+  group;
+  get hasCaller() {
+    return !!this.caller;
+  }
+  get hasGroup() {
+    return !!this.group.length;
+  }
+  /**
+   * 创建日志实例
+   *
+   * @param type 日志类型
+   * @param name 日志名称
+   * @param message 日志消息
+   * @param group 日志组
+   * @returns 日志实例
+   */
+  constructor({
+    type: e = a.Info,
+    caller: o = "",
+    message: t = "",
+    group: s = []
+  } = {}) {
+    this.type = e, this.caller = o, this.message = t, this.group = s, this.group.unshift({
+      type: i.Default,
+      message: `核心版本: ${b}`
+    }), this.hasCaller && this.group.unshift({
+      type: i.Default,
+      message: `调用者: ${this.caller}`
+    });
+  }
+}
+const l = (n) => {
+  const e = J();
+  e?.config.debugMode && e.config.logHandler(n);
+}, X = (n) => {
+  const e = k({
+    printer: console.groupCollapsed,
+    type: n.type,
+    hasPrefix: !0
+  }), o = k({
+    printer: console.log,
+    type: n.type,
+    isGroupContent: !0
+  }), t = k({
+    printer: De(n.type),
+    type: n.type,
+    hasPrefix: !0
+  }), s = `${n.namespace} ${n.type.toUpperCase()}`, r = n.message;
+  n.hasGroup ? (e(s, r), n.group?.forEach((u, m) => {
+    m === 0 && n.hasCaller ? o(u.message, "") : u.type === void 0 || u.type === i.Default ? o(u.message) : u.type === i.Data && (o(
+      `${u.dataName} : ${u.dataType ?? "any"} ( ${fe(u.dataValue)} )`
+    ), console.dir(u.dataValue));
+  }), console.groupEnd()) : t(s, r);
+};
+function De(n) {
+  switch (n) {
+    case a.Success:
+      return console.log;
+    case a.Info:
+    default:
+      return console.log;
+    case a.Warning:
+      return console.warn;
+    case a.Error:
+      return console.error;
+  }
+}
+const Re = {
+  [a.Success]: "#4caf50",
+  [a.Info]: "#3499fe",
+  [a.Warning]: "#e6a23c",
+  [a.Error]: "#f56c6c"
+}, k = function({
+  printer: n,
+  type: e,
+  hasPrefix: o = !1,
+  isGroupContent: t = !1
+}) {
+  const s = Re[e], r = `color: #FFFFFF;background-color: ${s};padding: 4px 8px;margin-right: 6px;border-radius: 4px;font-weight: 700;`, u = `background-color: ${s}22;padding: 4px 8px;border-radius: 4px;font-weight: 400;`, m = `color: ${s};background-color: ${s}22;padding: 4px 8px;border-radius: 4px;font-weight: 400;`;
+  return o ? (f, g, x = "") => {
+    n(
+      `%c${f}%c${g}`,
+      r,
+      (t ? m : u) + x
+    );
+  } : (f, g = "") => {
+    n(
+      `%c${f}`,
+      (t ? m : u) + g
+    );
+  };
+};
+class v extends Error {
+  /**
+   * 弹出层错误类
+   *
+   * - 建议从 {@link ILog} 日志实例创建错误
+   * @param {ErrorOption} options 错误参数
+   * @example
+   * new PopupError(new Log({
+   * 	type: LogType.Error,
+   * 	caller: 'controller.render()',
+   * 	message: '弹出层渲染失败',
+   * }))
+   */
+  constructor({ namespace: e, caller: o, message: t }) {
+    super(), this.message = `[${e} error] ${o}: ${t}`;
+  }
+}
+const Ye = (n) => n, Ae = (n) => new Proxy(
   n,
   {
     set(e, o, t) {
-      throw new f(`${o} 是只读属性，不能被覆盖`);
+      const s = new d({
+        caller: "definePlugin()",
+        message: `${o} 是只读属性，不能被覆盖`
+      });
+      throw l(s), new v(s);
     },
     get(e, o) {
-      return o === "customProperties" ? ce(n) : o === "customAnimations" ? le() : n[o];
+      return o === "customProperties" ? be(n) : o === "customAnimations" ? Ve() : n[o];
     }
   }
 );
-function ce(n) {
+function be(n) {
   return new Proxy(
     {},
     {
       set: (e, o, t) => {
-        if (o in n)
-          throw new f(
-            `定义插件扩展属性 ${o} 时失败，${o} 是只读属性，不能被覆盖`
-          );
+        if (o in n) {
+          const s = new d({
+            caller: "definePlugin()",
+            message: `定义插件扩展属性 ${o} 时失败，${o} 是只读属性，不能被覆盖`
+          });
+          throw l(s), new v(s);
+        }
         return n.__proto__[o] = t, !0;
       },
       get: (e, o) => {
@@ -270,25 +458,28 @@ function ce(n) {
     }
   );
 }
-function le(n) {
+function Ve(n) {
   return new Proxy(
     {},
     {
       set: (e, o, t) => {
-        if (o in l)
-          throw new f(
-            `定义插件扩展动画类型 ${o} 时失败，${o} 是只读属性，不能被覆盖`
-          );
-        return l.__proto__[o] = t, !0;
+        if (o in _) {
+          const s = new d({
+            caller: "definePlugin()",
+            message: `定义插件扩展动画类型 ${o} 时失败，${o} 是只读属性，不能被覆盖`
+          });
+          throw l(s), new v(s);
+        }
+        return _.__proto__[o] = t, !0;
       },
       get: (e, o) => {
-        if (o in l)
-          return l.__proto__[o];
+        if (o in _)
+          return _.__proto__[o];
       }
     }
   );
 }
-const pe = {
+const ke = {
   appendTo: document.body,
   mask: !0,
   maskClickClose: !1,
@@ -304,123 +495,328 @@ const pe = {
   height: "auto",
   maxHeight: "auto",
   minHeight: "auto",
+  placement: "center",
   viewTranslateX: 0,
   viewTranslateY: 0,
   viewTranslateOverflow: !1,
-  viewAnimation: l.FADE,
-  maskAnimation: l.FADE,
+  viewAnimation: _.FADE,
+  maskAnimation: _.FADE,
   maskBlur: !0,
   animationDuration: 100
 };
-class de {
+class Me {
   _core;
+  get isInstalled() {
+    return !!this._core.app;
+  }
+  get version() {
+    return b;
+  }
   constructor(e) {
     this._core = e;
   }
   install(e) {
-    e.config.globalProperties[this._core.config.prototypeName] = this, this._core.app = e;
-  }
-  use(e) {
-    if (!this._core.addPlugin(e))
-      throw new f(
-        `使用插件 ${e.name} 失败，已存在同名插件 ${e.name}`
-      );
-    e.install(ue(this), this._core.config);
+    e.config.globalProperties[this._core.config.prototypeName] = this, this._core.app = e, e.provide(I.CORE, this._core);
+  }
+  use(e, o) {
+    const t = new d({
+      type: a.Success,
+      caller: "popup.use()",
+      group: [
+        {
+          type: i.Default,
+          message: `插件名称: ${e.name}`
+        },
+        {
+          type: i.Default,
+          message: `插件作者: ${e.author ?? "未知（可能存在安全风险）"}`
+        },
+        {
+          type: i.Default,
+          message: `插件要求最低核心版本: ${e.requiredCoreVersion?.min ?? "-"}`
+        },
+        {
+          type: i.Default,
+          message: `插件要求最高核心版本: ${e.requiredCoreVersion?.max ?? "-"}`
+        }
+      ]
+    });
+    if (!this._core.addPlugin(e)) {
+      t.type = a.Error, t.message = `注册插件 ${e.name} 失败，已存在同名插件 ${e.name}`, l(t);
+      return;
+    }
+    const s = e.requiredCoreVersion?.min || e.requiredCoreVersion?.max;
+    if (s)
+      if (We(e))
+        t.group.push({
+          type: i.Default,
+          message: "插件版本校验: 通过"
+        });
+      else {
+        t.type = a.Error, t.message = `注册插件 ${e.name} 失败，未通过核心版本校验`, t.group.push({
+          type: i.Default,
+          message: "插件版本校验: 未通过"
+        }), l(t);
+        return;
+      }
+    else
+      t.group.push({
+        type: i.Default,
+        message: "插件版本校验: 未校验（可能存在兼容性问题）"
+      });
+    t.group.push({
+      type: i.Data,
+      dataName: "插件注册选项",
+      dataValue: o,
+      dataType: "PluginOption"
+    }), e.install(Ae(this), this._core.config, o);
+    const r = e.author !== void 0;
+    !s || !r ? (t.type = a.Warning, t.message = `注册插件 ${e.name} 成功，但可能存在风险`) : (t.type = a.Success, t.message = `注册插件 ${e.name} 成功`), l(t);
   }
   render({ zIndex: e, ...o }) {
+    const t = new d({
+      type: a.Info,
+      caller: "popup.render()"
+    });
+    if (!this.isInstalled)
+      throw t.type = a.Error, t.message = "渲染弹出层失败，请先调用 app.use() 注册插件", l(t), new v(t);
     e = e ?? this._core.config.zIndex++;
-    const t = new ae(this._core, {
-      ...pe,
+    const s = {
+      ...ke,
       ...o,
       zIndex: e
-    });
-    return this._core.addInstance(t), t.mount(), t.id;
+    }, r = new Ne(this._core, s);
+    return r.mount(), r.renderType !== j.ROOT_COMPONENT && l(
+      new d({
+        type: a.Warning,
+        caller: "popup.render()",
+        message: `渲染弹出层 ${r.id.name} 未使用 PopupRoot 根组件渲染，无法同步应用上下文`,
+        group: [
+          {
+            type: i.Default,
+            message: "修复建议：使用 PopupRoot 根组件包裹 App 组件以同步应用上下文"
+          },
+          {
+            type: i.Default,
+            message: `帮助文档：${ve}/guide/initialization.html#同步应用上下文`
+          }
+        ]
+      })
+    ), t.message = `渲染弹出层 ${r.id.name} 成功`, t.group.push({
+      type: i.Default,
+      message: `渲染方式：${r.renderType}`
+    }), t.group.push({
+      type: i.Data,
+      dataName: "instanceId",
+      dataValue: r.id,
+      dataType: "InstanceId"
+    }), t.group.push({
+      type: i.Data,
+      dataName: "options",
+      dataValue: arguments[0],
+      dataType: "RenderOption"
+    }), t.group.push({
+      type: i.Data,
+      dataName: "mergedOptions",
+      dataValue: s,
+      dataType: "RenderOption"
+    }), l(t), r.id;
   }
   update(e, o) {
-    const t = this._core.getInstance(e);
-    t && t.update(o);
+    const t = new d({
+      type: a.Info,
+      caller: "popup.update()"
+    });
+    if (!this.isInstalled)
+      throw t.type = a.Error, t.message = "更新弹出层失败，请先调用 app.use() 注册插件", l(t), new v(t);
+    const s = this._core.getInstance(e);
+    s && (s.update(o), t.message = `更新弹出层 ${s.id.name} 成功`, t.group.push({
+      type: i.Data,
+      dataName: "instanceId",
+      dataValue: s.id,
+      dataType: "InstanceId"
+    }), t.group.push({
+      type: i.Data,
+      dataName: "options",
+      dataValue: o,
+      dataType: "UpdateOption"
+    }), l(t));
   }
   async destroy(e, o) {
-    const t = this._core.getInstance(e);
-    t && (await t.unmount(o), this._core.removeInstance(t));
+    const t = new d({
+      type: a.Info,
+      caller: "popup.destroy()"
+    });
+    if (!this.isInstalled)
+      throw t.type = a.Error, t.message = "销毁弹出层失败，请先调用 app.use() 注册插件", l(t), new v(t);
+    const s = this._core.getInstance(e);
+    if (!s) {
+      t.type = a.Warning, t.message = `销毁弹出层 ${e.name} 失败，弹出层不存在`, l(t);
+      return;
+    }
+    await s.unmount(o), t.message = `销毁弹出层 ${s.id.name} 成功`, t.group.push({
+      type: i.Data,
+      dataName: "instanceId",
+      dataValue: s.id,
+      dataType: "InstanceId"
+    }), t.group.push({
+      type: i.Data,
+      dataName: "payload",
+      dataValue: o,
+      dataType: "any"
+    }), l(t);
   }
 }
-let Y = null;
-function he(n) {
-  return new ve(n);
+function We(n) {
+  const { requiredCoreVersion: e } = n, { min: o, max: t } = e ?? {};
+  return !(o && b < o || t && b > t);
+}
+const D = "PopupRoot", He = /* @__PURE__ */ C({
+  PopupRootComponentName: D,
+  __name: "PopupRoot",
+  setup(n) {
+    const e = w(I.CORE);
+    if (!e) {
+      const t = new d({
+        type: a.Error,
+        caller: "PopupRoot",
+        message: "根组件初始化失败，请先调用 createPopup() 方法"
+      });
+      throw l(t), new v(t);
+    }
+    const o = e?.instances || {};
+    return pe(() => {
+      e?.registerRootComponent();
+    }), de(() => {
+      e?.unregisterRootComponent();
+    }), (t, s) => (h(), N(z, null, [
+      W(t.$slots, "default"),
+      (h(!0), N(z, null, me(P(o), (r) => (h(), T(O, {
+        key: r.id.name,
+        store: r.store
+      }, null, 8, ["store"]))), 128))
+    ], 64));
+  }
+});
+let G = null;
+function Fe(n) {
+  return new Le(n);
 }
-function me() {
-  return Y;
+function J() {
+  return G;
 }
-class ve {
+class Le {
   app;
-  #t = 1;
-  #i = {};
-  #e;
-  #n;
-  #s = {};
-  #o = "";
+  #n = 1;
+  #e = q({});
+  #o;
+  #t;
+  #r = {};
+  #a = "";
+  #s = 0;
   get seed() {
-    return this.#t++;
+    return this.#n++;
   }
   get config() {
-    return this.#n;
+    return this.#t;
   }
   get controller() {
+    return this.#o;
+  }
+  get instances() {
     return this.#e;
   }
+  get isRootComponentRegistered() {
+    return this.#s > 0;
+  }
   constructor({
     zIndex: e = 1e3,
     prototypeName: o = "$popup",
     autoDisableScroll: t = !0,
-    debugMode: i = !1
+    logHandler: s = X,
+    debugMode: r = !1
   } = {}) {
-    this.#n = { zIndex: e, prototypeName: o, autoDisableScroll: t, debugMode: i }, this.#e = new de(this), Y = this;
+    this.#t = {
+      zIndex: e,
+      prototypeName: o,
+      autoDisableScroll: t,
+      logHandler: s,
+      debugMode: r
+    }, this.#o = new Me(this), G = this;
+  }
+  registerRootComponent() {
+    if (this.#s > 0) {
+      const e = new d({
+        caller: "core",
+        type: a.Warning,
+        message: `检测到同时存在 ${this.#s + 1} 个 ${D} 根组件实例`,
+        group: [
+          {
+            type: i.Default,
+            message: `修改建议：${D} 根组件同一时刻应当只存在一个实例，请移除多余的 ${D} 根组件`
+          }
+        ]
+      });
+      l(e);
+    }
+    this.#s++;
+  }
+  unregisterRootComponent() {
+    this.#s--;
   }
   addInstance(e) {
-    this.#i[e.id.name] = e, this.config.autoDisableScroll && e.store.disableScroll && this.#a();
+    this.#e[e.id.name] = he(e), this.config.autoDisableScroll && e.store.disableScroll && this.#i();
   }
   getInstance(e) {
-    return this.#i[e.name];
+    return this.#e[e.name];
   }
   removeInstance(e) {
-    delete this.#i[e.id.name], Object.values(this.#i).filter(
+    delete this.#e[e.id.name], Object.values(this.#e).filter(
       (o) => o.store.disableScroll
-    ).length === 0 && this.#r();
+    ).length === 0 && this.#u();
   }
   addPlugin(e) {
-    return this.getPlugin(e.name) ? !1 : (this.#s[e.name] = e, !0);
+    return this.getPlugin(e.name) ? !1 : (this.#r[e.name] = e, !0);
   }
   getPlugin(e) {
-    return this.#s[e];
+    return this.#r[e];
   }
   removePlugin(e) {
-    delete this.#s[e];
+    delete this.#r[e];
   }
-  #a() {
-    document.body.style.overflow !== "hidden" && (this.#o = document.body.style.overflow, document.body.style.overflow = "hidden");
+  #i() {
+    document.body.style.overflow !== "hidden" && (this.#a = document.body.style.overflow, document.body.style.overflow = "hidden");
   }
-  #r() {
-    this.config.autoDisableScroll && (document.body.style.overflow = this.#o);
+  #u() {
+    this.config.autoDisableScroll && (document.body.style.overflow = this.#a);
   }
 }
-const ye = "1.3.4";
-function Pe(n) {
-  return he(n).controller;
+function qe(n) {
+  return Fe(n).controller;
 }
-function fe() {
-  const n = me();
-  if (!n)
-    throw new f(
-      "调用 usePopup 前请先调用 createPopup 创建弹出层插件实例"
-    );
+function Ue() {
+  const n = J();
+  if (!n) {
+    const e = new d({
+      type: a.Error,
+      caller: "usePopup()",
+      message: "调用 usePopup() 前请先调用 createPopup() 创建弹出层控制器实例"
+    });
+    throw X(e), new v(e);
+  }
   return n.controller;
 }
 export {
-  l as POPUP_ANIMATIONS,
-  y as POPUP_COMPONENT_INJECTS,
-  Pe as createPopup,
-  ge as definePlugin,
-  fe as usePopup,
-  ye as version
+  d as Log,
+  i as LogGroupItemType,
+  a as LogType,
+  _ as POPUP_ANIMATIONS,
+  A as POPUP_COMPONENT_INJECTS,
+  v as PopupError,
+  He as PopupRoot,
+  qe as createPopup,
+  Ye as definePlugin,
+  l as printLog,
+  Ue as usePopup,
+  b as version
 };