vft 0.0.375 → 0.0.376

package/lib/components/autocomplete/autocomplete.vue2.cjs

@@ -1,399 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-require("../form/index.cjs");
-const index$3 = require("../input/index.cjs");
-const index$4 = require("../scrollbar/index.cjs");
-const index$2 = require("../tooltip/index.cjs");
-const event = require("../../constants/event.cjs");
-const index$1 = require("../../hooks/use-attrs/index.cjs");
-const core = require("@vueuse/core");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-const lodashEs = require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const types = require("./types.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const _hoisted_1 = ["aria-expanded", "aria-owns"];
-const _hoisted_2 = ["id", "aria-selected", "onClick"];
-const COMPONENT_NAME = "ElAutocomplete";
-const __default__ = vue.defineComponent({
-  name: "vft-autocomplete",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    valueKey: { default: "value" },
-    modelValue: { default: "" },
-    debounce: { default: 300 },
-    placement: { default: "bottom-start" },
-    fetchSuggestions: { type: [Function, Array], default: () => {
-    } },
-    popperClass: { default: "" },
-    triggerOnFocus: { type: Boolean, default: true },
-    selectWhenUnmatched: { type: Boolean, default: false },
-    hideLoading: { type: Boolean, default: false },
-    label: {},
-    teleported: { type: Boolean, default: false },
-    highlightFirstItem: { type: Boolean, default: false },
-    fitInputWidth: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    name: {}
-  },
-  emits: {
-    [event.UPDATE_MODEL_EVENT]: (value) => utils.isString(value),
-    [event.INPUT_EVENT]: (value) => utils.isString(value),
-    [event.CHANGE_EVENT]: (value) => utils.isString(value),
-    focus: (evt) => evt instanceof FocusEvent,
-    blur: (evt) => evt instanceof FocusEvent,
-    clear: () => true,
-    select: (item) => utils.isObject(item)
-  },
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const ns = index.useNamespace("autocomplete");
-    const emit = __emit;
-    const attrs = index$1.useAttrs();
-    const rawAttrs = vue.useAttrs();
-    const _disabled = useFormCommonProps.useFormDisabled();
-    const inputRef = vue.ref();
-    const regionRef = vue.ref();
-    const popperRef = vue.ref();
-    const listboxRef = vue.ref();
-    let readonly = false;
-    let ignoreFocusEvent = false;
-    const suggestions = vue.ref([]);
-    const highlightedIndex = vue.ref(-1);
-    const dropdownWidth = vue.ref("");
-    const activated = vue.ref(false);
-    const suggestionDisabled = vue.ref(false);
-    const loading = vue.ref(false);
-    const listboxId = vue.computed(() => ns.b(String(types.generateId())));
-    const styles = vue.computed(() => rawAttrs.style);
-    const suggestionVisible = vue.computed(() => {
-      const isValidData = suggestions.value.length > 0;
-      return (isValidData || loading.value) && activated.value;
-    });
-    const suggestionLoading = vue.computed(() => !__props.hideLoading && loading.value);
-    const refInput = vue.computed(() => {
-      if (inputRef.value) {
-        return Array.from(
-          inputRef.value.$el.querySelectorAll("input")
-        );
-      }
-      return [];
-    });
-    const onSuggestionShow = async () => {
-      await vue.nextTick();
-      if (suggestionVisible.value) {
-        dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
-      }
-    };
-    const onHide = () => {
-      highlightedIndex.value = -1;
-    };
-    const getData = async (queryString) => {
-      if (suggestionDisabled.value) return;
-      const cb = (suggestionList) => {
-        loading.value = false;
-        if (suggestionDisabled.value) return;
-        if (utils.isArray(suggestionList)) {
-          suggestions.value = suggestionList;
-          highlightedIndex.value = __props.highlightFirstItem ? 0 : -1;
-        } else {
-          error.throwError(COMPONENT_NAME, "autocomplete suggestions must be an array");
-        }
-      };
-      loading.value = true;
-      if (utils.isArray(__props.fetchSuggestions)) {
-        cb(__props.fetchSuggestions);
-      } else {
-        const result = await __props.fetchSuggestions(queryString, cb);
-        if (utils.isArray(result)) cb(result);
-      }
-    };
-    const debouncedGetData = lodashEs.debounce(getData, __props.debounce);
-    const handleInput = (value) => {
-      const valuePresented = !!value;
-      emit(event.INPUT_EVENT, value);
-      emit(event.UPDATE_MODEL_EVENT, value);
-      suggestionDisabled.value = false;
-      activated.value ||= valuePresented;
-      if (!__props.triggerOnFocus && !value) {
-        suggestionDisabled.value = true;
-        suggestions.value = [];
-        return;
-      }
-      debouncedGetData(value);
-    };
-    const handleMouseDown = (event2) => {
-      if (_disabled.value) return;
-      if (event2.target?.tagName !== "INPUT" || refInput.value.includes(document.activeElement)) {
-        activated.value = true;
-      }
-    };
-    const handleChange = (value) => {
-      emit(event.CHANGE_EVENT, value);
-    };
-    const handleFocus = (evt) => {
-      if (!ignoreFocusEvent) {
-        activated.value = true;
-        emit("focus", evt);
-        if (__props.triggerOnFocus && !readonly) {
-          debouncedGetData(String(__props.modelValue));
-        }
-      } else {
-        ignoreFocusEvent = false;
-      }
-    };
-    const handleBlur = (evt) => {
-      setTimeout(() => {
-        if (popperRef.value?.isFocusInsideContent()) {
-          ignoreFocusEvent = true;
-          return;
-        }
-        activated.value && close();
-        emit("blur", evt);
-      });
-    };
-    const handleClear = () => {
-      activated.value = false;
-      emit(event.UPDATE_MODEL_EVENT, "");
-      emit("clear");
-    };
-    const handleKeyEnter = async () => {
-      if (suggestionVisible.value && highlightedIndex.value >= 0 && highlightedIndex.value < suggestions.value.length) {
-        handleSelect(suggestions.value[highlightedIndex.value]);
-      } else if (__props.selectWhenUnmatched) {
-        emit("select", { value: __props.modelValue });
-        suggestions.value = [];
-        highlightedIndex.value = -1;
-      }
-    };
-    const handleKeyEscape = (evt) => {
-      if (suggestionVisible.value) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        close();
-      }
-    };
-    const close = () => {
-      activated.value = false;
-    };
-    const focus = () => {
-      inputRef.value?.focus();
-    };
-    const blur = () => {
-      inputRef.value?.blur();
-    };
-    const handleSelect = async (item) => {
-      emit(event.INPUT_EVENT, item[__props.valueKey]);
-      emit(event.UPDATE_MODEL_EVENT, item[__props.valueKey]);
-      emit("select", item);
-      suggestions.value = [];
-      highlightedIndex.value = -1;
-    };
-    const highlight = (index2) => {
-      if (!suggestionVisible.value || loading.value) return;
-      if (index2 < 0) {
-        highlightedIndex.value = -1;
-        return;
-      }
-      if (index2 >= suggestions.value.length) {
-        index2 = suggestions.value.length - 1;
-      }
-      const suggestion = regionRef.value.querySelector(
-        `.${ns.be("suggestion", "wrap")}`
-      );
-      const suggestionList = suggestion.querySelectorAll(
-        `.${ns.be("suggestion", "list")} li`
-      );
-      const highlightItem = suggestionList[index2];
-      const scrollTop = suggestion.scrollTop;
-      const { offsetTop, scrollHeight } = highlightItem;
-      if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {
-        suggestion.scrollTop += scrollHeight;
-      }
-      if (offsetTop < scrollTop) {
-        suggestion.scrollTop -= scrollHeight;
-      }
-      highlightedIndex.value = index2;
-      inputRef.value.ref.setAttribute(
-        "aria-activedescendant",
-        `${listboxId.value}-item-${highlightedIndex.value}`
-      );
-    };
-    core.onClickOutside(listboxRef, () => {
-      suggestionVisible.value && close();
-    });
-    vue.onMounted(() => {
-      inputRef.value.ref.setAttribute("role", "textbox");
-      inputRef.value.ref.setAttribute("aria-autocomplete", "list");
-      inputRef.value.ref.setAttribute("aria-controls", "id");
-      inputRef.value.ref.setAttribute(
-        "aria-activedescendant",
-        `${listboxId.value}-item-${highlightedIndex.value}`
-      );
-      readonly = inputRef.value.ref.hasAttribute("readonly");
-    });
-    __expose({
-      /** @description the index of the currently highlighted item */
-      highlightedIndex,
-      /** @description autocomplete whether activated */
-      activated,
-      /** @description remote search loading status */
-      loading,
-      /** @description el-input component instance */
-      inputRef,
-      /** @description el-tooltip component instance */
-      popperRef,
-      /** @description fetch suggestions result */
-      suggestions,
-      /** @description triggers when a suggestion is clicked */
-      handleSelect,
-      /** @description handle keyboard enter event */
-      handleKeyEnter,
-      /** @description focus the input element */
-      focus,
-      /** @description blur the input element */
-      blur,
-      /** @description close suggestion */
-      close,
-      /** @description highlight an item in a suggestion */
-      highlight
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.VftTooltip), {
-        ref_key: "popperRef",
-        ref: popperRef,
-        visible: suggestionVisible.value,
-        placement: _ctx.placement,
-        "fallback-placements": ["bottom-start", "top-start"],
-        "popper-class": [vue.unref(ns).e("popper"), _ctx.popperClass],
-        teleported: _ctx.teleported,
-        "gpu-acceleration": false,
-        pure: "",
-        "manual-mode": "",
-        effect: "light",
-        trigger: "click",
-        transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
-        persistent: "",
-        onBeforeShow: onSuggestionShow,
-        onHide
-      }, {
-        content: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            ref_key: "regionRef",
-            ref: regionRef,
-            class: vue.normalizeClass([vue.unref(ns).b("suggestion"), vue.unref(ns).is("loading", suggestionLoading.value)]),
-            style: vue.normalizeStyle({
-              [_ctx.fitInputWidth ? "width" : "minWidth"]: dropdownWidth.value,
-              outline: "none"
-            }),
-            role: "region"
-          }, [
-            vue.createVNode(vue.unref(index$4.VftScrollbar), {
-              id: listboxId.value,
-              tag: "ul",
-              "wrap-class": vue.unref(ns).be("suggestion", "wrap"),
-              "view-class": vue.unref(ns).be("suggestion", "list"),
-              role: "listbox"
-            }, {
-              default: vue.withCtx(() => [
-                suggestionLoading.value ? (vue.openBlock(), vue.createElementBlock("li", {
-                  key: 0,
-                  class: vue.normalizeClass(vue.unref(ns).is("loading"))
-                }, null, 2)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(suggestions.value, (item, index2) => {
-                  return vue.openBlock(), vue.createElementBlock("li", {
-                    id: `${listboxId.value}-item-${index2}`,
-                    key: index2,
-                    class: vue.normalizeClass({ highlighted: highlightedIndex.value === index2 }),
-                    role: "option",
-                    "aria-selected": highlightedIndex.value === index2,
-                    onClick: ($event) => handleSelect(item)
-                  }, [
-                    vue.renderSlot(_ctx.$slots, "default", { item }, () => [
-                      vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
-                    ])
-                  ], 10, _hoisted_2);
-                }), 128))
-              ]),
-              _: 3
-            }, 8, ["id", "wrap-class", "view-class"])
-          ], 6)
-        ]),
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            ref_key: "listboxRef",
-            ref: listboxRef,
-            class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
-            style: vue.normalizeStyle(styles.value),
-            role: "combobox",
-            "aria-haspopup": "listbox",
-            "aria-expanded": suggestionVisible.value,
-            "aria-owns": listboxId.value
-          }, [
-            vue.createVNode(vue.unref(index$3.VftInput), vue.mergeProps({
-              ref_key: "inputRef",
-              ref: inputRef
-            }, vue.unref(attrs), {
-              clearable: _ctx.clearable,
-              disabled: vue.unref(_disabled),
-              name: _ctx.name,
-              "model-value": _ctx.modelValue,
-              onInput: handleInput,
-              onChange: handleChange,
-              onFocus: handleFocus,
-              onBlur: handleBlur,
-              onClear: handleClear,
-              onKeydown: [
-                _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => highlight(highlightedIndex.value - 1), ["prevent"]), ["up"])),
-                _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => highlight(highlightedIndex.value + 1), ["prevent"]), ["down"])),
-                vue.withKeys(handleKeyEnter, ["enter"]),
-                vue.withKeys(close, ["tab"]),
-                vue.withKeys(handleKeyEscape, ["esc"])
-              ],
-              onMousedown: handleMouseDown
-            }), vue.createSlots({ _: 2 }, [
-              _ctx.$slots.prepend ? {
-                name: "prepend",
-                fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "prepend")
-                ]),
-                key: "0"
-              } : void 0,
-              _ctx.$slots.append ? {
-                name: "append",
-                fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "append")
-                ]),
-                key: "1"
-              } : void 0,
-              _ctx.$slots.prefix ? {
-                name: "prefix",
-                fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "prefix")
-                ]),
-                key: "2"
-              } : void 0,
-              _ctx.$slots.suffix ? {
-                name: "suffix",
-                fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "suffix")
-                ]),
-                key: "3"
-              } : void 0
-            ]), 1040, ["clearable", "disabled", "name", "model-value"])
-          ], 14, _hoisted_1)
-        ]),
-        _: 3
-      }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@vft/utils");require("../form/index.cjs");const Z=require("../input/index.cjs"),_=require("../scrollbar/index.cjs"),ee=require("../tooltip/index.cjs"),c=require("../../constants/event.cjs"),te=require("../../hooks/use-attrs/index.cjs"),le=require("@vueuse/core"),ae=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const se=require("lodash-es"),oe=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./types.cjs"),re=require("../form/hooks/use-form-common-props.cjs"),ue=["aria-expanded","aria-owns"],ie=["id","aria-selected","onClick"],ce="ElAutocomplete",fe=e.defineComponent({name:"vft-autocomplete",inheritAttrs:!1}),de=e.defineComponent({...fe,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:{[c.UPDATE_MODEL_EVENT]:l=>v.isString(l),[c.INPUT_EVENT]:l=>v.isString(l),[c.CHANGE_EVENT]:l=>v.isString(l),focus:l=>l instanceof FocusEvent,blur:l=>l instanceof FocusEvent,clear:()=>!0,select:l=>v.isObject(l)},setup(l,{expose:F,emit:P}){const r=oe.useNamespace("autocomplete"),u=P,M=te.useAttrs(),K=e.useAttrs(),C=re.useFormDisabled(),o=e.ref(),k=e.ref(),b=e.ref(),A=e.ref();let N=!1,E=!1;const i=e.ref([]),a=e.ref(-1),V=e.ref(""),f=e.ref(!1),y=e.ref(!1),p=e.ref(!1),m=e.computed(()=>r.b(String(ne.generateId()))),O=e.computed(()=>K.style),d=e.computed(()=>(i.value.length>0||p.value)&&f.value),q=e.computed(()=>!l.hideLoading&&p.value),U=e.computed(()=>o.value?Array.from(o.value.$el.querySelectorAll("input")):[]),x=async()=>{await e.nextTick(),d.value&&(V.value=`${o.value.$el.offsetWidth}px`)},L=()=>{a.value=-1},R=async t=>{if(y.value)return;const s=n=>{p.value=!1,!y.value&&(v.isArray(n)?(i.value=n,a.value=l.highlightFirstItem?0:-1):ae.throwError(ce,"autocomplete suggestions must be an array"))};if(p.value=!0,v.isArray(l.fetchSuggestions))s(l.fetchSuggestions);else{const n=await l.fetchSuggestions(t,s);v.isArray(n)&&s(n)}},B=se.debounce(R,l.debounce),z=t=>{const s=!!t;if(u(c.INPUT_EVENT,t),u(c.UPDATE_MODEL_EVENT,t),y.value=!1,f.value||=s,!l.triggerOnFocus&&!t){y.value=!0,i.value=[];return}B(t)},W=t=>{C.value||(t.target?.tagName!=="INPUT"||U.value.includes(document.activeElement))&&(f.value=!0)},H=t=>{u(c.CHANGE_EVENT,t)},G=t=>{E?E=!1:(f.value=!0,u("focus",t),l.triggerOnFocus&&!N&&B(String(l.modelValue)))},j=t=>{setTimeout(()=>{if(b.value?.isFocusInsideContent()){E=!0;return}f.value&&h(),u("blur",t)})},J=()=>{f.value=!1,u(c.UPDATE_MODEL_EVENT,""),u("clear")},D=async()=>{d.value&&a.value>=0&&a.value<i.value.length?w(i.value[a.value]):l.selectWhenUnmatched&&(u("select",{value:l.modelValue}),i.value=[],a.value=-1)},Q=t=>{d.value&&(t.preventDefault(),t.stopPropagation(),h())},h=()=>{f.value=!1},X=()=>{o.value?.focus()},Y=()=>{o.value?.blur()},w=async t=>{u(c.INPUT_EVENT,t[l.valueKey]),u(c.UPDATE_MODEL_EVENT,t[l.valueKey]),u("select",t),i.value=[],a.value=-1},$=t=>{if(!d.value||p.value)return;if(t<0){a.value=-1;return}t>=i.value.length&&(t=i.value.length-1);const s=k.value.querySelector(`.${r.be("suggestion","wrap")}`),g=s.querySelectorAll(`.${r.be("suggestion","list")} li`)[t],S=s.scrollTop,{offsetTop:I,scrollHeight:T}=g;I+T>S+s.clientHeight&&(s.scrollTop+=T),I<S&&(s.scrollTop-=T),a.value=t,o.value.ref.setAttribute("aria-activedescendant",`${m.value}-item-${a.value}`)};return le.onClickOutside(A,()=>{d.value&&h()}),e.onMounted(()=>{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",`${m.value}-item-${a.value}`),N=o.value.ref.hasAttribute("readonly")}),F({highlightedIndex:a,activated:f,loading:p,inputRef:o,popperRef:b,suggestions:i,handleSelect:w,handleKeyEnter:D,focus:X,blur:Y,close:h,highlight:$}),(t,s)=>(e.openBlock(),e.createBlock(e.unref(ee.VftTooltip),{ref_key:"popperRef",ref:b,visible:d.value,placement:t.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(r).e("popper"),t.popperClass],teleported:t.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(r).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:x,onHide:L},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:k,class:e.normalizeClass([e.unref(r).b("suggestion"),e.unref(r).is("loading",q.value)]),style:e.normalizeStyle({[t.fitInputWidth?"width":"minWidth"]:V.value,outline:"none"}),role:"region"},[e.createVNode(e.unref(_.VftScrollbar),{id:m.value,tag:"ul","wrap-class":e.unref(r).be("suggestion","wrap"),"view-class":e.unref(r).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[q.value?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(e.unref(r).is("loading"))},null,2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(i.value,(n,g)=>(e.openBlock(),e.createElementBlock("li",{id:`${m.value}-item-${g}`,key:g,class:e.normalizeClass({highlighted:a.value===g}),role:"option","aria-selected":a.value===g,onClick:S=>w(n)},[e.renderSlot(t.$slots,"default",{item:n},()=>[e.createTextVNode(e.toDisplayString(n[t.valueKey]),1)])],10,ie))),128))]),_:3},8,["id","wrap-class","view-class"])],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:A,class:e.normalizeClass([e.unref(r).b(),t.$attrs.class]),style:e.normalizeStyle(O.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":d.value,"aria-owns":m.value},[e.createVNode(e.unref(Z.VftInput),e.mergeProps({ref_key:"inputRef",ref:o},e.unref(M),{clearable:t.clearable,disabled:e.unref(C),name:t.name,"model-value":t.modelValue,onInput:z,onChange:H,onFocus:G,onBlur:j,onClear:J,onKeydown:[s[0]||(s[0]=e.withKeys(e.withModifiers(n=>$(a.value-1),["prevent"]),["up"])),s[1]||(s[1]=e.withKeys(e.withModifiers(n=>$(a.value+1),["prevent"]),["down"])),e.withKeys(D,["enter"]),e.withKeys(h,["tab"]),e.withKeys(Q,["esc"])],onMousedown:W}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["clearable","disabled","name","model-value"])],14,ue)]),_:3},8,["visible","placement","popper-class","teleported","transition"]))}});exports.default=de;

