tttb 0.1.24

package/dist/components/Tooltip/types.js

@@ -0,0 +1,21 @@
+const e = 1e3, l = {
+  content: "",
+  placement: "top",
+  trigger: "hover",
+  manual: !1,
+  offset: 8,
+  transition: "scale",
+  showArrow: !0,
+  singleton: !1,
+  openDelay: 0,
+  closeDelay: 100,
+  light: !1,
+  class: "",
+  style: {},
+  virtualRef: null,
+  overflow: !1
+};
+export {
+  e as BASIC_Z_INDEX,
+  l as defaultProps
+};

package/dist/components/Tooltip/useTooltip.js

@@ -0,0 +1,43 @@
+import { arrow as D, useFloating as H } from "../../node_modules/@floating-ui/vue/dist/floating-ui.vue.js";
+import { computed as o, toValue as t, ref as a, watch as z } from "vue";
+import { offset as C, flip as E, shift as F, hide as T, autoUpdate as U } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+const j = (l, r, m, x, h, v) => {
+  const w = o(() => {
+    const e = t(l);
+    return [
+      C(e.offset),
+      E(),
+      F({ padding: 5 }),
+      D({ element: t(x), padding: 10 }),
+      T()
+    ];
+  }), { x: y, y: M, placement: $, middlewareData: g } = H(r, m, {
+    // 确保 placement 是响应式的
+    placement: o(() => t(l).placement || "top"),
+    strategy: "fixed",
+    whileElementsMounted: U,
+    middleware: w
+  }), A = o(() => $.value.split("-")[0]), s = a(0), i = a(0), d = a(0), u = a(0);
+  return z([y, M, g], ([e, c, p]) => {
+    if (p.hide?.referenceHidden) {
+      v.onHide?.();
+      return;
+    }
+    const f = t(r);
+    if (f && f.isConnected) {
+      e !== null && (s.value = e), c !== null && (i.value = c);
+      const n = p.arrow;
+      n && (d.value = n.x ?? 0, u.value = n.y ?? 0);
+    }
+  }), { style: o(() => ({
+    "--x": `${Math.round(s.value)}px`,
+    "--y": `${Math.round(i.value)}px`,
+    "--z-idx": t(h),
+    "--arrow-x": `${Math.round(d.value)}px`,
+    "--arrow-y": `${Math.round(u.value)}px`,
+    ...t(l).style
+  })), side: A };
+};
+export {
+  j as useTooltip
+};

package/dist/components/Warn/index.js

@@ -0,0 +1,6 @@
+import r from "./index.vue.js";
+import { withInstall as t } from "../helpers.js";
+const m = t(r);
+export {
+  m as default
+};

package/dist/components/Warn/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-29bbaa0f"]]);
+export {
+  m as default
+};

