vft 0.0.48 → 0.0.50

package/es/packages/components/form/form-item.vue2.js

@@ -0,0 +1,244 @@
+import { defineComponent as Y, useSlots as me, inject as D, ref as h, computed as o, watch as E, reactive as he, toRefs as ge, provide as ye, onMounted as be, onBeforeUnmount as Se, openBlock as L, createElementBlock as _e, normalizeClass as g, unref as i, createVNode as T, withCtx as F, createBlock as Ie, resolveDynamicComponent as Ve, normalizeStyle as G, renderSlot as M, createTextVNode as qe, toDisplayString as K, createCommentVNode as U, createElementVNode as O, TransitionGroup as we, nextTick as Fe } from "vue";
+import Me from "async-validator";
+import { castArray as H, clone as J } from "lodash";
+import { refDebounced as Re } from "@vueuse/core";
+import { addUnit as Q, isBoolean as We, isString as ze, isFunction as Be } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import { getProp as R } from "../../utils/objects.js";
+import { useNamespace as $e } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useId as Ne } from "../../hooks/use-id/index.js";
+import { useFormSize as Ae } from "./hooks/use-form-common-props.js";
+import { formContextKey as Pe, formItemContextKey as X } from "./constants.js";
+import je from "./form-label-wrap.js";
+const De = ["role", "aria-labelledby"], n = (
+  /* hoist-static*/
+  $e("form-item")
+), Ee = Y({
+  name: n.b()
+}), xe = /* @__PURE__ */ Y({
+  ...Ee,
+  props: {
+    label: null,
+    labelWidth: { default: "" },
+    prop: null,
+    required: { type: Boolean, default: void 0 },
+    rules: null,
+    error: null,
+    for: null,
+    validateStatus: null,
+    inlineMessage: { type: [String, Boolean], default: "" },
+    showMessage: { type: Boolean, default: !0 },
+    size: null
+  },
+  setup(Z, { expose: k }) {
+    const s = Z, W = me(), e = D(Pe, void 0), C = D(X, void 0), y = Ae(void 0, { formItem: !1 }), b = Ne().value, d = h([]), p = h(""), x = Re(p, 100), c = h(""), z = h();
+    let B, m = !1;
+    const $ = o(() => {
+      if ((e == null ? void 0 : e.labelPosition) === "top")
+        return {};
+      const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
+      return r ? { width: r } : {};
+    }), ee = o(() => {
+      if ((e == null ? void 0 : e.labelPosition) === "top" || e != null && e.inline)
+        return {};
+      if (!s.label && !s.labelWidth && le)
+        return {};
+      const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
+      return !s.label && !W.label ? { marginLeft: r } : {};
+    }), re = o(() => [
+      n.b(),
+      n.m(y.value),
+      n.is("error", p.value === "error"),
+      n.is("validating", p.value === "validating"),
+      n.is("success", p.value === "success"),
+      n.is("required", ne.value || s.required),
+      n.is("no-asterisk", e == null ? void 0 : e.hideRequiredAsterisk),
+      (e == null ? void 0 : e.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
+      { [n.m("feedback")]: e == null ? void 0 : e.statusIcon }
+    ]), te = o(
+      () => We(s.inlineMessage) ? s.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
+    ), se = o(() => [
+      n.e("error"),
+      { [n.em("error", "inline")]: te.value }
+    ]), ie = o(() => s.prop ? ze(s.prop) ? s.prop : s.prop.join(".") : ""), S = o(() => !!(s.label || W.label)), _ = o(() => s.for || d.value.length === 1 ? d.value[0] : void 0), I = o(() => !_.value && S.value), le = !!C, N = o(() => {
+      const r = e == null ? void 0 : e.model;
+      if (!(!r || !s.prop))
+        return R(r, s.prop).value;
+    }), V = o(() => {
+      const { required: r } = s, t = [];
+      s.rules && t.push(...H(s.rules));
+      const l = e == null ? void 0 : e.rules;
+      if (l && s.prop) {
+        const a = R(
+          l,
+          s.prop
+        ).value;
+        a && t.push(...H(a));
+      }
+      if (r !== void 0) {
+        const a = t.map((u, f) => [u, f]).filter(([u]) => Object.keys(u).includes("required"));
+        if (a.length > 0)
+          for (const [u, f] of a)
+            u.required !== r && (t[f] = { ...u, required: r });
+        else
+          t.push({ required: r });
+      }
+      return t;
+    }), ae = o(() => V.value.length > 0), oe = (r) => V.value.filter((l) => !l.trigger || !r ? !0 : Array.isArray(l.trigger) ? l.trigger.includes(r) : l.trigger === r).map(({ trigger: l, ...a }) => a), ne = o(
+      () => V.value.some((r) => r.required)
+    ), ue = o(
+      () => x.value === "error" && s.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
+    ), A = o(
+      () => `${s.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`
+    ), v = (r) => {
+      p.value = r;
+    }, de = (r) => {
+      var a;
+      const { errors: t, fields: l } = r;
+      (!t || !l) && console.error(r), v("error"), c.value = t ? ((a = t == null ? void 0 : t[0]) == null ? void 0 : a.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, c.value);
+    }, pe = () => {
+      v("success"), e == null || e.emit("validate", s.prop, !0, "");
+    }, ce = async (r) => {
+      const t = ie.value;
+      return new Me({
+        [t]: r
+      }).validate({ [t]: N.value }, { firstFields: !0 }).then(() => (pe(), !0)).catch((a) => (de(a), Promise.reject(a)));
+    }, P = async (r, t) => {
+      if (m || !s.prop)
+        return !1;
+      const l = Be(t);
+      if (!ae.value)
+        return t == null || t(!1), !1;
+      const a = oe(r);
+      return a.length === 0 ? (t == null || t(!0), !0) : (v("validating"), ce(a).then(() => (t == null || t(!0), !0)).catch((u) => {
+        const { fields: f } = u;
+        return t == null || t(!1, f), l ? !1 : Promise.reject(f);
+      }));
+    }, q = () => {
+      v(""), c.value = "", m = !1;
+    }, j = async () => {
+      const r = e == null ? void 0 : e.model;
+      if (!r || !s.prop)
+        return;
+      const t = R(r, s.prop);
+      m = !0, t.value = J(B), await Fe(), q(), m = !1;
+    }, ve = (r) => {
+      d.value.includes(r) || d.value.push(r);
+    }, fe = (r) => {
+      d.value = d.value.filter((t) => t !== r);
+    };
+    E(
+      () => s.error,
+      (r) => {
+        c.value = r || "", v(r ? "error" : "");
+      },
+      { immediate: !0 }
+    ), E(
+      () => s.validateStatus,
+      (r) => v(r || "")
+    );
+    const w = he({
+      ...ge(s),
+      $el: z,
+      size: y,
+      validateState: p,
+      labelId: b,
+      inputIds: d,
+      isGroup: I,
+      hasLabel: S,
+      addInputId: ve,
+      removeInputId: fe,
+      resetField: j,
+      clearValidate: q,
+      validate: P
+    });
+    return ye(X, w), be(() => {
+      s.prop && (e == null || e.addField(w), B = J(N.value));
+    }), Se(() => {
+      e == null || e.removeField(w);
+    }), k({
+      /**
+       * @description Form item size.
+       */
+      size: y,
+      /**
+       * @description Validation message.
+       */
+      validateMessage: c,
+      /**
+       * @description Validation state.
+       */
+      validateState: p,
+      /**
+       * @description Validate form item.
+       */
+      validate: P,
+      /**
+       * @description Remove validation status of the field.
+       */
+      clearValidate: q,
+      /**
+       * @description Reset current field and remove validation result.
+       */
+      resetField: j
+    }), (r, t) => {
+      var l;
+      return L(), _e("div", {
+        ref_key: "formItemRef",
+        ref: z,
+        class: g(i(re)),
+        role: i(I) ? "group" : void 0,
+        "aria-labelledby": i(I) ? i(b) : void 0
+      }, [
+        T(i(je), {
+          "is-auto-width": i($).width === "auto",
+          "update-all": ((l = i(e)) == null ? void 0 : l.labelWidth) === "auto"
+        }, {
+          default: F(() => [
+            i(S) ? (L(), Ie(Ve(i(_) ? "label" : "div"), {
+              key: 0,
+              id: i(b),
+              for: i(_),
+              class: g(i(n).e("label")),
+              style: G(i($))
+            }, {
+              default: F(() => [
+                M(r.$slots, "label", { label: i(A) }, () => [
+                  qe(K(i(A)), 1)
+                ])
+              ]),
+              _: 3
+            }, 8, ["id", "for", "class", "style"])) : U("", !0)
+          ]),
+          _: 3
+        }, 8, ["is-auto-width", "update-all"]),
+        O("div", {
+          class: g(i(n).e("content")),
+          style: G(i(ee))
+        }, [
+          M(r.$slots, "default"),
+          T(we, {
+            name: `${i(n).namespace.value}-zoom-in-top`
+          }, {
+            default: F(() => [
+              i(ue) ? M(r.$slots, "error", {
+                key: 0,
+                error: c.value
+              }, () => [
+                O("div", {
+                  class: g(i(se))
+                }, K(c.value), 3)
+              ]) : U("", !0)
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ], 6)
+      ], 10, De);
+    };
+  }
+});
+export {
+  xe as default
+};

package/es/packages/components/form/form-label-wrap.js

@@ -0,0 +1,70 @@
+import { defineComponent as N, inject as h, ref as s, onMounted as A, onBeforeUnmount as E, onUpdated as y, watch as M, computed as F, createVNode as b, Fragment as B, nextTick as O } from "vue";
+import { useResizeObserver as P } from "@vueuse/core";
+import "@vft/utils";
+import { throwError as C } from "../../utils/error.js";
+import "lodash";
+import "../../utils/ns-cover.js";
+import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { formContextKey as R, formItemContextKey as T } from "./constants.js";
+const W = "VftLabelWrap", x = /* @__PURE__ */ N({
+  name: W,
+  props: {
+    isAutoWidth: Boolean,
+    updateAll: Boolean
+  },
+  setup(l, {
+    slots: i
+  }) {
+    const t = h(R, void 0), n = h(T);
+    n || C(W, "usage: <vft-form-item><label-wrap /></vft-form-item>");
+    const v = K("form"), r = s(), o = s(0), L = () => {
+      var e;
+      if ((e = r.value) != null && e.firstElementChild) {
+        const a = window.getComputedStyle(r.value.firstElementChild).width;
+        return Math.ceil(Number.parseFloat(a));
+      } else
+        return 0;
+    }, m = (e = "update") => {
+      O(() => {
+        i.default && l.isAutoWidth && (e === "update" ? o.value = L() : e === "remove" && (t == null || t.deregisterLabelWidth(o.value)));
+      });
+    }, u = () => m("update");
+    return A(() => {
+      u();
+    }), E(() => {
+      m("remove");
+    }), y(() => u()), M(o, (e, a) => {
+      l.updateAll && (t == null || t.registerLabelWidth(e, a));
+    }), P(F(() => {
+      var e;
+      return ((e = r.value) == null ? void 0 : e.firstElementChild) ?? null;
+    }), u), () => {
+      var a, f;
+      if (!i)
+        return null;
+      const {
+        isAutoWidth: e
+      } = l;
+      if (e) {
+        const d = t == null ? void 0 : t.autoLabelWidth, g = n == null ? void 0 : n.hasLabel, p = {};
+        if (g && d && d !== "auto") {
+          const c = Math.max(0, Number.parseInt(d, 10) - o.value), w = t.labelPosition === "left" ? "marginRight" : "marginLeft";
+          c && (p[w] = `${c}px`);
+        }
+        return b("div", {
+          ref: r,
+          class: [v.be("item", "label-wrap")],
+          style: p
+        }, [(a = i.default) == null ? void 0 : a.call(i)]);
+      } else
+        return b(B, {
+          ref: r
+        }, [(f = i.default) == null ? void 0 : f.call(i)]);
+    };
+  }
+});
+export {
+  x as default
+};

package/es/packages/components/form/form.vue2.js

@@ -0,0 +1,151 @@
+import { defineComponent as y, computed as h, watch as O, getCurrentInstance as j, provide as q, reactive as x, openBlock as z, createElementBlock as S, normalizeClass as T, unref as I, renderSlot as M } from "vue";
+import { isFunction as R } from "@vft/utils";
+import { debugWarn as a } from "../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useFormSize as $ } from "./hooks/use-form-common-props.js";
+import { formContextKey as A } from "./constants.js";
+import { useFormLabelWidth as K, filterFields as d } from "./utils.js";
+const n = (
+  /* hoist-static*/
+  W("form")
+), L = y({
+  name: n.b()
+}), ee = /* @__PURE__ */ y({
+  ...L,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    model: null,
+    rules: null,
+    labelPosition: { default: "right" },
+    requireAsteriskPosition: { default: "left" },
+    labelWidth: { default: "" },
+    labelSuffix: { default: "" },
+    inline: { type: Boolean },
+    inlineMessage: { type: Boolean },
+    statusIcon: { type: Boolean },
+    showMessage: { type: Boolean, default: !0 },
+    validateOnRuleChange: { type: Boolean, default: !0 },
+    hideRequiredAsterisk: { type: Boolean, default: !1 },
+    scrollToError: { type: Boolean }
+  },
+  emits: ["validate"],
+  setup(i, { expose: v, emit: F }) {
+    const l = [], g = $(), B = h(() => [
+      n.b(),
+      // todo: in v2.2.0, we can remove default
+      // in fact, remove it doesn't affect the final style
+      n.m(g.value || "default"),
+      {
+        [n.m(`label-${i.labelPosition}`)]: i.labelPosition,
+        [n.m("inline")]: i.inline
+      }
+    ]), w = (e) => {
+      l.push(e);
+    }, b = (e) => {
+      e.prop && l.splice(l.indexOf(e), 1);
+    }, u = (e = []) => {
+      if (!i.model) {
+        a(n.b(), "model is required for resetFields to work.");
+        return;
+      }
+      d(l, e).forEach((t) => t.resetField());
+    }, c = (e = []) => {
+      d(l, e).forEach((t) => t.clearValidate());
+    }, C = h(() => {
+      const e = !!i.model;
+      return e || a(n.b(), "model is required for validate to work."), e;
+    }), E = (e) => {
+      if (l.length === 0)
+        return [];
+      const t = d(l, e);
+      return t.length ? t : (a(n.b(), "please pass correct props!"), []);
+    }, m = async (e) => f(void 0, e), P = async (e = []) => {
+      if (!C.value)
+        return !1;
+      const t = E(e);
+      if (t.length === 0)
+        return !0;
+      let o = {};
+      for (const r of t)
+        try {
+          await r.validate("");
+        } catch (s) {
+          o = {
+            ...o,
+            ...s
+          };
+        }
+      return Object.keys(o).length === 0 ? !0 : Promise.reject(o);
+    }, f = async (e = [], t) => {
+      const o = !R(t);
+      try {
+        const r = await P(e);
+        return r === !0 && (t == null || t(r)), r;
+      } catch (r) {
+        if (r instanceof Error)
+          throw r;
+        const s = r;
+        return i.scrollToError && p(Object.keys(s)[0]), t == null || t(!1, s), o && Promise.reject(s);
+      }
+    }, p = (e) => {
+      var o;
+      const t = d(l, e)[0];
+      t && ((o = t.$el) == null || o.scrollIntoView());
+    };
+    O(
+      () => i.rules,
+      () => {
+        i.validateOnRuleChange && m().catch((e) => a(e));
+      },
+      { deep: !0 }
+    );
+    const V = j();
+    return q(
+      A,
+      x({
+        ...V.props,
+        emit: F,
+        resetFields: u,
+        clearValidate: c,
+        validateField: f,
+        addField: w,
+        removeField: b,
+        ...K()
+      })
+    ), v({
+      /**
+       * @description Validate the whole form. Receives a callback or returns `Promise`.
+       */
+      validate: m,
+      /**
+       * @description Validate specified fields.
+       */
+      validateField: f,
+      /**
+       * @description Reset specified fields and remove validation result.
+       */
+      resetFields: u,
+      /**
+       * @description Clear validation message for specified fields.
+       */
+      clearValidate: c,
+      /**
+       * @description Scroll to the specified fields.
+       */
+      scrollToField: p
+    }), (e, t) => (z(), S("form", {
+      class: T(I(B))
+    }, [
+      M(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  ee as default
+};

package/es/packages/components/form/index.js

@@ -0,0 +1,29 @@
+import { withInstall as t, withNoopInstall as m } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import r from "./form.vue2.js";
+import o from "./form-item.vue2.js";
+import { formItemValidateStates as d } from "./types.js";
+import { formContextKey as _, formItemContextKey as S } from "./constants.js";
+import { useDisabled as b, useFormDisabled as h, useFormSize as w, useSize as y } from "./hooks/use-form-common-props.js";
+import { useFormItem as C, useFormItemInputId as D } from "./hooks/use-form-item.js";
+const l = t(r, {
+  FormItem: o
+}), u = m(o);
+export {
+  l as VftForm,
+  u as VftFormItem,
+  l as default,
+  _ as formContextKey,
+  S as formItemContextKey,
+  d as formItemValidateStates,
+  b as useDisabled,
+  h as useFormDisabled,
+  C as useFormItem,
+  D as useFormItemInputId,
+  w as useFormSize,
+  y as useSize
+};

package/es/packages/components/form/utils.js

@@ -0,0 +1,43 @@
+import { ref as a, computed as p } from "vue";
+import "@vft/utils";
+import { debugWarn as s } from "../../utils/error.js";
+import { castArray as l } from "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+const f = "vft-form";
+function g() {
+  const t = a([]), i = p(() => {
+    if (!t.value.length)
+      return "0";
+    const e = Math.max(...t.value);
+    return e ? `${e}px` : "";
+  });
+  function n(e) {
+    const r = t.value.indexOf(e);
+    return r === -1 && i.value === "0" && s(f, `unexpected width ${e}`), r;
+  }
+  function o(e, r) {
+    if (e && r) {
+      const c = n(r);
+      t.value.splice(c, 1, e);
+    } else
+      e && t.value.push(e);
+  }
+  function u(e) {
+    const r = n(e);
+    r > -1 && t.value.splice(r, 1);
+  }
+  return {
+    autoLabelWidth: i,
+    registerLabelWidth: o,
+    deregisterLabelWidth: u
+  };
+}
+const L = (t, i) => {
+  const n = l(i);
+  return n.length > 0 ? t.filter((o) => o.prop && n.includes(o.prop)) : t;
+};
+export {
+  L as filterFields,
+  g as useFormLabelWidth
+};

package/es/packages/components/full-screen/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./full-screen.vue2.js";
+const e = t(o);
+export {
+  e as VftFullScreen,
+  e as default
+};

package/es/packages/components/header-layout/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./header-layout.vue2.js";
+const s = t(o);
+export {
+  s as VftHeaderLayout,
+  s as default
+};

package/es/packages/components/icon/icon.vue2.js

@@ -0,0 +1,49 @@
+import { defineComponent as s, computed as n, unref as t, openBlock as i, createElementBlock as l, normalizeClass as c, normalizeStyle as d } from "vue";
+import { addUnit as y } from "@vft/utils";
+import { useNamespace as g } 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 "../config-provider/index.js";
+import { useGlobalConfig as z } from "../config-provider/hooks/use-global-config.js";
+const p = ["src"], a = (
+  /* hoist-static*/
+  g("icon")
+), k = s({
+  name: a.b()
+}), N = /* @__PURE__ */ s({
+  ...k,
+  props: {
+    icon: null,
+    size: { default: 14 },
+    color: null,
+    rotate: { type: Boolean },
+    rotateSpeed: { default: 2 },
+    cursor: { type: Boolean },
+    scale: null
+  },
+  setup(e) {
+    const r = z(), m = n(() => ({
+      color: e.color,
+      fontSize: e.size ? y(e.size) : "14px",
+      animation: e.rotate ? `${r.value.namespace}-rotate ${e.rotateSpeed}s linear 0s infinite` : void 0,
+      cursor: e.cursor ? "pointer" : void 0,
+      transform: e.scale ? `scale(${e.scale})` : void 0
+    })), u = (o) => o == null ? void 0 : o.includes("/"), f = n(() => u(e.icon));
+    return (o, v) => t(f) ? (i(), l("img", {
+      key: 0,
+      class: c(t(a).e("image")),
+      src: e.icon,
+      alt: ""
+    }, null, 10, p)) : (i(), l("i", {
+      key: 1,
+      class: c([e.icon]),
+      style: d(t(m))
+    }, null, 6));
+  }
+});
+export {
+  N as default
+};

package/es/packages/components/icon/index.js

@@ -0,0 +1,13 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./icon.vue2.js";
+const s = o(t);
+export {
+  s as Icon,
+  s as VftIcon,
+  s as default
+};

package/es/packages/components/icon-text/icon-text.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as f, computed as o, openBlock as r, createElementBlock as k, normalizeClass as g, unref as t, normalizeStyle as x, createBlock as s, mergeProps as a, createCommentVNode as m, createTextVNode as z, toDisplayString as h } from "vue";
+import { singleAttrToObj as B, addUnit as n } from "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import { generateCssVars as S } from "../../utils/ns-cover.js";
+import { VftIcon as u } from "../icon/index.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const d = (
+  /* hoist-static*/
+  V("icon-text")
+), b = f({
+  name: d.b()
+}), U = /* @__PURE__ */ f({
+  ...b,
+  props: {
+    text: null,
+    icon: null,
+    color: { default: "#434343" },
+    hoverColor: null,
+    distance: null,
+    reverse: { type: Boolean },
+    size: null
+  },
+  emits: ["click"],
+  setup(e, { emit: y }) {
+    const v = o(() => e.hoverColor ? e.hoverColor : e.color), l = o(() => B(e.icon, "icon", { size: e.size, color: e.color })), c = o(() => e.reverse ? { marginLeft: n(e.distance) } : { marginRight: n(e.distance) }), C = o(() => S({ "hover-color": v.value, color: e.color, fontSize: n(e.size) }, "icon-text"));
+    return (N, i) => (r(), k("span", {
+      class: g(t(d).b()),
+      onClick: i[0] || (i[0] = (T) => y("click")),
+      style: x(t(C))
+    }, [
+      e.reverse ? m("", !0) : (r(), s(t(u), a({ key: 0 }, t(l), { style: t(c) }), null, 16, ["style"])),
+      z(" " + h(e.text) + " ", 1),
+      e.reverse ? (r(), s(t(u), a({ key: 1 }, t(l), { style: t(c) }), null, 16, ["style"])) : m("", !0)
+    ], 6));
+  }
+});
+export {
+  U as default
+};

package/es/packages/components/icon-text/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./icon-text.vue2.js";
+const s = t(o);
+export {
+  s as VftIconText,
+  s as default
+};