vft 0.0.48 → 0.0.50

package/es/packages/components/iframe-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 "./iframe-layout.vue2.js";
+const e = t(o);
+export {
+  e as VftIframeLayout,
+  e as default
+};

package/es/packages/components/image/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 m from "./image.vue2.js";
+const e = t(m);
+export {
+  e as VftImage,
+  e as default
+};

package/es/packages/components/index.js

@@ -0,0 +1,213 @@
+import { VftDivider as r } from "./divider/index.js";
+import { VftIcon as f, VftIcon as p } from "./icon/index.js";
+import { VftAvatar as x } from "./avatar/index.js";
+import { VftEmpty as i } from "./empty/index.js";
+import { VftResult as V } from "./result/index.js";
+import { VftTabPane as d, VftTabs as u } from "./tabs/index.js";
+import { VftPopper as c } from "./popper/index.js";
+import { VftCollapseTransition as g } from "./collapse-transition/index.js";
+import { VftTooltip as y } from "./tooltip/index.js";
+import { VftPopover as D } from "./popover/index.js";
+import { VftMenu as M, VftMenuItem as T, VftMenuItemGroup as S, VftSubMenu as v } from "./menu/index.js";
+import { createContextMenu as G, destroyContextMenu as K } from "./context-menu/createContextMenu.js";
+import { useContextMenu as z } from "./context-menu/useContextMenu.js";
+import { VftMultipleTabs as h } from "./multiple-tabs/index.js";
+import { VftHeaderLayout as k } from "./header-layout/index.js";
+import { VftFooterLayout as B } from "./footer-layout/index.js";
+import { VftIframeLayout as O } from "./iframe-layout/index.js";
+import { VftRouterViewContent as _ } from "./router-view-content/index.js";
+import { VftLogo as j } from "./logo/index.js";
+import { VftBackTop as J } from "./back-top/index.js";
+import { VftConfigProvider as Y } from "./config-provider/index.js";
+import { VftDescriptions as U, VftDescriptionsItem as X } from "./descriptions/index.js";
+import { VftFullScreen as $ } from "./full-screen/index.js";
+import { VftIconText as to } from "./icon-text/index.js";
+import { VftImage as eo } from "./image/index.js";
+import { VftInput as po } from "./input/index.js";
+import { VftLink as xo } from "./link/index.js";
+import { VftPagination as io } from "./pagination/index.js";
+import { VftTag as Vo } from "./tag/index.js";
+import { VftSideMenu as uo } from "./side-menu/index.js";
+import { VftQrcode as co } from "./qrcode/index.js";
+import { VftOverlay as go } from "./overlay/index.js";
+import { VftClamp as yo } from "./clamp/index.js";
+import { VftClampToggle as Do } from "./clamp-toggle/index.js";
+import { VftPageWrapper as Mo } from "./page-wrapper/index.js";
+import { VftException as So } from "./exception/index.js";
+import { VftSearch as Lo } from "./search/index.js";
+import { VftForm as Ko, VftFormItem as wo } from "./form/index.js";
+import { VftButton as Fo, VftButtonGroup as ho } from "./button/index.js";
+import { VftCheckbox as ko, VftCheckboxButton as Ao, VftCheckboxGroup as Bo } from "./checkbox/index.js";
+import { VftRadio as Oo, VftRadioButton as No, VftRadioGroup as _o } from "./radio/index.js";
+import { VftSwitch as jo } from "./switch/index.js";
+import { VftColorPicker as Jo } from "./color-picker/index.js";
+import { VftScrollbar as Yo } from "./scrollbar/index.js";
+import { VftDropdown as Uo, VftDropdownItem as Xo, VftDropdownMenu as Zo } from "./dropdown/index.js";
+import { default as ot } from "./virtual-list/components/fixed-size-list.js";
+import { default as rt } from "./virtual-list/components/dynamic-size-list.js";
+import { default as ft } from "./virtual-list/components/fixed-size-grid.js";
+import { default as mt } from "./virtual-list/components/dynamic-size-grid.js";
+import { virtualizedGridProps as at, virtualizedListProps as it, virtualizedProps as nt, virtualizedScrollbarProps as Vt } from "./virtual-list/props.js";
+import { VftSelectV2 as dt } from "./select-v2/index.js";
+import { VftVerifyCode as lt } from "./verify-code/index.js";
+import { VftTable as Ct } from "./table/index.js";
+import { VftMdContainer as bt } from "./md-container/index.js";
+import { VftMdComment as It } from "./md-comment/index.js";
+import { VftMdTabs as Pt } from "./md-tabs/index.js";
+import { VftMdVuePlayground as Tt } from "./md-vue-playground/index.js";
+import { VftMdCodeDemo as vt } from "./md-code-demo/index.js";
+import { VftMdCodeTabs as Gt } from "./md-code-tabs/index.js";
+import { VftMessage as wt, VftMessage as zt } from "./message/index.js";
+import { VftLoading as ht } from "./loading/index.js";
+import { EmptyEnum as kt } from "./empty/constants.js";
+import { TabsRootContextKey as Bt } from "./tabs/types.js";
+import { default as Ot } from "./popper/arrow.vue2.js";
+import { default as _t } from "./popper/trigger.vue2.js";
+import { default as jt } from "./popper/content.vue2.js";
+import { useTabDropdown as Jt } from "./multiple-tabs/use/use-tab-dropdown.js";
+import { initAffixTabs as Yt, useTabsDrag as qt } from "./multiple-tabs/use/use-multiple-tabs.js";
+import { configProviderContextKey as Xt, messageConfig as Zt } from "./config-provider/constants.js";
+import { provideGlobalConfig as or, useGlobalComponentSettings as tr, useGlobalConfig as rr } from "./config-provider/hooks/use-global-config.js";
+import { usePagination as fr, vftPaginationKey as pr } from "./pagination/usePagination.js";
+import { formItemValidateStates as xr } from "./form/types.js";
+import { formContextKey as ir, formItemContextKey as nr } from "./form/constants.js";
+import { useDisabled as sr, useFormDisabled as dr, useFormSize as ur, useSize as lr } from "./form/hooks/use-form-common-props.js";
+import { useFormItem as Cr, useFormItemInputId as gr } from "./form/hooks/use-form-item.js";
+import { buttonGroupContextKey as yr } from "./button/constants.js";
+import { checkboxGroupContextKey as Dr } from "./checkbox/constants.js";
+import { radioGroupKey as Mr } from "./radio/constants.js";
+import { BAR_MAP as Sr, GAP as vr, renderThumbStyle as Lr } from "./scrollbar/util.js";
+import { scrollbarContextKey as Kr } from "./scrollbar/constants.js";
+import { DROPDOWN_INJECTION_KEY as zr } from "./dropdown/tokens.js";
+import { VftCollection as hr, VftCollectionItem as Rr } from "./dropdown/types.js";
+import { OnlyChild as Ar } from "./slot/only-child.js";
+import { default as Er } from "./dropdown/dropdown-item-impl.vue.js";
+import { selectV2InjectionKey as Nr } from "./select-v2/token.js";
+import { messageDefaults as Wr, messageTypes as jr } from "./message/types.js";
+import { vLoading as Jr, createLoadingDirective as Qr, vLoading as Yr } from "./loading/directive.js";
+import { Loading as Ur } from "./loading/service.js";
+export {
+  Sr as BAR_MAP,
+  zr as DROPDOWN_INJECTION_KEY,
+  mt as DynamicSizeGrid,
+  rt as DynamicSizeList,
+  kt as EmptyEnum,
+  ft as FixedSizeGrid,
+  ot as FixedSizeList,
+  vr as GAP,
+  f as Icon,
+  wt as Message,
+  Bt as TabsRootContextKey,
+  x as VftAvatar,
+  J as VftBackTop,
+  Fo as VftButton,
+  ho as VftButtonGroup,
+  ko as VftCheckbox,
+  Ao as VftCheckboxButton,
+  Bo as VftCheckboxGroup,
+  yo as VftClamp,
+  Do as VftClampToggle,
+  g as VftCollapseTransition,
+  Jo as VftColorPicker,
+  Y as VftConfigProvider,
+  U as VftDescriptions,
+  X as VftDescriptionsItem,
+  r as VftDivider,
+  Uo as VftDropdown,
+  hr as VftDropdownCollection,
+  Rr as VftDropdownCollectionItem,
+  Xo as VftDropdownItem,
+  Er as VftDropdownItemImpl,
+  Zo as VftDropdownMenu,
+  i as VftEmpty,
+  So as VftException,
+  B as VftFooterLayout,
+  Ko as VftForm,
+  wo as VftFormItem,
+  $ as VftFullScreen,
+  k as VftHeaderLayout,
+  p as VftIcon,
+  to as VftIconText,
+  O as VftIframeLayout,
+  eo as VftImage,
+  po as VftInput,
+  xo as VftLink,
+  ht as VftLoading,
+  Jr as VftLoadingDirective,
+  Ur as VftLoadingService,
+  j as VftLogo,
+  vt as VftMdCodeDemo,
+  Gt as VftMdCodeTabs,
+  It as VftMdComment,
+  bt as VftMdContainer,
+  Pt as VftMdTabs,
+  Tt as VftMdVuePlayground,
+  M as VftMenu,
+  T as VftMenuItem,
+  S as VftMenuItemGroup,
+  zt as VftMessage,
+  h as VftMultipleTabs,
+  Ar as VftOnlyChild,
+  go as VftOverlay,
+  Mo as VftPageWrapper,
+  io as VftPagination,
+  D as VftPopover,
+  c as VftPopper,
+  Ot as VftPopperArrow,
+  jt as VftPopperContent,
+  _t as VftPopperTrigger,
+  co as VftQrcode,
+  Oo as VftRadio,
+  No as VftRadioButton,
+  _o as VftRadioGroup,
+  V as VftResult,
+  _ as VftRouterViewContent,
+  Yo as VftScrollbar,
+  Lo as VftSearch,
+  dt as VftSelectV2,
+  uo as VftSideMenu,
+  v as VftSubMenu,
+  jo as VftSwitch,
+  d as VftTabPane,
+  Ct as VftTable,
+  u as VftTabs,
+  Vo as VftTag,
+  y as VftTooltip,
+  lt as VftVerifyCode,
+  yr as buttonGroupContextKey,
+  Dr as checkboxGroupContextKey,
+  Xt as configProviderContextKey,
+  G as createContextMenu,
+  Qr as createLoadingDirective,
+  K as destroyContextMenu,
+  ir as formContextKey,
+  nr as formItemContextKey,
+  xr as formItemValidateStates,
+  Yt as initAffixTabs,
+  Zt as messageConfig,
+  Wr as messageDefaults,
+  jr as messageTypes,
+  or as provideGlobalConfig,
+  Mr as radioGroupKey,
+  Lr as renderThumbStyle,
+  Kr as scrollbarContextKey,
+  Nr as selectV2InjectionKey,
+  z as useContextMenu,
+  sr as useDisabled,
+  dr as useFormDisabled,
+  Cr as useFormItem,
+  gr as useFormItemInputId,
+  ur as useFormSize,
+  tr as useGlobalComponentSettings,
+  rr as useGlobalConfig,
+  fr as usePagination,
+  lr as useSize,
+  Jt as useTabDropdown,
+  qt as useTabsDrag,
+  Yr as vLoading,
+  pr as vftPaginationKey,
+  at as virtualizedGridProps,
+  it as virtualizedListProps,
+  nt as virtualizedProps,
+  Vt as virtualizedScrollbarProps
+};

package/es/packages/components/input/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 "./input.vue2.js";
+const s = t(o);
+export {
+  s as VftInput,
+  s as default
+};

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

@@ -0,0 +1,364 @@
+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 "../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"], zt = /* @__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: 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 {
+  zt as default
+};

package/es/packages/components/link/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 "./link.vue2.js";
+const s = t(o);
+export {
+  s as VftLink,
+  s as default
+};

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

@@ -0,0 +1,12 @@
+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 "./logo.vue2.js";
+const l = o(t);
+export {
+  l as VftLogo,
+  l as default
+};

package/es/packages/components/md-code-demo/index.js

@@ -0,0 +1,12 @@
+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 "./md-code-demo.js";
+const a = o(t);
+export {
+  a as VftMdCodeDemo,
+  a as default
+};

package/es/packages/components/md-code-tabs/index.js

@@ -0,0 +1,12 @@
+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 "./md-code-tabs.js";
+const e = o(t);
+export {
+  e as VftMdCodeTabs,
+  e as default
+};