x-next 1.18.0 → 1.18.2

package/dist/components/dropdown/index.d.ts

@@ -68,6 +68,7 @@ export declare const Dropdown: {
         handleTriggerKeydown: (ev: KeyboardEvent) => void;
         handleTriggerFocus: (ev: FocusEvent) => void;
         handleClose: () => void;
+        handleTabOut: () => void;
         handleKeyboardSelect: (ev: Event) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         'update:popupVisible': (visible: boolean) => true;
@@ -1295,6 +1296,7 @@ export declare const Dropdown: {
         handleTriggerKeydown: (ev: KeyboardEvent) => void;
         handleTriggerFocus: (ev: FocusEvent) => void;
         handleClose: () => void;
+        handleTabOut: () => void;
         handleKeyboardSelect: (ev: Event) => void;
     }, {}, {}, {}, {
         loading: boolean;
@@ -1380,6 +1382,7 @@ export declare const Dropdown: {
     handleTriggerKeydown: (ev: KeyboardEvent) => void;
     handleTriggerFocus: (ev: FocusEvent) => void;
     handleClose: () => void;
+    handleTabOut: () => void;
     handleKeyboardSelect: (ev: Event) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:popupVisible': (visible: boolean) => true;
@@ -2876,6 +2879,7 @@ export declare const DropdownSubmenu: {
         handleShow: () => void;
         handleTriggerFocus: (ev: FocusEvent) => void;
         handleClose: () => void;
+        handleTabOut: () => void;
         handleKeyboardSelect: (ev: Event) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         'update:popupVisible': (visible: boolean) => true;
@@ -4331,6 +4335,7 @@ export declare const DropdownSubmenu: {
         handleShow: () => void;
         handleTriggerFocus: (ev: FocusEvent) => void;
         handleClose: () => void;
+        handleTabOut: () => void;
         handleKeyboardSelect: (ev: Event) => void;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -4529,6 +4534,7 @@ export declare const DropdownSubmenu: {
     handleShow: () => void;
     handleTriggerFocus: (ev: FocusEvent) => void;
     handleClose: () => void;
+    handleTabOut: () => void;
     handleKeyboardSelect: (ev: Event) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:popupVisible': (visible: boolean) => true;
@@ -6321,6 +6327,7 @@ export declare const DropdownButton: {
             handleTriggerKeydown: (ev: KeyboardEvent) => void;
             handleTriggerFocus: (ev: FocusEvent) => void;
             handleClose: () => void;
+            handleTabOut: () => void;
             handleKeyboardSelect: (ev: Event) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             'update:popupVisible': (visible: boolean) => true;
@@ -8126,6 +8133,7 @@ export declare const DropdownButton: {
         handleTriggerKeydown: (ev: KeyboardEvent) => void;
         handleTriggerFocus: (ev: FocusEvent) => void;
         handleClose: () => void;
+        handleTabOut: () => void;
         handleKeyboardSelect: (ev: Event) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         'update:popupVisible': (visible: boolean) => true;

package/dist/components/dropdown/use-keyboard.d.ts

@@ -6,5 +6,6 @@ export declare const useDropdownKeyboard: (visible: Readonly<Ref<boolean>>, chan
     handleTriggerKeydown: (ev: KeyboardEvent) => void;
     handleTriggerFocus: (ev: FocusEvent) => void;
     handleClose: () => void;
+    handleTabOut: () => void;
     handleKeyboardSelect: (ev: Event) => void;
 };

package/dist/components/menu/MenuItem.d.ts

@@ -16,8 +16,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         openKeys: string[];
         prefixCls: string;
         collapsed: boolean;
-        expandIconDown?: () => import('vue').VNodeTypes;
-        expandIconRight?: () => import('vue').VNodeTypes;
+        expandIconDown?: () => import('vue').VNodeChild;
+        expandIconRight?: () => import('vue').VNodeChild;
         onSubMenuClick?: (key: string, level: number) => void;
         onMenuItemClick?: (key: string) => void;
     }>>;

package/dist/components/menu/context.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, VNodeTypes } from 'vue';
+import { InjectionKey, VNodeChild } from 'vue';
 import { InternalMenuProps, MenuData } from './interface';
 export declare const MenuInjectionKey: InjectionKey<MenuContext>;
 export type MenuContext = Readonly<Pick<InternalMenuProps, 'mode' | 'theme' | 'levelIndent' | 'autoScrollIntoView' | 'scrollConfig' | 'inTrigger' | 'triggerProps' | 'tooltipProps' | 'popupMaxHeight'> & {
@@ -6,8 +6,8 @@ export type MenuContext = Readonly<Pick<InternalMenuProps, 'mode' | 'theme' | 'l
     openKeys: string[];
     prefixCls: string;
     collapsed: boolean;
-    expandIconDown?: () => VNodeTypes;
-    expandIconRight?: () => VNodeTypes;
+    expandIconDown?: () => VNodeChild;
+    expandIconRight?: () => VNodeChild;
     onSubMenuClick?: (key: string, level: number) => void;
     onMenuItemClick?: (key: string) => void;
 }>;

package/dist/components/menu/index.d.ts

@@ -2247,8 +2247,8 @@ export declare const MenuItem: {
             openKeys: string[];
             prefixCls: string;
             collapsed: boolean;
-            expandIconDown?: () => import('vue').VNodeTypes;
-            expandIconRight?: () => import('vue').VNodeTypes;
+            expandIconDown?: () => import('vue').VNodeChild;
+            expandIconRight?: () => import('vue').VNodeChild;
             onSubMenuClick?: (key: string, level: number) => void;
             onMenuItemClick?: (key: string) => void;
         }>>;
@@ -2283,8 +2283,8 @@ export declare const MenuItem: {
             openKeys: string[];
             prefixCls: string;
             collapsed: boolean;
-            expandIconDown?: () => import('vue').VNodeTypes;
-            expandIconRight?: () => import('vue').VNodeTypes;
+            expandIconDown?: () => import('vue').VNodeChild;
+            expandIconRight?: () => import('vue').VNodeChild;
             onSubMenuClick?: (key: string, level: number) => void;
             onMenuItemClick?: (key: string) => void;
         }>>;
@@ -2316,8 +2316,8 @@ export declare const MenuItem: {
         openKeys: string[];
         prefixCls: string;
         collapsed: boolean;
-        expandIconDown?: () => import('vue').VNodeTypes;
-        expandIconRight?: () => import('vue').VNodeTypes;
+        expandIconDown?: () => import('vue').VNodeChild;
+        expandIconRight?: () => import('vue').VNodeChild;
         onSubMenuClick?: (key: string, level: number) => void;
         onMenuItemClick?: (key: string) => void;
     }>>;

package/dist/components/menu/sub-menu-pop.vue.d.ts

@@ -43,8 +43,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         openKeys: string[];
         prefixCls: string;
         collapsed: boolean;
-        expandIconDown?: () => import('vue').VNodeTypes;
-        expandIconRight?: () => import('vue').VNodeTypes;
+        expandIconDown?: () => import('vue').VNodeChild;
+        expandIconRight?: () => import('vue').VNodeChild;
         onSubMenuClick?: (key: string, level: number) => void;
         onMenuItemClick?: (key: string) => void;
     }>>;

package/dist/components/time-picker/TimePicker.vue.d.ts

@@ -1660,7 +1660,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         displayValue1: import('vue').ComputedRef<string | undefined>;
         changeFocusedInput: (index: number) => void;
         onChange: (e: Event) => void;
-        onFocus: (e: Event) => void;
+        onFocus: (e: Event, index: number) => void;
         onBlur: (e: Event) => void;
         onPressEnter: () => void;
         onClear: (e: Event) => void;

package/dist/components/time-picker/index.d.ts

@@ -1576,7 +1576,7 @@ export declare const TimePicker: {
             displayValue1: import('vue').ComputedRef<string | undefined>;
             changeFocusedInput: (index: number) => void;
             onChange: (e: Event) => void;
-            onFocus: (e: Event) => void;
+            onFocus: (e: Event, index: number) => void;
             onBlur: (e: Event) => void;
             onPressEnter: () => void;
             onClear: (e: Event) => void;
@@ -4893,7 +4893,7 @@ export declare const TimePicker: {
         displayValue1: import('vue').ComputedRef<string | undefined>;
         changeFocusedInput: (index: number) => void;
         onChange: (e: Event) => void;
-        onFocus: (e: Event) => void;
+        onFocus: (e: Event, index: number) => void;
         onBlur: (e: Event) => void;
         onPressEnter: () => void;
         onClear: (e: Event) => void;

package/dist/es/components/_components/picker/input-range.vue.js

@@ -1,16 +1,16 @@
 import v from "./input-range.vue2.js";
-import { resolveComponent as a, openBlock as r, createElementBlock as i, mergeProps as d, normalizeClass as l, renderSlot as p, createCommentVNode as u, createElementVNode as s, withKeys as t, createTextVNode as k, createBlock as m, withCtx as I, createVNode as b } from "vue";
+import { resolveComponent as a, openBlock as r, createElementBlock as u, mergeProps as d, normalizeClass as l, renderSlot as p, createCommentVNode as i, createElementVNode as s, withKeys as t, createTextVNode as k, createBlock as m, withCtx as I, createVNode as b } from "vue";
 import g from "../../../_virtual/_plugin-vue_export-helper.js";
-const N = ["disabled", "placeholder", "value", "readonly"], F = ["disabled", "placeholder", "value", "readonly"];
-function B(e, o, $, w, E, V) {
+const N = ["disabled", "placeholder", "value", "readonly"], B = ["disabled", "placeholder", "value", "readonly"];
+function F(e, o, $, w, E, V) {
   const f = a("IconClose"), C = a("IconHover"), y = a("FeedbackIcon");
-  return r(), i("div", d(e.wrapperAttrs, { class: e.classNames }), [
-    e.$slots.prefix ? (r(), i("div", {
+  return r(), u("div", d(e.wrapperAttrs, { class: e.classNames }), [
+    e.$slots.prefix ? (r(), u("div", {
       key: 0,
       class: l(e.className.element("prefix"))
     }, [
       p(e.$slots, "prefix")
-    ], 2)) : u("", !0),
+    ], 2)) : i("", !0),
     s("div", {
       class: l(e.getInputWrapClassName(0))
     }, [
@@ -20,7 +20,7 @@ function B(e, o, $, w, E, V) {
         value: e.displayValue0,
         readonly: e.readonly || void 0,
         onInput: o[0] || (o[0] = (...n) => e.onChange && e.onChange(...n)),
-        onFocus: o[1] || (o[1] = (...n) => e.onFocus && e.onFocus(...n)),
+        onFocus: o[1] || (o[1] = (n) => e.onFocus(n, 0)),
         onBlur: o[2] || (o[2] = (...n) => e.onBlur && e.onBlur(...n)),
         onKeydown: o[3] || (o[3] = t((...n) => e.onPressEnter && e.onPressEnter(...n), ["enter"])),
         onClick: o[4] || (o[4] = () => e.changeFocusedInput(0))
@@ -42,11 +42,11 @@ function B(e, o, $, w, E, V) {
         value: e.displayValue1,
         readonly: e.readonly || void 0,
         onInput: o[5] || (o[5] = (...n) => e.onChange && e.onChange(...n)),
-        onFocus: o[6] || (o[6] = (...n) => e.onFocus && e.onFocus(...n)),
+        onFocus: o[6] || (o[6] = (n) => e.onFocus(n, 1)),
         onBlur: o[7] || (o[7] = (...n) => e.onBlur && e.onBlur(...n)),
         onKeydown: o[8] || (o[8] = t((...n) => e.onPressEnter && e.onPressEnter(...n), ["enter"])),
         onClick: o[9] || (o[9] = () => e.changeFocusedInput(1))
-      }), null, 16, F)
+      }), null, 16, B)
     ], 2),
     s("div", {
       class: l(e.className.element("suffix"))
@@ -63,7 +63,7 @@ function B(e, o, $, w, E, V) {
           b(f)
         ]),
         _: 1
-      }, 8, ["aria-label", "class", "onClick"])) : u("", !0),
+      }, 8, ["aria-label", "class", "onClick"])) : i("", !0),
       s("span", {
         class: l(e.className.element("suffix-icon"))
       }, [
@@ -72,11 +72,11 @@ function B(e, o, $, w, E, V) {
       e.feedback ? (r(), m(y, {
         key: 1,
         type: e.feedback
-      }, null, 8, ["type"])) : u("", !0)
+      }, null, 8, ["type"])) : i("", !0)
     ], 2)
   ], 16);
 }
