vft 0.0.50 → 0.0.53

package/es/components/input/input.vue2.js

@@ -0,0 +1,365 @@
+import { defineComponent as De, useAttrs as Te, useSlots as We, computed as l, getCurrentInstance as Le, shallowRef as G, ref as E, watch as J, nextTick as V, onMounted as Oe, withDirectives as je, openBlock as i, createElementBlock as d, mergeProps as x, unref as t, Fragment as Q, normalizeClass as r, renderSlot as N, createCommentVNode as c, createElementVNode as g, createBlock as B, withModifiers as He, toDisplayString as D, normalizeStyle as Ue, vShow as qe } from "vue";
+import { UPDATE_MODEL_EVENT as X } from "@vft/constants";
+import { useAttrs as Ge } from "@vft/use";
+import { isString as T, singleAttrToObj as Y, addUnit as Je, noop as Qe, isObject as he } from "@vft/utils";
+import { useResizeObserver as Xe, isClient as Ye } from "@vueuse/core";
+import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
+import { useCursor as Ze } from "../../hooks/use-cursor/index.js";
+import "@popperjs/core";
+import { isNil as _e } from "lodash";
+import "../../hooks/use-z-index/index.js";
+import { debugWarn as Z } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import "../form/index.js";
+import { VftIcon as F } from "../icon/index.js";
+import { calcTextareaHeight as pe } from "./utils.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], St = /* @__PURE__ */ De({
+  __name: "input",
+  props: {
+    id: null,
+    size: { default: "" },
+    disabled: { type: Boolean },
+    modelValue: null,
+    type: { default: "text" },
+    resize: null,
+    autosize: { type: [Object, Boolean], default: !1 },
+    autocomplete: { default: "off" },
+    formatter: { type: Function },
+    parser: { type: Function },
+    placeholder: null,
+    form: null,
+    readonly: { type: Boolean },
+    clearable: { type: Boolean },
+    showPassword: { type: Boolean },
+    showWordLimit: { type: Boolean },
+    suffixIcon: null,
+    prefixIcon: null,
+    clearIcon: null,
+    containerRole: null,
+    label: null,
+    tabindex: { default: 0 },
+    validateEvent: { type: Boolean, default: !0 },
+    inputStyle: null,
+    focusWidth: null
+  },
+  emits: {
+    [X]: (e) => T(e),
+    input: (e) => T(e),
+    change: (e) => T(e),
+    suffixclick: (e) => T(e),
+    focus: (e) => e instanceof FocusEvent,
+    blur: (e) => e instanceof FocusEvent,
+    clear: () => !0,
+    mouseleave: (e) => e instanceof MouseEvent,
+    mouseenter: (e) => e instanceof MouseEvent,
+    // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent
+    keydown: (e) => e instanceof Event,
+    compositionstart: (e) => e instanceof CompositionEvent,
+    compositionupdate: (e) => e instanceof CompositionEvent,
+    compositionend: (e) => e instanceof CompositionEvent
+  },
+  setup(e, { expose: be, emit: s }) {
+    const C = Te(), y = We(), _ = l(() => {
+      const a = {};
+      return e.containerRole === "combobox" && (a["aria-haspopup"] = C["aria-haspopup"], a["aria-owns"] = C["aria-owns"], a["aria-expanded"] = C["aria-expanded"]), a;
+    }), we = l(() => [
+      e.type === "textarea" ? te.b() : n.b(),
+      n.m(ke.value),
+      n.is("disabled", p.value),
+      n.is("exceed", Ee.value),
+      n.is("focus", h.value),
+      {
+        [n.b("group")]: y.prepend || y.append,
+        [n.bm("group", "append")]: y.append,
+        [n.bm("group", "prepend")]: y.prepend,
+        [n.m("prefix")]: y.prefix || e.prefixIcon,
+        [n.m("suffix")]: y.suffix || e.suffixIcon || e.clearable || e.showPassword,
+        [n.bm("suffix", "password-clear")]: R.value && H.value
+      },
+      C.class
+    ]), ge = Le(), Ce = l(() => [n.e("wrapper"), n.is("focus", h.value)]), f = Ge({
+      excludeKeys: l(() => Object.keys(_.value))
+    }), { form: W, formItem: u } = et(), { inputId: ee } = tt(ge.props, {
+      formItemContext: u
+    }), ke = at(), p = nt(), n = xe("input"), te = xe("textarea"), A = G(), b = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), z = l(() => A.value || b.value), j = l(() => Y(e.prefixIcon, "icon", { size: 16 })), ne = l(() => Y(e.suffixIcon, "icon", { size: 16 })), ze = l(() => Y(e.clearIcon, "icon", { icon: "ico-ep:circle-close", size: 16 })), oe = l(() => (W == null ? void 0 : W.statusIcon) ?? !1), P = l(() => (u == null ? void 0 : u.validateState) || ""), le = l(() => P.value && "vico-user"), Ie = l(
+      () => M.value ? { icon: "ico-ep:view", size: 16 } : { icon: "ico-ep:hide", size: 16 }
+    ), Se = l(() => [
+      C.style,
+      e.inputStyle,
+      e.focusWidth && h.value ? { width: Je(e.focusWidth) } : {}
+    ]), se = l(
+      () => [e.inputStyle, O.value, { resize: e.resize }]
+    ), m = l(() => _e(e.modelValue) ? "" : String(e.modelValue)), R = l(
+      () => e.clearable && !p.value && !e.readonly && !!m.value && (h.value || L.value)
+    ), H = l(
+      () => e.showPassword && !p.value && !e.readonly && !!m.value && (!!m.value || h.value)
+    ), w = l(
+      () => e.showWordLimit && !!f.value.maxlength && (e.type === "text" || e.type === "textarea") && !p.value && !e.readonly && !e.showPassword
+    ), U = l(() => Array.from(m.value).length), Ee = l(
+      () => (
+        // show exceed style if length of initial value greater then maxlength
+        !!w.value && U.value > Number(f.value.maxlength)
+      )
+    ), Ve = l(
+      () => !!y.suffix || !!e.suffixIcon || R.value || e.showPassword || w.value || !!P.value && oe.value
+    ), [Be, Fe] = Ze(A);
+    Xe(b, (a) => {
+      if (!w.value || e.resize !== "both")
+        return;
+      const o = a[0], { width: v } = o.contentRect;
+      ae.value = {
+        /** right: 100% - width + padding(15) + right(6) */
+        right: `calc(100% - ${v + 15 + 6}px)`
+      };
+    });
+    const K = () => {
+      if (!(!Ye || e.type !== "textarea"))
+        if (e.autosize) {
+          const a = he(e.autosize) ? e.autosize.minRows : void 0, o = he(e.autosize) ? e.autosize.maxRows : void 0;
+          O.value = {
+            ...pe(b.value, a, o)
+          };
+        } else
+          O.value = {
+            minHeight: pe(b.value).minHeight
+          };
+    }, I = () => {
+      const a = z.value;
+      !a || a.value === m.value || (a.value = m.value);
+    }, q = async (a) => {
+      Be();
+      let { value: o } = a.target;
+      if (f.value.maxlength && o.length >= f.value.maxlength && (o = o.slice(0, Number(f.value.maxlength))), e.formatter && (o = e.parser ? e.parser(o) : o, o = e.formatter(o)), !k.value) {
+        if (o === m.value) {
+          I();
+          return;
+        }
+        s(X, o), s("input", o), await V(), I(), Fe();
+      }
+    }, ie = (a) => {
+      s("change", a.target.value);
+    }, Ae = () => {
+      s("suffixclick", e.modelValue);
+    }, ue = (a) => {
+      s("compositionstart", a), k.value = !0;
+    }, Me = (a) => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(a), ce = (a) => {
+      var S;
+      s("compositionupdate", a);
+      const o = (S = a.target) == null ? void 0 : S.value, v = o[o.length - 1] || "";
+      k.value = !Me(v);
+    }, re = (a) => {
+      s("compositionend", a), k.value && (k.value = !1, q(a));
+    }, Pe = () => {
+      M.value = !M.value, $();
+    }, $ = async () => {
+      var a;
+      await V(), (a = z.value) == null || a.focus();
+    }, Re = () => {
+      var a;
+      return (a = z.value) == null ? void 0 : a.blur();
+    }, de = (a) => {
+      h.value = !0, s("focus", a);
+    }, fe = (a) => {
+      var o;
+      h.value = !1, s("blur", a), e.validateEvent && ((o = u == null ? void 0 : u.validate) == null || o.call(u, "blur").catch((v) => Z(v)));
+    }, Ke = (a) => {
+      L.value = !1, s("mouseleave", a);
+    }, $e = (a) => {
+      L.value = !0, s("mouseenter", a);
+    }, ve = (a) => {
+      let o = a.key;
+      if (a.target.type === "number" && ["e", "+", "-0", "E"].includes(o))
+        return a.returnValue = !1, !1;
+      s("keydown", a);
+    }, Ne = () => {
+      var a;
+      (a = z.value) == null || a.select();
+    }, me = () => {
+      s(X, ""), s("change", ""), s("clear"), s("input", "");
+    };
+    return J(
+      () => e.modelValue,
+      () => {
+        var a;
+        V(() => K()), e.validateEvent && ((a = u == null ? void 0 : u.validate) == null || a.call(u, "change").catch((o) => Z(o)));
+      }
+    ), J(m, () => I()), J(
+      () => e.type,
+      async () => {
+        await V(), I(), K();
+      }
+    ), Oe(() => {
+      !e.formatter && e.parser && Z("VftInput", "If you set the parser, you also need to set the formatter."), I(), V(K);
+    }), be({
+      /** @description HTML input element */
+      input: A,
+      /** @description HTML textarea element */
+      textarea: b,
+      /** @description HTML element, input or textarea */
+      ref: z,
+      /** @description style of textarea. */
+      textareaStyle: se,
+      /** @description from props (used on unit test) */
+      autosize: e.autosize,
+      /** @description HTML input element native method */
+      focus: $,
+      /** @description HTML input element native method */
+      blur: Re,
+      /** @description HTML input element native method */
+      select: Ne,
+      /** @description clear input value */
+      clear: me,
+      /** @description resize textarea. */
+      resizeTextarea: K
+    }), (a, o) => {
+      var v, S, ye;
+      return je((i(), d("div", x(t(_), {
+        class: t(we),
+        style: t(Se),
+        role: e.containerRole,
+        onMouseenter: $e,
+        onMouseleave: Ke
+      }), [
+        e.type !== "textarea" ? (i(), d(Q, { key: 0 }, [
+          a.$slots.prepend ? (i(), d("div", {
+            key: 0,
+            class: r(t(n).be("group", "prepend"))
+          }, [
+            N(a.$slots, "prepend")
+          ], 2)) : c("", !0),
+          g("div", {
+            class: r(t(Ce))
+          }, [
+            a.$slots.prefix || (v = t(j)) != null && v.icon ? (i(), d("span", {
+              key: 0,
+              class: r(t(n).e("prefix"))
+            }, [
+              g("span", {
+                class: r(t(n).e("prefix-inner")),
+                onClick: $
+              }, [
+                N(a.$slots, "prefix"),
+                (S = t(j)) != null && S.icon ? (i(), B(t(F), x({ key: 0 }, t(j), {
+                  class: t(n).e("icon")
+                }), null, 16, ["class"])) : c("", !0)
+              ], 2)
+            ], 2)) : c("", !0),
+            g("input", x({
+              id: t(ee),
+              ref_key: "input",
+              ref: A,
+              class: t(n).e("inner")
+            }, t(f), {
+              type: e.showPassword ? M.value ? "text" : "password" : e.type,
+              disabled: t(p),
+              formatter: e.formatter,
+              parser: e.parser,
+              readonly: e.readonly,
+              autocomplete: e.autocomplete,
+              tabindex: e.tabindex,
+              "aria-label": e.label,
+              placeholder: e.placeholder,
+              style: e.inputStyle,
+              form: e.form,
+              onCompositionstart: ue,
+              onCompositionupdate: ce,
+              onCompositionend: re,
+              onInput: q,
+              onFocus: de,
+              onBlur: fe,
+              onChange: ie,
+              onKeydown: ve
+            }), null, 16, lt),
+            t(Ve) ? (i(), d("span", {
+              key: 1,
+              class: r(t(n).e("suffix"))
+            }, [
+              g("span", {
+                class: r(t(n).e("suffix-inner")),
+                onClick: $
+              }, [
+                !t(R) || !t(H) || !t(w) ? (i(), d(Q, { key: 0 }, [
+                  N(a.$slots, "suffix"),
+                  (ye = t(ne)) != null && ye.icon ? (i(), B(t(F), x({
+                    key: 0,
+                    onClick: Ae
+                  }, t(ne), {
+                    class: t(n).e("icon")
+                  }), null, 16, ["class"])) : c("", !0)
+                ], 64)) : c("", !0),
+                t(R) ? (i(), B(t(F), x({
+                  key: 1,
+                  class: [t(n).e("icon"), t(n).e("clear")]
+                }, t(ze), {
+                  onMousedown: He(t(Qe), ["prevent"]),
+                  onClick: me
+                }), null, 16, ["class", "onMousedown"])) : c("", !0),
+                t(H) ? (i(), B(t(F), x({ key: 2 }, t(Ie), {
+                  class: [t(n).e("icon"), t(n).e("password")],
+                  onClick: Pe
+                }), null, 16, ["class"])) : c("", !0),
+                t(w) ? (i(), d("span", {
+                  key: 3,
+                  class: r(t(n).e("count"))
+                }, [
+                  g("span", {
+                    class: r(t(n).e("count-inner"))
+                  }, D(t(U)) + " / " + D(t(f).maxlength), 3)
+                ], 2)) : c("", !0),
+                t(P) && t(le) && t(oe) ? (i(), B(t(F), {
+                  key: 4,
+                  icon: t(le),
+                  class: r([t(n).e("icon"), t(n).e("validateIcon"), t(n).is("loading", t(P) === "validating")])
+                }, null, 8, ["icon", "class"])) : c("", !0)
+              ], 2)
+            ], 2)) : c("", !0)
+          ], 2),
+          a.$slots.append ? (i(), d("div", {
+            key: 1,
+            class: r(t(n).be("group", "append"))
+          }, [
+            N(a.$slots, "append")
+          ], 2)) : c("", !0)
+        ], 64)) : (i(), d(Q, { key: 1 }, [
+          g("textarea", x({
+            id: t(ee),
+            ref_key: "textarea",
+            ref: b,
+            class: t(te).e("inner")
+          }, t(f), {
+            tabindex: e.tabindex,
+            disabled: t(p),
+            readonly: e.readonly,
+            autocomplete: e.autocomplete,
+            style: t(se),
+            "aria-label": e.label,
+            placeholder: e.placeholder,
+            form: e.form,
+            onCompositionstart: ue,
+            onCompositionupdate: ce,
+            onCompositionend: re,
+            onInput: q,
+            onFocus: de,
+            onBlur: fe,
+            onChange: ie,
+            onKeydown: ve
+          }), null, 16, st),
+          t(w) ? (i(), d("span", {
+            key: 0,
+            style: Ue(ae.value),
+            class: r(t(n).e("count"))
+          }, D(t(U)) + " / " + D(t(f).maxlength), 7)) : c("", !0)
+        ], 64))
+      ], 16, ot)), [
+        [qe, e.type !== "hidden"]
+      ]);
+    };
+  }
+});
+export {
+  St as default
+};

