x-next 1.2.0 → 1.3.1

package/dist/es/components/form-select/hooks/use-select.js

@@ -1,146 +1,146 @@
-import { ref as J, watch as H, nextTick as P, provide as Q, reactive as X } from "vue";
-import { getRelativeRect as Z } from "../../../_utils/dom.js";
-import { useOptions as $ } from "./use-options.js";
-import { getKeyDownHandler as k, KEYBOARD_KEY as s } from "../../../_utils/keyboard.js";
-import { selectInjectionKey as b } from "../context.js";
-import { isUndefined as r } from "../../../_utils/is.js";
+import { ref as X, watch as U, nextTick as Z, provide as $, reactive as p } from "vue";
+import { getRelativeRect as R } from "../../../_utils/dom.js";
+import { useOptions as F } from "./use-options.js";
+import { KEYBOARD_KEY as a } from "../../../_utils/keyboard.js";
+import { selectInjectionKey as L } from "../context.js";
+import { isUndefined as f } from "../../../_utils/is.js";
 const le = ({
-  multiple: W,
-  options: y,
-  extraOptions: M,
-  inputValue: E,
-  filterOption: O,
-  showExtraOptions: U,
-  component: Y,
-  valueKey: T,
-  fieldNames: j,
-  loading: i,
-  popupVisible: v,
-  valueKeys: m,
-  dropdownRef: x,
-  optionRefs: p,
-  virtualListRef: a,
-  onSelect: g,
-  onPopupVisibleChange: h,
-  getOptionId: A,
-  enterToOpen: B = !0,
-  defaultActiveFirstOption: D
+  multiple: B,
+  options: H,
+  extraOptions: Y,
+  inputValue: T,
+  filterOption: E,
+  showExtraOptions: j,
+  component: M,
+  valueKey: h,
+  fieldNames: q,
+  loading: m,
+  disabled: y,
+  popupVisible: c,
+  valueKeys: x,
+  dropdownRef: K,
+  optionRefs: O,
+  virtualListRef: v,
+  onSelect: k,
+  onPopupVisibleChange: i,
+  getOptionId: z,
+  enterToOpen: C = !0,
+  defaultActiveFirstOption: g
 }) => {
   const {
-    validOptions: C,
-    optionInfoMap: w,
-    validOptionInfos: q,
-    enabledOptionKeys: o,
-    getNextSlotOptionIndex: z,
-    addSlotOptionInfo: K,
-    removeSlotOptionInfo: S
-  } = $({
-    options: y,
-    extraOptions: M,
-    inputValue: E,
-    filterOption: O,
-    showExtraOptions: U,
-    valueKey: T,
-    fieldNames: j
-  }), l = J();
-  H(o, (e) => {
-    (r(l.value) || !e.includes(l.value)) && (l.value = e[0]);
+    validOptions: G,
+    optionInfoMap: D,
+    validOptionInfos: J,
+    enabledOptionKeys: l,
+    getNextSlotOptionIndex: P,
+    addSlotOptionInfo: S,
+    removeSlotOptionInfo: _
+  } = F({
+    options: H,
+    extraOptions: Y,
+    inputValue: T,
+    filterOption: E,
+    showExtraOptions: j,
+    valueKey: h,
+    fieldNames: q
+  }), t = X();
+  let u;
+  const w = () => {
+    const e = l.value, r = x.value[x.value.length - 1];
+    return e.includes(r) ? r : u ? u === "up" ? e[e.length - 1] : e[0] : (g == null ? void 0 : g.value) ?? !0 ? e[0] : void 0;
+  };
+  U(l, (e) => {
+    c.value && u ? t.value = w() : (f(t.value) || !e.includes(t.value)) && (t.value = e[0]);
   });
-  const _ = (e) => {
-    l.value = e;
-  }, I = (e) => {
-    const t = o.value.length;
-    if (t === 0)
+  const A = (e) => {
+    t.value = e;
+  }, N = (e) => {
+    const r = l.value.length;
+    if (r === 0)
       return;
-    if (r(l.value))
-      return e === "down" ? o.value[0] : o.value[t - 1];
-    const n = o.value.indexOf(l.value), c = (t + n + (e === "up" ? -1 : 1)) % t;
-    return o.value[c];
-  }, u = (e) => {
+    if (f(t.value))
+      return e === "down" ? l.value[0] : l.value[r - 1];
+    const o = l.value.indexOf(t.value), n = (r + o + (e === "up" ? -1 : 1)) % r;
+    return l.value[n];
+  }, I = (e) => {
     var d;
-    a != null && a.value && a.value.scrollTo({ key: e });
-    const t = w.get(e), n = (d = x == null ? void 0 : x.value) == null ? void 0 : d.wrapperRef, c = (p == null ? void 0 : p.value[e]) ?? (t == null ? void 0 : t.ref);
-    if (!n || !c || n.scrollHeight === n.offsetHeight)
+    v != null && v.value && v.value.scrollTo({ key: e });
+    const r = D.get(e), o = (d = K == null ? void 0 : K.value) == null ? void 0 : d.wrapperRef, n = (O == null ? void 0 : O.value[e]) ?? (r == null ? void 0 : r.ref);
+    if (!o || !n || o.scrollHeight === o.offsetHeight)
       return;
-    const f = Z(c, n), N = n.scrollTop;
-    f.top < 0 ? n.scrollTo(0, N + f.top) : f.bottom < 0 && n.scrollTo(0, N - f.bottom);
+    const s = R(n, o), W = o.scrollTop;
+    s.top < 0 ? o.scrollTo(0, W + s.top) : s.bottom < 0 && o.scrollTo(0, W - s.bottom);
   };
-  H(
-    v,
+  U(
+    c,
     (e) => {
-      if (e) {
-        const t = m.value[m.value.length - 1];
-        let n = (D == null ? void 0 : D.value) ?? !0 ? o.value[0] : void 0;
-        o.value.includes(t) && (n = t), n !== l.value && (l.value = n), P(() => {
-          r(l.value) || u(l.value);
-        });
-      }
+      e ? (t.value = w(), Z(() => {
+        u = void 0, c.value && !f(t.value) && I(t.value);
+      })) : u = void 0;
     },
     { immediate: !0 }
   );
-  const G = k(
-    /* @__PURE__ */ new Map([
-      [
-        s.ENTER,
-        (e) => {
-          !(i != null && i.value) && !e.isComposing && (v.value ? r(l.value) || (g(l.value, e), e.preventDefault()) : B && (h(!0), e.preventDefault()));
-        }
-      ],
-      [
-        s.ESC,
-        (e) => {
-          v.value && (h(!1), e.preventDefault());
-        }
-      ],
-      [
-        s.ARROW_DOWN,
-        (e) => {
-          if (v.value) {
-            const t = I("down");
-            r(t) || (l.value = t, u(t)), e.preventDefault();
-          }
-        }
-      ],
-      [
-        s.ARROW_UP,
-        (e) => {
-          if (v.value) {
-            const t = I("up");
-            r(t) || (l.value = t, u(t)), e.preventDefault();
-          }
+  const Q = (e) => {
+    if (y != null && y.value || e.isComposing || e.keyCode === 229 || e.ctrlKey || e.altKey || e.metaKey)
+      return;
+    if (e.key === a.TAB) {
+      u = void 0, c.value && i(!1);
+      return;
+    }
+    if (e.shiftKey)
+      return;
+    const r = () => {
+      e.stopPropagation(), e.preventDefault();
+    };
+    if (e.key === a.ESC) {
+      u = void 0, c.value && (r(), i(!1));
+      return;
+    }
+    if (!(m != null && m.value)) {
+      if (e.key === a.ENTER) {
+        c.value ? !f(t.value) && l.value.includes(t.value) && (r(), k(t.value, e)) : C && (u = void 0, r(), i(!0));
+        return;
+      }
+      if (e.key === a.ARROW_DOWN || e.key === a.ARROW_UP) {
+        const o = e.key === a.ARROW_UP ? "up" : "down";
+        if (r(), !c.value)
+          u = o, i(!0);
+        else {
+          const n = N(o);
+          f(n) || (t.value = n, I(n));
         }
-      ]
-    ])
-  );
-  return Q(
-    b,
-    X({
-      multiple: W,
-      valueKey: T,
-      inputValue: E,
-      filterOption: O,
-      component: Y,
-      valueKeys: m,
-      activeKey: l,
-      getOptionId: A,
-      setActiveKey: _,
-      onSelect: g,
-      getNextSlotOptionIndex: z,
-      addSlotOptionInfo: K,
-      removeSlotOptionInfo: S
+      }
+    }
+  };
+  return $(
+    L,
+    p({
+      multiple: B,
+      valueKey: h,
+      inputValue: T,
+      filterOption: E,
+      component: M,
+      valueKeys: x,
+      activeKey: t,
+      getOptionId: z,
+      setActiveKey: A,
+      onSelect: k,
+      getNextSlotOptionIndex: P,
+      addSlotOptionInfo: S,
+      removeSlotOptionInfo: _
     })
   ), {
-    validOptions: C,
-    optionInfoMap: w,
-    validOptionInfos: q,
-    enabledOptionKeys: o,
-    activeKey: l,
-    setActiveKey: _,
-    addSlotOptionInfo: K,
-    removeSlotOptionInfo: S,
-    getNextActiveKey: I,
-    scrollIntoView: u,
-    handleKeyDown: G
+    validOptions: G,
+    optionInfoMap: D,
+    validOptionInfos: J,
+    enabledOptionKeys: l,
+    activeKey: t,
+    setActiveKey: A,
+    addSlotOptionInfo: S,
+    removeSlotOptionInfo: _,
+    getNextActiveKey: N,
+    scrollIntoView: I,
+    handleKeyDown: Q
   };
 };
 export {