-const T = /* @__PURE__ */ g(v, [["render", B]]);
+const T = /* @__PURE__ */ g(v, [["render", F]]);
 export {
   T as default
 };

package/dist/es/components/_components/picker/input-range.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as J, toRefs as Q, computed as i, ref as x } from "vue";
+import { defineComponent as J, toRefs as Q, computed as s, ref as N } from "vue";
 import X from "../feedback-icon/index.vue.js";
 import { isNumber as Y, isUndefined as Z, isArray as ee, isDayjs as re, isFunction as oe } from "../../../_utils/is.js";
 import te from "../../../icons/default/close.js";
 import ae from "../icon-hover/index.vue.js";
-import { useFormItem as ne, useFormItemControl as N } from "../../../_hooks/use-form-item.js";
+import { useFormItem as ne, useFormItemControl as S } from "../../../_hooks/use-form-item.js";
 import { useLocale as ie } from "../../../locale/index.js";
 import { useSize as se } from "../../../_hooks/use-size.js";
-import { INPUT_EVENTS as S } from "../../../_utils/constant.js";
+import { INPUT_EVENTS as z } from "../../../_utils/constant.js";
 import le from "../../../_utils/pick.js";
 import { omit as ue } from "../../../_utils/omit.js";
 import { getClassNameMixin as ce } from "../../../_utils/config.js";