package/es/components/link/link.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as m, computed as p, openBlock as l, createElementBlock as a, normalizeClass as c, unref as t, createBlock as k, normalizeProps as b, mergeProps as y, createCommentVNode as s, renderSlot as B } from "vue";
+import { singleAttrToObj as C } from "@vft/utils";
+import { VftIcon as g } from "../icon/index.js";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useRouterHelper as h } from "@vft/router";
+const o = (
+  /* hoist-static*/
+  R("link")
+), z = m({
+  name: o.b()
+}), v = /* @__PURE__ */ m({
+  ...z,
+  props: {
+    type: { default: "default" },
+    underline: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    route: null,
+    isReplace: { type: Boolean },
+    icon: null
+  },
+  emits: ["click"],
+  setup(e, { emit: u }) {
+    const { go: d } = h();
+    function f(n) {
+      e.route && d(e.route, e.isReplace), e.disabled || u("click", n);
+    }
+    const i = p(() => C(e.icon, "icon"));
+    return (n, N) => {
+      var r;
+      return l(), a("span", {
+        class: c([
+          t(o).b(),
+          t(o).m(e.type),
+          t(o).is("disabled", e.disabled),
+          t(o).is("underline", e.underline && !e.disabled)
+        ]),
+        onClick: f
+      }, [
+        (r = t(i)) != null && r.icon ? (l(), k(t(g), b(y({ key: 0 }, t(i))), null, 16)) : s("", !0),
+        n.$slots.default ? (l(), a("span", {
+          key: 1,
+          class: c(t(o).e("inner"))
+        }, [
+          B(n.$slots, "default")
+        ], 2)) : s("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  v as default
+};

package/es/components/loading/loading.js

@@ -0,0 +1,129 @@
+import { removeClass as p, singleAttrToObj as w } from "@vft/utils";
+import { ref as A, reactive as T, watch as V, createApp as I, toRefs as N, h as i, Transition as $, withCtx as k, withDirectives as y, createVNode as B, vShow as S } from "vue";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import { useZIndex as j } from "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { VftIcon as z } from "../icon/index.js";
+function K(o) {
+  let c;
+  const r = O("loading"), s = A(!1), e = T({
+    ...o,
+    originalPosition: "",
+    originalOverflow: "",
+    visible: !1
+  });
+  function b(t) {
+    e.text = t;
+  }
+  V(
+    () => e.visible,
+    (t) => {
+      t || u();
+    }
+  );
+  function x() {
+    const t = e.parent;
+    if (!t.vLoadingAddClassList) {
+      let n = t.getAttribute("loading-number");
+      n = Number.parseInt(n) - 1, n ? t.setAttribute("loading-number", n.toString()) : (p(t, r.bm("parent", "relative")), t.removeAttribute("loading-number")), p(t, r.bm("parent", "hidden"));
+    }
+    m(), f.unmount();
+  }
+  function m() {
+    var t, n;
+    (n = (t = a.$el) == null ? void 0 : t.parentNode) == null || n.removeChild(a.$el);
+  }
+  function u() {
+    var t;
+    o.beforeClose && !o.beforeClose() || (s.value = !0, clearTimeout(c), c = window.setTimeout(l, 400), e.visible = !1, (t = o.closed) == null || t.call(o));
+  }
+  function l() {
+    if (!s.value)
+      return;
+    const t = e.parent;
+    s.value = !1, t.vLoadingAddClassList = void 0, x();
+  }
+  const f = I({
+    name: "VftLoading",
+    setup(t, { expose: n }) {
+      return () => {
+        const L = j();
+        n({
+          ns: r,
+          zIndex: L
+        });
+        const d = e.spinner || e.svg, v = e.img, g = e.icon ? w(e.icon, "icon") : !1, C = g ? i(z, g) : v ? i("img", {
+          class: ["circular circular-img", e.rotate ? "" : "circular-no-rotate"],
+          src: v
+        }) : i(
+          "svg",
+          {
+            class: "circular",
+            viewBox: e.svgViewBox ? e.svgViewBox : "0 0 50 50",
+            ...d ? { innerHTML: d } : {}
+          },
+          [
+            i("circle", {
+              class: "path",
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none"
+            })
+          ]
+        ), h = e.text ? i("p", { class: r.b("text") }, [e.text]) : void 0;
+        return i(
+          $,
+          {
+            name: r.b("fade"),
+            onAfterLeave: l
+          },
+          {
+            default: k(() => [
+              y(
+                B(
+                  "div",
+                  {
+                    style: {
+                      backgroundColor: e.background || ""
+                    },
+                    class: [r.b("mask"), e.customClass, e.fullscreen ? "is-fullscreen" : ""]
+                  },
+                  [
+                    i(
+                      "div",
+                      {
+                        class: r.b("spinner")
+                      },
+                      [C, h]
+                    )
+                  ]
+                ),
+                [[S, e.visible]]
+              )
+            ])
+          }
+        );
+      };
+    }
+  }), a = f.mount(document.createElement("div"));
+  return {
+    ...N(e),
+    setText: b,
+    removeVftLoadingChild: m,
+    close: u,
+    handleAfterLeave: l,
+    vm: a,
+    get $el() {
+      return a.$el;
+    }
+  };
+}
+export {
+  K as createLoadingComponent
+};

package/es/components/loading/service.js

@@ -0,0 +1,70 @@
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import { nextTick as f, unref as n } from "vue";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { isClient as b } from "@vueuse/core";
+import { isString as v, getStyle as a, addClass as c, removeClass as u } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { createLoadingComponent as p } from "./loading.js";
+let d;
+const A = function(t = {}) {
+  if (!b)
+    return;
+  const e = y(t);
+  if (e.fullscreen && d)
+    return d;
+  const r = p({
+    ...e,
+    closed: () => {
+      var i;
+      (i = e.closed) == null || i.call(e), e.fullscreen && (d = void 0);
+    }
+  });
+  x(e, e.parent, r), m(e, e.parent, r), e.parent.vLoadingAddClassList = () => m(e, e.parent, r);
+  let o = e.parent.getAttribute("loading-number");
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(r.$el), f(() => r.visible.value = e.visible), e.fullscreen && (d = r), r;
+}, y = (t) => {
+  let e;
+  return v(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
+    parent: e === document.body || t.body ? document.body : e,
+    background: n(t.background) || "",
+    svg: n(t.svg) || "",
+    svgViewBox: n(t.svgViewBox) || "",
+    spinner: n(t.spinner) || !1,
+    img: n(t.img) || !1,
+    icon: n(t.icon) || !1,
+    text: n(t.text) || "",
+    rotate: t.rotate ?? !0,
+    fullscreen: e === document.body && (t.fullscreen ?? !0),
+    lock: t.lock ?? !1,
+    customClass: n(t.customClass) || "",
+    visible: t.visible ?? !0,
+    target: e
+  };
+}, x = async (t, e, r) => {
+  const { nextZIndex: o } = r.vm.zIndex, i = {};
+  if (t.fullscreen)
+    r.originalPosition.value = a(document.body, "position"), r.originalOverflow.value = a(document.body, "overflow"), i.zIndex = o();
+  else if (t.parent === document.body) {
+    r.originalPosition.value = a(document.body, "position"), await f();
+    for (const l of ["top", "left"]) {
+      const s = l === "top" ? "scrollTop" : "scrollLeft";
+      i[l] = `${// @ts-ignore
+      t.target.getBoundingClientRect()[l] + document.body[s] + document.documentElement[s] - Number.parseInt(a(document.body, `margin-${l}`), 10)}px`;
+    }
+    for (const l of ["height", "width"])
+      i[l] = `${t.target.getBoundingClientRect()[l]}px`;
+  } else
+    r.originalPosition.value = a(e, "position");
+  for (const [l, s] of Object.entries(i))
+    r.$el.style[l] = s;
+}, m = (t, e, r) => {
+  const o = g("loading");
+  ["absolute", "fixed", "sticky"].includes(r.originalPosition.value) ? u(e, o.bm("parent", "relative")) : c(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? c(e, o.bm("parent", "hidden")) : u(e, o.bm("parent", "hidden"));
+};
+export {
+  A as Loading
+};

package/es/components/logo/logo.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as r, computed as n, openBlock as u, createElementBlock as p, normalizeClass as l, unref as e, normalizeStyle as g, createElementVNode as i, toDisplayString as f } from "vue";
+import { useRouterHelper as d } from "@vft/router";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const k = ["src"], o = (
+  /* hoist-static*/
+  h("logo")
+), C = r({
+  name: o.b()
+}), _ = /* @__PURE__ */ r({
+  ...C,
+  props: {
+    title: null,
+    logo: null,
+    jumpPath: null
+  },
+  setup(t) {
+    const m = n(() => [o.b()]), { go: s } = d();
+    function c() {
+      t.jumpPath && s(t.jumpPath);
+    }
+    const a = n(() => t.jumpPath ? {} : o.cssVarBlock({ cursor: "inital" }));
+    return (j, P) => (u(), p("div", {
+      class: l(e(m)),
+      onClick: c,
+      style: g(e(a))
+    }, [
+      i("img", {
+        class: l(e(o).e("img")),
+        src: t.logo,
+        alt: ""
+      }, null, 10, k),
+      i("div", {
+        class: l(["ml-2 truncate", e(o).e("title")])
+      }, f(t.title), 3)
+    ], 6));
+  }
+});
+export {
+  _ as default
+};