package/lib/components/autocomplete/index.cjs

@@ -1,12 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const autocomplete_vue_vue_type_script_setup_true_lang = require("./autocomplete.vue2.cjs");
-const VftAutocomplete = install.withInstall(autocomplete_vue_vue_type_script_setup_true_lang.default);
-exports.VftAutocomplete = VftAutocomplete;
-exports.default = VftAutocomplete;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");const u=require("./autocomplete.vue2.cjs"),e=t.withInstall(u.default);exports.VftAutocomplete=e;exports.default=e;

package/lib/components/autocomplete/style/css.cjs

@@ -1,6 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-autocomplete.css");
-require("vft/theme-style/vft-input.css");
-require("vft/theme-style/vft-scrollbar.css");
-require("vft/theme-style/vft-popper.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-autocomplete.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-popper.css");

package/lib/components/autocomplete/style/index.cjs

@@ -1,6 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/autocomplete.scss");
-require("vft/theme-style/src/input.scss");
-require("vft/theme-style/src/scrollbar.scss");
-require("vft/theme-style/src/popper.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/autocomplete.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");

package/lib/components/autocomplete/types.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const generateId = () => Math.floor(Math.random() * 1e4);
-exports.generateId = generateId;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>Math.floor(Math.random()*1e4);exports.generateId=e;

