vft 0.0.43 → 0.0.45

package/es/components/input/input.vue.d.ts

@@ -7,7 +7,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"default" | "small" | "large" | undefined>;
+        type: __PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -149,7 +149,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"default" | "small" | "large" | undefined>;
+        type: __PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -251,8 +251,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSuffixclick?: ((value: any) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;

package/es/components/input/input.vue.js

@@ -0,0 +1,4 @@
+import f from "./input.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,361 @@
+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 { useFormItem as Ze, useFormItemInputId as _e, useSize as et, useDisabled as tt, useCursor as at } from "element-plus";
+import { isNil as nt } from "lodash";
+import { VftIcon as F } from "../icon/index.js";
+import { calcTextareaHeight as xe } from "./utils.js";
+import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { debugWarn as Z } from "../../utils/error.js";
+import "../../utils/ns-cover.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"], gt = /* @__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
+    // relative bug report https://github.com/element-plus/element-plus/issues/6665
+    keydown: (e) => e instanceof Event,
+    compositionstart: (e) => e instanceof CompositionEvent,
+    compositionupdate: (e) => e instanceof CompositionEvent,
+    compositionend: (e) => e instanceof CompositionEvent
+  },
+  setup(e, { expose: pe, 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", b.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 } = Ze(), { inputId: ee } = _e(ge.props, {
+      formItemContext: u
+    }), ke = et(), b = tt(), n = be("input"), te = be("textarea"), A = G(), p = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), I = l(() => A.value || p.value), j = l(() => Y(e.prefixIcon, "icon")), ne = l(() => Y(e.suffixIcon, "icon")), Ie = l(() => Y(e.clearIcon, "icon", { icon: "vico-close-full", 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"), Se = l(
+      () => M.value ? { icon: "vico-view", size: 16 } : { icon: "vico-no-view", size: 16 }
+    ), ze = l(() => [
+      C.style,
+      e.inputStyle,
+      e.focusWidth && h.value ? { width: Je(e.focusWidth) } : {}
+    ]), se = l(
+      () => [e.inputStyle, O.value, { resize: e.resize }]
+    ), m = l(() => nt(e.modelValue) ? "" : String(e.modelValue)), R = l(
+      () => e.clearable && !b.value && !e.readonly && !!m.value && (h.value || L.value)
+    ), H = l(
+      () => e.showPassword && !b.value && !e.readonly && !!m.value && (!!m.value || h.value)
+    ), w = l(
+      () => e.showWordLimit && !!f.value.maxlength && (e.type === "text" || e.type === "textarea") && !b.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] = at(A);
+    Xe(p, (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 = {
+            ...xe(p.value, a, o)
+          };
+        } else
+          O.value = {
+            minHeight: xe(p.value).minHeight
+          };
+    }, S = () => {
+      const a = I.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) {
+          S();
+          return;
+        }
+        s(X, o), s("input", o), await V(), S(), 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 z;
+      s("compositionupdate", a);
+      const o = (z = a.target) == null ? void 0 : z.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 = I.value) == null || a.focus();
+    }, Re = () => {
+      var a;
+      return (a = I.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 = I.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, () => S()), J(
+      () => e.type,
+      async () => {
+        await V(), S(), K();
+      }
+    ), Oe(() => {
+      !e.formatter && e.parser && Z("VftInput", "If you set the parser, you also need to set the formatter."), S(), V(K);
+    }), pe({
+      /** @description HTML input element */
+      input: A,
+      /** @description HTML textarea element */
+      textarea: p,
+      /** @description HTML element, input or textarea */
+      ref: I,
+      /** @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, z, ye;
+      return je((i(), d("div", x(t(_), {
+        class: t(we),
+        style: t(ze),
+        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"),
+                (z = t(j)) != null && z.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(b),
+              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(Ie), {
+                  onMousedown: He(t(Qe), ["prevent"]),
+                  onClick: me
+                }), null, 16, ["class", "onMousedown"])) : c("", !0),
+                t(H) ? (i(), B(t(F), x({ key: 2 }, t(Se), {
+                  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: p,
+            class: t(te).e("inner")
+          }, t(f), {
+            tabindex: e.tabindex,
+            disabled: t(b),
+            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 {
+  gt as default
+};

package/es/components/link/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./link.vue2.js";
+const a = t(o);
+export {
+  a as VftLink,
+  a as default
+};

package/es/components/link/link.vue.js

@@ -0,0 +1,4 @@
+import f from "./link.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,57 @@
+import { defineComponent as u, 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 { useRouterHelper as h } from "@vft/router";
+const o = (
+  /* hoist-static*/
+  R("link")
+), z = u({
+  name: o.b()
+}), T = /* @__PURE__ */ u({
+  ...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: m }) {
+    const { go: d } = h();
+    function f(n) {
+      e.route && d(e.route, e.isReplace), e.disabled || m("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 {
+  T as default
+};

package/es/components/loading/directive.js

@@ -0,0 +1,54 @@
+import { isRef as x, ref as V } from "vue";
+import { isObject as p, hyphenate as k, isString as y } from "@vft/utils";
+import { Loading as i } from "./service.js";
+const r = Symbol("VftLoading"), m = (l, o) => {
+  const e = o.instance, t = (a) => p(o.value) ? o.value[a] : void 0, c = (a) => {
+    const u = y(a) && (e == null ? void 0 : e[a]) || a;
+    return u && V(u);
+  }, s = (a) => c(
+    t(a) ?? l.getAttribute(`vft-loading-${k(a)}`)
+  ), v = t("fullscreen") ?? o.modifiers.fullscreen, f = {
+    text: s("text"),
+    svg: s("svg"),
+    svgViewBox: s("svgViewBox"),
+    spinner: s("spinner"),
+    visible: s("visible"),
+    background: s("background"),
+    customClass: s("customClass"),
+    rotate: s("rotate"),
+    img: s("img"),
+    icon: s("icon"),
+    fullscreen: v,
+    target: t("target") ?? (v ? void 0 : l),
+    body: t("body") ?? o.modifiers.body,
+    lock: t("lock") ?? o.modifiers.lock
+  };
+  l[r] = {
+    options: f,
+    instance: i(f)
+  };
+}, B = (l, o) => {
+  for (const e of Object.keys(o))
+    x(o[e]) && (o[e].value = l[e]);
+}, w = E();
+function E(l) {
+  return {
+    mounted(o, e) {
+      var t;
+      ((t = e.value) == null ? void 0 : t.visible) === !1 ? e.value = void 0 : e.value = { ...l, ...e.value }, e.value && m(o, e);
+    },
+    updated(o, e) {
+      var c, s;
+      const t = o[r];
+      e.oldValue !== e.value && (e.value && !e.oldValue || (c = e.value) != null && c.visible ? (e.value = { ...l, ...e.value }, m(o, e)) : e.value && e.oldValue ? (((s = e.value) == null ? void 0 : s.visible) === !1 && (t == null || t.instance.close()), p(e.value) && (e.value = { ...l, ...e.value }, B(e.value, t.options))) : t == null || t.instance.close());
+    },
+    unmounted(o) {
+      var e;
+      (e = o[r]) == null || e.instance.close();
+    }
+  };
+}
+export {
+  E as createLoadingDirective,
+  w as vLoading
+};

package/es/components/loading/index.js

@@ -0,0 +1,18 @@
+import { Loading as e } from "./service.js";
+import { vLoading as o } from "./directive.js";
+import { createLoadingDirective as g } from "./directive.js";
+const a = {
+  install(i) {
+    i.directive("loading", o), i.config.globalProperties.$loading = e;
+  },
+  directive: o,
+  service: e
+};
+export {
+  a as VftLoading,
+  o as VftLoadingDirective,
+  e as VftLoadingService,
+  g as createLoadingDirective,
+  a as default,
+  o as vLoading
+};

package/es/components/loading/loading.js

@@ -0,0 +1,127 @@
+import { removeClass as b, 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 { VftIcon as z } from "../icon/index.js";
+function G(o) {
+  let c;
+  const r = O("loading"), s = A(!1), e = T({
+    ...o,
+    originalPosition: "",
+    originalOverflow: "",
+    visible: !1
+  });
+  function p(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()) : (b(t, r.bm("parent", "relative")), t.removeAttribute("loading-number")), b(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: p,
+    removeVftLoadingChild: m,
+    close: u,
+    handleAfterLeave: l,
+    vm: a,
+    get $el() {
+      return a.$el;
+    }
+  };
+}
+export {
+  G as createLoadingComponent
+};