@@ -73,12 +73,12 @@ const xe = J({
     "focus",
     "blur"
   ],
-  setup(a, { emit: r, slots: s, attrs: o }) {
-    const { t: z } = ie(), {
-      error: E,
-      focused: F,
+  setup(a, { emit: r, slots: l, attrs: o }) {
+    const { t: E } = ie(), {
+      error: F,
+      focused: B,
       disabled: u,
-      size: B,
+      size: D,
       value: c,
       format: f,
       focusedIndex: d,
@@ -86,43 +86,43 @@ const xe = J({
       placeholder: g
     } = Q(a), {
       formItemCtx: b,
-      mergedSize: D,
+      mergedSize: $,
       mergedDisabled: m,
-      mergedError: $,
-      feedback: j
-    } = ne({ size: B, error: E }), { mergedSize: k } = se(D), _ = i(() => ue(o, [
-      ...S,
+      mergedError: j,
+      feedback: k
+    } = ne({ size: D, error: F }), { mergedSize: _ } = se($), O = s(() => ue(o, [
+      ...z,
       ...Object.keys(o).filter((e) => e.startsWith("aria-") || e === "role")
     ])), v = () => ({
-      ...le(o, S),
+      ...le(o, z),
       ...Object.fromEntries(
         Object.entries(o).filter(([e]) => e.startsWith("aria-") || e === "role")
       )
-    }), O = N(b, () => {
+    }), P = S(b, () => {
       var e;
       return {
         ...v(),
         "aria-label": o["aria-label"] ? `${o["aria-label"]} ${((e = g.value) == null ? void 0 : e[0]) ?? ""}` : void 0
       };
-    }), P = N(b, () => {
+    }), R = S(b, () => {
       var e;
       return {
         ...v(),
         id: o.id ? `${o.id}-end` : void 0,
         "aria-label": o["aria-label"] ? `${o["aria-label"]} ${((e = g.value) == null ? void 0 : e[1]) ?? ""}` : void 0
       };
-    }), R = x(), T = x(), p = (e) => m.value ? m.value : ee(u.value) ? u.value[e] : u.value, y = i(() => p(0)), I = i(() => p(1)), t = ce("picker"), V = i(() => [
+    }), T = N(), V = N(), p = (e) => m.value ? m.value : ee(u.value) ? u.value[e] : u.value, y = s(() => p(0)), I = s(() => p(1)), t = ce("picker"), W = s(() => [
       t.block,
       t.modifier("range"),
-      t.modifier(`size-${k.value}`),
+      t.modifier(`size-${_.value}`),
       {
-        [t.modifier("focused")]: F.value,
+        [t.modifier("focused")]: B.value,
         [t.modifier("disabled")]: y.value && I.value,
-        [t.modifier("error")]: $.value,
-        [t.modifier("has-prefix")]: s.prefix
+        [t.modifier("error")]: j.value,
+        [t.modifier("has-prefix")]: l.prefix
       }
     ]);
-    function W(e) {
+    function w(e) {
       return [
         t.element("input"),
         {
@@ -131,15 +131,15 @@ const xe = J({
       ];
     }
     function h(e) {
-      var C, A;
+      var A, x;
       if (n != null && n.value)
-        return (C = n == null ? void 0 : n.value) == null ? void 0 : C[e];
-      const l = (A = c == null ? void 0 : c.value) == null ? void 0 : A[e];
-      if (l && re(l))
-        return oe(f.value) ? f.value(l) : l.format(f.value);
+        return (A = n == null ? void 0 : n.value) == null ? void 0 : A[e];
+      const i = (x = c == null ? void 0 : c.value) == null ? void 0 : x[e];
+      if (i && re(i))
+        return oe(f.value) ? f.value(i) : i.format(f.value);
     }
-    const w = i(() => h(0)), U = i(() => h(1));
-    function q(e) {
+    const U = s(() => h(0)), q = s(() => h(1));
+    function C(e) {
       r("focused-index-change", e), r("update:focusedIndex", e);
     }
     function H(e) {
@@ -148,8 +148,8 @@ const xe = J({
     function K() {
       r("press-enter");
     }
-    function L(e) {
-      r("focus", e);
+    function L(e, i) {
+      C(i), r("focus", e);
     }
     function M(e) {
       r("blur", e);
@@ -158,34 +158,34 @@ const xe = J({
       r("clear", e);
     }
     return {
-      wrapperAttrs: _,
-      formControlAttrs0: O,
-      formControlAttrs1: P,
-      t: z,
+      wrapperAttrs: O,
+      formControlAttrs0: P,
+      formControlAttrs1: R,
+      t: E,
       className: t,
-      classNames: V,
-      refInput0: R,
-      refInput1: T,
+      classNames: W,
+      refInput0: T,
+      refInput1: V,
       disabled0: y,
       disabled1: I,
       mergedDisabled: m,
       getDisabled: p,
-      getInputWrapClassName: W,
-      displayValue0: w,
-      displayValue1: U,
-      changeFocusedInput: q,
+      getInputWrapClassName: w,
+      displayValue0: U,
+      displayValue1: q,
+      changeFocusedInput: C,
       onChange: H,
       onFocus: L,
       onBlur: M,
       onPressEnter: K,
       onClear: G,
-      feedback: j
+      feedback: k
     };
   },
   methods: {
     focus(a) {
-      const r = Y(a) ? a : this.focusedIndex, s = r === 0 ? this.refInput0 : this.refInput1;
-      !Z(r) && !this.getDisabled(r) && s && s.focus && s.focus();
+      const r = Y(a) ? a : this.focusedIndex, l = r === 0 ? this.refInput0 : this.refInput1;
+      !Z(r) && !this.getDisabled(r) && l && l.focus && l.focus();
     },
     blur() {
       const a = this.focusedIndex === 0 ? this.refInput0 : this.refInput1;

package/dist/es/components/_components/picker/input.vue2.js

@@ -5,18 +5,18 @@ import _ from "../icon-hover/index.vue.js";
 import { useFormItem as D, useFormItemControl as T } from "../../../_hooks/use-form-item.js";
 import { useLocale as w } from "../../../locale/index.js";
 import { useSize as P } from "../../../_hooks/use-size.js";
-import { INPUT_EVENTS as l } from "../../../_utils/constant.js";
-import W from "../../../_utils/pick.js";
-import { omit as q } from "../../../_utils/omit.js";
-import H from "../feedback-icon/index.vue.js";
-import { getClassNameMixin as K } from "../../../_utils/config.js";
+import { INPUT_EVENTS as m } from "../../../_utils/constant.js";
+import V from "../../../_utils/pick.js";
+import { omit as W } from "../../../_utils/omit.js";
+import q from "../feedback-icon/index.vue.js";
+import { getClassNameMixin as H } from "../../../_utils/config.js";
 const re = j({
   name: "DateInput",
   inheritAttrs: !1,
   components: {
     IconHover: _,
     IconClose: O,
-    FeedbackIcon: H
+    FeedbackIcon: q
   },
   props: {
     size: {
@@ -59,32 +59,32 @@ const re = j({
     }
   },
   emits: ["clear", "press-enter", "change", "focus", "blur"],
-  setup(f, { emit: s, slots: u, attrs: i }) {
-    const { t: c } = w(), { error: p, focused: d, disabled: g, size: v, value: o, format: n, inputValue: t } = x(f), {
+  setup(u, { emit: t, slots: f, attrs: s }) {
+    const { t: c } = w(), { error: p, focused: d, disabled: v, size: g, value: o, format: n, inputValue: i } = x(u), {
       formItemCtx: b,
       mergedSize: h,
-      mergedDisabled: m,
+      mergedDisabled: l,
       mergedError: I,
       feedback: y
-    } = D({ size: v, disabled: g, error: p }), { mergedSize: S } = P(h), C = a(() => q(i, [
-      ...l,
-      ...Object.keys(i).filter((e) => e.startsWith("aria-") || e === "role")
+    } = D({ size: g, disabled: v, error: p }), { mergedSize: S } = P(h), C = a(() => W(s, [
+      ...m,
+      ...Object.keys(s).filter((e) => e.startsWith("aria-") || e === "role")
     ])), z = T(b, () => ({
-      ...W(i, l),
+      ...V(s, m),
       ...Object.fromEntries(
-        Object.entries(i).filter(([e]) => e.startsWith("aria-") || e === "role")
+        Object.entries(s).filter(([e]) => e.startsWith("aria-") || e === "role")
       )
-    })), r = K("picker"), N = a(() => [
+    })), r = H("picker"), N = a(() => [
       r.block,
       r.modifier(`size-${S.value}`),
       {
         [r.modifier("focused")]: d.value,
-        [r.modifier("disabled")]: m.value,
+        [r.modifier("disabled")]: l.value,
         [r.modifier("error")]: I.value,
-        [r.modifier("has-prefix")]: u.prefix
+        [r.modifier("has-prefix")]: f.prefix
       }
     ]), B = a(() => {
-      if (t != null && t.value) return t == null ? void 0 : t.value;
+      if ((i == null ? void 0 : i.value) !== void 0) return i.value;
       if (o != null && o.value && E(o.value))
         return k(n.value) ? n.value(o.value) : o.value.format(n.value);
     }), F = A();
@@ -96,22 +96,22 @@ const re = j({
       className: r,
       classNames: N,
       displayValue: B,
-      mergedDisabled: m,
+      mergedDisabled: l,
       refInput: F,
       onPressEnter() {
-        s("press-enter");
+        t("press-enter");
       },
       onChange(e) {
-        s("change", e);
+        t("change", e);
       },
       onFocus(e) {
-        s("focus", e);
+        t("focus", e);
       },
       onClear(e) {
-        s("clear", e);
+        t("clear", e);
       },
       onBlur(e) {
-        s("blur", e);
+        t("blur", e);
       }
     };
   },