package/lib/components/avatar/avatar.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const avatar_vue_vue_type_script_setup_true_lang = require("./avatar.vue2.cjs");
-exports.default = avatar_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./avatar.vue2.cjs");exports.default=e.default;

package/lib/components/avatar/avatar.vue2.cjs

@@ -1,66 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const index$2 = require("../icon/index.cjs");
-const index$1 = require("../image/index.cjs");
-require("@vueuse/core");
-const helper = require("../../utils/helper.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "avatar",
-  props: {
-    size: { default: "" },
-    shape: { default: "circle" },
-    icon: {},
-    src: {},
-    alt: {},
-    fit: { default: "cover" }
-  },
-  emits: ["error"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const ns = index.useNamespace("avatar");
-    const hasLoadError = vue.ref(false);
-    const avatarClass = vue.computed(() => {
-      const classList = [ns.b()];
-      if (utils.isString(__props.size)) classList.push(ns.m(__props.size));
-      if (!__props.src && __props.icon) classList.push(ns.m("icon"));
-      if (__props.shape) classList.push(ns.m(__props.shape));
-      return classList;
-    });
-    const sizeStyle = vue.computed(() => {
-      return utils.isNumber(__props.size) ? ns.cssVarBlock({
-        size: helper.addUnit(__props.size) || ""
-      }) : void 0;
-    });
-    const _icon = vue.computed(() => utils.singleAttrToObj(__props.icon, "icon", { size: __props.size }));
-    vue.watch(
-      () => __props.src,
-      () => hasLoadError.value = false
-    );
-    function handleError(e) {
-      hasLoadError.value = true;
-      emit("error", e);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(avatarClass.value),
-        style: vue.normalizeStyle(sizeStyle.value)
-      }, [
-        _ctx.src && !hasLoadError.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftImage), {
-          key: 0,
-          src: _ctx.src,
-          alt: _ctx.alt,
-          fit: _ctx.fit,
-          onError: handleError
-        }, null, 8, ["src", "alt", "fit"])) : _icon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftIcon), vue.normalizeProps(vue.mergeProps({ key: 1 }, _icon.value)), null, 16)) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
-      ], 6);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils"),d=require("../icon/index.cjs"),m=require("../image/index.cjs");require("@vueuse/core");const v=require("../../utils/helper.cjs");require("lodash-es");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:{},src:{},alt:{},fit:{default:"cover"}},emits:["error"],setup(t,{emit:c}){const l=c,s=z.useNamespace("avatar"),i=e.ref(!1),o=e.computed(()=>{const r=[s.b()];return n.isString(t.size)&&r.push(s.m(t.size)),!t.src&&t.icon&&r.push(s.m("icon")),t.shape&&r.push(s.m(t.shape)),r}),u=e.computed(()=>n.isNumber(t.size)?s.cssVarBlock({size:v.addUnit(t.size)||""}):void 0),a=e.computed(()=>n.singleAttrToObj(t.icon,"icon",{size:t.size}));e.watch(()=>t.src,()=>i.value=!1);function f(r){i.value=!0,l("error",r)}return(r,q)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(o.value),style:e.normalizeStyle(u.value)},[r.src&&!i.value?(e.openBlock(),e.createBlock(e.unref(m.VftImage),{key:0,src:r.src,alt:r.alt,fit:r.fit,onError:f},null,8,["src","alt","fit"])):a.value?.icon?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.normalizeProps(e.mergeProps({key:1},a.value)),null,16)):e.renderSlot(r.$slots,"default",{key:2})],6))}});exports.default=h;

