x-next 1.10.0 → 1.10.1

package/dist/components/pagination/page-options.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         value: number;
         label: string;
     }[]>;
-    handleChange: (value: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[]) => void;
+    handleChange: (value: string | undefined | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[]) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     sizeOptions: {
         type: ArrayConstructor;
@@ -128,11 +128,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             filterOption: {
-                type: PropType<boolean | ((inputValue: string, option: import('../form-select/interface.ts').SelectOptionData) => boolean)>;
+                type: PropType<boolean | ((inputValue: string, option: import('../form-select').SelectOptionData) => boolean)>;
                 default: boolean;
             };
             options: {
-                type: PropType<(string | number | boolean | import('../form-select/interface.ts').SelectOptionData | import('../form-select/interface.ts').SelectOptionGroup)[]>;
+                type: PropType<(string | number | boolean | import('../form-select').SelectOptionData | import('../form-select').SelectOptionGroupData)[]>;
                 default: () => never[];
             };
             virtualListProps: {
@@ -142,10 +142,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<import('../index.ts').TriggerProps>;
             };
             formatLabel: {
-                type: PropType<(data: import('../form-select/interface.ts').SelectOptionData) => string>;
+                type: PropType<(data: import('../form-select').SelectOptionData) => string>;
             };
             fallbackOption: {
-                type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select/interface.ts').SelectOptionData)>;
+                type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select').SelectOptionData)>;
                 default: boolean;
             };
             showExtraOptions: {
@@ -184,11 +184,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onSearch?: ((inputValue: string) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
             "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
             "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
@@ -197,10 +199,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onDropdownReachBottom?: ((ev: Event) => any) | undefined;
             onExceedLimit?: ((value: string | number | boolean | Record<string, any> | undefined, ev: Event) => any) | undefined;
         }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            'update:modelValue': (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+            focus: (ev: FocusEvent) => true;
+            blur: (ev: FocusEvent) => true;
+            'update:modelValue': (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
             'update:inputValue': (inputValue: string) => true;
             'update:popupVisible': (visible: boolean) => true;
-            change: (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+            change: (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
             inputValueChange: (inputValue: string) => true;
             popupVisibleChange: (visible: boolean) => true;
             clear: (ev: Event) => true;
@@ -221,13 +225,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             defaultPopupVisible: boolean;
             unmountOnClose: boolean;
             allowClear: boolean;
-            options: (string | number | boolean | import('../form-select/interface.ts').SelectOptionData | import('../form-select/interface.ts').SelectOptionGroup)[];
+            options: (string | number | boolean | import('../form-select').SelectOptionData | import('../form-select').SelectOptionGroupData)[];
             bordered: boolean;
             defaultInputValue: string;
             maxTagCount: number;
             tagNowrap: boolean;
             valueKey: string;
-            filterOption: boolean | ((inputValue: string, option: import('../form-select/interface.ts').SelectOptionData) => boolean);
+            filterOption: boolean | ((inputValue: string, option: import('../form-select').SelectOptionData) => boolean);
             allowCreate: boolean;
             allowSearch: boolean | {
                 retainInputValue?: boolean;
@@ -236,7 +240,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             showFooterOnEmpty: boolean;
             showExtraOptions: boolean;
             defaultActiveFirstOption: boolean;
-            fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select/interface.ts').SelectOptionData);
+            fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select').SelectOptionData);
             searchDelay: number;
             limit: number;
         }, true, {}, {}, {
@@ -845,6 +849,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
                 allowCreate: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -919,6 +927,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
                 allowCreate: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -958,6 +970,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 maxTagCount: number;
                 retainInputValue: boolean;
                 tagNowrap: boolean;
+                clearable: boolean;
                 allowCreate: boolean;
                 allowSearch: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1046,11 +1059,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             filterOption: {
-                type: PropType<boolean | ((inputValue: string, option: import('../form-select/interface.ts').SelectOptionData) => boolean)>;
+                type: PropType<boolean | ((inputValue: string, option: import('../form-select').SelectOptionData) => boolean)>;
                 default: boolean;
             };
             options: {
-                type: PropType<(string | number | boolean | import('../form-select/interface.ts').SelectOptionData | import('../form-select/interface.ts').SelectOptionGroup)[]>;
+                type: PropType<(string | number | boolean | import('../form-select').SelectOptionData | import('../form-select').SelectOptionGroupData)[]>;
                 default: () => never[];
             };
             virtualListProps: {
@@ -1060,10 +1073,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<import('../index.ts').TriggerProps>;
             };
             formatLabel: {
-                type: PropType<(data: import('../form-select/interface.ts').SelectOptionData) => string>;
+                type: PropType<(data: import('../form-select').SelectOptionData) => string>;
             };
             fallbackOption: {
-                type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select/interface.ts').SelectOptionData)>;
+                type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select').SelectOptionData)>;
                 default: boolean;
             };
             showExtraOptions: {
@@ -1102,11 +1115,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onSearch?: ((inputValue: string) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
             "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
             "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
@@ -1126,13 +1141,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             defaultPopupVisible: boolean;
             unmountOnClose: boolean;
             allowClear: boolean;
-            options: (string | number | boolean | import('../form-select/interface.ts').SelectOptionData | import('../form-select/interface.ts').SelectOptionGroup)[];
+            options: (string | number | boolean | import('../form-select').SelectOptionData | import('../form-select').SelectOptionGroupData)[];
             bordered: boolean;
             defaultInputValue: string;
             maxTagCount: number;
             tagNowrap: boolean;
             valueKey: string;
-            filterOption: boolean | ((inputValue: string, option: import('../form-select/interface.ts').SelectOptionData) => boolean);
+            filterOption: boolean | ((inputValue: string, option: import('../form-select').SelectOptionData) => boolean);
             allowCreate: boolean;
             allowSearch: boolean | {
                 retainInputValue?: boolean;
@@ -1141,7 +1156,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             showFooterOnEmpty: boolean;
             showExtraOptions: boolean;
             defaultActiveFirstOption: boolean;
-            fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select/interface.ts').SelectOptionData);
+            fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select').SelectOptionData);
             searchDelay: number;
             limit: number;
         }>;
@@ -1226,11 +1241,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         filterOption: {
-            type: PropType<boolean | ((inputValue: string, option: import('../form-select/interface.ts').SelectOptionData) => boolean)>;
+            type: PropType<boolean | ((inputValue: string, option: import('../form-select').SelectOptionData) => boolean)>;
             default: boolean;
         };
         options: {
-            type: PropType<(string | number | boolean | import('../form-select/interface.ts').SelectOptionData | import('../form-select/interface.ts').SelectOptionGroup)[]>;
+            type: PropType<(string | number | boolean | import('../form-select').SelectOptionData | import('../form-select').SelectOptionGroupData)[]>;
             default: () => never[];
         };
         virtualListProps: {
@@ -1240,10 +1255,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<import('../index.ts').TriggerProps>;
         };
         formatLabel: {
-            type: PropType<(data: import('../form-select/interface.ts').SelectOptionData) => string>;
+            type: PropType<(data: import('../form-select').SelectOptionData) => string>;
         };
         fallbackOption: {
-            type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select/interface.ts').SelectOptionData)>;
+            type: PropType<boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select').SelectOptionData)>;
             default: boolean;
         };
         showExtraOptions: {
@@ -1282,11 +1297,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onSearch?: ((inputValue: string) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
@@ -1295,10 +1312,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onDropdownReachBottom?: ((ev: Event) => any) | undefined;
         onExceedLimit?: ((value: string | number | boolean | Record<string, any> | undefined, ev: Event) => any) | undefined;
     }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        'update:modelValue': (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+        focus: (ev: FocusEvent) => true;
+        blur: (ev: FocusEvent) => true;
+        'update:modelValue': (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
         'update:inputValue': (inputValue: string) => true;
         'update:popupVisible': (visible: boolean) => true;
-        change: (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+        change: (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
         inputValueChange: (inputValue: string) => true;
         popupVisibleChange: (visible: boolean) => true;
         clear: (ev: Event) => true;
@@ -1319,13 +1338,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         defaultPopupVisible: boolean;
         unmountOnClose: boolean;
         allowClear: boolean;
-        options: (string | number | boolean | import('../form-select/interface.ts').SelectOptionData | import('../form-select/interface.ts').SelectOptionGroup)[];
+        options: (string | number | boolean | import('../form-select').SelectOptionData | import('../form-select').SelectOptionGroupData)[];
         bordered: boolean;
         defaultInputValue: string;
         maxTagCount: number;
         tagNowrap: boolean;
         valueKey: string;
-        filterOption: boolean | ((inputValue: string, option: import('../form-select/interface.ts').SelectOptionData) => boolean);
+        filterOption: boolean | ((inputValue: string, option: import('../form-select').SelectOptionData) => boolean);
         allowCreate: boolean;
         allowSearch: boolean | {
             retainInputValue?: boolean;
@@ -1334,7 +1353,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         showFooterOnEmpty: boolean;
         showExtraOptions: boolean;
         defaultActiveFirstOption: boolean;
-        fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select/interface.ts').SelectOptionData);
+        fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import('../form-select').SelectOptionData);
         searchDelay: number;
         limit: number;
     }, {}, string, {}, {
@@ -1943,6 +1962,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            clearable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
             allowCreate: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -2017,6 +2040,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            clearable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
             allowCreate: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -2056,6 +2083,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             maxTagCount: number;
             retainInputValue: boolean;
             tagNowrap: boolean;
+            clearable: boolean;
             allowCreate: boolean;
             allowSearch: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/trigger/interface.d.ts

@@ -17,6 +17,8 @@ export interface TriggerProps {
     blurToClose?: boolean;
     clickToClose?: boolean;
     clickOutsideToClose?: boolean;
+    scrollToClose?: boolean;
+    scrollToCloseDistance?: number;
     unmountOnClose?: boolean;
     contentClass?: any;
     contentStyle?: CSSProperties;

package/dist/es/components/_components/select-view/select-view.js

@@ -1,17 +1,17 @@
-import { defineComponent as E, toRefs as H, ref as B, computed as i, createVNode as o, Fragment as M } from "vue";
-import { isArray as P } from "../../../_utils/is.js";
-import q from "../feedback-icon/index.vue.js";
-import O from "../input-label/input-label.js";
-import { InputTag as _ } from "../../form-input-tag/index.js";
-import $ from "../icon-hover/index.vue.js";
-import G from "../../../icons/default/down.js";
-import J from "../../../icons/animation/animation-loading.js";
-import Q from "../../../icons/default/close.js";
-import U from "../../../icons/default/search.js";
-import { useFormItem as W, useFormItemControl as X } from "../../../_hooks/use-form-item.js";
-import { useLocale as Y } from "../../../locale/index.js";
-import { useSize as Z } from "../../../_hooks/use-size.js";
-import { getClassNameMixin as ee } from "../../../_utils/config.js";
+import { defineComponent as E, toRefs as H, ref as S, computed as i, createVNode as o, Fragment as M, nextTick as P } from "vue";
+import { isArray as q } from "../../../_utils/is.js";
+import O from "../feedback-icon/index.vue.js";
+import _ from "../input-label/input-label.js";
+import { InputTag as $ } from "../../form-input-tag/index.js";
+import G from "../icon-hover/index.vue.js";
+import J from "../../../icons/default/down.js";
+import Q from "../../../icons/animation/animation-loading.js";
+import U from "../../../icons/default/close.js";
+import W from "../../../icons/default/search.js";
+import { useFormItem as X, useFormItemControl as Y } from "../../../_hooks/use-form-item.js";
+import { useLocale as Z } from "../../../locale/index.js";
+import { useSize as ee } from "../../../_hooks/use-size.js";
+import { getClassNameMixin as le } from "../../../_utils/config.js";
 const be = /* @__PURE__ */ E({
   name: "SelectView",
   props: {
@@ -52,13 +52,18 @@ const be = /* @__PURE__ */ E({
       type: Boolean,
       default: !1
     },
+    // private: 缺失选项可不回显标签，但原始选中值仍可清空。
+    clearable: {
+      type: Boolean,
+      default: void 0
+    },
     allowCreate: {
       type: Boolean,
       default: !1
     },
     allowSearch: {
       type: Boolean,
-      default: (e) => P(e.modelValue)
+      default: (e) => q(e.modelValue)
     },
     maxTagCount: {
       type: Number,
@@ -87,120 +92,126 @@ const be = /* @__PURE__ */ E({
     slots: n
   }) {
     const {
-      size: S,
-      disabled: x,
-      error: F
-    } = H(e), u = ee("select--view"), {
-      formItemCtx: R,
-      feedback: p,
+      size: F,
+      disabled: R,
+      error: k
+    } = H(e), u = le("select--view"), {
+      formItemCtx: z,
+      feedback: g,
       eventHandlers: c,
-      mergedDisabled: g,
-      mergedSize: z,
-      mergedError: b
-    } = W({
-      size: S,
-      disabled: x,
-      error: F
-    }), v = X(R, () => e.inputAttrs ?? {}), {
-      t: A
-    } = Y(), {
+      mergedDisabled: f,
+      mergedSize: A,
+      mergedError: v
+    } = X({
+      size: F,
+      disabled: R,
+      error: k
+    }), b = Y(z, () => e.inputAttrs ?? {}), {
+      t: N
+    } = Z(), {
       mergedSize: h
-    } = Z(z), d = B(!1), f = B(), k = i(
+    } = ee(A), d = S(!1), m = S(), w = i(
       // @ts-ignore
       () => {
         var l;
-        return (l = f.value) == null ? void 0 : l.inputRef;
+        return (l = m.value) == null ? void 0 : l.inputRef;
       }
-    ), N = i(() => e.modelValue.length === 0), T = i(() => e.allowSearch || e.allowCreate), j = i(() => e.allowClear && !e.disabled && !N.value && e.modelValue.some((l) => l.closable !== !1)), m = (l) => {
+    ), T = i(() => e.modelValue.length === 0), D = i(() => e.allowSearch || e.allowCreate), C = i(() => e.allowClear && !f.value && !e.loading && (e.clearable ?? (!T.value && e.modelValue.some((l) => l.closable !== !1)))), s = (l) => {
       var a, t;
       d.value = !0, r("focus", l), (t = (a = c.value) == null ? void 0 : a.onFocus) == null || t.call(a, l);
-    }, s = (l) => {
+    }, p = (l) => {
       var a, t;
       d.value = !1, r("blur", l), (t = (a = c.value) == null ? void 0 : a.onBlur) == null || t.call(a, l);
-    }, D = (l) => {
+    }, j = (l) => {
       r("remove", String(l));
     }, K = (l) => {
-      l.stopPropagation(), r("clear", l);
-    }, w = (l, a) => {
-      var t, I;
-      r("inputValueChange", l, a), (I = (t = c.value) == null ? void 0 : t.onInput) == null || I.call(t, a);
-    }, C = (l) => {
+      l.stopPropagation(), C.value && (r("clear", l), P(() => {
+        var a;
+        return (a = w.value) == null ? void 0 : a.focus();
+      }));
+    }, V = (l, a) => {
+      var t, x;
+      r("inputValueChange", l, a), (x = (t = c.value) == null ? void 0 : t.onInput) == null || x.call(t, a);
+    }, y = (l) => {
       r("keydown", l);
     }, L = () => {
       var l, a;
-      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(J, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(U, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o(G, {
+      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(Q, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(W, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o(J, {
         class: u.element("arrow-icon")
       }, null);
-    }, V = () => o(M, null, [j.value && o($, {
+    }, I = () => o(M, null, [C.value ? o(G, {
       as: "button",
-      "aria-label": A("common.clearTarget", {
+      "aria-label": N("common.clearTarget", {
         target: "选择"
       }),
       class: u.element("clear-btn"),
       onClick: K,
-      onMousedown: (l) => l.stopPropagation()
+      onMousedown: (l) => {
+        l.preventDefault(), l.stopPropagation();
+      }
     }, {
-      default: () => [o(Q, null, null)]
-    }), o("span", {
-      class: u.element("icon")
-    }, [L()]), !!p.value && o(q, {
-      type: p.value
-    }, null)]), y = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
+      default: () => [o(U, null, null)]
+    }) : o("span", {
+      class: u.element("icon"),
+      "aria-hidden": "true"
+    }, [L()]), !!g.value && o(O, {
+      type: g.value
+    }, null)]), B = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
       [u.modifier("opened")]: e.opened,
       [u.modifier("borderless")]: !e.bordered
     }]);
     return {
-      inputRef: k,
-      handleFocus: m,
-      handleBlur: s,
-      render: () => e.multiple ? o(_, {
-        ref: f,
+      inputRef: w,
+      handleFocus: s,
+      handleBlur: p,
+      render: () => e.multiple ? o($, {
+        ref: m,
         baseCls: u.block,
-        class: y.value,
+        class: B.value,
         modelValue: e.modelValue,
         inputValue: e.inputValue,
         focused: e.opened || d.value,
         placeholder: e.placeholder,
-        disabled: g.value,
+        disabled: f.value,
         size: h.value,
-        error: b.value,
+        error: v.value,
         maxTagCount: e.maxTagCount,
         disabledInput: !e.allowSearch && !e.allowCreate,
         tagNowrap: e.tagNowrap,
         retainInputValue: !0,
-        inputAttrs: v.value,
+        inputAttrs: b.value,
         uninjectFormItemContext: !0,
-        onRemove: D,
-        onInputValueChange: w,
-        onKeydown: C,
-        onFocus: m,
-        onBlur: s
+        onRemove: j,
+        onInputValueChange: V,
+        onKeydown: y,
+        onFocus: s,
+        onBlur: p
       }, {
         prefix: n.prefix,
-        suffix: V,
+        suffix: I,
         tag: n.label
-      }) : o(O, {
-        ref: f,
+      }) : o(_, {
+        ref: m,
         baseCls: u.block,
-        class: y.value,
+        class: B.value,
         modelValue: e.modelValue[0],
         inputValue: e.inputValue,
         focused: e.opened || d.value,
         placeholder: e.placeholder,
-        disabled: g.value,
+        disabled: f.value,
         size: h.value,
-        error: b.value,
-        enabledInput: T.value,
-        inputAttrs: v.value,
+        error: v.value,
+        enabledInput: D.value,
+        inputAttrs: b.value,
         uninjectFormItemContext: !0,
-        onInputValueChange: w,
-        onKeydown: C,
-        onFocus: m,
-        onBlur: s
+        onInputValueChange: V,
+        onKeydown: y,
+        onFocus: s,
+        onBlur: p
       }, {
         default: n.label,
         prefix: n.prefix,
-        suffix: V
+        suffix: I
       })
     };
   },

package/dist/es/components/button/Button.js

@@ -50,7 +50,7 @@ const H = /* @__PURE__ */ O({
         style: {
           display: "flex",
           opacity: c.value ? 1 : 0,
-          width: c.value ? e.loadingFill ? "100%" : "1em" : 0,
+          width: e.loadingFill ? void 0 : c.value ? "1em" : 0,
           marginRight: c.value && !e.loadingFill ? "4px" : "0",
           overflow: "hidden"
         }

package/dist/es/components/form-input-tag/InputTag.js

@@ -343,7 +343,7 @@ const Pe = {
           return e;
       return -1;
     }, se = (e) => {
-      if (b.value || a.readonly)
+      if (b.value || a.readonly || e.isComposing || e.keyCode === 229)
         return;
       const t = e.key || e.code;
       if (!p.value && o.value && t === Ve.key && ne(e), !p.value && I.value.length > 0 && !o.value && t === Ie.key) {