@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-D_GsoOLm.js

@@ -1,277 +0,0 @@
-import { defineComponent as ke, useTemplateRef as Ce, ref as n, computed as d, onMounted as be, onUnmounted as Me, watch as H, openBlock as te, createBlock as Ae, Teleport as Oe, createVNode as ne, Transition as Pe, withCtx as De, createElementBlock as Le, normalizeStyle as ze, normalizeClass as Fe, unref as Ye, createElementVNode as Be, toDisplayString as Re, withModifiers as J, createCommentVNode as Ue, nextTick as $e } from "vue";
-import { C as l } from "./base-fr2I80sU.js";
-import { C as qe } from "./index-B477PjJ3.js";
-import { _ as Ve } from "./Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
-import { l as We, u as Ze } from "./scrollLock-DQEGK5um.js";
-const He = ["id"], Je = { class: "notifym-text" }, se = 2e3, le = 3e3, Ee = 300, Xe = 6, je = 0.3, xe = 24, Ge = 200, io = /* @__PURE__ */ ke({
-  name: "ClNotifyM",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    show: Boolean,
-    // desc: 是否显示通知，支持 v-model:show
-    message: String,
-    // desc: 通知文本内容
-    type: {
-      type: String,
-      default: "primary"
-      // desc: 通知类型 | enum: primary, success, danger, warning (可自定义)
-    },
-    color: String,
-    // desc: 文字颜色（自定义覆盖）
-    background: String,
-    // desc: 背景色（自定义覆盖）
-    duration: {
-      type: Number,
-      default: le
-      // desc: 展示时长(ms)，0 表示不自动关闭
-    },
-    isLockScroll: Boolean,
-    // desc: 展示时是否锁定背景滚动
-    isSwipeClose: {
-      type: Boolean,
-      default: !0
-      // desc: 是否支持上滑关闭
-    },
-    isSafeAreaInsetTop: {
-      type: Boolean,
-      default: !0
-      // desc: 是否开启顶部安全区适配（刘海屏/状态栏）
-    },
-    zIndex: {
-      type: Number,
-      default: se
-      // desc: 通知层级
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 挂载目标 | enum: body（默认）、#id（指定容器 id）
-    }
-  },
-  emits: ["update:show", "onClick", "onClose"],
-  setup(ae, { expose: re, emit: ie }) {
-    const t = ae, O = ie, y = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : le, I = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : se, ue = t.id, h = Ce("refElParent"), w = n(!1), P = n(t.message || ""), N = n(t.type), D = n(t.color || ""), L = n(t.background || ""), k = n(y(t.duration)), m = n(!!t.isLockScroll), z = n(!!t.isSwipeClose), F = n(!!t.isSafeAreaInsetTop), Y = n(I(t.zIndex)), p = n(t.teleportTarget || ""), i = n(0), s = n(!1), a = n(!1);
-    let v = null, S = null, B = 0, u = !1, r = !1, C = !1, R = 0, _ = 0, g = null, c = !1;
-    const U = /* @__PURE__ */ new Set();
-    let $ = !1;
-    const q = d(() => w.value), ce = d(() => {
-      const e = p.value;
-      return l.isNonEmptyString(e) && (e === "body" || e === "self" || /^[#.][A-Za-z_][\w-]*$/.test(e)) ? e : "body";
-    }), fe = d(() => p.value === "self"), E = d(() => Ee), de = d(() => {
-      const e = {
-        "panel-notify-m": !0,
-        [`panel-notify-m--${N.value}`]: l.isNonEmptyString(N.value),
-        "notifym-is-dragging": s.value,
-        "notifym-is-rebounding": a.value,
-        "panel-notify-m--safe-top": F.value
-      };
-      return l.getJsonMerge(e, qe.getClassNameJson(t.className));
-    }), X = () => {
-      const e = h.value?.offsetHeight || 0;
-      return Math.max(xe, e * je);
-    }, me = () => {
-      const e = X();
-      if (e <= 0) return 1;
-      const o = Math.min(1, Math.abs(i.value) / e);
-      return Number((1 - o * 0.7).toFixed(2));
-    }, pe = d(() => {
-      const e = {
-        zIndex: Y.value,
-        color: D.value,
-        background: L.value,
-        "--notifym-duration": `${E.value}ms`
-      };
-      return (s.value || a.value) && (e["--notifym-drag-y"] = `${i.value}px`, e["--notifym-drag-opacity"] = `${me()}`), e;
-    }), ve = () => {
-      b(), k.value > 0 && (v = setTimeout(() => {
-        v = null, V();
-      }, k.value));
-    }, b = () => {
-      v && (clearTimeout(v), v = null);
-    }, T = () => {
-      S && (clearTimeout(S), S = null);
-    }, V = () => {
-      b();
-      const e = B;
-      O("update:show", !1), $e(() => {
-        B === e && w.value && Z();
-      });
-    }, Se = () => {
-      const e = p.value;
-      if (l.isNonEmptyString(e) && e !== "body" && e !== "self") {
-        const o = document.querySelector(e);
-        return o instanceof HTMLElement ? o : null;
-      }
-      return document.body;
-    }, W = () => {
-      if (c) return;
-      const e = Se();
-      e && (c = !0, U.add(e), We(e));
-    }, M = () => {
-      c && (c = !1, U.forEach((e) => {
-        Ze(e);
-      }), U.clear());
-    }, _e = () => {
-      T(), u = !1, r = !1, C = !1, R = 0, _ = 0, i.value = 0, s.value = !1, a.value = !1;
-    }, j = (e) => {
-      C = !1, z.value && (T(), u = !0, r = !1, R = e, _ = 0, i.value = 0, a.value = !1);
-    }, x = (e, o) => {
-      if (!u) return;
-      const f = e - R;
-      if (f >= 0) {
-        r && (r = !1, _ = 0, i.value = 0, s.value = !1);
-        return;
-      }
-      Math.abs(f) < Xe || (C = !0, r = !0, s.value = !0, _ = f, i.value = f, o.cancelable && o.preventDefault());
-    }, G = () => {
-      if (u && (u = !1, !!r)) {
-        if (r = !1, Math.abs(_) >= X()) {
-          s.value = !1, a.value = !0, V();
-          return;
-        }
-        s.value = !1, a.value = !0, i.value = 0, T(), S = setTimeout(() => {
-          S = null, a.value = !1;
-        }, Ge);
-      }
-    };
-    be(() => {
-      q.value && m.value && !c && W();
-    }), Me(() => {
-      b(), T(), c && M();
-    });
-    const K = () => {
-      P.value = t.message || "", N.value = t.type, D.value = t.color || "", L.value = t.background || "", k.value = y(t.duration), m.value = !!t.isLockScroll, z.value = !!t.isSwipeClose, F.value = !!t.isSafeAreaInsetTop, Y.value = I(t.zIndex), p.value = t.teleportTarget || "";
-    }, Q = () => {
-      m.value ? W() : M(), B++, _e(), w.value = !0, $ = !0, ve();
-    }, A = (e, o, f = "primary") => {
-      P.value = l.isNonEmptyString(e) ? e : t.message || "", N.value = o && o.type || f, D.value = o && o.color || t.color || "", L.value = o && o.background || t.background || "", k.value = o && o.duration !== void 0 ? y(o.duration) : y(t.duration);
-      const Ne = o && o.isLockScroll !== void 0 ? !!o.isLockScroll : !!t.isLockScroll;
-      m.value = Ne, z.value = o && o.isSwipeClose !== void 0 ? !!o.isSwipeClose : !!t.isSwipeClose, F.value = o && o.isSafeAreaInsetTop !== void 0 ? !!o.isSafeAreaInsetTop : !!t.isSafeAreaInsetTop, Y.value = o && o.zIndex !== void 0 ? I(o.zIndex) : I(t.zIndex), p.value = o && o.teleportTarget || t.teleportTarget || "", Q();
-    }, Z = () => {
-      b(), T(), M(), s.value && (s.value = !1, a.value = !0), u = !1, r = !1, w.value = !1, $ && ($ = !1, O("onClose"));
-    };
-    H(
-      () => t.show,
-      (e) => {
-        e ? (K(), Q()) : Z();
-      },
-      { immediate: !0 }
-    ), H(
-      () => [
-        t.message,
-        t.type,
-        t.color,
-        t.background,
-        t.duration,
-        t.isSwipeClose,
-        t.isSafeAreaInsetTop,
-        t.zIndex,
-        t.teleportTarget
-      ],
-      () => {
-        K();
-      }
-    ), H(
-      () => t.isLockScroll,
-      (e) => {
-        m.value = !!e, q.value && (e ? W() : M());
-      }
-    );
-    const ge = () => {
-      C || O("onClick");
-    }, Te = () => {
-      V();
-    }, ye = (e) => {
-      const o = e.touches[0];
-      o && j(o.clientY);
-    }, Ie = (e) => {
-      const o = e.touches[0];
-      o && x(o.clientY, e);
-    }, ee = () => {
-      G();
-    }, he = (e) => {
-      if (g === null) {
-        g = e.pointerId, j(e.clientY);
-        try {
-          h.value?.setPointerCapture(e.pointerId);
-        } catch {
-        }
-      }
-    }, we = (e) => {
-      g === e.pointerId && x(e.clientY, e);
-    }, oe = (e) => {
-      if (g === e.pointerId) {
-        g = null, G();
-        try {
-          h.value?.releasePointerCapture(e.pointerId);
-        } catch {
-        }
-      }
-    };
-    return re({
-      notify: (e, o) => {
-        A(e, o, "primary");
-      },
-      success: (e, o) => {
-        A(e, o, "success");
-      },
-      danger: (e, o) => {
-        A(e, o, "danger");
-      },
-      warning: (e, o) => {
-        A(e, o, "warning");
-      },
-      close: () => {
-        Z();
-      }
-    }), (e, o) => (te(), Ae(Oe, {
-      to: ce.value,
-      disabled: fe.value
-    }, [
-      ne(Pe, {
-        name: "notifym-fade",
-        duration: E.value
-      }, {
-        default: De(() => [
-          q.value ? (te(), Le("div", {
-            key: 0,
-            id: Ye(ue),
-            ref_key: "refElParent",
-            ref: h,
-            class: Fe(de.value),
-            style: ze(pe.value),
-            role: "alert",
-            onClick: ge,
-            onTouchstart: ye,
-            onTouchmove: Ie,
-            onTouchend: ee,
-            onTouchcancel: ee,
-            onPointerdown: he,
-            onPointermove: we,
-            onPointerup: oe,
-            onPointercancel: oe
-          }, [
-            Be("span", Je, Re(P.value), 1),
-            ne(Ve, {
-              name: "close",
-              className: "notifym-close",
-              onClick: J(Te, ["stop"]),
-              onTouchstart: o[0] || (o[0] = J(() => {
-              }, ["stop"])),
-              onPointerdown: o[1] || (o[1] = J(() => {
-              }, ["stop"]))
-            })
-          ], 46, He)) : Ue("", !0)
-        ]),
-        _: 1
-      }, 8, ["duration"])
-    ], 8, ["to", "disabled"]));
-  }
-});
-export {
-  io as _
-};

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-Db7kCHWV.js

@@ -1 +0,0 @@
-"use strict";const s=require("vue"),c=require("./base-DbuX_Y3x.js"),h=require("./index-rFJmbgyH.js");class I{startTime;startPos;endPos;duration;runEasing;runIngFun;lastPos;lastInterval;timeAnimate;constructor(n){this.startTime=0,this.startPos=0,this.endPos=0,this.duration=0,this.runEasing=null,this.runIngFun=n.runIngCallback,this.lastPos=0,this.lastInterval=0}_easing={linear:(n,i,r,u)=>r*n/u+i,easeInCubic:(n,i,r,u)=>r*(n/=u)*n*n+i,easeOutCubic:(n,i,r,u)=>r*((n=n/u-1)*n*n+1)+i};start(n,i,r,u="linear"){const d=this;return new Promise(m=>{this.startTime=+new Date,this.startPos=n,this.endPos=i,this.duration=r,this.runEasing=d._easing[u],d.timeAnimate=c.CommonBase.requestAnimationFrame(function f(){d.step()===!1?(d.stop(),m(d.lastInterval)):d.timeAnimate=c.CommonBase.requestAnimationFrame(f)})})}step(){const n=+new Date;if(n>=this.startTime+this.duration)return this.runIngFun(this.endPos),!1;const i=this.runEasing(n-this.startTime,this.startPos,this.endPos-this.startPos,this.duration);return this.lastInterval=Math.abs(i-this.lastPos),this.lastPos=i,this.runIngFun(i),!0}stop(){this.timeAnimate&&c.CommonBase.cancelAnimationFrame(this.timeAnimate)}}const R=["id"],k=s.defineComponent({name:"ClForm",__name:"Index",props:{id:String,theme:String,className:String,isAwaitRun:{type:Boolean,default:!0},preScroll:Number,pElError:String,isScrollToErr:{type:Boolean,default:!0}},emits:["submit"],setup(g,{expose:n,emit:i}){const r=g,u=i,d=r.id,m=s.useTemplateRef("refElTop"),f=s.reactive({isRun:!r.isAwaitRun}),o={_scrollUpAnimate:null,parentScroll:null,isScrollWindow:!0,tabindexEls:new Set},P=s.computed(()=>{const t={"data-cl-validate":""};return f.isRun&&(t["data-run"]=""),c.CommonBase.isNonEmptyString(r.theme)&&(t["data-theme"]=r.theme),t}),_=s.computed(()=>{let t={"panel-form":!0,"form-validate":!0};return t=c.CommonBase.getJsonMerge(t,h.CommonElement.getClassNameJson(r.className)),t}),B=()=>{u("submit")},S=t=>{const e=t.querySelector('input:not([type="hidden"]), select, textarea');return e instanceof HTMLElement?e:t},v=t=>{let e=!0;f.isRun&&t instanceof HTMLElement&&m.value?.contains(t)&&t.runValidate&&(e=!!t.runValidate());const a=S(t);return e?a.removeAttribute("aria-invalid"):a.setAttribute("aria-invalid","true"),e},C=()=>{const t=m.value?.querySelectorAll("[data-validate-error]");if(!c.CommonBase.isUndefined(t)&&t.length>0){let e=t[0];const{preScroll:a,pElError:l}=r,p=!c.CommonBase.isEmpty(e.pElError),b=!c.CommonBase.isEmpty(l);if(p||b){const T=h.CommonElement.getParent(e,p?e.pElError:l,m.value);c.CommonBase.isUndefined(T)||(e=T)}const x=h.CommonElement.getOffset(e,o.isScrollWindow?null:o.parentScroll).top-10-(a??0),E=o._scrollUpAnimate,A=o.parentScroll;E&&A&&(E.stop(),E.start(A.scrollTop,x,200)),e.tabIndex<0&&(e.setAttribute("tabindex","-1"),o.tabindexEls.add(e)),e.focus({preventScroll:!0})}},y=()=>{const t=h.CommonElement.getParentScrollList(m.value,null,!1);o.isScrollWindow=t.length===0;const e=o.isScrollWindow?document.documentElement:t[0];o.parentScroll=c.CommonBase.isUndefined(e)?document.documentElement:e,o._scrollUpAnimate=new I({runIngCallback:a=>{const l=o.parentScroll;l&&(l.scrollTop=a)}})};return s.onMounted(()=>{s.nextTick(()=>{y()})}),s.onBeforeUnmount(()=>{o._scrollUpAnimate?.stop()}),n({validate:t=>h.CommonPromise.promiseFun(e=>{let a=!0;try{if(c.CommonBase.isUndefined(t))f.isRun=!0,s.nextTick(()=>{f.isRun=!0;try{const l=m.value?.querySelectorAll("[data-validate-el]");!c.CommonBase.isUndefined(l)&&l.length>0&&l.forEach(p=>{v(p)||(a=!1)}),a||r.isScrollToErr&&s.nextTick(()=>{try{C()}catch{}}),e(a)}catch{e(!1)}});else{f.isRun=!0;const l=t;s.nextTick(()=>{try{a=v(l),!a&&r.isScrollToErr&&s.nextTick(()=>{try{C()}catch{}}),e(a)}catch{e(!1)}})}}catch{e(!1)}}),reset:()=>{f.isRun=!1,o._scrollUpAnimate?.stop(),m.value?.removeAttribute("data-run");const t=m.value?.querySelectorAll("[data-validate-el]");!c.CommonBase.isUndefined(t)&&t.length>0&&t.forEach(e=>{if(S(e).removeAttribute("aria-invalid"),e.runReset)try{e.runReset()}catch{}}),o.tabindexEls.forEach(e=>{e.removeAttribute("tabindex")}),o.tabindexEls.clear()}}),(t,e)=>(s.openBlock(),s.createElementBlock("form",s.mergeProps({ref_key:"refElTop",ref:m,autocomplete:"off",novalidate:"",onSubmit:s.withModifiers(B,["prevent"]),id:s.unref(d),class:_.value},P.value),[s.renderSlot(t.$slots,"default")],16,R))}});exports._sfc_main=k;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-DfHi5Zuv.js

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),l=require("./base-DbuX_Y3x.js"),F=require("./index-rFJmbgyH.js"),C=require("./Index.vue_vue_type_script_setup_true_lang-fgqA2nof.js"),_=require("./Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),O=["id"],q=["aria-label","tabindex","onKeydown"],M=t.defineComponent({name:"ClInputSearch",components:{ClInput:C._sfc_main,ClIconFont:_._sfc_main},__name:"Index",props:{id:String,value:{type:String,default:""},className:{type:String,default:""},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},textLabel:{type:String,default:""},changeDelayTime:{type:Number,default:200},theme:{type:String,default:"icon",validator:a=>["icon","text"].indexOf(a)!==-1},location:{type:String,default:"right",validator:a=>["left","right"].indexOf(a)!==-1}},emits:["update:value","update:modelValue","onChange","onSearch","onFocus","onBlur"],setup(a,{expose:B,emit:x}){const n=a,i=x,S=n.id,y=t.useTemplateRef("refElInput");let s=l.CommonBase.isNonEmptyString(n.value)?n.value:"";const o=t.ref(l.CommonBase.isNonEmptyString(n.value)?n.value:"");let d=null,f=null;const v=t.computed(()=>l.CommonBase.isFinite(n.changeDelayTime)&&n.changeDelayTime>=0?n.changeDelayTime:200),E=t.computed(()=>{let e="append";return l.CommonBase.isEmpty(n.location)||(e=n.location==="left"?"prepend":"append"),e}),w=t.computed(()=>{let e={"panel-input-search":!0,"input-search-disabled":n.disabled};const r=l.CommonBase.isEmpty(n.theme)?"icon":n.theme;return e[`input-search-${r}`]=!0,l.CommonBase.getJsonMerge(e,F.CommonElement.getClassNameJson(n.className))}),h=e=>{i("update:value",e),i("update:modelValue",e),i("onChange",e)},b=e=>{i("onSearch",e)},k=e=>{i("onFocus",e)},I=e=>{i("onBlur",e)},m=()=>{d&&(clearTimeout(d),d=null)},p=()=>{f&&(clearTimeout(f),f=null)},g=()=>{m(),p(),s!==o.value&&(s=o.value,h(o.value)),b(o.value)};t.onBeforeUnmount(()=>{m(),p()}),t.watch(()=>n.value,e=>{o.value=l.CommonBase.isNonEmptyString(e)?e:"",s=o.value});const T=e=>{n.disabled||(m(),d=setTimeout(()=>{!n.disabled&&o.value===e&&s!==e&&(s=e,h(e)),d=null},v.value))},K=()=>{n.disabled||(p(),f=setTimeout(()=>{n.disabled||g()},v.value))},N=e=>{n.disabled||k(e)},V=e=>{n.disabled||I(e)},u=()=>{n.disabled||g()},D=()=>{n.disabled||(m(),p(),s="",h(""),b(""))};return B({getValue:()=>o.value,setValue:(e,r)=>{const c=l.CommonBase.isNonEmptyString(e)?e:"";m(),p(),s=c,o.value=c,r&&(i("update:value",c),i("update:modelValue",c))},focus:()=>{y.value?.focus()}}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(S),class:t.normalizeClass(w.value)},[t.createVNode(C._sfc_main,{ref_key:"refElInput",ref:y,value:o.value,"onUpdate:value":r[0]||(r[0]=c=>o.value=c),theme:"icon",placeholder:a.placeholder,isClean:!0,disabled:a.disabled,onOnChange:T,onOnKeyupEnter:K,onOnFocus:N,onOnBlur:V,onOnClear:D},{[E.value]:t.withCtx(()=>[a.theme==="text"&&!t.unref(l.CommonBase).isEmpty(a.textLabel)?(t.openBlock(),t.createElementBlock("span",{key:0,role:"button","aria-label":a.textLabel,tabindex:a.disabled?-1:0,onClick:u,onKeydown:[t.withKeys(t.withModifiers(u,["prevent"]),["enter"]),t.withKeys(t.withModifiers(u,["prevent"]),["space"])]},t.toDisplayString(a.textLabel),41,q)):(t.openBlock(),t.createBlock(_._sfc_main,{key:1,name:"search",role:"button","aria-label":"搜索",tabindex:a.disabled?-1:0,onClick:u,onKeydown:[t.withKeys(t.withModifiers(u,["prevent"]),["enter"]),t.withKeys(t.withModifiers(u,["prevent"]),["space"])]},null,8,["tabindex","onKeydown"]))]),_:2},1032,["value","placeholder","disabled"])],10,O))}});exports._sfc_main=M;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-DfJX3uyy.js

@@ -1,224 +0,0 @@
-import { defineComponent as oe, ref as I, computed as o, onMounted as ne, nextTick as x, onActivated as le, onDeactivated as re, onUnmounted as ae, watch as L, openBlock as y, createBlock as se, Teleport as ie, createVNode as A, Transition as B, withCtx as z, createElementBlock as O, normalizeStyle as D, createCommentVNode as M, normalizeClass as ue, unref as pe, renderSlot as ce, Fragment as de } from "vue";
-import { C as n } from "./base-fr2I80sU.js";
-import { C as fe } from "./index-B477PjJ3.js";
-import { l as me, u as ve } from "./scrollLock-DQEGK5um.js";
-const ye = ["id"], _ = 2e3, N = 300, F = 2147483647, b = 1, U = ["center", "top", "bottom", "left", "right"];
-let E = _, h = 0;
-const ke = /* @__PURE__ */ oe({
-  name: "ClPopup",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    show: Boolean,
-    // desc: 是否显示弹出层，支持 v-model:show
-    position: {
-      type: String,
-      default: "center",
-      // desc: 弹出位置 | enum: center, top, bottom, left, right
-      validator: (S) => U.indexOf(S) !== -1
-    },
-    isOverlay: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示遮罩层
-    },
-    isRound: Boolean,
-    // desc: 是否显示圆角
-    duration: {
-      type: Number,
-      default: N
-      // desc: 动画时长(ms)，0 无效将回退默认值
-    },
-    isCloseOnClickOverlay: {
-      type: Boolean,
-      default: !0
-      // desc: 点击遮罩层后是否关闭
-    },
-    isLockScroll: {
-      type: Boolean,
-      default: !0
-      // desc: 是否锁定背景滚动
-    },
-    isSafeAreaInsetBottom: Boolean,
-    // desc: 是否开启底部安全区适配
-    zIndex: {
-      type: Number,
-      default: _
-      // desc: 弹窗层级
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 弹出层挂载目标 | enum: self, body (可自定义)
-    }
-  },
-  emits: ["update:show", "onOpen", "onOpened", "onClose", "onClosed", "onClick", "onClickOverlay"],
-  setup(S, { emit: H }) {
-    const t = S, r = H, Z = t.id;
-    let l = !1;
-    const g = /* @__PURE__ */ new Set();
-    let c = !1, d = !1;
-    const k = I(0), f = I(t.show), s = I(t.show), R = o(() => t.isOverlay), X = o(() => {
-      const e = t.teleportTarget;
-      return n.isNonEmptyString(e) && (e === "body" || e === "self" || /^[#.][A-Za-z_][\w-]*$/.test(e)) ? e : "body";
-    }), $ = o(() => t.teleportTarget === "self"), i = o(() => {
-      const e = t.position;
-      return U.indexOf(e) !== -1 ? e : "center";
-    }), m = o(() => {
-      if (!n.isNumber(t.duration) && !n.isString(t.duration))
-        return N;
-      const e = Number(t.duration);
-      return n.isFinite(e) && e > 0 ? e : N;
-    }), C = o(() => {
-      if (!n.isNumber(t.zIndex) && !n.isString(t.zIndex))
-        return _;
-      const e = Number(t.zIndex);
-      return n.isFinite(e) && Number.isInteger(e) && e > 0 && e <= F - b ? e : _;
-    }), q = o(() => ({
-      center: "popup-fade",
-      top: "popup-slide-top",
-      bottom: "popup-slide-bottom",
-      left: "popup-slide-left",
-      right: "popup-slide-right"
-    })[i.value] || "popup-fade"), V = o(() => {
-      let e = {
-        "panel-popup": !0,
-        "panel-popup--center": i.value === "center",
-        "panel-popup--top": i.value === "top",
-        "panel-popup--bottom": i.value === "bottom",
-        "panel-popup--left": i.value === "left",
-        "panel-popup--right": i.value === "right",
-        "panel-popup--round": t.isRound,
-        "panel-popup--safe-bottom": t.isSafeAreaInsetBottom
-      };
-      return e = n.getJsonMerge(e, fe.getClassNameJson(t.className)), e;
-    }), J = o(() => ({
-      zIndex: k.value || C.value,
-      "--popup-duration": `${m.value}ms`
-    })), j = o(() => ({
-      zIndex: (k.value || C.value) + b,
-      "--popup-duration": `${m.value}ms`
-    })), G = () => {
-      const e = t.teleportTarget;
-      if (n.isNonEmptyString(e) && e !== "body" && e !== "self") {
-        const a = document.querySelector(e);
-        return a instanceof HTMLElement ? a : null;
-      }
-      return document.body;
-    }, u = () => {
-      if (l) return;
-      const e = G();
-      e && (l = !0, g.add(e), me(e));
-    }, v = () => {
-      l && (l = !1, g.forEach((e) => {
-        ve(e);
-      }), g.clear());
-    }, p = (e) => {
-      const a = t.teleportTarget;
-      if (!n.isNonEmptyString(a) || a.charAt(0) !== "#") return;
-      const P = document.querySelector(a);
-      if (!(P instanceof HTMLElement)) return;
-      const w = P.closest(".cl-framephone");
-      if (!w) return;
-      const T = w.querySelector(".framephone-home");
-      if (T)
-        if (e) {
-          if (!c) return;
-          c = !1, h = Math.max(0, h - 1), h === 0 && (T.style.display = "");
-        } else {
-          if (c) return;
-          c = !0, h++, T.style.display = "none";
-        }
-    };
-    ne(() => {
-      t.show && t.isLockScroll && !l && u(), x(() => {
-        t.show && t.isLockScroll && !l && u();
-      });
-    }), le(() => {
-      d = !1, t.show && t.isLockScroll && !l && u(), t.show && p(!1);
-    }), re(() => {
-      d = !0, l && v(), p(!0);
-    }), ae(() => {
-      l && v(), p(!0);
-    }), L(
-      () => t.show,
-      (e) => {
-        e ? (f.value = !0, x(() => {
-          t.show ? s.value = !0 : f.value = !1;
-        }), E = Math.min(
-          Math.max(E + 2, C.value),
-          F - b
-        ), k.value = E, !d && t.isLockScroll && u()) : s.value = !1;
-      },
-      { immediate: !0 }
-    ), L(
-      () => t.isLockScroll,
-      (e) => {
-        t.show && !d && (e ? u() : v());
-      }
-    );
-    const K = () => {
-      s.value && (r("onClickOverlay"), t.isCloseOnClickOverlay && r("update:show", !1));
-    }, Q = () => {
-      s.value && r("onClick");
-    }, W = () => {
-      p(!1), r("onOpen");
-    }, Y = () => {
-      r("onOpened");
-    }, ee = () => {
-      r("onClose");
-    }, te = () => {
-      v(), p(!0), r("onClosed"), t.show || (f.value = !1);
-    };
-    return (e, a) => f.value ? (y(), se(ie, {
-      key: 0,
-      to: X.value,
-      disabled: $.value
-    }, [
-      A(B, {
-        name: "popup-fade",
-        duration: m.value
-      }, {
-        default: z(() => [
-          s.value && R.value ? (y(), O("div", {
-            key: 0,
-            class: "panel-popup-overlay",
-            "aria-hidden": "true",
-            style: D(J.value),
-            onClick: K
-          }, null, 4)) : M("", !0)
-        ]),
-        _: 1
-      }, 8, ["duration"]),
-      A(B, {
-        name: q.value,
-        duration: m.value,
-        onEnter: W,
-        onAfterEnter: Y,
-        onLeave: ee,
-        onAfterLeave: te
-      }, {
-        default: z(() => [
-          s.value ? (y(), O("div", {
-            key: 0,
-            id: pe(Z),
-            role: "dialog",
-            "aria-modal": "true",
-            class: ue(V.value),
-            style: D(j.value),
-            onClick: Q
-          }, [
-            ce(e.$slots, "default")
-          ], 14, ye)) : M("", !0)
-        ]),
-        _: 3
-      }, 8, ["name", "duration"])
-    ], 8, ["to", "disabled"])) : (y(), O(de, { key: 1 }, [], 64));
-  }
-});
-export {
-  ke as _
-};