vft 0.0.43 → 0.0.44

package/es/components/input/input.vue2.mjs

@@ -1,361 +0,0 @@
-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.mjs";
-import { calcTextareaHeight as xe } from "./utils.mjs";
-import { useNamespace as be } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.mjs";
-import { debugWarn as Z } from "../../utils/error.mjs";
-import "../../utils/ns-cover.mjs";
-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: "vi-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 && "vi-user"), Se = l(
-      () => M.value ? { icon: "vi-view", size: 16 } : { icon: "vi-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.mjs

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

package/es/components/link/link.vue.mjs

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

package/es/components/link/link.vue2.mjs

@@ -1,57 +0,0 @@
-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.mjs";
-import { useNamespace as R } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "../../utils/ns-cover.mjs";
-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.mjs

@@ -1,54 +0,0 @@
-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.mjs";
-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.mjs

@@ -1,18 +0,0 @@
-import { Loading as e } from "./service.mjs";
-import { vLoading as o } from "./directive.mjs";
-import { createLoadingDirective as g } from "./directive.mjs";
-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.mjs

@@ -1,127 +0,0 @@
-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.mjs";
-import "@popperjs/core";
-import "lodash";
-import { useZIndex as j } from "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "../../utils/ns-cover.mjs";
-import { VftIcon as z } from "../icon/index.mjs";
-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
-};