x-next 1.1.0 → 1.3.0

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 {

package/dist/es/components/form-slider/Slider.vue.js

@@ -1,19 +1,17 @@
 import g from "./Slider.vue2.js";
-import { resolveComponent as n, openBlock as e, createElementBlock as k, normalizeClass as l, createElementVNode as s, normalizeStyle as d, createBlock as i, createCommentVNode as a, createVNode as y } from "vue";
-import M from "../../_virtual/_plugin-vue_export-helper.js";
-function f(o, t, w, C, b, B) {
-  const m = n("slider-ticks"), u = n("slider-dots"), p = n("slider-marks"), r = n("slider-button"), v = n("slider-input");
-  return e(), k("div", {
-    class: l(o.cls)
-  }, [
-    s("div", {
+import { resolveComponent as n, openBlock as e, createElementBlock as k, mergeProps as a, createElementVNode as d, normalizeClass as s, normalizeStyle as y, createBlock as i, createCommentVNode as l, createVNode as M } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+function w(o, r, C, b, B, S) {
+  const m = n("slider-ticks"), p = n("slider-dots"), u = n("slider-marks"), t = n("slider-button"), v = n("slider-input");
+  return e(), k("div", a(o.wrapperAttrs, { class: o.cls }), [
+    d("div", {
       ref: "trackRef",
-      class: l(o.trackCls),
-      onClick: t[0] || (t[0] = (...h) => o.handleClick && o.handleClick(...h))
+      class: s(o.trackCls),
+      onClick: r[0] || (r[0] = (...h) => o.handleClick && o.handleClick(...h))
     }, [
-      s("div", {
-        class: l(o.className.element("bar")),
-        style: d(o.getBarStyle(o.computedValue))
+      d("div", {
+        class: s(o.className.element("bar")),
+        style: y(o.getBarStyle(o.computedValue))
       }, null, 6),
       o.showTicks ? (e(), i(m, {
         key: 0,
@@ -22,24 +20,23 @@ function f(o, t, w, C, b, B) {
         min: o.min,
         max: o.max,
         direction: o.direction
-      }, null, 8, ["value", "step", "min", "max", "direction"])) : a("", !0),
-      o.marks ? (e(), i(u, {
+      }, null, 8, ["value", "step", "min", "max", "direction"])) : l("", !0),
+      o.marks ? (e(), i(p, {
         key: 1,
         data: o.markList,
         min: o.min,
         max: o.max,
         direction: o.direction
-      }, null, 8, ["data", "min", "max", "direction"])) : a("", !0),
-      o.marks ? (e(), i(p, {
+      }, null, 8, ["data", "min", "max", "direction"])) : l("", !0),
+      o.marks ? (e(), i(u, {
         key: 2,
         data: o.markList,
         min: o.min,
         max: o.max,
         direction: o.direction
-      }, null, 8, ["data", "min", "max", "direction"])) : a("", !0),
-      o.range ? (e(), i(r, {
-        key: 3,
-        style: d(o.getBtnStyle(o.computedValue[0])),
+      }, null, 8, ["data", "min", "max", "direction"])) : l("", !0),
+      o.range ? (e(), i(t, a({ key: 3 }, o.controlAttrs, {
+        style: o.getBtnStyle(o.computedValue[0]),
         value: o.computedValue[0],
         direction: o.direction,
         disabled: o.mergedDisabled,
@@ -54,9 +51,12 @@ function f(o, t, w, C, b, B) {
         onKeydown: o.handleStartKeyDown,
         onFocus: o.handleFocus,
         onBlur: o.handleBlur
-      }, null, 8, ["style", "value", "direction", "disabled", "min", "max", "format-tooltip", "show-tooltip", "tooltip-position", "onMovestart", "onMoving", "onMoveend", "onKeydown", "onFocus", "onBlur"])) : a("", !0),
-      y(r, {
-        style: d(o.getBtnStyle(o.computedValue[1])),
+      }), null, 16, ["style", "value", "direction", "disabled", "min", "max", "format-tooltip", "show-tooltip", "tooltip-position", "onMovestart", "onMoving", "onMoveend", "onKeydown", "onFocus", "onBlur"])) : l("", !0),
+      M(t, a({
+        ...o.controlAttrs,
+        id: o.range && o.controlAttrs.id ? `${o.controlAttrs.id}-end` : o.controlAttrs.id
+      }, {
+        style: o.getBtnStyle(o.computedValue[1]),
         value: o.computedValue[1],
         direction: o.direction,
         disabled: o.mergedDisabled,
@@ -71,7 +71,7 @@ function f(o, t, w, C, b, B) {
         onKeydown: o.handleEndKeyDown,
         onFocus: o.handleFocus,
         onBlur: o.handleBlur
-      }, null, 8, ["style", "value", "direction", "disabled", "min", "max", "format-tooltip", "show-tooltip", "tooltip-position", "onMovestart", "onMoving", "onMoveend", "onKeydown", "onFocus", "onBlur"])
+      }), null, 16, ["style", "value", "direction", "disabled", "min", "max", "format-tooltip", "show-tooltip", "tooltip-position", "onMovestart", "onMoving", "onMoveend", "onKeydown", "onFocus", "onBlur"])
     ], 2),
     o.showInput ? (e(), i(v, {
       key: 0,
@@ -83,10 +83,10 @@ function f(o, t, w, C, b, B) {
       disabled: o.mergedDisabled,
       onStartChange: o.handleStartChange,
       onEndChange: o.handleEndChange
-    }, null, 8, ["model-value", "min", "max", "step", "range", "disabled", "onStartChange", "onEndChange"])) : a("", !0)
-  ], 2);
+    }, null, 8, ["model-value", "min", "max", "step", "range", "disabled", "onStartChange", "onEndChange"])) : l("", !0)
+  ], 16);
 }
-const F = /* @__PURE__ */ M(g, [["render", f]]);
+const F = /* @__PURE__ */ f(g, [["render", w]]);
 export {
   F as default
 };