@unicom-cloud/ui 0.8.95 → 0.8.97

package/anchor/Anchor.js

@@ -1,8 +1,8 @@
 import { jsxs as mt, jsx as w } from "react/jsx-runtime";
 import { compute as pt } from "../dist/compute-scroll-into-view/src/index.js";
 import dt from "../dist/scroll-into-view-if-needed/src/index.js";
-import _ from "lodash/isFunction";
-import E from "lodash/isNumber";
+import j from "lodash/isFunction";
+import b from "lodash/isNumber";
 import gt from "lodash/throttle";
 import { forwardRef as ht, useContext as Ct, useRef as k, useState as kt, useEffect as A, useCallback as N, useImperativeHandle as xt } from "react";
 import Lt from "../affix/index.js";
@@ -15,7 +15,7 @@ import { on as Nt, off as St } from "../components/common/utils/dom.js";
 import { isWindow as $t } from "../components/common/utils/is.js";
 import Tt from "./context.js";
 import vt from "./Link.js";
-import { findNode as P, getContainerElement as bt, getContainer as Mt, getScrollParent as Et, slide as Pt } from "./util.js";
+import { findNode as P, getContainerElement as bt, getContainer as Pt, getScrollParent as Mt, slide as Et } from "./util.js";
 import Ft from "../config-provider/context.js";
 const It = {
   animation: !0,
@@ -23,11 +23,11 @@ const It = {
   hash: !0,
   boundary: "start"
 };
-function Ht(G, J) {
-  const { getPrefixCls: S, componentConfig: $, rtl: F } = Ct(Ft), K = Rt(
-    G,
+function Ht(_, q) {
+  const { getPrefixCls: G, componentConfig: J, rtl: M } = Ct(Ft), K = Rt(
+    _,
     It,
-    $ == null ? void 0 : $.Anchor
+    J?.Anchor
   ), {
     className: Q,
     style: X,
@@ -38,41 +38,41 @@ function Ht(G, J) {
     affixStyle: tt,
     offsetBottom: et,
     offsetTop: nt,
-    hash: I = !0,
+    hash: E = !0,
     boundary: i = "start",
-    targetOffset: T,
+    targetOffset: S,
     children: rt,
     direction: L = "vertical",
-    onSelect: H,
-    onChange: v,
+    onSelect: F,
+    onChange: $,
     ...ot
-  } = K, f = S == null ? void 0 : S("anchor"), it = At(f, Q, {
+  } = K, f = G?.("anchor"), it = At(f, Q, {
     [`${f}-lineless`]: x,
-    [`${f}-rtl`]: F,
+    [`${f}-rtl`]: M,
     [`${f}-horizontal`]: L === "horizontal"
-  }), s = k(null), p = k(null), a = k(/* @__PURE__ */ new Map()), b = k(!1), d = k(null), [st, O] = kt(0), [o, ct] = wt(""), lt = yt();
-  function z() {
-    let t = Mt(m);
-    return m || (t = Et(s.current)), t;
+  }), s = k(null), p = k(null), a = k(/* @__PURE__ */ new Map()), T = k(!1), d = k(null), [st, I] = kt(0), [o, ct] = wt(""), lt = yt();
+  function H() {
+    let t = Pt(m);
+    return m || (t = Mt(s.current)), t;
   }
   A(() => {
-    const t = z();
+    const t = H();
     d.current = t;
   }, [m]);
-  const ft = N(() => z(), [m]);
+  const ft = N(() => H(), [m]);
   xt(
-    J,
+    q,
     () => ({
       dom: s.current,
       getRootDOMNode: () => s.current
     }),
     []
   );
-  function B(t, e) {
-    t && (a.current.set(t, e), O(Math.random()));
+  function O(t, e) {
+    t && (a.current.set(t, e), I(Math.random()));
   }
   function at(t) {
-    a.current.delete(t), O(Math.random());
+    a.current.delete(t), I(Math.random());
   }
   const y = N(
     (t) => {
@@ -80,7 +80,7 @@ function Ht(G, J) {
         return;
       if (!a.current.has(t)) {
         const n = P(s.current, `a[data-href='${t}']`);
-        n && B(t, n);
+        n && O(t, n);
       }
       const e = a.current.get(t);
       e && t !== o && (dt(e, {
@@ -89,35 +89,35 @@ function Ht(G, J) {
         scrollMode: "if-needed",
         boundary: s.current
       }), ct(t).then(() => {
-        _(v) && v(t, o);
+        j($) && $(t, o);
       }));
     },
-    [o, v]
-  ), U = N(() => {
+    [o, $]
+  ), z = N(() => {
     let t;
-    const e = E(i) ? i : 0, n = d.current, h = bt(n).getBoundingClientRect(), R = document.documentElement.clientHeight;
-    return [...a.current.keys()].some((M) => {
-      const c = P(document, M);
+    const e = b(i) ? i : 0, n = d.current, h = bt(n).getBoundingClientRect(), R = document.documentElement.clientHeight;
+    return [...a.current.keys()].some((v) => {
+      const c = P(document, v);
       let u = !1;
       if (c) {
         const { top: r, height: C } = c.getBoundingClientRect();
         if ($t(n)) {
-          const l = T ?? R / 2;
+          const l = S ?? R / 2;
           u = r >= e && r <= l || r <= e && r + C >= l;
         } else {
-          const l = r - h.top - e, D = T ?? h.height / 2;
-          u = l >= 0 && l <= D || l <= 0 && l + C >= D;
+          const l = r - h.top - e, W = S ?? h.height / 2;
+          u = l >= 0 && l <= W || l <= 0 && l + C >= W;
         }
         u && (t = c);
       }
       return u;
     }), t;
-  }, [i, T]), g = N(
+  }, [i, S]), g = N(
     gt(
       (t) => {
-        if (b.current)
+        if (T.current)
           return;
-        const e = U();
+        const e = z();
         if (e && e.id) {
           const n = `#${e.id}`;
           y(n);
@@ -126,29 +126,29 @@ function Ht(G, J) {
       30,
       { trailing: !0 }
     ),
-    [U, y]
+    [z, y]
   );
-  function V(t) {
+  function B(t) {
     if (t)
       try {
         const e = P(document, t);
         if (!e)
           return;
-        const n = E(i) ? "start" : i, j = E(i) ? i : 0, h = pt(e, { block: n });
+        const n = b(i) ? "start" : i, V = b(i) ? i : 0, h = pt(e, { block: n });
         if (!h.length)
           return;
         let R = !1;
-        const M = h.map(({ el: c, top: u }) => new Promise((r) => {
+        const v = h.map(({ el: c, top: u }) => new Promise((r) => {
           if (!R) {
             c === d.current && (R = !0);
-            const C = u - j;
-            return Y ? Pt(c, C, r) : (I || (c.scrollTop = C), r(null));
+            const C = u - V;
+            return Y ? Et(c, C, r) : (E || (c.scrollTop = C), r(null));
           }
           r(null);
         }));
-        b.current = !0, Promise.all(M).then(() => {
+        T.current = !0, Promise.all(v).then(() => {
           setTimeout(() => {
-            b.current = !1;
+            T.current = !1;
           }, 27);
         });
       } catch (e) {
@@ -156,18 +156,18 @@ function Ht(G, J) {
       }
   }
   function ut(t, e) {
-    I || t.preventDefault(), y(e), V(e), _(H) && H(e, o);
+    E || t.preventDefault(), y(e), B(e), j(F) && F(e, o);
   }
   A(() => {
     const t = decodeURIComponent(location.hash);
-    t ? (y(t), V(t)) : g(null);
+    t ? (y(t), B(t)) : g(null);
   }, []), A(() => (lt || g(null), Nt(d.current, "scroll", g), () => {
     St(d.current, "scroll", g);
   }), [m, g]), A(() => {
     const t = a.current.get(o);
     t && !x && p.current && (L === "horizontal" ? (p.current.style.left = `${t.offsetLeft}px`, p.current.style.width = `${t.clientWidth}px`) : p.current.style.top = `${t.offsetTop}px`);
-  }, [o, x, L, F, st]);
-  const W = /* @__PURE__ */ mt("div", { className: it, style: X, ref: s, ...ot, children: [
+  }, [o, x, L, M, st]);
+  const U = /* @__PURE__ */ mt("div", { className: it, style: X, ref: s, ...ot, children: [
     !x && o && /* @__PURE__ */ w("div", { className: `${f}-line-slider`, ref: p }),
     /* @__PURE__ */ w(
       Tt.Provider,
@@ -175,7 +175,7 @@ function Ht(G, J) {
         value: {
           direction: L,
           currentLink: o,
-          addLink: B,
+          addLink: O,
           removeLink: at,
           onLinkClick: ut
         },
@@ -190,14 +190,14 @@ function Ht(G, J) {
       offsetBottom: et,
       style: tt,
       target: ft,
-      children: W
+      children: U
     }
-  ) : W;
+  ) : U;
 }
-const Ot = ht(Ht), q = Ot;
-q.displayName = "Anchor";
-q.Link = vt;
+const Ot = ht(Ht), D = Ot;
+D.displayName = "Anchor";
+D.Link = vt;
 export {
   vt as AnchorLink,
-  q as default
+  D as default
 };

package/anchor/Link.js

@@ -1,53 +1,53 @@
-import { jsxs as k, jsx as P } from "react/jsx-runtime";
-import R from "lodash/isNull";
-import E from "lodash/isPlainObject";
-import L from "lodash/isString";
-import O from "lodash/isUndefined";
-import $, { forwardRef as b, useContext as p, useRef as v, useImperativeHandle as w, useEffect as I, isValidElement as M } from "react";
+import { jsxs as A, jsx as P } from "react/jsx-runtime";
+import g from "lodash/isNull";
+import j from "lodash/isPlainObject";
+import v from "lodash/isString";
+import R from "lodash/isUndefined";
+import E, { forwardRef as O, useContext as c, useRef as $, useImperativeHandle as b, useEffect as w, isValidElement as I } from "react";
 import "../config-provider/ConfigProvider.js";
-import S from "../components/common/hooks/useMergeProps.js";
-import g from "@unicom-cloud/utils/class-name";
+import M from "../components/common/hooks/useMergeProps.js";
+import S from "@unicom-cloud/utils/class-name";
 import z from "./context.js";
 import D from "../config-provider/context.js";
-const u = "AnchorLink", H = {
+const a = "AnchorLink", H = {
   href: "#"
 };
-function U(o) {
-  return E(o) && Object.prototype.hasOwnProperty.call(o, "displayName");
+function U(t) {
+  return j(t) && Object.prototype.hasOwnProperty.call(t, "displayName");
 }
-function V(o, d) {
-  const { getPrefixCls: n, componentConfig: s } = p(D), { className: h, style: N, href: r, title: e, children: f, ...x } = S(
-    o,
+function V(t, l) {
+  const { getPrefixCls: m, componentConfig: f } = c(D), { className: p, style: d, href: e, title: n, children: s, ...u } = M(
+    t,
     H,
-    s == null ? void 0 : s["Anchor.Link"]
-  ), y = p(z), { currentLink: C, addLink: i, removeLink: a, onLinkClick: c, direction: A } = y, l = n == null ? void 0 : n("anchor-link"), j = g(
-    l,
+    f?.["Anchor.Link"]
+  ), h = c(z), { currentLink: C, addLink: k, removeLink: N, onLinkClick: x, direction: L } = h, o = m?.("anchor-link"), y = S(
+    o,
     {
-      [`${l}-active`]: C === r
+      [`${o}-active`]: C === e
     },
-    h
-  ), m = v(null);
-  return w(d, () => m.current, []), I(() => (i == null || i(r, m.current), () => {
-    a == null || a(r);
-  }), [r]), /* @__PURE__ */ k("div", { className: j, style: N, ref: m, ...x, children: [
-    !O(e) && !R(e) && /* @__PURE__ */ P(
+    p
+  ), i = $(null);
+  return b(l, () => i.current, []), w(() => (k?.(e, i.current), () => {
+    N?.(e);
+  }), [e]), /* @__PURE__ */ A("div", { className: y, style: d, ref: i, ...u, children: [
+    !R(n) && !g(n) && /* @__PURE__ */ P(
       "a",
       {
-        className: `${l}-title`,
-        title: L(e) ? e : "",
-        href: r,
-        "data-href": r,
-        onClick: (t) => {
-          c == null || c(t, r);
+        className: `${o}-title`,
+        title: v(n) ? n : "",
+        href: e,
+        "data-href": e,
+        onClick: (r) => {
+          x?.(r, e);
         },
-        children: e
+        children: n
       }
     ),
-    f && A !== "horizontal" && $.Children.map(f, (t) => M(t) && U(t.type) && t.type.displayName === u && t)
+    s && L !== "horizontal" && E.Children.map(s, (r) => I(r) && U(r.type) && r.type.displayName === a && r)
   ] });
 }
-const Y = b(V);
-Y.displayName = u;
+const Y = O(V);
+Y.displayName = a;
 export {
   Y as default
 };

package/anchor/util.js

@@ -1,7 +1,7 @@
 import { Tween as u } from "../dist/tween/src/tween.js";
-import { quartOut as l } from "../dist/tween/src/easing.js";
+import { quartOut as c } from "../dist/tween/src/easing.js";
 import i from "lodash/isString";
-import { isWindow as c } from "../components/common/utils/is.js";
+import { isWindow as l } from "../components/common/utils/is.js";
 function s(o, n) {
   const r = i(n) && n[0] === "#" ? `[id='${n.replace("#", "")}']` : n;
   try {
@@ -18,13 +18,13 @@ function w(o, n, r) {
     to: {
       scrollTop: n
     },
-    easing: l,
+    easing: c,
     duration: 300,
     onUpdate: (e) => {
       o.scrollTop = e.scrollTop;
     },
     onFinish: () => {
-      r == null || r();
+      r?.();
     }
   }).start();
 }
@@ -32,7 +32,7 @@ function g(o) {
   return i(o) ? s(document, o) : o || window;
 }
 function S(o) {
-  return c(o) ? document.documentElement || document.body : o;
+  return l(o) ? document.documentElement || document.body : o;
 }
 function d(o) {
   if (o == null)

package/auto-complete/index.js

@@ -1,156 +1,150 @@
-import { jsx as a } from "react/jsx-runtime";
-import le from "@unicom-cloud/icons/IconUiLoading";
-import p, { useContext as ne, useState as se, useRef as $, isValidElement as ce, useImperativeHandle as ae } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import Y from "@unicom-cloud/icons/IconUiLoading";
+import u, { useContext as Z, useState as ee, useRef as x, isValidElement as te, useImperativeHandle as oe } from "react";
 import "../config-provider/ConfigProvider.js";
-import ie from "../components/common/hooks/useMergeProps.js";
-import ue from "../components/common/hooks/useMergeValue.js";
-import fe from "../input/Input.js";
-import d from "../select/Select.js";
-import { isSelectOption as me, isSelectOptGroup as pe } from "../select/util.js";
-import de from "@unicom-cloud/utils/class-name";
-import { Enter as ge, Esc as Oe } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as Ce } from "../components/common/utils/omit.js";
-import { pickDataAttributes as ye } from "../components/common/utils/pick.js";
-import he from "../config-provider/context.js";
-const Ae = `Autocomplete_${Math.random()}`, { Option: B } = d, Ee = {
+import re from "../components/common/hooks/useMergeProps.js";
+import ne from "../components/common/hooks/useMergeValue.js";
+import se from "../input/Input.js";
+import c from "../select/Select.js";
+import { isSelectOption as le, isSelectOptGroup as ie } from "../select/util.js";
+import pe from "@unicom-cloud/utils/class-name";
+import { Enter as ue, Esc as ce } from "@unicom-cloud/utils/constant/keyboardCode";
+import { omit as ae } from "../components/common/utils/omit.js";
+import { pickDataAttributes as fe } from "../components/common/utils/pick.js";
+import me from "../config-provider/context.js";
+const de = `Autocomplete_${Math.random()}`, { Option: N } = c, ge = {
   defaultActiveFirstOption: !0,
-  triggerElement: /* @__PURE__ */ a(fe, {})
+  triggerElement: /* @__PURE__ */ n(se, {})
 };
-function Ne(D, j) {
-  var L, R;
-  const { getPrefixCls: g, componentConfig: O } = ne(he), l = ie(
-    D,
-    Ee,
-    O == null ? void 0 : O.AutoComplete
+function Ce(S, F) {
+  const { getPrefixCls: V, componentConfig: w } = Z(me), r = re(
+    S,
+    ge,
+    w?.AutoComplete
   ), {
-    style: H,
-    className: K,
-    children: C,
-    data: s,
-    defaultValue: U,
-    value: _,
-    placeholder: q,
-    error: z,
-    disabled: J,
-    strict: Q,
-    allowClear: T,
-    loading: W,
-    defaultActiveFirstOption: X,
-    triggerElement: y,
-    getPopupContainer: Y,
-    dropdownRender: Z,
-    virtualListProps: P,
-    onFocus: h,
-    onBlur: A,
-    onChange: c,
-    onSearch: E,
-    onSelect: N,
-    onPressEnter: v,
-    inputProps: t
-  } = l, [V, F] = ue("", {
-    defaultValue: U,
-    value: _
-  }), [ee, b] = se(!1), f = $(null), i = $(null), k = g == null ? void 0 : g("autocomplete"), te = "filterOption" in l ? l.filterOption : (e, o) => Q ? o.props.value.indexOf(e) > -1 : o.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, w = p.Children.toArray(C);
-  let x = null;
-  w.length && (me(w[0]) || pe(w[0])) ? x = C : s && s.length && (x = s.map((e, o) => {
-    if (ce(e))
+    style: I,
+    className: v,
+    children: a,
+    data: l,
+    defaultValue: b,
+    value: k,
+    placeholder: L,
+    error: R,
+    disabled: B,
+    strict: G,
+    allowClear: M,
+    loading: $,
+    defaultActiveFirstOption: D,
+    triggerElement: f,
+    getPopupContainer: j,
+    dropdownRender: H,
+    virtualListProps: K,
+    onFocus: T,
+    onBlur: U,
+    onChange: O,
+    onSearch: _,
+    onSelect: q,
+    onPressEnter: y,
+    inputProps: o
+  } = r, [m, A] = ne("", {
+    defaultValue: b,
+    value: k
+  }), [z, P] = ee(!1), i = x(null), s = x(null), E = V?.("autocomplete"), J = "filterOption" in r ? r.filterOption : (e, t) => G ? t.props.value.indexOf(e) > -1 : t.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, d = u.Children.toArray(a);
+  let g = null;
+  d.length && (le(d[0]) || ie(d[0])) ? g = a : l && l.length && (g = l.map((e, t) => {
+    if (te(e))
       return e;
     if (typeof e == "string")
-      return /* @__PURE__ */ a(B, { value: e, children: e }, o);
+      return /* @__PURE__ */ n(N, { value: e, children: e }, t);
     if (typeof e == "object") {
-      const { value: r, name: n } = e;
-      return /* @__PURE__ */ a(
-        B,
+      const { value: p, name: X } = e;
+      return /* @__PURE__ */ n(
+        N,
         {
-          value: r,
-          extra: Ce(e, ["value", "name"]),
-          children: n
+          value: p,
+          extra: ae(e, ["value", "name"]),
+          children: X
         },
-        o
+        t
       );
     }
     return null;
-  })), ae(j, () => f.current);
-  const u = typeof y == "function" ? y({ value: V }) : y, oe = p.cloneElement(u, {
+  })), oe(F, () => i.current);
+  const C = typeof f == "function" ? f({ value: m }) : f, Q = u.cloneElement(C, {
     ref: (e) => {
-      f.current = e;
-      const { ref: o } = u;
-      typeof o == "function" && o(e);
+      i.current = e;
+      const { ref: t } = C;
+      typeof t == "function" && t(e);
     },
-    className: de(
-      `${k}`,
-      t && t.className,
-      K
+    className: pe(
+      `${E}`,
+      o && o.className,
+      v
     ),
-    style: H,
-    value: V,
-    placeholder: q,
-    error: z,
-    status: l.status,
-    disabled: J,
-    allowClear: T,
-    ...t,
-    ...ye(l),
+    style: I,
+    value: m,
+    placeholder: L,
+    error: R,
+    status: r.status,
+    disabled: B,
+    allowClear: M,
+    ...o,
+    ...fe(r),
     // Empty tag to ensure the consistency of the dom structure of input, such that input won't accidentally lose focus due to structure change on input.
-    suffix: W ? /* @__PURE__ */ a(le, {}) : ((L = u == null ? void 0 : u.type) == null ? void 0 : L.displayName) === "Search" ? void 0 : (t == null ? void 0 : t.suffix) || /* @__PURE__ */ a("i", {}),
+    suffix: $ ? /* @__PURE__ */ n(Y, {}) : C?.type?.displayName === "Search" ? void 0 : o?.suffix || /* @__PURE__ */ n("i", {}),
     onFocus: (e) => {
-      var o;
-      b(!0), h == null || h(e), (o = t == null ? void 0 : t.onFocus) == null || o.call(t, e);
+      P(!0), T?.(e), o?.onFocus?.(e);
     },
     onBlur: (e) => {
-      var o;
-      b(!1), A == null || A(e), (o = t == null ? void 0 : t.onBlur) == null || o.call(t, e);
+      P(!1), U?.(e), o?.onBlur?.(e);
     },
     onKeyDown: (e) => {
-      var r, n, m, S, G;
-      const o = e.key;
-      if ((n = (r = i.current) == null ? void 0 : r.hotkeyHandler) == null || n.call(r, e), o === ge.key && v) {
-        let M;
-        i.current && (M = i.current.getOptionInfoByValue(
-          i.current.activeOptionValue
-        )), v(e, M);
+      const t = e.key;
+      if (s.current?.hotkeyHandler?.(e), t === ue.key && y) {
+        let p;
+        s.current && (p = s.current.getOptionInfoByValue(
+          s.current.activeOptionValue
+        )), y(e, p);
       }
-      o === Oe.key && ((S = (m = f.current) == null ? void 0 : m.blur) == null || S.call(m)), (G = t == null ? void 0 : t.onKeyDown) == null || G.call(t, e);
+      t === ce.key && i.current?.blur?.(), o?.onKeyDown?.(e);
     },
-    onChange: (e, o) => {
-      var r;
-      F(e), E == null || E(e), c == null || c(e), (r = t == null ? void 0 : t.onChange) == null || r.call(t, e, o);
+    onChange: (e, t) => {
+      A(e), _?.(e), O?.(e), o?.onChange?.(e, t);
     }
-  }), re = {
-    popupVisible: !!(ee && (s != null && s.length || p.Children.count(C))),
-    ...l.triggerProps,
+  }), W = {
+    popupVisible: !!(z && (l?.length || u.Children.count(a))),
+    ...r.triggerProps,
     // Other trigger types are not supported yet
     trigger: "focus",
-    className: [`${k}-popup`].concat((R = l == null ? void 0 : l.triggerProps) == null ? void 0 : R.className)
+    className: [`${E}-popup`].concat(r?.triggerProps?.className)
   };
-  return /* @__PURE__ */ a(d, { ref: i, ...{
-    triggerElement: oe,
+  return /* @__PURE__ */ n(c, { ref: s, ...{
+    triggerElement: Q,
     // Guarantee that onChange can always be triggered
-    value: Ae,
-    inputValue: V,
-    defaultActiveFirstOption: X,
-    triggerProps: re,
-    getPopupContainer: Y,
-    dropdownRender: Z,
-    filterOption: te,
-    virtualListProps: P,
+    value: de,
+    inputValue: m,
+    defaultActiveFirstOption: D,
+    triggerProps: W,
+    getPopupContainer: j,
+    dropdownRender: H,
+    filterOption: J,
+    virtualListProps: K,
     notFoundContent: null,
-    onChange: (e, o) => {
-      var r, n;
-      F(e), c == null || c(e, o), e && (N == null || N(e, o)), (n = (r = f.current) == null ? void 0 : r.blur) == null || n.call(r);
+    onChange: (e, t) => {
+      A(e), O?.(e, t), e && q?.(e, t), i.current?.blur?.();
     }
-  }, children: x });
+  }, children: g });
 }
-const Ve = p.forwardRef(Ne), I = Ve;
-I.displayName = "AutoComplete";
-const [we, xe] = [
-  d.Option,
-  d.OptGroup
+const he = u.forwardRef(Ce), h = he;
+h.displayName = "AutoComplete";
+const [Oe, ye] = [
+  c.Option,
+  c.OptGroup
 ];
-I.Option = we;
-I.OptGroup = xe;
+h.Option = Oe;
+h.OptGroup = ye;
 export {
-  xe as AutoCompleteOptGroup,
-  we as AutoCompleteOption,
-  I as default
+  ye as AutoCompleteOptGroup,
+  Oe as AutoCompleteOption,
+  h as default
 };