x-next 1.10.0 → 1.11.0

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

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

package/dist/es/components/form-switch/Switch.vue.js

@@ -1,10 +1,10 @@
-import c from "./Switch.vue2.js";
-import { resolveComponent as h, openBlock as l, createElementBlock as m, mergeProps as p, createElementVNode as d, normalizeClass as a, createBlock as u, Fragment as k, renderSlot as s, createTextVNode as r, toDisplayString as t, createCommentVNode as y } from "vue";
-import f from "../../_virtual/_plugin-vue_export-helper.js";
-const C = ["aria-checked", "disabled"];
-function $(e, o, g, w, N, b) {
-  const i = h("icon-loading");
-  return l(), m("button", p(e.formControlAttrs, {
+import h from "./Switch.vue2.js";
+import { resolveComponent as k, openBlock as d, createElementBlock as i, mergeProps as p, createElementVNode as l, normalizeClass as a, createBlock as u, Fragment as m, renderSlot as s, createTextVNode as r, toDisplayString as t, createCommentVNode as f } from "vue";
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+const y = ["aria-checked", "disabled"];
+function $(e, o, v, g, w, N) {
+  const c = k("icon-loading");
+  return d(), i("button", p(e.formControlAttrs, {
     type: "button",
     role: "switch",
     "aria-checked": e.computedCheck,
@@ -17,40 +17,40 @@ function $(e, o, g, w, N, b) {
     onBlur: o[3] || (o[3] = (...n) => e.handleBlur && e.handleBlur(...n)),
     ref: "switchRef"
   }), [
-    d("span", {
+    l("span", {
       class: a(e.className.element("handle"))
     }, [
-      d("span", {
+      l("span", {
         class: a(e.className.element("handle-icon"))
       }, [
-        e.computedLoading ? (l(), u(i, { key: 0 })) : (l(), m(k, { key: 1 }, [
-          e.computedCheck ? s(e.$slots, "checked-icon", { key: 0 }) : s(e.$slots, "unchecked-icon", { key: 1 })
+        e.computedLoading ? (d(), u(c, { key: 0 })) : (d(), i(m, { key: 1 }, [
+          e.computedCheck ? s(e.$slots, "checked-icon", {}, void 0, void 0, 0) : s(e.$slots, "unchecked-icon", {}, void 0, void 0, 1)
         ], 64))
       ], 2)
     ], 2),
-    e.showText ? (l(), m(k, { key: 0 }, [
-      d("span", {
+    e.showText ? (d(), i(m, { key: 0 }, [
+      l("span", {
         class: a(e.className.element("text-holder"))
       }, [
-        e.computedCheck ? s(e.$slots, "checked", { key: 0 }, () => [
+        e.computedCheck ? s(e.$slots, "checked", {}, () => [
           r(t(e.checkedText), 1)
-        ]) : s(e.$slots, "unchecked", { key: 1 }, () => [
+        ], void 0, 0) : s(e.$slots, "unchecked", {}, () => [
           r(t(e.uncheckedText), 1)
-        ])
+        ], void 0, 1)
       ], 2),
-      d("span", {
+      l("span", {
         class: a(e.className.element("text"))
       }, [
-        e.computedCheck ? s(e.$slots, "checked", { key: 0 }, () => [
+        e.computedCheck ? s(e.$slots, "checked", {}, () => [
           r(t(e.checkedText), 1)
-        ]) : s(e.$slots, "unchecked", { key: 1 }, () => [
+        ], void 0, 0) : s(e.$slots, "unchecked", {}, () => [
           r(t(e.uncheckedText), 1)
-        ])
+        ], void 0, 1)
       ], 2)
-    ], 64)) : y("", !0)
-  ], 16, C);
+    ], 64)) : f("", !0)
+  ], 16, y);
 }
-const S = /* @__PURE__ */ f(c, [["render", $]]);
+const F = /* @__PURE__ */ C(h, [["render", $]]);
 export {
-  S as default
+  F as default
 };

package/dist/es/components/image/Image.vue.js

@@ -1,9 +1,9 @@
-import C from "./Image.vue2.js";
-import { resolveComponent as m, openBlock as i, createElementBlock as d, normalizeStyle as p, normalizeClass as o, mergeProps as t, renderSlot as l, createElementVNode as a, createVNode as g, toDisplayString as v, createCommentVNode as n, createBlock as y, createSlots as w, withCtx as P } from "vue";
+import k from "./Image.vue2.js";
+import { resolveComponent as m, openBlock as i, createElementBlock as d, normalizeStyle as p, normalizeClass as o, mergeProps as t, renderSlot as l, createElementVNode as a, createVNode as g, toDisplayString as v, createCommentVNode as n, createBlock as w, createSlots as y, withCtx as P } from "vue";
 import u from "../../_virtual/_plugin-vue_export-helper.js";
 const N = ["title", "src", "alt", "role", "tabindex", "aria-label", "aria-haspopup"];
 function L(e, r, $, S, E, V) {
-  const I = m("IconImageClose"), b = m("IconLoading"), f = m("ImageFooter"), k = m("ImagePreview");
+  const I = m("IconImageClose"), b = m("IconLoading"), f = m("ImageFooter"), C = m("ImagePreview");
   return i(), d("div", {
     class: o(e.wrapperClassNames),
     style: p(e.wrapperStyles)
@@ -31,7 +31,7 @@ function L(e, r, $, S, E, V) {
       class: o(e.className.element("overlay")),
       style: p(e.overlayStyles)
     }, [
-      e.isError ? l(e.$slots, "error", { key: 0 }, () => [
+      e.isError ? l(e.$slots, "error", {}, () => [
         a("div", {
           class: o(e.className.element("error"))
         }, [
@@ -46,8 +46,8 @@ function L(e, r, $, S, E, V) {
             class: o(e.className.element("error-alt"))
           }, v(e.alt || e.description || e.t("imagePreview.loadError")), 3)
         ], 2)
-      ]) : n("", !0),
-      e.isLoading && (e.showLoader || e.$slots.loader) ? l(e.$slots, "loader", { key: 1 }, () => [
+      ], void 0, 0) : n("", !0),
+      e.isLoading && (e.showLoader || e.$slots.loader) ? l(e.$slots, "loader", {}, () => [
         a("div", {
           class: o([e.className.element("loader")])
         }, [
@@ -60,15 +60,15 @@ function L(e, r, $, S, E, V) {
             }, v(e.t("imagePreview.loading")), 3)
           ], 2)
         ], 2)
-      ]) : n("", !0)
+      ], void 0, 1) : n("", !0)
     ], 6)),
-    e.showFooter ? (i(), y(f, {
+    e.showFooter ? (i(), w(f, {
       key: 1,
       class: o(e.footerClass),
       "prefix-cls": e.className.block,
       title: e.title,
       description: e.description
-    }, w({ _: 2 }, [
+    }, y({ _: 2 }, [
       e.$slots.extra ? {
         name: "extra",
         fn: P(() => [
@@ -77,14 +77,14 @@ function L(e, r, $, S, E, V) {
         key: "0"
       } : void 0
     ]), 1032, ["class", "prefix-cls", "title", "description"])) : n("", !0),
-    e.mergePreview && (e.isLoaded || e.mergedPreviewVisible) ? (i(), y(k, t({
+    e.mergePreview && (e.isLoaded || e.mergedPreviewVisible) ? (i(), w(C, t({
       key: 2,
       src: e.src
     }, e.previewProps, {
       visible: e.mergedPreviewVisible,
       "render-to-body": e.renderToBody,
       onClose: e.onPreviewClose
-    }), w({ _: 2 }, [
+    }), y({ _: 2 }, [
       e.$slots["preview-actions"] ? {
         name: "actions",
         fn: P(() => [
@@ -95,7 +95,7 @@ function L(e, r, $, S, E, V) {
     ]), 1040, ["src", "visible", "render-to-body", "onClose"])) : n("", !0)
   ], 6);
 }
-const K = /* @__PURE__ */ u(C, [["render", L]]);
+const K = /* @__PURE__ */ u(k, [["render", L]]);
 export {
   K as default
 };

package/dist/es/components/link/Link.vue.js

@@ -1,10 +1,10 @@
 import m from "./Link.vue2.js";
-import { resolveComponent as l, openBlock as a, createElementBlock as i, normalizeClass as r, createBlock as p, renderSlot as s, createVNode as f, createCommentVNode as k } from "vue";
+import { resolveComponent as i, openBlock as a, createElementBlock as l, normalizeClass as r, createBlock as p, renderSlot as s, createVNode as f, createCommentVNode as k } from "vue";
 import c from "../../_virtual/_plugin-vue_export-helper.js";
 const u = ["href", "role", "aria-disabled", "aria-busy", "tabindex"];
 function b(e, o, y, g, C, $) {
-  const d = l("icon-loading"), t = l("icon-link");
-  return a(), i("a", {
+  const d = i("icon-loading"), t = i("icon-link");
+  return a(), l("a", {
     href: e.mergedHref,
     class: r(e.cls),
     role: e.role,
@@ -14,13 +14,13 @@ function b(e, o, y, g, C, $) {
     onClick: o[0] || (o[0] = (...n) => e.handleClick && e.handleClick(...n)),
     onKeydown: o[1] || (o[1] = (...n) => e.handleKeyDown && e.handleKeyDown(...n))
   }, [
-    e.loading || e.showIcon ? (a(), i("span", {
+    e.loading || e.showIcon ? (a(), l("span", {
       key: 0,
       class: r(e.className.element("icon"))
     }, [
-      e.loading ? (a(), p(d, { key: 0 })) : s(e.$slots, "icon", { key: 1 }, () => [
+      e.loading ? (a(), p(d, { key: 0 })) : s(e.$slots, "icon", {}, () => [
         f(t)
-      ])
+      ], void 0, 1)
     ], 2)) : k("", !0),
     s(e.$slots, "default")
   ], 42, u);

package/dist/es/components/menu/sub-menu-inline.vue.js

@@ -1,10 +1,10 @@
 import $ from "./sub-menu-inline.vue2.js";
-import { resolveComponent as a, openBlock as r, createElementBlock as d, normalizeClass as n, createElementVNode as s, createVNode as t, Fragment as C, renderSlot as i, createTextVNode as p, toDisplayString as u, withCtx as v, withDirectives as b, vShow as k } from "vue";
-import w from "../../_virtual/_plugin-vue_export-helper.js";
-const y = ["tabindex", "aria-expanded", "aria-disabled"];
-function P(e, o, S, h, E, H) {
+import { resolveComponent as a, openBlock as d, createElementBlock as r, normalizeClass as n, createElementVNode as s, createVNode as t, Fragment as C, renderSlot as i, createTextVNode as p, toDisplayString as u, withCtx as v, withDirectives as b, vShow as w } from "vue";
+import k from "../../_virtual/_plugin-vue_export-helper.js";
+const P = ["tabindex", "aria-expanded", "aria-disabled"];
+function y(e, o, S, h, E, H) {
   const m = a("MenuIndent"), f = a("ExpandTransition");
-  return r(), d("div", {
+  return d(), r("div", {
     class: n(e.classNames)
   }, [
     s("div", {
@@ -25,7 +25,7 @@ function P(e, o, S, h, E, H) {
       onKeydown: o[1] || (o[1] = (...l) => e.onHeaderKeydown && e.onHeaderKeydown(...l))
     }, [
       t(m, { level: e.level }, null, 8, ["level"]),
-      e.$slots.icon ? (r(), d(C, { key: 0 }, [
+      e.$slots.icon ? (d(), r(C, { key: 0 }, [
         s("span", {
           class: n(`${e.menuPrefixCls}-icon`)
         }, [
@@ -38,9 +38,9 @@ function P(e, o, S, h, E, H) {
             p(u(e.title), 1)
           ])
         ], 2)
-      ], 64)) : i(e.$slots, "title", { key: 1 }, () => [
+      ], 64)) : i(e.$slots, "title", {}, () => [
         p(u(e.title), 1)
-      ]),
+      ], void 0, 1),
       s("span", {
         class: n([
           `${e.menuPrefixCls}-icon-suffix`,
@@ -51,7 +51,7 @@ function P(e, o, S, h, E, H) {
       }, [
         i(e.$slots, "expand-icon-down")
       ], 2)
-    ], 42, y),
+    ], 42, P),
     t(f, null, {
       default: v(() => [
         b(s("div", {
@@ -59,14 +59,14 @@ function P(e, o, S, h, E, H) {
         }, [
           i(e.$slots, "default")
         ], 2), [
-          [k, e.isOpen]
+          [w, e.isOpen]
         ])
       ]),
       _: 3
     })
   ], 2);
 }
-const M = /* @__PURE__ */ w($, [["render", P]]);
+const M = /* @__PURE__ */ k($, [["render", y]]);
 export {
   M as default
 };

package/dist/es/components/menu/sub-menu-pop.vue.js

@@ -1,10 +1,10 @@
-import $ from "./sub-menu-pop.vue2.js";
-import { resolveComponent as i, openBlock as d, createBlock as c, mergeProps as u, withCtx as o, createElementVNode as l, createVNode as r, createElementBlock as m, Fragment as k, normalizeClass as t, renderSlot as n, createTextVNode as f, toDisplayString as g, createCommentVNode as h, normalizeStyle as P, createSlots as v } from "vue";
+import c from "./sub-menu-pop.vue2.js";
+import { resolveComponent as i, openBlock as d, createBlock as v, mergeProps as u, withCtx as o, createElementVNode as l, createVNode as r, createElementBlock as m, Fragment as y, normalizeClass as t, renderSlot as n, createTextVNode as f, toDisplayString as g, createCommentVNode as k, normalizeStyle as h, createSlots as P } from "vue";
 import w from "../../_virtual/_plugin-vue_export-helper.js";
 const I = ["aria-expanded", "aria-disabled", "tabindex"];
 function M(e, s, V, N, S, B) {
-  const C = i("MenuIndent"), p = i("RenderFunction"), b = i("Menu"), y = i("Trigger");
-  return d(), c(y, u({
+  const C = i("MenuIndent"), p = i("RenderFunction"), b = i("Menu"), $ = i("Trigger");
+  return d(), v($, u({
     trigger: "hover",
     class: e.triggerClassNames,
     position: e.needPopOnBottom ? "bl" : "rt",
@@ -28,9 +28,9 @@ function M(e, s, V, N, S, B) {
         "selected-keys": e.selectedKeys,
         theme: e.menuContext.theme,
         "trigger-props": e.menuContext.triggerProps,
-        style: P(e.popupMenuStyles),
+        style: h(e.popupMenuStyles),
         onMenuItemClick: e.onMenuItemClick
-      }, v({
+      }, P({
         default: o(() => [
           n(e.$slots, "default")
         ]),
@@ -75,7 +75,7 @@ function M(e, s, V, N, S, B) {
         onKeydown: s[1] || (s[1] = (...a) => e.onKeydown && e.onKeydown(...a))
       }), [
         r(C, { level: e.level }, null, 8, ["level"]),
-        e.$slots.icon ? (d(), m(k, { key: 0 }, [
+        e.$slots.icon ? (d(), m(y, { key: 0 }, [
           l("span", {
             class: t(`${e.menuPrefixCls}-icon`)
           }, [
@@ -88,24 +88,24 @@ function M(e, s, V, N, S, B) {
               f(g(e.title), 1)
             ])
           ], 2)
-        ], 64)) : n(e.$slots, "title", { key: 1 }, () => [
+        ], 64)) : n(e.$slots, "title", {}, () => [
           f(g(e.title), 1)
-        ]),
+        ], void 0, 1),
         l("span", {
           class: t(`${e.menuPrefixCls}-icon-suffix`)
         }, [
-          e.needPopOnBottom ? n(e.$slots, "expand-icon-down", { key: 0 }) : n(e.$slots, "expand-icon-right", { key: 1 })
+          e.needPopOnBottom ? n(e.$slots, "expand-icon-down", {}, void 0, void 0, 0) : n(e.$slots, "expand-icon-right", {}, void 0, void 0, 1)
         ], 2),
         e.isSelected && e.mode === "horizontal" ? (d(), m("div", {
           key: 2,
           class: t(`${e.menuPrefixCls}-selected-label`)
-        }, null, 2)) : h("", !0)
+        }, null, 2)) : k("", !0)
       ], 16, I)
     ]),
     _: 3
   }, 16, ["class", "position", "disabled", "popup-visible", "onPopupVisibleChange"]);
 }
-const D = /* @__PURE__ */ w($, [["render", M]]);
+const D = /* @__PURE__ */ w(c, [["render", M]]);
 export {
   D as default
 };