vft 0.0.428 → 0.0.430

package/es/component.js

@@ -1,96 +1,96 @@
-import { VftAlert as t } from "./packages/components/alert/index.js";
-import { VftAutocomplete as o } from "./packages/components/autocomplete/index.js";
-import { VftAvatar as r } from "./packages/components/avatar/index.js";
-import { VftAvatarStack as m } from "./packages/components/avatar-stack/index.js";
-import { VftBacktop as f } from "./packages/components/backtop/index.js";
-import { VftButton as i, VftButtonGroup as p } from "./packages/components/button/index.js";
-import { VftCard as V } from "./packages/components/card/index.js";
-import { VftCheckTag as e } from "./packages/components/check-tag/index.js";
-import { VftTransfer as a } from "./packages/components/transfer/index.js";
-import { VftSegmented as n } from "./packages/components/segmented/index.js";
-import { VftCheckboxGroup as l, VftCheckbox as u, VftCheckboxButton as d } from "./packages/components/checkbox/index.js";
-import { VftClamp as c } from "./packages/components/clamp/index.js";
-import { VftClampToggle as s } from "./packages/components/clamp-toggle/index.js";
-import { VftClampTooltip as C } from "./packages/components/clamp-tooltip/index.js";
-import { VftCol as T } from "./packages/components/col/index.js";
-import { VftCollapseTransition as I } from "./packages/components/collapse-transition/index.js";
-import { VftColorPicker as S } from "./packages/components/color-picker/index.js";
-import { VftConfigProvider as g } from "./packages/components/config-provider/index.js";
-import { VftAside as M, VftContainer as b, VftFooter as P, VftHeader as k, VftMain as D } from "./packages/components/container/index.js";
-import { VftDatePicker as w } from "./packages/components/date-picker/index.js";
-import { VftWatermark as y } from "./packages/components/watermark/index.js";
-import { VftDateTimeSelect as B } from "./packages/components/date-time-select/index.js";
-import { VftDescriptions as h, VftDescriptionsItem as v } from "./packages/components/descriptions/index.js";
-import { VftDialog as F } from "./packages/components/dialog/index.js";
-import { VftDivider as L } from "./packages/components/divider/index.js";
-import { VftDrawer as R } from "./packages/components/drawer/index.js";
-import { VftDropdownItem as x, VftDropdownMenu as A, VftDropdown as G } from "./packages/components/dropdown/index.js";
-import { VftEmpty as H } from "./packages/components/empty/index.js";
-import { VftFooterLayout as O } from "./packages/components/footer-layout/index.js";
-import { VftForm as W, VftFormItem as z } from "./packages/components/form/index.js";
-import { VftFullScreen as E } from "./packages/components/full-screen/index.js";
-import { VftHeaderLayout as N } from "./packages/components/header-layout/index.js";
-import { VftHorizontalMenu as Q } from "./packages/components/horizontal-menu/index.js";
-import { VftIcon as U } from "./packages/components/icon/index.js";
-import { VftIconText as j } from "./packages/components/icon-text/index.js";
-import { VftIframeLayout as q } from "./packages/components/iframe-layout/index.js";
-import { VftImage as J } from "./packages/components/image/index.js";
-import { VftImageViewer as K } from "./packages/components/image-viewer/index.js";
-import { VftInput as X } from "./packages/components/input/index.js";
-import { VftInputNumber as Y } from "./packages/components/input-number/index.js";
-import { VftLink as Z } from "./packages/components/link/index.js";
-import { VftListCell as _ } from "./packages/components/list-cell/index.js";
-import { VftLogo as $ } from "./packages/components/logo/index.js";
-import { VftMdCodeDemo as tt } from "./packages/components/md-code-demo/index.js";
-import { VftMdCodeTabs as ot } from "./packages/components/md-code-tabs/index.js";
-import { VftCarousel as rt, VftCarouselItem as mt } from "./packages/components/carousel/index.js";
-import { VftStep as ft, VftSteps as it } from "./packages/components/steps/index.js";
-import { VftTimeline as pt, VftTimelineItem as Vt } from "./packages/components/timeline/index.js";
-import { VftClientOnly as et } from "./packages/components/client-only/index.js";
-import { VftBreadcrumb as at, VftBreadcrumbItem as nt } from "./packages/components/breadcrumb/index.js";
-import { VftCollapse as lt, VftCollapseItem as ut } from "./packages/components/collapse/index.js";
-import { VftStatistic as dt } from "./packages/components/statistic/index.js";
-import { VftCountdown as ct } from "./packages/components/countdown/index.js";
-import { VftInputTag as st } from "./packages/components/input-tag/index.js";
-import { VftCascader as Ct } from "./packages/components/cascader/index.js";
-import { VftCascaderPanel as Tt } from "./packages/components/cascader-panel/index.js";
-import { VftMdComment as It } from "./packages/components/md-comment/index.js";
-import { VftMdContainer as St } from "./packages/components/md-container/index.js";
-import { VftMdTabs as gt } from "./packages/components/md-tabs/index.js";
-import { VftMdVuePlayground as Mt } from "./packages/components/md-vue-playground/index.js";
-import { VftMenu as bt, VftMenuItem as Pt, VftMenuItemGroup as kt, VftSubMenu as Dt } from "./packages/components/menu/index.js";
-import { VftModal as wt } from "./packages/components/modal/index.js";
-import { VftMultipleTabs as yt } from "./packages/components/multiple-tabs/index.js";
-import { VftOverlay as Bt } from "./packages/components/overlay/index.js";
-import { VftPageWrapper as ht } from "./packages/components/page-wrapper/index.js";
-import { VftPagination as vt } from "./packages/components/pagination/index.js";
-import { VftPopconfirm as Ft } from "./packages/components/popconfirm/index.js";
-import { VftPopover as Lt } from "./packages/components/popover/index.js";
-import { VftPopper as Rt } from "./packages/components/popper/index.js";
-import { VftProgress as xt } from "./packages/components/progress/index.js";
-import { VftQrcode as At } from "./packages/components/qrcode/index.js";
-import { VftRadioButton as Gt, VftRadio as Ht, VftRadioGroup as Ot } from "./packages/components/radio/index.js";
-import { VftResult as Wt } from "./packages/components/result/index.js";
-import { VftRouterViewContent as zt } from "./packages/components/router-view-content/index.js";
-import { VftRow as Et } from "./packages/components/row/index.js";
-import { VftScrollbar as Nt } from "./packages/components/scrollbar/index.js";
-import { VftSearch as Qt } from "./packages/components/search/index.js";
-import { VftSelect as Ut } from "./packages/components/select/index.js";
-import { VftSideMenu as jt } from "./packages/components/side-menu/index.js";
-import { VftSkeleton as qt, VftSkeletonItem as Jt } from "./packages/components/skeleton/index.js";
-import { VftSlider as Kt } from "./packages/components/slider/index.js";
-import { VftSpace as Xt } from "./packages/components/space/index.js";
-import { VftSwitch as Yt } from "./packages/components/switch/index.js";
-import { VftTable as Zt } from "./packages/components/table/index.js";
-import { VftTabs as _t, VftTabPane as $t } from "./packages/components/tabs/index.js";
-import { VftTag as to } from "./packages/components/tag/index.js";
-import { VftTimePicker as oo } from "./packages/components/time-picker/index.js";
-import { VftTooltip as ro } from "./packages/components/tooltip/index.js";
-import { VftTree as mo } from "./packages/components/tree/index.js";
-import { VftUpload as fo } from "./packages/components/upload/index.js";
-import { VftVerifyCode as io } from "./packages/components/verify-code/index.js";
-import { VftSuperForm as po } from "./packages/components/super-form/index.js";
-import { VftProgressI as Vo } from "./packages/components/progress-i/index.js";
+import { VftAlert as t } from "./components/alert/index.js";
+import { VftAutocomplete as o } from "./components/autocomplete/index.js";
+import { VftAvatar as r } from "./components/avatar/index.js";
+import { VftAvatarStack as m } from "./components/avatar-stack/index.js";
+import { VftBacktop as f } from "./components/backtop/index.js";
+import { VftButton as i, VftButtonGroup as p } from "./components/button/index.js";
+import { VftCard as V } from "./components/card/index.js";
+import { VftCheckTag as e } from "./components/check-tag/index.js";
+import { VftTransfer as a } from "./components/transfer/index.js";
+import { VftSegmented as n } from "./components/segmented/index.js";
+import { VftCheckboxGroup as l, VftCheckbox as u, VftCheckboxButton as d } from "./components/checkbox/index.js";
+import { VftClamp as c } from "./components/clamp/index.js";
+import { VftClampToggle as s } from "./components/clamp-toggle/index.js";
+import { VftClampTooltip as C } from "./components/clamp-tooltip/index.js";
+import { VftCol as T } from "./components/col/index.js";
+import { VftCollapseTransition as I } from "./components/collapse-transition/index.js";
+import { VftColorPicker as S } from "./components/color-picker/index.js";
+import { VftConfigProvider as g } from "./components/config-provider/index.js";
+import { VftAside as M, VftContainer as b, VftFooter as P, VftHeader as k, VftMain as D } from "./components/container/index.js";
+import { VftDatePicker as w } from "./components/date-picker/index.js";
+import { VftWatermark as y } from "./components/watermark/index.js";
+import { VftDateTimeSelect as B } from "./components/date-time-select/index.js";
+import { VftDescriptions as h, VftDescriptionsItem as v } from "./components/descriptions/index.js";
+import { VftDialog as F } from "./components/dialog/index.js";
+import { VftDivider as L } from "./components/divider/index.js";
+import { VftDrawer as R } from "./components/drawer/index.js";
+import { VftDropdownItem as x, VftDropdownMenu as A, VftDropdown as G } from "./components/dropdown/index.js";
+import { VftEmpty as H } from "./components/empty/index.js";
+import { VftFooterLayout as O } from "./components/footer-layout/index.js";
+import { VftForm as W, VftFormItem as z } from "./components/form/index.js";
+import { VftFullScreen as E } from "./components/full-screen/index.js";
+import { VftHeaderLayout as N } from "./components/header-layout/index.js";
+import { VftHorizontalMenu as Q } from "./components/horizontal-menu/index.js";
+import { VftIcon as U } from "./components/icon/index.js";
+import { VftIconText as j } from "./components/icon-text/index.js";
+import { VftIframeLayout as q } from "./components/iframe-layout/index.js";
+import { VftImage as J } from "./components/image/index.js";
+import { VftImageViewer as K } from "./components/image-viewer/index.js";
+import { VftInput as X } from "./components/input/index.js";
+import { VftInputNumber as Y } from "./components/input-number/index.js";
+import { VftLink as Z } from "./components/link/index.js";
+import { VftListCell as _ } from "./components/list-cell/index.js";
+import { VftLogo as $ } from "./components/logo/index.js";
+import { VftMdCodeDemo as tt } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as ot } from "./components/md-code-tabs/index.js";
+import { VftCarousel as rt, VftCarouselItem as mt } from "./components/carousel/index.js";
+import { VftStep as ft, VftSteps as it } from "./components/steps/index.js";
+import { VftTimeline as pt, VftTimelineItem as Vt } from "./components/timeline/index.js";
+import { VftClientOnly as et } from "./components/client-only/index.js";
+import { VftBreadcrumb as at, VftBreadcrumbItem as nt } from "./components/breadcrumb/index.js";
+import { VftCollapse as lt, VftCollapseItem as ut } from "./components/collapse/index.js";
+import { VftStatistic as dt } from "./components/statistic/index.js";
+import { VftCountdown as ct } from "./components/countdown/index.js";
+import { VftInputTag as st } from "./components/input-tag/index.js";
+import { VftCascader as Ct } from "./components/cascader/index.js";
+import { VftCascaderPanel as Tt } from "./components/cascader-panel/index.js";
+import { VftMdComment as It } from "./components/md-comment/index.js";
+import { VftMdContainer as St } from "./components/md-container/index.js";
+import { VftMdTabs as gt } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as Mt } from "./components/md-vue-playground/index.js";
+import { VftMenu as bt, VftMenuItem as Pt, VftMenuItemGroup as kt, VftSubMenu as Dt } from "./components/menu/index.js";
+import { VftModal as wt } from "./components/modal/index.js";
+import { VftMultipleTabs as yt } from "./components/multiple-tabs/index.js";
+import { VftOverlay as Bt } from "./components/overlay/index.js";
+import { VftPageWrapper as ht } from "./components/page-wrapper/index.js";
+import { VftPagination as vt } from "./components/pagination/index.js";
+import { VftPopconfirm as Ft } from "./components/popconfirm/index.js";
+import { VftPopover as Lt } from "./components/popover/index.js";
+import { VftPopper as Rt } from "./components/popper/index.js";
+import { VftProgress as xt } from "./components/progress/index.js";
+import { VftQrcode as At } from "./components/qrcode/index.js";
+import { VftRadioButton as Gt, VftRadio as Ht, VftRadioGroup as Ot } from "./components/radio/index.js";
+import { VftResult as Wt } from "./components/result/index.js";
+import { VftRouterViewContent as zt } from "./components/router-view-content/index.js";
+import { VftRow as Et } from "./components/row/index.js";
+import { VftScrollbar as Nt } from "./components/scrollbar/index.js";
+import { VftSearch as Qt } from "./components/search/index.js";
+import { VftSelect as Ut } from "./components/select/index.js";
+import { VftSideMenu as jt } from "./components/side-menu/index.js";
+import { VftSkeleton as qt, VftSkeletonItem as Jt } from "./components/skeleton/index.js";
+import { VftSlider as Kt } from "./components/slider/index.js";
+import { VftSpace as Xt } from "./components/space/index.js";
+import { VftSwitch as Yt } from "./components/switch/index.js";
+import { VftTable as Zt } from "./components/table/index.js";
+import { VftTabs as _t, VftTabPane as $t } from "./components/tabs/index.js";
+import { VftTag as to } from "./components/tag/index.js";
+import { VftTimePicker as oo } from "./components/time-picker/index.js";
+import { VftTooltip as ro } from "./components/tooltip/index.js";
+import { VftTree as mo } from "./components/tree/index.js";
+import { VftUpload as fo } from "./components/upload/index.js";
+import { VftVerifyCode as io } from "./components/verify-code/index.js";
+import { VftSuperForm as po } from "./components/super-form/index.js";
+import { VftProgressI as Vo } from "./components/progress-i/index.js";
 const Kr = [
   //  phone
   Vo,

package/es/components/alert/alert.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as C, useSlots as g, ref as N, computed as a, createBlock as r, openBlock as o, Transition as S, unref as l, withCtx as V, withDirectives as $, createElementVNode as y, normalizeClass as s, createCommentVNode as i, createElementBlock as c, renderSlot as k, createTextVNode as b, toDisplayString as u, Fragment as x, vShow as E } from "vue";
+import { VftIcon as p } from "../icon/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const D = C({
+  name: "vft-alert"
+}), P = /* @__PURE__ */ C({
+  ...D,
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    type: { default: "info" },
+    closable: { type: Boolean, default: !0 },
+    closeText: { default: "" },
+    showIcon: { type: Boolean },
+    center: { type: Boolean },
+    effect: { default: "light" }
+  },
+  emits: {
+    close: (e) => e instanceof MouseEvent
+  },
+  setup(e, { emit: h }) {
+    const t = I("alert"), B = h, m = g(), d = N(!0), f = a(() => e.type), T = a(() => [
+      t.e("icon"),
+      { [t.is("big")]: !!e.description || !!m.default }
+    ]), w = a(() => ({ [t.is("bold")]: e.description || m.default })), v = (n) => {
+      d.value = !1, B("close", n);
+    };
+    return (n, z) => (o(), r(S, {
+      name: l(t).b("fade")
+    }, {
+      default: V(() => [
+        $(y("div", {
+          class: s([l(t).b(), l(t).m(e.type), l(t).is("center", e.center), l(t).is(e.effect)]),
+          role: "alert"
+        }, [
+          e.showIcon && f.value ? (o(), r(l(p), {
+            key: 0,
+            class: s(T.value),
+            icon: f.value
+          }, null, 8, ["class", "icon"])) : i("", !0),
+          y("div", {
+            class: s(l(t).e("content"))
+          }, [
+            e.title || n.$slots.title ? (o(), c("span", {
+              key: 0,
+              class: s([l(t).e("title"), w.value])
+            }, [
+              k(n.$slots, "title", {}, () => [
+                b(u(e.title), 1)
+              ])
+            ], 2)) : i("", !0),
+            n.$slots.default || e.description ? (o(), c("p", {
+              key: 1,
+              class: s(l(t).e("description"))
+            }, [
+              k(n.$slots, "default", {}, () => [
+                b(u(e.description), 1)
+              ])
+            ], 2)) : i("", !0),
+            e.closable ? (o(), c(x, { key: 2 }, [
+              e.closeText ? (o(), c("div", {
+                key: 0,
+                class: s([l(t).e("close-btn"), l(t).is("customed")]),
+                onClick: v
+              }, u(e.closeText), 3)) : (o(), r(l(p), {
+                key: 1,
+                class: s(l(t).e("close-btn")),
+                onClick: v,
+                icon: "icon-close"
+              }, null, 8, ["class"]))
+            ], 64)) : i("", !0)
+          ], 2)
+        ], 2), [
+          [E, d.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+export {
+  P as default
+};

package/es/components/autocomplete/autocomplete.vue2.js

@@ -0,0 +1,283 @@
+import { defineComponent as Q, useAttrs as ve, ref as c, computed as b, onMounted as me, createBlock as pe, openBlock as E, unref as s, withCtx as v, createElementVNode as q, normalizeStyle as z, normalizeClass as k, createVNode as G, mergeProps as ge, withKeys as y, withModifiers as j, createSlots as he, renderSlot as $, createElementBlock as F, Fragment as be, renderList as ye, createTextVNode as $e, toDisplayString as we, nextTick as Ee } from "vue";
+import { isObject as ke, isString as N, isArray as D } from "@vft/utils";
+import "../form/index.js";
+import { VftInput as Ae } from "../input/index.js";
+import { VftScrollbar as Se } from "../scrollbar/index.js";
+import { VftTooltip as Te } from "../tooltip/index.js";
+import { CHANGE_EVENT as J, INPUT_EVENT as K, UPDATE_MODEL_EVENT as A } from "../../constants/event.js";
+import { useAttrs as Ve } from "../../hooks/use-attrs/index.js";
+import { onClickOutside as Ce } from "@vueuse/core";
+import { throwError as Ie } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
+import { debounce as Be } from "lodash-es";
+import { useNamespace as Fe } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { generateId as Ne } from "./types.js";
+import { useFormDisabled as De } from "../form/hooks/use-form-common-props.js";
+const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick"], Re = "ElAutocomplete", xe = Q({
+  name: "vft-autocomplete",
+  inheritAttrs: !1
+}), at = /* @__PURE__ */ Q({
+  ...xe,
+  props: {
+    valueKey: { default: "value" },
+    modelValue: { default: "" },
+    debounce: { default: 300 },
+    placement: { default: "bottom-start" },
+    fetchSuggestions: { type: [Function, Array], default: () => {
+    } },
+    popperClass: { default: "" },
+    triggerOnFocus: { type: Boolean, default: !0 },
+    selectWhenUnmatched: { type: Boolean, default: !1 },
+    hideLoading: { type: Boolean, default: !1 },
+    label: {},
+    teleported: { type: Boolean, default: !1 },
+    highlightFirstItem: { type: Boolean, default: !1 },
+    fitInputWidth: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    name: {}
+  },
+  emits: {
+    [A]: (t) => N(t),
+    [K]: (t) => N(t),
+    [J]: (t) => N(t),
+    focus: (t) => t instanceof FocusEvent,
+    blur: (t) => t instanceof FocusEvent,
+    clear: () => !0,
+    select: (t) => ke(t)
+  },
+  setup(t, { expose: X, emit: Y }) {
+    const i = Fe("autocomplete"), u = Y, Z = Ve(), _ = ve(), O = De(), o = c(), R = c(), S = c(), x = c();
+    let M = !1, T = !1;
+    const r = c([]), l = c(-1), P = c(""), f = c(!1), w = c(!1), m = c(!1), g = b(() => i.b(String(Ne()))), ee = b(() => _.style), d = b(() => (r.value.length > 0 || m.value) && f.value), W = b(() => !t.hideLoading && m.value), te = b(() => o.value ? Array.from(
+      o.value.$el.querySelectorAll("input")
+    ) : []), le = async () => {
+      await Ee(), d.value && (P.value = `${o.value.$el.offsetWidth}px`);
+    }, ae = () => {
+      l.value = -1;
+    }, L = Be(async (e) => {
+      if (w.value) return;
+      const a = (n) => {
+        m.value = !1, !w.value && (D(n) ? (r.value = n, l.value = t.highlightFirstItem ? 0 : -1) : Ie(Re, "autocomplete suggestions must be an array"));
+      };
+      if (m.value = !0, D(t.fetchSuggestions))
+        a(t.fetchSuggestions);
+      else {
+        const n = await t.fetchSuggestions(e, a);
+        D(n) && a(n);
+      }
+    }, t.debounce), oe = (e) => {
+      const a = !!e;
+      if (u(K, e), u(A, e), w.value = !1, f.value ||= a, !t.triggerOnFocus && !e) {
+        w.value = !0, r.value = [];
+        return;
+      }
+      L(e);
+    }, se = (e) => {
+      O.value || (e.target?.tagName !== "INPUT" || te.value.includes(document.activeElement)) && (f.value = !0);
+    }, ne = (e) => {
+      u(J, e);
+    }, ie = (e) => {
+      T ? T = !1 : (f.value = !0, u("focus", e), t.triggerOnFocus && !M && L(String(t.modelValue)));
+    }, ue = (e) => {
+      setTimeout(() => {
+        if (S.value?.isFocusInsideContent()) {
+          T = !0;
+          return;
+        }
+        f.value && h(), u("blur", e);
+      });
+    }, re = () => {
+      f.value = !1, u(A, ""), u("clear");
+    }, U = async () => {
+      d.value && l.value >= 0 && l.value < r.value.length ? V(r.value[l.value]) : t.selectWhenUnmatched && (u("select", { value: t.modelValue }), r.value = [], l.value = -1);
+    }, ce = (e) => {
+      d.value && (e.preventDefault(), e.stopPropagation(), h());
+    }, h = () => {
+      f.value = !1;
+    }, fe = () => {
+      o.value?.focus();
+    }, de = () => {
+      o.value?.blur();
+    }, V = async (e) => {
+      u(K, e[t.valueKey]), u(A, e[t.valueKey]), u("select", e), r.value = [], l.value = -1;
+    }, C = (e) => {
+      if (!d.value || m.value) return;
+      if (e < 0) {
+        l.value = -1;
+        return;
+      }
+      e >= r.value.length && (e = r.value.length - 1);
+      const a = R.value.querySelector(
+        `.${i.be("suggestion", "wrap")}`
+      ), p = a.querySelectorAll(
+        `.${i.be("suggestion", "list")} li`
+      )[e], I = a.scrollTop, { offsetTop: H, scrollHeight: B } = p;
+      H + B > I + a.clientHeight && (a.scrollTop += B), H < I && (a.scrollTop -= B), l.value = e, o.value.ref.setAttribute(
+        "aria-activedescendant",
+        `${g.value}-item-${l.value}`
+      );
+    };
+    return Ce(x, () => {
+      d.value && h();
+    }), me(() => {
+      o.value.ref.setAttribute("role", "textbox"), o.value.ref.setAttribute("aria-autocomplete", "list"), o.value.ref.setAttribute("aria-controls", "id"), o.value.ref.setAttribute(
+        "aria-activedescendant",
+        `${g.value}-item-${l.value}`
+      ), M = o.value.ref.hasAttribute("readonly");
+    }), X({
+      /** @description the index of the currently highlighted item */
+      highlightedIndex: l,
+      /** @description autocomplete whether activated */
+      activated: f,
+      /** @description remote search loading status */
+      loading: m,
+      /** @description el-input component instance */
+      inputRef: o,
+      /** @description el-tooltip component instance */
+      popperRef: S,
+      /** @description fetch suggestions result */
+      suggestions: r,
+      /** @description triggers when a suggestion is clicked */
+      handleSelect: V,
+      /** @description handle keyboard enter event */
+      handleKeyEnter: U,
+      /** @description focus the input element */
+      focus: fe,
+      /** @description blur the input element */
+      blur: de,
+      /** @description close suggestion */
+      close: h,
+      /** @description highlight an item in a suggestion */
+      highlight: C
+    }), (e, a) => (E(), pe(s(Te), {
+      ref_key: "popperRef",
+      ref: S,
+      visible: d.value,
+      placement: t.placement,
+      "fallback-placements": ["bottom-start", "top-start"],
+      "popper-class": [s(i).e("popper"), t.popperClass],
+      teleported: t.teleported,
+      "gpu-acceleration": !1,
+      pure: "",
+      "manual-mode": "",
+      effect: "light",
+      trigger: "click",
+      transition: `${s(i).namespace.value}-zoom-in-top`,
+      persistent: "",
+      onBeforeShow: le,
+      onHide: ae
+    }, {
+      content: v(() => [
+        q("div", {
+          ref_key: "regionRef",
+          ref: R,
+          class: k([s(i).b("suggestion"), s(i).is("loading", W.value)]),
+          style: z({
+            [t.fitInputWidth ? "width" : "minWidth"]: P.value,
+            outline: "none"
+          }),
+          role: "region"
+        }, [
+          G(s(Se), {
+            id: g.value,
+            tag: "ul",
+            "wrap-class": s(i).be("suggestion", "wrap"),
+            "view-class": s(i).be("suggestion", "list"),
+            role: "listbox"
+          }, {
+            default: v(() => [
+              W.value ? (E(), F("li", {
+                key: 0,
+                class: k(s(i).is("loading"))
+              }, null, 2)) : (E(!0), F(be, { key: 1 }, ye(r.value, (n, p) => (E(), F("li", {
+                id: `${g.value}-item-${p}`,
+                key: p,
+                class: k({ highlighted: l.value === p }),
+                role: "option",
+                "aria-selected": l.value === p,
+                onClick: (I) => V(n)
+              }, [
+                $(e.$slots, "default", { item: n }, () => [
+                  $e(we(n[t.valueKey]), 1)
+                ])
+              ], 10, Oe))), 128))
+            ]),
+            _: 3
+          }, 8, ["id", "wrap-class", "view-class"])
+        ], 6)
+      ]),
+      default: v(() => [
+        q("div", {
+          ref_key: "listboxRef",
+          ref: x,
+          class: k([s(i).b(), e.$attrs.class]),
+          style: z(ee.value),
+          role: "combobox",
+          "aria-haspopup": "listbox",
+          "aria-expanded": d.value,
+          "aria-owns": g.value
+        }, [
+          G(s(Ae), ge({
+            ref_key: "inputRef",
+            ref: o
+          }, s(Z), {
+            clearable: t.clearable,
+            disabled: s(O),
+            name: t.name,
+            "model-value": t.modelValue,
+            onInput: oe,
+            onChange: ne,
+            onFocus: ie,
+            onBlur: ue,
+            onClear: re,
+            onKeydown: [
+              a[0] || (a[0] = y(j((n) => C(l.value - 1), ["prevent"]), ["up"])),
+              a[1] || (a[1] = y(j((n) => C(l.value + 1), ["prevent"]), ["down"])),
+              y(U, ["enter"]),
+              y(h, ["tab"]),
+              y(ce, ["esc"])
+            ],
+            onMousedown: se
+          }), he({ _: 2 }, [
+            e.$slots.prepend ? {
+              name: "prepend",
+              fn: v(() => [
+                $(e.$slots, "prepend")
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.append ? {
+              name: "append",
+              fn: v(() => [
+                $(e.$slots, "append")
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: v(() => [
+                $(e.$slots, "prefix")
+              ]),
+              key: "2"
+            } : void 0,
+            e.$slots.suffix ? {
+              name: "suffix",
+              fn: v(() => [
+                $(e.$slots, "suffix")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["clearable", "disabled", "name", "model-value"])
+        ], 14, Ke)
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]));
+  }
+});
+export {
+  at as default
+};

package/es/components/avatar/avatar.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent as v, ref as z, computed as i, watch as h, createElementBlock as k, openBlock as o, normalizeStyle as y, normalizeClass as g, createBlock as n, renderSlot as B, unref as c, normalizeProps as E, mergeProps as S } from "vue";
+import { isString as b, isNumber as C, singleAttrToObj as V } from "@vft/utils";
+import { VftIcon as I } from "../icon/index.js";
+import { VftImage as L } from "../image/index.js";
+import "@vueuse/core";
+import { addUnit as N } from "../../utils/helper.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as P } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const H = /* @__PURE__ */ v({
+  __name: "avatar",
+  props: {
+    size: { default: "" },
+    shape: { default: "circle" },
+    icon: {},
+    src: {},
+    alt: {},
+    fit: { default: "cover" }
+  },
+  emits: ["error"],
+  setup(e, { emit: l }) {
+    const m = l, r = P("avatar"), a = z(!1), u = i(() => {
+      const t = [r.b()];
+      return b(e.size) && t.push(r.m(e.size)), !e.src && e.icon && t.push(r.m("icon")), e.shape && t.push(r.m(e.shape)), t;
+    }), f = i(() => C(e.size) ? r.cssVarBlock({
+      size: N(e.size) || ""
+    }) : void 0), s = i(() => V(e.icon, "icon", { size: e.size }));
+    h(
+      () => e.src,
+      () => a.value = !1
+    );
+    function d(t) {
+      a.value = !0, m("error", t);
+    }
+    return (t, j) => (o(), k("span", {
+      class: g(u.value),
+      style: y(f.value)
+    }, [
+      e.src && !a.value ? (o(), n(c(L), {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        fit: e.fit,
+        onError: d
+      }, null, 8, ["src", "alt", "fit"])) : s.value?.icon ? (o(), n(c(I), E(S({ key: 1 }, s.value)), null, 16)) : B(t.$slots, "default", { key: 2 })
+    ], 6));
+  }
+});
+export {
+  H as default
+};