package/lib/components/avatar/index.cjs

@@ -1,12 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const avatar_vue_vue_type_script_setup_true_lang = require("./avatar.vue2.cjs");
-const VftAvatar = install.withInstall(avatar_vue_vue_type_script_setup_true_lang.default);
-exports.VftAvatar = VftAvatar;
-exports.default = VftAvatar;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./avatar.vue2.cjs"),e=r.withInstall(t.default);exports.VftAvatar=e;exports.default=e;

package/lib/components/avatar/style/css.cjs

@@ -1,6 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-image-viewer.css");
-require("vft/theme-style/vft-image.css");
-require("vft/theme-style/vft-icon.css");
-require("vft/theme-style/vft-avatar.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-image-viewer.css");require("vft/theme-style/vft-image.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-avatar.css");

package/lib/components/avatar/style/index.cjs

@@ -1,6 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/image-viewer.scss");
-require("vft/theme-style/src/image.scss");
-require("vft/theme-style/src/icon.scss");
-require("vft/theme-style/src/avatar.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/image-viewer.scss");require("vft/theme-style/src/image.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/avatar.scss");

package/lib/components/avatar-stack/avatar-stack.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const avatarStack_vue_vue_type_script_setup_true_lang = require("./avatar-stack.vue2.cjs");
-exports.default = avatarStack_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./avatar-stack.vue2.cjs");exports.default=e.default;