package/dist/components/Warn/index.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as t, openBlock as n, createElementBlock as a, createVNode as l, unref as e, createElementVNode as m, toDisplayString as c, renderSlot as i, mergeDefaults as s } from "vue";
+import { defaultProps as p } from "./types.js";
+import f from "../Icon/index.js";
+import { faCircleExclamation as d } from "../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+const u = { class: "warn-container" }, k = /* @__PURE__ */ t({
+  name: "Warn",
+  __name: "index",
+  props: /* @__PURE__ */ s({
+    msg: {}
+  }, p),
+  setup(o) {
+    return (r, _) => (n(), a("div", u, [
+      l(e(f), { icon: e(d) }, null, 8, ["icon"]),
+      m("p", null, c(o.msg), 1),
+      i(r.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  k as default
+};

package/dist/components/Warn/types.js

@@ -0,0 +1,6 @@
+const o = {
+  msg: "暂无数据"
+};
+export {
+  o as defaultProps
+};

package/dist/components/Watermark/index.js

@@ -0,0 +1,6 @@
+import t from "./index.vue.js";
+import { withInstall as r } from "../helpers.js";
+const m = r(t);
+export {
+  m as default
+};

package/dist/components/Watermark/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2e039bab"]]);
+export {
+  e as default
+};

package/dist/components/Watermark/index.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent as c, ref as d, onMounted as f, onUnmounted as p, openBlock as m, createElementBlock as v, renderSlot as b, mergeDefaults as k } from "vue";
+import { defaultProps as g } from "./types.js";
+import y from "./useWatermarkBg.js";
+const $ = /* @__PURE__ */ c({
+  name: "Watermark",
+  __name: "index",
+  props: /* @__PURE__ */ k({
+    text: {},
+    fontSize: {},
+    gap: {},
+    rotate: {},
+    color: {}
+  }, g),
+  setup(a) {
+    const o = d(null), l = a;
+    let e = null;
+    const u = y(l), n = () => {
+      if (!o.value) return;
+      e && e.remove();
+      const { base64: r, size: t } = u.value;
+      e = document.createElement("div"), e.style.position = "absolute", e.style.backgroundImage = `url(${r})`, e.style.backgroundRepeat = "repeat", e.style.backgroundSize = `${t}px ${t}px`, e.style.pointerEvents = "none", e.style.zIndex = "9999", e.style.inset = "0", o.value.appendChild(e);
+    }, s = new MutationObserver((r) => {
+      for (const t of r) {
+        for (const i of t.removedNodes)
+          if (i === e) {
+            n();
+            return;
+          }
+        if (t.target === e) {
+          n();
+          return;
+        }
+      }
+    });
+    return f(() => {
+      n(), s.observe(o.value, {
+        attributes: !0,
+        childList: !0,
+        subtree: !0
+      });
+    }), p(() => {
+      s.disconnect();
+    }), (r, t) => (m(), v("div", {
+      class: "watermark-container",
+      ref_key: "parentRef",
+      ref: o
+    }, [
+      b(r.$slots, "default", {}, void 0, !0)
+    ], 512));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/Watermark/types.js

@@ -0,0 +1,10 @@
+const t = {
+  text: "Watermark",
+  fontSize: 20,
+  gap: 100,
+  rotate: -45,
+  color: "rgba(0, 0, 0, .1)"
+};
+export {
+  t as defaultProps
+};

package/dist/components/Watermark/useWatermarkBg.js

@@ -0,0 +1,11 @@
+import { computed as s } from "vue";
+const d = (e) => s(() => {
+  const n = document.createElement("canvas"), a = window.devicePixelRatio || 1, o = e.fontSize * a + "px serif", t = n.getContext("2d"), { width: c } = t.measureText(e.text), i = Math.max(100, c) + e.gap * a;
+  return n.width = i, n.height = i, t.translate(n.width / 2, n.height / 2), t.rotate(Math.PI / 180 * -e.rotate), t.fillStyle = e.color, t.font = o, t.textAlign = "center", t.textBaseline = "middle", t.fillText(e.text, 0, 0), {
+    base64: n.toDataURL(),
+    size: i / a
+  };
+});
+export {
+  d as default
+};

package/dist/components/helpers.js

@@ -0,0 +1,25 @@
+import { defineComponent as i, h as o } from "vue";
+const c = (n) => {
+  if (!n) return n;
+  const t = n;
+  return t.install = (r) => {
+    const e = t.name || t.__name;
+    e && r.component(e, t);
+  }, n;
+}, a = i({
+  name: "RenderContent",
+  props: {
+    content: {
+      type: [String, Object],
+      required: !0
+    }
+  },
+  render() {
+    const { content: n } = this;
+    return typeof n == "string" ? o("div", { innerHTML: n }) : n;
+  }
+});
+export {
+  a as RenderContent,
+  c as withInstall
+};

package/dist/components.js

@@ -0,0 +1,40 @@
+import { default as e } from "./components/Button/index.js";
+import { default as t } from "./components/Checkbox/index.js";
+import { default as l } from "./components/Dialog/index.js";
+import { default as m } from "./components/Icon/index.js";
+import { default as d } from "./components/Loading/index.js";
+import { default as x } from "./components/Message/index.js";
+import { default as n } from "./components/Modal/index.js";
+import { default as c } from "./components/Nav/index.js";
+import { default as v } from "./components/Pagination/index.js";
+import { default as b } from "./components/Popconfirm/index.js";
+import { default as k } from "./components/Popover/index.js";
+import { default as N } from "./components/Progress/index.js";
+import { default as w } from "./components/RouterNav/index.js";
+import { default as C } from "./components/Switch/index.js";
+import { default as I } from "./components/Table/index.js";
+import { default as R } from "./components/Timer/index.js";
+import { default as j } from "./components/Tooltip/index.js";
+import { default as y } from "./components/Warn/index.js";
+import { default as A } from "./components/Watermark/index.js";
+export {
+  e as Button,
+  t as Checkbox,
+  l as Dialog,
+  m as Icon,
+  d as Loading,
+  x as Message,
+  n as Modal,
+  c as Nav,
+  v as Pagination,
+  b as Popconfirm,
+  k as Popover,
+  N as Progress,
+  w as RouterNav,
+  C as Switch,
+  I as Table,
+  R as Timer,
+  j as Tooltip,
+  y as Warn,
+  A as Watermark
+};

package/dist/directives/vBackTop.js

@@ -0,0 +1,110 @@
+import { render as b, h as u } from "vue";
+import { debounce as y } from "../utils/debounce.js";
+import "../utils/dialog.js";
+import { injectStyles as w } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+import { DEFAULT_OPTIONS as f } from "../hooks/useWindowBackTop.js";
+import g from "../components/Icon/index.js";
+import { faAngleUp as k } from "../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import c from "../node_modules/gsap/index.js";
+const x = `
+.v-back-top-wrapper {
+  position: sticky;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 0;
+  pointer-events: none;
+}
+.v-back-top-inner {
+  --size: var(--vbt-size, 36px);
+  position: absolute;
+  width: var(--size);
+  height: var(--size);
+  color: var(--color-white, #fff);
+  font-size: calc(var(--size) * 0.5);
+  border-radius: 50%;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  will-change: transform, opacity;
+}
+.v-back-top-inner:hover {
+  filter: brightness(1.1);
+}
+`;
+w(x, "v-back-top-styles");
+const h = (e) => {
+  const { wrapper: o, inner: t, options: i } = e;
+  o.style.zIndex = `${i.zIndex}`, t.style.setProperty("--vbt-size", `${i.size}px`), t.style.right = `${i.right}px`, t.style.bottom = `${i.bottom}px`, t.className = `v-back-top-inner bg-${i.type}`;
+}, l = /* @__PURE__ */ new WeakMap(), j = {
+  name: "back-top",
+  mounted(e, o) {
+    const t = { ...f, ...o.value };
+    let i = "";
+    getComputedStyle(e).position === "static" && (i = e.style.position, e.style.position = "relative");
+    const a = document.createElement("div");
+    a.className = "v-back-top-wrapper";
+    const r = document.createElement("div");
+    r.title = "Back to top", b(u(g, { icon: k }), r), r.addEventListener("click", (s) => {
+      s.stopPropagation(), e.scrollTo({ top: 0, behavior: "smooth" });
+    }), a.appendChild(r), e.appendChild(a);
+    const n = {
+      wrapper: a,
+      inner: r,
+      options: t,
+      visible: !1,
+      handler: () => {
+      },
+      observer: null,
+      originalPosition: i
+    };
+    h(n);
+    const p = y(() => {
+      const s = e.scrollTop > t.scrollThreshold;
+      if (n.visible === s) return;
+      n.visible = s, c.killTweensOf(r);
+      const m = {
+        y: 0,
+        opacity: 1,
+        scale: 1,
+        duration: 0.4,
+        ease: "back.out(1.7)",
+        overwrite: !0,
+        onStart: () => {
+          r.style.display = "flex";
+        }
+      }, v = {
+        y: t.animationOffset,
+        opacity: 0,
+        scale: 0.6,
+        duration: 0.3,
+        ease: "power2.in",
+        overwrite: !0,
+        onComplete: () => {
+          r.style.display = "none";
+        }
+      };
+      s ? c.fromTo(r, v, m) : c.fromTo(r, m, v);
+    }, 100);
+    e.addEventListener("scroll", p, { passive: !0 });
+    const d = new ResizeObserver(p);
+    d.observe(e), n.handler = p, n.observer = d, l.set(e, n), p();
+  },
+  updated(e, o) {
+    const t = l.get(e);
+    t && (t.options = { ...f, ...o.value }, h(t), t.handler());
+  },
+  unmounted(e) {
+    const o = l.get(e);
+    o && (e.removeEventListener("scroll", o.handler), o.observer.disconnect(), c.killTweensOf(o.inner), b(null, o.inner), o.wrapper.remove(), l.delete(e));
+  }
+};
+export {
+  j as default
+};

package/dist/directives/vDelayIn.js

@@ -0,0 +1,41 @@
+const r = {
+  up: [
+    { transform: "translateY(100px)", opacity: 0 },
+    { transform: "translateY(0)", opacity: 1 }
+  ],
+  down: [
+    { transform: "translateY(-100px)", opacity: 0 },
+    { transform: "translateY(0)", opacity: 1 }
+  ],
+  left: [
+    { transform: "translateX(100px)", opacity: 0 },
+    { transform: "translateX(0)", opacity: 1 }
+  ],
+  right: [
+    { transform: "translateX(-100px)", opacity: 0 },
+    { transform: "translateX(0)", opacity: 1 }
+  ],
+  scale: [
+    { transform: "scale(0)", opacity: 0 },
+    { transform: "scale(1)", opacity: 1 }
+  ],
+  opacity: [{ opacity: 0 }, { opacity: 1 }],
+  fade: [
+    { transform: "translateY(-5px) scale(1.2)", opacity: 0 },
+    { transform: "translateY(0) scale(1)", opacity: 1 }
+  ]
+}, s = {
+  name: "delay-in",
+  mounted(o, t) {
+    const n = t.arg || "fade", a = o.animate(r[n], {
+      duration: 500,
+      easing: "ease-in-out",
+      delay: t.value || 0,
+      fill: "both"
+    });
+    a.onfinish = a.cancel, a.play();
+  }
+};
+export {
+  s as default
+};

package/dist/directives/vHoldPointer.js

@@ -0,0 +1,112 @@
+import "../utils/dialog.js";
+import { injectStyles as f } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+import n from "../node_modules/gsap/index.js";
+const y = `
+.v-hold-pointer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 70px;
+  height: 70px;
+  margin-top: -35px;
+  margin-left: -35px;
+  pointer-events: none;
+  z-index: 9999;
+  will-change: transform;
+  opacity: 0;
+  transform: scale(0);
+}
+.v-hold-pointer svg {
+  position: absolute;
+  inset: 0;
+}
+.v-hold-pointer .path1 {
+  fill: none;
+  stroke: rgba(255, 255, 255, 0.5);
+  stroke-width: 1px;
+}
+.v-hold-pointer .path2 {
+  fill: none;
+  stroke: #efefef;
+  stroke-dasharray: 1;
+  stroke-dashoffset: 1;
+  transition: stroke-dashoffset 1.5s cubic-bezier(0.19, 1, 0.22, 1);
+}
+`;
+f(y, "v-hold-pointer-styles");
+const m = /* @__PURE__ */ new WeakMap(), P = () => {
+  const o = (h, e) => {
+    const t = document.createElementNS("http://www.w3.org/2000/svg", h);
+    return Object.entries(e).forEach(([r, i]) => t.setAttribute(r, i)), t;
+  }, s = document.createElement("div");
+  s.className = "v-hold-pointer";
+  const c = o("svg", { class: "pointer-dot", viewBox: "0 0 70 70" }), a = o("circle", { cx: "35", cy: "35", r: "1.6", fill: "white" });
+  c.appendChild(a);
+  const d = o("svg", { class: "pointer-circle", viewBox: "0 0 70 70" }), l = "m35,2.5c17.955803,0 32.5,14.544199 32.5,32.5c0,17.955803 -14.544197,32.5 -32.5,32.5c-17.955803,0 -32.5,-14.544197 -32.5,-32.5c0,-17.955801 14.544197,-32.5 32.5,-32.5z", u = o("path", { class: "path1", d: l }), p = o("path", { class: "path2", d: l, pathLength: "1" });
+  return d.append(u, p), s.append(c, d), { container: s, dot: c, circle: d, circlePath: p };
+}, S = {
+  name: "hold-pointer",
+  mounted(o) {
+    const { container: s, dot: c, circle: a, circlePath: d } = P();
+    o.appendChild(s);
+    const l = n.quickSetter(s, "x", "px"), u = n.quickSetter(s, "y", "px"), p = n.quickSetter(a, "x", "px"), h = n.quickSetter(a, "y", "px"), e = {
+      container: s,
+      dot: c,
+      circle: a,
+      mouse: { x: 0, y: 0 },
+      dotPos: { x: 0, y: 0 },
+      circlePos: { x: 0, y: 0 },
+      isInside: !1,
+      // 鼠标是否在元素内
+      updateTicker: () => {
+        const t = (r, i, x) => {
+          const v = i - r;
+          return Math.abs(v) < 0.1 ? i : r + v * x;
+        };
+        e.dotPos.x = t(e.dotPos.x, e.mouse.x, 0.28), e.dotPos.y = t(e.dotPos.y, e.mouse.y, 0.28), e.circlePos.x = t(e.circlePos.x, e.mouse.x, 0.12), e.circlePos.y = t(e.circlePos.y, e.mouse.y, 0.12), l(e.dotPos.x), u(e.dotPos.y), p(e.circlePos.x - e.dotPos.x), h(e.circlePos.y - e.dotPos.y);
+      },
+      handlers: {
+        move: (t) => {
+          const r = t instanceof TouchEvent ? t.touches[0].clientX : t.clientX, i = t instanceof TouchEvent ? t.touches[0].clientY : t.clientY;
+          e.mouse.x = r, e.mouse.y = i, e.isInside || e.handlers.enter(r, i);
+        },
+        enter: (t, r) => {
+          e.isInside = !0, t !== void 0 && r !== void 0 && e.dotPos.x === 0 && (e.dotPos.x = e.circlePos.x = t, e.dotPos.y = e.circlePos.y = r), n.to(s, { opacity: 1, scale: 1, duration: 0.4, ease: "back.out(1.5)" });
+        },
+        leave: () => {
+          e.isInside = !1, n.to(s, { opacity: 0, scale: 0.4, duration: 0.4, ease: "power2.inOut" }), e.handlers.release();
+        },
+        press: (t) => {
+          if (!e.isInside) {
+            if (t) {
+              const r = t instanceof TouchEvent ? t.touches[0].clientX : t.clientX, i = t instanceof TouchEvent ? t.touches[0].clientY : t.clientY;
+              e.mouse.x = r, e.mouse.y = i;
+            }
+            e.handlers.enter(e.mouse.x, e.mouse.y);
+          }
+          n.to(c, { scale: 1.8, duration: 0.4, ease: "power3.out" }), n.to(a, { scale: 0.82, duration: 0.6, ease: "back.out(3)" }), n.to(d, { strokeDashoffset: 0 });
+        },
+        release: () => {
+          n.to(c, { scale: 1, duration: 0.6, ease: "elastic.out(1, 0.5)" }), n.to(a, { scale: 1, duration: 0.6, ease: "elastic.out(1, 0.5)" }), n.to(d, { strokeDashoffset: 1 });
+        }
+      }
+    };
+    o.addEventListener("mousemove", e.handlers.move), o.addEventListener("mouseenter", e.handlers.move), o.addEventListener("mouseleave", e.handlers.leave), o.addEventListener("mousedown", e.handlers.press), window.addEventListener("mouseup", e.handlers.release), o.addEventListener(
+      "touchstart",
+      (t) => {
+        e.handlers.press(t), e.handlers.move(t);
+      },
+      { passive: !0 }
+    ), o.addEventListener("touchmove", e.handlers.move, { passive: !0 }), o.addEventListener("touchend", e.handlers.leave, { passive: !0 }), n.ticker.add(e.updateTicker), m.set(o, e);
+  },
+  unmounted(o) {
+    const s = m.get(o);
+    s && (n.ticker.remove(s.updateTicker), s.container.remove(), window.removeEventListener("mouseup", s.handlers.release), m.delete(o));
+  }
+};
+export {
+  S as default
+};

package/dist/directives/vLazy.js

@@ -0,0 +1,65 @@
+import { isObject as u } from "../utils/isObject.js";
+import "../utils/dialog.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+let c = null;
+const l = /* @__PURE__ */ new WeakMap(), v = () => c || (c = new IntersectionObserver((s) => {
+  s.forEach((e) => {
+    if (e.isIntersecting) {
+      const r = e.target, t = l.get(r);
+      if (!t) return;
+      const { src: o, callbacks: a } = t;
+      a.onEnterViewport?.(r), c?.unobserve(r), l.delete(r), a.onLoadStart?.(r, o), m(r, o, a.onLoadSuccess, a.onLoadError);
+    }
+  });
+}), c), m = (s, e, r, t) => {
+  const o = new Image();
+  o.onload = () => {
+    s.src = e, r?.(s, e);
+  }, o.onerror = (a) => {
+    t?.(s, e, a);
+  }, o.src = e;
+}, b = {
+  name: "lazy",
+  // 指令绑定到元素时
+  mounted(s, e) {
+    if (!(s instanceof HTMLImageElement)) {
+      console.warn("v-lazy directive only supports img elements");
+      return;
+    }
+    let r = "", t = {};
+    if (typeof e.value == "string")
+      r = e.value;
+    else if (u(e.value) && e.value.src) {
+      r = e.value.src;
+      const { src: a, ...n } = e.value;
+      t = { ...n };
+    } else {
+      console.error("v-lazy directive requires a valid image src");
+      return;
+    }
+    l.set(s, { src: r, callbacks: t }), v().observe(s);
+  },
+  // 指令更新时
+  updated(s, e) {
+    let r = "", t = {};
+    if (typeof e.value == "string")
+      r = e.value;
+    else if (u(e.value) && e.value.src) {
+      r = e.value.src;
+      const { src: a, ...n } = e.value;
+      t = { ...n };
+    } else {
+      console.error("v-lazy directive requires a valid image src");
+      return;
+    }
+    l.set(s, { src: r, callbacks: t }), v().observe(s);
+  },
+  unmounted(s) {
+    c?.unobserve(s), l.delete(s);
+  }
+};
+export {
+  b as default
+};

package/dist/directives/vLoading.js

@@ -0,0 +1,50 @@
+import { render as a, h as d } from "vue";
+import m from "../components/Loading/index.js";
+import { isObject as u } from "../utils/isObject.js";
+import "../utils/dialog.js";
+import { injectStyles as f } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+const g = "正在加载...", i = /* @__PURE__ */ new WeakMap(), y = `
+.v-loading-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: rgba(0, 0, 0, 0.05);
+  backdrop-filter: blur(2px);
+  z-index: 9999;
+}
+`;
+f(y, "v-loading-styles");
+const v = (t) => u(t) ? t : { content: t }, s = (t, o) => {
+  const n = v(o.value), c = n.content === !0 || typeof n.content == "string", l = typeof n.content == "string" ? n.content : g;
+  let e = i.get(t);
+  if (c) {
+    if (!e) {
+      const r = document.createElement("div");
+      e = { container: r, originalPosition: "" }, i.set(t, e), getComputedStyle(t).position === "static" && (e.originalPosition = t.style.position, t.style.position = "relative"), t.appendChild(r);
+    }
+    e.container.className = `v-loading-overlay color-${n.type || "primary"}`;
+    const p = d(m, { text: l });
+    a(p, e.container);
+  } else
+    e && (a(null, e.container), e.container.remove(), t.style.position = e.originalPosition, i.delete(t));
+}, C = {
+  name: "loading",
+  mounted(t, o) {
+    s(t, o);
+  },
+  updated(t, o) {
+    o.value !== o.oldValue && s(t, o);
+  },
+  unmounted(t) {
+    const o = i.get(t);
+    o && (a(null, o.container), i.delete(t));
+  }
+};
+export {
+  C as default
+};