vft 0.0.239 → 0.0.240

package/es/components/select/useSelect.js

@@ -1,29 +1,29 @@
-import { isArray as D, isObject as _, isFunction as oe } from "@vft/utils";
+import { isArray as H, isObject as N, isFunction as ae } from "@vft/utils";
 import "../form/index.js";
-import { UPDATE_MODEL_EVENT as qe, CHANGE_EVENT as ke } from "../../constants/event.js";
-import { useResizeObserver as Ge } from "@vueuse/core";
-import { debugWarn as $e } from "../../utils/error.js";
+import { UPDATE_MODEL_EVENT as Qe, CHANGE_EVENT as qe } from "../../constants/event.js";
+import { useResizeObserver as ke } from "@vueuse/core";
+import { debugWarn as Ge } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { escapeStringRegexp as je } from "../../utils/vue/data-helper.js";
-import { isNil as se, debounce as Je, isEqual as ce, get as x } from "lodash-es";
-import { reactive as Xe, ref as d, computed as i, watch as S, nextTick as v, onMounted as Ye } from "vue";
-import { useNamespace as re } from "../../hooks/use-namespace/index.js";
+import { escapeStringRegexp as $e } from "../../utils/vue/data-helper.js";
+import { isNil as ue, debounce as je, isEqual as ie, get as b } from "lodash-es";
+import { reactive as Je, ref as r, computed as i, watch as y, nextTick as f, onMounted as Xe } from "vue";
+import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useAllowCreate as Ze } from "./useAllowCreate.js";
-import { useInput as et } from "./useInput.js";
-import { flattenOptions as tt } from "./util.js";
-import { useFormItem as lt } from "../form/hooks/use-form-item.js";
-import { useFormSize as nt } from "../form/hooks/use-form-common-props.js";
-const de = "", fe = 11, ut = {
+import { useAllowCreate as Ye } from "./useAllowCreate.js";
+import { useInput as Ze } from "./useInput.js";
+import { flattenOptions as et } from "./util.js";
+import { useFormItem as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as lt } from "../form/hooks/use-form-common-props.js";
+const se = "", ce = 11, nt = {
   larget: 51,
   default: 42,
   small: 33
-}, St = (l, g) => {
-  const z = re("select"), he = re("input"), { form: T, formItem: f } = lt(), t = Xe({
-    inputValue: de,
-    displayInputValue: de,
+}, xt = (l, m) => {
+  const P = oe("select"), re = oe("input"), { form: de, formItem: A } = tt(), t = Je({
+    inputValue: se,
+    displayInputValue: se,
     calculatedWidth: 0,
     cachedPlaceholder: "",
     cachedOptions: [],
@@ -45,28 +45,28 @@ const de = "", fe = 11, ut = {
     selectedLabel: "",
     softFocus: !1,
     tagInMultiLine: !1
-  }), ve = d(-1), K = d(-1), ge = d(null), h = d(null), R = d(null), b = d(null), C = d(null), O = d(null), p = d(null), o = d(!1), I = i(() => l.disabled || (T == null ? void 0 : T.disabled)), me = i(() => {
+  }), fe = r(-1), B = r(-1), me = r(null), d = r(null), O = r(null), g = r(null), x = r(null), S = r(null), V = r(null), o = r(!1), I = i(() => l.disabled || de?.disabled), he = i(() => {
     const e = s.value.length * 34;
     return e > l.height ? l.height : e;
-  }), E = i(() => !se(l.modelValue)), Ve = i(() => {
-    const e = l.multiple ? Array.isArray(l.modelValue) && l.modelValue.length > 0 : E.value;
+  }), w = i(() => !ue(l.modelValue)), ve = i(() => {
+    const e = l.multiple ? Array.isArray(l.modelValue) && l.modelValue.length > 0 : w.value;
     return l.clearable && !I.value && t.comboBoxHovering && e;
-  }), U = i(
+  }), D = i(
     () => l.remote && l.filterable ? "" : "icon-arrow-up"
-  ), be = i(
-    () => U.value && z.is("reverse", o.value)
-  ), pe = i(() => (f == null ? void 0 : f.validateState) || ""), Ie = "validateIcon", F = i(() => l.remote ? 300 : 0), M = i(() => {
+  ), ge = i(
+    () => D.value && P.is("reverse", o.value)
+  ), Ve = i(() => A?.validateState || ""), Ie = "validateIcon", _ = i(() => l.remote ? 300 : 0), L = i(() => {
     const e = s.value;
     return l.loading ? l.loadingText || "加载中" : l.remote && t.inputValue === "" && e.length === 0 ? !1 : l.filterable && t.inputValue && e.length > 0 ? l.noMatchText || "无匹配数据" : e.length === 0 ? l.noDataText || "暂无数据" : null;
   }), s = i(() => {
     const e = (n) => {
-      const u = t.inputValue, a = new RegExp(je(u), "i");
+      const u = t.inputValue, a = new RegExp($e(u), "i");
       return u ? a.test(n.label || "") : !0;
     };
-    return l.loading ? [] : tt(
+    return l.loading ? [] : et(
       // @ts-ignore
       l.options.concat(t.createdOptions).map((n) => {
-        if (D(n.options)) {
+        if (H(n.options)) {
           const u = n.options.filter(e);
           if (u.length > 0)
             return {
@@ -78,25 +78,21 @@ const de = "", fe = 11, ut = {
         return null;
       }).filter((n) => n !== null)
     );
-  }), ye = i(
+  }), pe = i(
     () => s.value.every((e) => e.disabled)
-  ), Q = nt(), q = i(
-    () => Q.value === "small" ? "small" : "default"
-  ), xe = i(() => {
-    const e = O.value, n = q.value || "default", u = e ? Number.parseInt(getComputedStyle(e).paddingLeft) : 0, a = e ? Number.parseInt(getComputedStyle(e).paddingRight) : 0;
-    return t.selectWidth - a - u - ut[n];
-  }), k = () => {
-    var e;
-    K.value = ((e = C.value) == null ? void 0 : e.offsetWidth) || 200;
-  }, Se = i(() => ({
-    width: `${t.calculatedWidth === 0 ? fe : Math.ceil(t.calculatedWidth) + fe}px`
-  })), Ce = i(() => D(l.modelValue) ? l.modelValue.length === 0 && !t.displayInputValue : l.filterable ? t.displayInputValue.length === 0 : !0), Oe = i(() => {
+  ), z = lt(), K = i(
+    () => z.value === "small" ? "small" : "default"
+  ), be = i(() => {
+    const e = S.value, n = K.value || "default", u = e ? Number.parseInt(getComputedStyle(e).paddingLeft) : 0, a = e ? Number.parseInt(getComputedStyle(e).paddingRight) : 0;
+    return t.selectWidth - a - u - nt[n];
+  }), U = () => {
+    B.value = x.value?.offsetWidth || 200;
+  }, ye = i(() => ({
+    width: `${t.calculatedWidth === 0 ? ce : Math.ceil(t.calculatedWidth) + ce}px`
+  })), xe = i(() => H(l.modelValue) ? l.modelValue.length === 0 && !t.displayInputValue : l.filterable ? t.displayInputValue.length === 0 : !0), Se = i(() => {
     const e = l.placeholder || "请选择";
-    return l.multiple || se(l.modelValue) ? e : t.selectedLabel;
-  }), we = i(() => {
-    var e, n;
-    return (n = (e = b.value) == null ? void 0 : e.popperRef) == null ? void 0 : n.contentRef;
-  }), G = i(() => {
+    return l.multiple || ue(l.modelValue) ? e : t.selectedLabel;
+  }), Ce = i(() => g.value?.popperRef?.contentRef), Q = i(() => {
     if (l.multiple) {
       const e = l.modelValue.length;
       if (l.modelValue.length > 0)
@@ -108,258 +104,246 @@ const de = "", fe = 11, ut = {
         (e) => e.value === l.modelValue
       );
     return -1;
-  }), $ = i({
+  }), q = i({
     get() {
-      return o.value && M.value !== !1;
+      return o.value && L.value !== !1;
     },
     set(e) {
       o.value = e;
     }
-  }), Le = i(
+  }), Oe = i(
     () => t.cachedOptions.slice(0, l.maxCollapseTags)
-  ), Te = i(
+  ), we = i(
     () => t.cachedOptions.slice(l.maxCollapseTags)
   ), {
-    createNewOption: j,
-    removeNewOption: W,
-    selectNewOption: J,
-    clearAllNewOption: H
-  } = Ze(l, t), {
-    handleCompositionStart: Re,
-    handleCompositionUpdate: Ee,
-    handleCompositionEnd: Me
-  } = et((e) => ie(e)), X = () => {
-    var e, n, u;
-    (n = (e = h.value) == null ? void 0 : e.focus) == null || n.call(e), (u = b.value) == null || u.updatePopper();
-  }, N = () => {
+    createNewOption: k,
+    removeNewOption: T,
+    selectNewOption: G,
+    clearAllNewOption: R
+  } = Ye(l, t), {
+    handleCompositionStart: Le,
+    handleCompositionUpdate: Te,
+    handleCompositionEnd: Re
+  } = Ze((e) => ne(e)), $ = () => {
+    d.value?.focus?.(), g.value?.updatePopper();
+  }, E = () => {
     if (!l.automaticDropdown && !I.value)
-      return t.isComposing && (t.softFocus = !0), v(() => {
-        var e, n;
-        o.value = !o.value, (n = (e = h.value) == null ? void 0 : e.focus) == null || n.call(e);
+      return t.isComposing && (t.softFocus = !0), f(() => {
+        o.value = !o.value, d.value?.focus?.();
       });
-  }, Y = () => (l.filterable && t.inputValue !== t.selectedLabel && (t.query = t.selectedLabel), ee(t.inputValue), v(() => {
-    j(t.inputValue);
-  })), Z = Je(Y, F.value), ee = (e) => {
-    t.previousQuery !== e && (t.previousQuery = e, l.filterable && oe(l.filterMethod) ? l.filterMethod(e) : l.filterable && l.remote && oe(l.remoteMethod) && l.remoteMethod(e));
-  }, We = (e) => {
-    ce(l.modelValue, e) || g(ke, e);
-  }, y = (e) => {
-    g(qe, e), We(e), t.previousValue = e == null ? void 0 : e.toString();
-  }, He = (e = [], n) => {
-    if (!_(n))
+  }, j = () => (l.filterable && t.inputValue !== t.selectedLabel && (t.query = t.selectedLabel), X(t.inputValue), f(() => {
+    k(t.inputValue);
+  })), J = je(j, _.value), X = (e) => {
+    t.previousQuery !== e && (t.previousQuery = e, l.filterable && ae(l.filterMethod) ? l.filterMethod(e) : l.filterable && l.remote && ae(l.remoteMethod) && l.remoteMethod(e));
+  }, Ee = (e) => {
+    ie(l.modelValue, e) || m(qe, e);
+  }, p = (e) => {
+    m(Qe, e), Ee(e), t.previousValue = e?.toString();
+  }, Me = (e = [], n) => {
+    if (!N(n))
       return e.indexOf(n);
     const u = l.valueKey;
     let a = -1;
-    return e.some((c, r) => x(c, u) === x(n, u) ? (a = r, !0) : !1), a;
-  }, m = (e) => _(e) ? x(e, l.valueKey) : e, Ne = (e) => _(e) ? e.label : e, P = () => v(() => {
-    var n, u;
-    if (!h.value) return;
-    const e = O.value;
-    C.value.height = e.offsetHeight, o.value && M.value !== !1 && ((u = (n = b.value) == null ? void 0 : n.updatePopper) == null || u.call(n));
-  }), te = () => {
-    var e, n;
-    if (Pe(), k(), (n = (e = b.value) == null ? void 0 : e.updatePopper) == null || n.call(e), l.multiple)
-      return P();
-  }, Pe = () => {
-    const e = O.value;
+    return e.some((c, Ue) => b(c, u) === b(n, u) ? (a = Ue, !0) : !1), a;
+  }, h = (e) => N(e) ? b(e, l.valueKey) : e, We = (e) => N(e) ? e.label : e, M = () => f(() => {
+    if (!d.value) return;
+    const e = S.value;
+    x.value.height = e.offsetHeight, o.value && L.value !== !1 && g.value?.updatePopper?.();
+  }), Y = () => {
+    if (Fe(), U(), g.value?.updatePopper?.(), l.multiple)
+      return M();
+  }, Fe = () => {
+    const e = S.value;
     e && (t.selectWidth = e.getBoundingClientRect().width);
-  }, le = (e, n, u = !0) => {
-    var a, c;
+  }, Z = (e, n, u = !0) => {
     if (l.multiple) {
-      let r = l.modelValue.slice();
-      const L = He(r, m(e));
-      L > -1 ? (r = [
-        ...r.slice(0, L),
-        ...r.slice(L + 1)
-      ], t.cachedOptions.splice(L, 1), W(e)) : (l.multipleLimit <= 0 || r.length < l.multipleLimit) && (r = [...r, m(e)], t.cachedOptions.push(e), J(e), V(n)), y(r), e.created && (t.query = "", ee(""), t.inputLength = 20), l.filterable && !l.reserveKeyword && ((c = (a = h.value).focus) == null || c.call(a), w("")), l.filterable && (t.calculatedWidth = p.value.getBoundingClientRect().width), P(), Ue();
+      let a = l.modelValue.slice();
+      const c = Me(a, h(e));
+      c > -1 ? (a = [
+        ...a.slice(0, c),
+        ...a.slice(c + 1)
+      ], t.cachedOptions.splice(c, 1), T(e)) : (l.multipleLimit <= 0 || a.length < l.multipleLimit) && (a = [...a, h(e)], t.cachedOptions.push(e), G(e), v(n)), p(a), e.created && (t.query = "", X(""), t.inputLength = 20), l.filterable && !l.reserveKeyword && (d.value.focus?.(), C("")), l.filterable && (t.calculatedWidth = V.value.getBoundingClientRect().width), M(), _e();
     } else
-      ve.value = n, t.selectedLabel = e.label, y(m(e)), o.value = !1, t.isComposing = !1, t.isSilentBlur = u, J(e), e.created || H(), V(n);
-  }, Ae = (e, n) => {
-    const { valueKey: u } = l, a = l.modelValue.indexOf(x(n, u));
+      fe.value = n, t.selectedLabel = e.label, p(h(e)), o.value = !1, t.isComposing = !1, t.isSilentBlur = u, G(e), e.created || R(), v(n);
+  }, He = (e, n) => {
+    const { valueKey: u } = l, a = l.modelValue.indexOf(b(n, u));
     if (a > -1 && !I.value) {
       const c = [
         ...l.modelValue.slice(0, a),
         ...l.modelValue.slice(a + 1)
       ];
-      return t.cachedOptions.splice(a, 1), y(c), g("remove-tag", x(n, u)), t.softFocus = !0, W(n), v(X);
+      return t.cachedOptions.splice(a, 1), p(c), m("remove-tag", b(n, u)), t.softFocus = !0, T(n), f($);
     }
     e.stopPropagation();
-  }, Be = (e) => {
+  }, Ne = (e) => {
     const n = t.isComposing;
-    t.isComposing = !0, t.softFocus ? t.softFocus = !1 : n || g("focus", e);
-  }, ne = (e) => (t.softFocus = !1, v(() => {
-    var n, u;
-    (u = (n = h.value) == null ? void 0 : n.blur) == null || u.call(n), p.value && (t.calculatedWidth = p.value.getBoundingClientRect().width), t.isSilentBlur ? t.isSilentBlur = !1 : t.isComposing && g("blur", e), t.isComposing = !1;
-  })), De = () => {
-    t.displayInputValue.length > 0 ? w("") : o.value = !1;
-  }, _e = (e) => {
+    t.isComposing = !0, t.softFocus ? t.softFocus = !1 : n || m("focus", e);
+  }, ee = (e) => (t.softFocus = !1, f(() => {
+    d.value?.blur?.(), V.value && (t.calculatedWidth = V.value.getBoundingClientRect().width), t.isSilentBlur ? t.isSilentBlur = !1 : t.isComposing && m("blur", e), t.isComposing = !1;
+  })), Pe = () => {
+    t.displayInputValue.length > 0 ? C("") : o.value = !1;
+  }, Ae = (e) => {
     if (t.displayInputValue.length === 0) {
       e.preventDefault();
       const n = l.modelValue.slice();
-      n.pop(), W(t.cachedOptions.pop()), y(n);
+      n.pop(), T(t.cachedOptions.pop()), p(n);
     }
-  }, ze = () => {
+  }, Be = () => {
     let e;
-    return D(l.modelValue) ? e = [] : e = void 0, t.softFocus = !0, l.multiple ? t.cachedOptions = [] : t.selectedLabel = "", o.value = !1, y(e), g("clear"), H(), v(X);
-  }, w = (e) => {
+    return H(l.modelValue) ? e = [] : e = void 0, t.softFocus = !0, l.multiple ? t.cachedOptions = [] : t.selectedLabel = "", o.value = !1, p(e), m("clear"), R(), f($);
+  }, C = (e) => {
     t.displayInputValue = e, t.inputValue = e;
-  }, ue = (e, n = void 0) => {
+  }, te = (e, n = void 0) => {
     const u = s.value;
-    if (!["forward", "backward"].includes(e) || I.value || u.length <= 0 || ye.value)
+    if (!["forward", "backward"].includes(e) || I.value || u.length <= 0 || pe.value)
       return;
     if (!o.value)
-      return N();
+      return E();
     n === void 0 && (n = t.hoveringIndex);
     let a = -1;
     e === "forward" ? (a = n + 1, a >= u.length && (a = 0)) : e === "backward" && (a = n - 1, (a < 0 || a >= u.length) && (a = u.length - 1));
     const c = u[a];
     if (c.disabled || c.type === "Group")
-      return ue(e, a);
-    V(a), A(a);
-  }, Ke = () => {
+      return te(e, a);
+    v(a), W(a);
+  }, De = () => {
     if (o.value)
-      ~t.hoveringIndex && s.value[t.hoveringIndex] && le(
+      ~t.hoveringIndex && s.value[t.hoveringIndex] && Z(
         s.value[t.hoveringIndex],
         t.hoveringIndex,
         !1
       );
-    else return N();
-  }, V = (e) => {
+    else return E();
+  }, v = (e) => {
     t.hoveringIndex = e;
-  }, ae = () => {
+  }, le = () => {
     t.hoveringIndex = -1;
-  }, Ue = () => {
-    var n;
-    const e = h.value;
-    e && ((n = e.focus) == null || n.call(e));
-  }, ie = (e) => {
+  }, _e = () => {
+    const e = d.value;
+    e && e.focus?.();
+  }, ne = (e) => {
     const n = e.target.value;
-    if (w(n), t.displayInputValue.length > 0 && !o.value && (o.value = !0), t.calculatedWidth = p.value.getBoundingClientRect().width, l.multiple && P(), l.remote)
-      Z();
+    if (C(n), t.displayInputValue.length > 0 && !o.value && (o.value = !0), t.calculatedWidth = V.value.getBoundingClientRect().width, l.multiple && M(), l.remote)
+      J();
     else
-      return Y();
-  }, Fe = () => (o.value = !1, ne()), Qe = () => (t.inputValue = t.displayInputValue, v(() => {
-    ~G.value && (V(G.value), A(t.hoveringIndex));
-  })), A = (e) => {
-    R.value.scrollToItem(e);
-  }, B = () => {
-    if (ae(), l.multiple)
+      return j();
+  }, ze = () => (o.value = !1, ee()), Ke = () => (t.inputValue = t.displayInputValue, f(() => {
+    ~Q.value && (v(Q.value), W(t.hoveringIndex));
+  })), W = (e) => {
+    O.value.scrollToItem(e);
+  }, F = () => {
+    if (le(), l.multiple)
       if (l.modelValue.length > 0) {
         let e = !1;
         t.cachedOptions.length = 0, t.previousValue = l.modelValue.toString(), l.modelValue.forEach((n) => {
           const u = s.value.findIndex(
-            (a) => m(a) === n
+            (a) => h(a) === n
           );
           ~u && (t.cachedOptions.push(
             s.value[u]
-          ), e || V(u), e = !0);
+          ), e || v(u), e = !0);
         });
       } else
         t.cachedOptions = [], t.previousValue = void 0;
-    else if (E.value) {
+    else if (w.value) {
       t.previousValue = l.modelValue;
       const e = s.value, n = e.findIndex(
-        (u) => m(u) === m(l.modelValue)
+        (u) => h(u) === h(l.modelValue)
       );
-      ~n ? (t.selectedLabel = e[n].label, V(n)) : t.selectedLabel = `${l.modelValue}`;
+      ~n ? (t.selectedLabel = e[n].label, v(n)) : t.selectedLabel = `${l.modelValue}`;
     } else
       t.selectedLabel = "", t.previousValue = void 0;
-    H(), k();
+    R(), U();
   };
-  return S(o, (e) => {
-    var n, u;
-    g("visible-change", e), e ? (u = (n = b.value).update) == null || u.call(n) : (t.displayInputValue = "", t.previousQuery = null, j(""));
-  }), S(
+  return y(o, (e) => {
+    m("visible-change", e), e ? g.value.update?.() : (t.displayInputValue = "", t.previousQuery = null, k(""));
+  }), y(
     () => l.modelValue,
     (e, n) => {
-      var u;
-      (!e || e.toString() !== t.previousValue) && B(), !ce(e, n) && l.validateEvent && ((u = f == null ? void 0 : f.validate) == null || u.call(f, "change").catch((a) => $e(a)));
+      (!e || e.toString() !== t.previousValue) && F(), !ie(e, n) && l.validateEvent && A?.validate?.("change").catch((u) => Ge(u));
     },
     {
       deep: !0
     }
-  ), S(
+  ), y(
     () => l.options,
     () => {
-      const e = h.value;
-      (!e || e && document.activeElement !== e) && B();
+      const e = d.value;
+      (!e || e && document.activeElement !== e) && F();
     },
     {
       deep: !0
     }
-  ), S(s, () => {
-    var e;
-    return v((e = R.value) == null ? void 0 : e.resetScrollTop);
-  }), S(
-    () => $.value,
+  ), y(s, () => f(O.value?.resetScrollTop)), y(
+    () => q.value,
     (e) => {
-      e || ae();
+      e || le();
     }
-  ), Ye(() => {
-    B();
-  }), Ge(C, te), {
+  ), Xe(() => {
+    F();
+  }), ke(x, Y), {
     // data exports
-    collapseTagSize: q,
-    currentPlaceholder: Oe,
+    collapseTagSize: K,
+    currentPlaceholder: Se,
     expanded: o,
-    emptyText: M,
-    popupHeight: me,
-    debounce: F,
+    emptyText: L,
+    popupHeight: he,
+    debounce: _,
     filteredOptions: s,
-    iconComponent: U,
-    iconReverse: be,
-    inputWrapperStyle: Se,
-    popperSize: K,
-    dropdownMenuVisible: $,
-    hasModelValue: E,
+    iconComponent: D,
+    iconReverse: ge,
+    inputWrapperStyle: ye,
+    popperSize: B,
+    dropdownMenuVisible: q,
+    hasModelValue: w,
     // readonly,
-    shouldShowPlaceholder: Ce,
+    shouldShowPlaceholder: xe,
     selectDisabled: I,
-    selectSize: Q,
-    showClearBtn: Ve,
+    selectSize: z,
+    showClearBtn: ve,
     states: t,
-    tagMaxWidth: xe,
-    nsSelect: z,
-    nsInput: he,
+    tagMaxWidth: be,
+    nsSelect: P,
+    nsInput: re,
     // refs items exports
-    calculatorRef: p,
-    controlRef: ge,
-    inputRef: h,
-    menuRef: R,
-    popper: b,
-    selectRef: C,
-    selectionRef: O,
-    popperRef: we,
-    validateState: pe,
+    calculatorRef: V,
+    controlRef: me,
+    inputRef: d,
+    menuRef: O,
+    popper: g,
+    selectRef: x,
+    selectionRef: S,
+    popperRef: Ce,
+    validateState: Ve,
     validateIcon: Ie,
-    showTagList: Le,
-    collapseTagList: Te,
+    showTagList: Oe,
+    collapseTagList: we,
     // methods exports
-    debouncedOnInputChange: Z,
-    deleteTag: Ae,
-    getLabel: Ne,
-    getValueKey: m,
-    handleBlur: ne,
-    handleClear: ze,
-    handleClickOutside: Fe,
-    handleDel: _e,
-    handleEsc: De,
-    handleFocus: Be,
-    handleMenuEnter: Qe,
-    handleResize: te,
-    toggleMenu: N,
-    scrollTo: A,
-    onInput: ie,
-    onKeyboardNavigate: ue,
-    onKeyboardSelect: Ke,
-    onSelect: le,
-    onHover: V,
-    onUpdateInputValue: w,
-    handleCompositionStart: Re,
-    handleCompositionEnd: Me,
-    handleCompositionUpdate: Ee
+    debouncedOnInputChange: J,
+    deleteTag: He,
+    getLabel: We,
+    getValueKey: h,
+    handleBlur: ee,
+    handleClear: Be,
+    handleClickOutside: ze,
+    handleDel: Ae,
+    handleEsc: Pe,
+    handleFocus: Ne,
+    handleMenuEnter: Ke,
+    handleResize: Y,
+    toggleMenu: E,
+    scrollTo: W,
+    onInput: ne,
+    onKeyboardNavigate: te,
+    onKeyboardSelect: De,
+    onSelect: Z,
+    onHover: v,
+    onUpdateInputValue: C,
+    handleCompositionStart: Le,
+    handleCompositionEnd: Re,
+    handleCompositionUpdate: Te
   };
 };
 export {
-  St as default
+  xt as default
 };

package/es/components/side-menu/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     height: {
         type: import("vue").PropType<string>;
         default: string;
@@ -51,8 +51,8 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     };
     dragWidthCfg: {
         type: import("vue").PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
+            maxWidth?: number;
+            minWidth?: number;
         }>;
         default: boolean;
     };
@@ -75,9 +75,9 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {
-    sideRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    sideRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
@@ -142,8 +142,8 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     };
     dragWidthCfg: {
         type: import("vue").PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
+            maxWidth?: number;
+            minWidth?: number;
         }>;
         default: boolean;
     };
@@ -166,7 +166,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((val: {
         route: string;
         indexPath: string[];
@@ -178,7 +178,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     onSubMenuClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;
     onMenuItemMouseleave?: ((val: any) => any) | undefined;
-}, {
+}>, {
     height: string;
     width: string | number;
     collapse: boolean;
@@ -188,13 +188,13 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     menuTopBottomHeight: number;
     showCollapse: boolean;
     dragWidthCfg: boolean | {
-        maxWidth?: number | undefined;
-        minWidth?: number | undefined;
+        maxWidth?: number;
+        minWidth?: number;
     };
     useRouterJump: boolean;
-    autoScrollActiveDom: number | boolean;
+    autoScrollActiveDom: boolean | number;
     openMenuCollapse: boolean;
     disabledJudgeTurnOver: boolean;
-}, {}>> & Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSideMenu;
 export * from './types';