@julingbase/jly-arco-design 0.0.4 → 0.0.5

package/es/input/input.js

@@ -11,8 +11,12 @@ import { isUndefined, isNull, isObject, isFunction } from "../_utils/is.js";
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { useSize } from "../_hooks/use-size.js";
 import { useCursor } from "../_hooks/use-cursor.js";
+import Tooltip from "../tooltip/index.js";
 var _Input = defineComponent({
   name: "Input",
+  components: {
+    Tooltip
+  },
   inheritAttrs: false,
   props: {
     modelValue: String,
@@ -62,7 +66,11 @@ var _Input = defineComponent({
       default: "text"
     },
     prepend: String,
-    append: String
+    append: String,
+    enableToolTip: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: {
     "update:modelValue": (value) => true,
@@ -82,7 +90,8 @@ var _Input = defineComponent({
       size,
       disabled,
       error,
-      modelValue
+      modelValue,
+      enableToolTip
     } = toRefs(props);
     const prefixCls = getPrefixCls("input");
     const inputRef = ref();
@@ -256,6 +265,11 @@ var _Input = defineComponent({
       }
       return attrs2;
     });
+    const inputToolTipAttrs = computed(() => {
+      return enableToolTip.value ? {} : {
+        "popup-visible": false
+      };
+    });
     const renderInput = (hasOuter) => {
       var _a;
       return createVNode("span", mergeProps({
@@ -263,22 +277,26 @@ var _Input = defineComponent({
         "onMousedown": handleMousedown
       }, !hasOuter ? wrapperAttrs.value : void 0), [slots.prefix && createVNode("span", {
         "class": `${prefixCls}-prefix`
-      }, [slots.prefix()]), createVNode("input", mergeProps({
-        "ref": inputRef,
-        "class": cls.value,
-        "value": computedValue.value,
-        "type": props.type,
-        "placeholder": props.placeholder,
-        "readonly": props.readonly,
-        "disabled": mergedDisabled.value,
-        "onInput": handleInput,
-        "onKeydown": handleKeyDown,
-        "onFocus": handleFocus,
-        "onBlur": handleBlur,
-        "onCompositionstart": handleComposition,
-        "onCompositionupdate": handleComposition,
-        "onCompositionend": handleComposition
-      }, mergeInputAttrs.value), null), showClearBtn.value && createVNode(IconHover, {
+      }, [slots.prefix()]), createVNode(Tooltip, mergeProps({
+        "content": props.placeholder
+      }, inputToolTipAttrs.value), {
+        default: () => [createVNode("input", mergeProps({
+          "ref": inputRef,
+          "class": cls.value,
+          "value": computedValue.value,
+          "type": props.type,
+          "placeholder": props.placeholder,
+          "readonly": props.readonly,
+          "disabled": mergedDisabled.value,
+          "onInput": handleInput,
+          "onKeydown": handleKeyDown,
+          "onFocus": handleFocus,
+          "onBlur": handleBlur,
+          "onCompositionstart": handleComposition,
+          "onCompositionupdate": handleComposition,
+          "onCompositionend": handleComposition
+        }, mergeInputAttrs.value), null)]
+      }), showClearBtn.value && createVNode(IconHover, {
         "prefix": prefixCls,
         "class": `${prefixCls}-clear-btn`,
         "onClick": handleClear

package/es/input-number/index.d.ts

@@ -63,9 +63,9 @@ declare const InputNumber: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -160,9 +160,9 @@ declare const InputNumber: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -246,9 +246,9 @@ declare const InputNumber: {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;

package/es/input-number/input-number.d.ts

@@ -131,9 +131,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+    onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
     disabled: boolean;

package/es/input-tag/index.d.ts

@@ -67,11 +67,11 @@ declare const InputTag: {
     }>> & Readonly<{
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
         onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: (string | number | import("./interface").TagData)[]) => any) | undefined;
+        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
         onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
     }>, {
@@ -92,16 +92,16 @@ declare const InputTag: {
         blur: (ev: FocusEvent) => true;
     }, import("vue").PublicProps, {
         disabled: boolean;
-        focused: boolean;
-        error: boolean;
-        readonly: boolean;
-        allowClear: boolean;
-        defaultValue: (string | number | import("./interface").TagData)[];
         retainInputValue: boolean | {
             create?: boolean | undefined;
             blur?: boolean | undefined;
         };
+        error: boolean;
+        focused: boolean;
         uninjectFormItemContext: boolean;
+        defaultValue: (string | number | import("./interface").TagData)[];
+        readonly: boolean;
+        allowClear: boolean;
         maxTagCount: number;
         tagNowrap: boolean;
         defaultInputValue: string;
@@ -179,11 +179,11 @@ declare const InputTag: {
     }>> & Readonly<{
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
         onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: (string | number | import("./interface").TagData)[]) => any) | undefined;
+        onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
         onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
         onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
     }>, {
@@ -194,16 +194,16 @@ declare const InputTag: {
         blur(): void;
     }, {
         disabled: boolean;
-        focused: boolean;
-        error: boolean;
-        readonly: boolean;
-        allowClear: boolean;
-        defaultValue: (string | number | import("./interface").TagData)[];
         retainInputValue: boolean | {
             create?: boolean | undefined;
             blur?: boolean | undefined;
         };
+        error: boolean;
+        focused: boolean;
         uninjectFormItemContext: boolean;
+        defaultValue: (string | number | import("./interface").TagData)[];
+        readonly: boolean;
+        allowClear: boolean;
         maxTagCount: number;
         tagNowrap: boolean;
         defaultInputValue: string;
@@ -278,11 +278,11 @@ declare const InputTag: {
 }>> & Readonly<{
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
     "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
     onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: (string | number | import("./interface").TagData)[]) => any) | undefined;
+    onChange?: ((value: (string | number | import("./interface").TagData)[], ev: Event) => any) | undefined;
     onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
     onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
 }>, {
@@ -303,16 +303,16 @@ declare const InputTag: {
     blur: (ev: FocusEvent) => true;
 }, string, {
     disabled: boolean;
-    focused: boolean;
-    error: boolean;
-    readonly: boolean;
-    allowClear: boolean;
-    defaultValue: (string | number | import("./interface").TagData)[];
     retainInputValue: boolean | {
         create?: boolean | undefined;
         blur?: boolean | undefined;
     };
+    error: boolean;
+    focused: boolean;
     uninjectFormItemContext: boolean;
+    defaultValue: (string | number | import("./interface").TagData)[];
+    readonly: boolean;
+    allowClear: boolean;
     maxTagCount: number;
     tagNowrap: boolean;
     defaultInputValue: string;

package/es/input-tag/input-tag.d.ts

@@ -143,25 +143,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onChange?: ((value: (string | number | TagData)[], ev: Event) => any) | undefined;
     "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
     onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: (string | number | TagData)[]) => any) | undefined;
+    onChange?: ((value: (string | number | TagData)[], ev: Event) => any) | undefined;
     onRemove?: ((removed: string | number, ev: Event) => any) | undefined;
     onPressEnter?: ((inputValue: string, ev: KeyboardEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    focused: boolean;
-    error: boolean;
-    readonly: boolean;
-    allowClear: boolean;
-    defaultValue: (string | number | TagData)[];
     retainInputValue: boolean | {
         create?: boolean | undefined;
         blur?: boolean | undefined;
     };
+    error: boolean;
+    focused: boolean;
     uninjectFormItemContext: boolean;
+    defaultValue: (string | number | TagData)[];
+    readonly: boolean;
+    allowClear: boolean;
     maxTagCount: number;
     tagNowrap: boolean;
     defaultInputValue: string;

package/es/list/index.d.ts

@@ -71,8 +71,8 @@ declare const List: {
         bordered: boolean;
         maxHeight: string | number;
         split: boolean;
-        bottomOffset: number;
         hoverable: boolean;
+        bottomOffset: number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -142,8 +142,8 @@ declare const List: {
         bordered: boolean;
         maxHeight: string | number;
         split: boolean;
-        bottomOffset: number;
         hoverable: boolean;
+        bottomOffset: number;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -215,8 +215,8 @@ declare const List: {
     bordered: boolean;
     maxHeight: string | number;
     split: boolean;
-    bottomOffset: number;
     hoverable: boolean;
+    bottomOffset: number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Item: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/list/list.d.ts

@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     bordered: boolean;
     maxHeight: string | number;
     split: boolean;
-    bottomOffset: number;
     hoverable: boolean;
+    bottomOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/mention/index.d.ts

@@ -36,9 +36,9 @@ declare const Mention: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onSearch?: ((value: string, prefix: string) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -58,9 +58,9 @@ declare const Mention: {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
         type: "textarea" | "input";
+        defaultValue: string;
         prefix: string | string[];
         allowClear: boolean;
-        defaultValue: string;
         split: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -103,9 +103,9 @@ declare const Mention: {
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onSearch?: ((value: string, prefix: string) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -117,9 +117,9 @@ declare const Mention: {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
         type: "textarea" | "input";
+        defaultValue: string;
         prefix: string | string[];
         allowClear: boolean;
-        defaultValue: string;
         split: string;
     }>;
     __isFragment?: undefined;
@@ -159,9 +159,9 @@ declare const Mention: {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSearch?: ((value: string, prefix: string) => any) | undefined;
 }>, {
     inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -181,9 +181,9 @@ declare const Mention: {
     disabled: boolean;
     data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
     type: "textarea" | "input";
+    defaultValue: string;
     prefix: string | string[];
     allowClear: boolean;
-    defaultValue: string;
     split: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: ArcoOptions | undefined) => void;

package/es/mention/mention.d.ts

@@ -78,17 +78,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onSelect?: ((value: string | number | Record<string, any> | undefined) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSearch?: ((value: string, prefix: string) => any) | undefined;
 }>, {
     disabled: boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
     type: "textarea" | "input";
+    defaultValue: string;
     prefix: string | string[];
     allowClear: boolean;
-    defaultValue: string;
     split: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/menu/item.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {
-    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "triggerProps" | "theme" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
+    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "theme" | "triggerProps" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
         selectedKeys: string[];
         openKeys: string[];
         prefixCls: string;

package/es/menu/sub-menu-pop.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerPrefixCls: string;
     triggerClassNames: import("vue").ComputedRef<any[]>;
     triggerProps: import("vue").ComputedRef<Omit<import("../trigger").TriggerProps, "class">>;
-    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "triggerProps" | "theme" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
+    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "theme" | "triggerProps" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
         selectedKeys: string[];
         openKeys: string[];
         prefixCls: string;

package/es/pagination/page-jumper.d.ts

@@ -122,9 +122,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
             inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -219,9 +219,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+            onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
             inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -305,9 +305,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
-        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;

package/es/pagination/page-options.d.ts

@@ -181,10 +181,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
-            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
             "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
             onInputValueChange?: ((inputValue: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
             onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
             onSearch?: ((inputValue: string) => any) | undefined;
             onDropdownScroll?: ((ev: Event) => any) | undefined;
@@ -210,10 +210,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             unmountOnClose: boolean;
             scrollbar: boolean | import("..").ScrollbarProps;
             multiple: boolean;
+            modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
             error: boolean;
-            allowClear: boolean;
             defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-            modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+            allowClear: boolean;
             loading: boolean;
             bordered: boolean;
             allowCreate: boolean;
@@ -225,14 +225,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             defaultInputValue: string;
             filterOption: boolean | ((inputValue: string, option: import("../select").SelectOptionData) => boolean);
             options: (string | number | boolean | import("../select").SelectOptionData | import("../select").SelectOptionGroup)[];
-            showExtraOptions: boolean;
+            searchDelay: number;
             valueKey: string;
             defaultActiveFirstOption: boolean;
-            showHeaderOnEmpty: boolean;
-            showFooterOnEmpty: boolean;
-            searchDelay: number;
             fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import("../select").SelectOptionData);
+            showExtraOptions: boolean;
             limit: number;
+            showHeaderOnEmpty: boolean;
+            showFooterOnEmpty: boolean;
         }, true, {}, {}, {
             Trigger: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -927,9 +927,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 disabled: boolean;
                 multiple: boolean;
+                retainInputValue: boolean;
                 error: boolean;
                 allowClear: boolean;
-                retainInputValue: boolean;
                 loading: boolean;
                 opened: boolean;
                 bordered: boolean;
@@ -1082,10 +1082,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
-            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
             "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
             onInputValueChange?: ((inputValue: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+            onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
             onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
             onSearch?: ((inputValue: string) => any) | undefined;
             onDropdownScroll?: ((ev: Event) => any) | undefined;
@@ -1098,10 +1098,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             unmountOnClose: boolean;
             scrollbar: boolean | import("..").ScrollbarProps;
             multiple: boolean;
+            modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
             error: boolean;
-            allowClear: boolean;
             defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-            modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+            allowClear: boolean;
             loading: boolean;
             bordered: boolean;
             allowCreate: boolean;
@@ -1113,14 +1113,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             defaultInputValue: string;
             filterOption: boolean | ((inputValue: string, option: import("../select").SelectOptionData) => boolean);
             options: (string | number | boolean | import("../select").SelectOptionData | import("../select").SelectOptionGroup)[];
-            showExtraOptions: boolean;
+            searchDelay: number;
             valueKey: string;
             defaultActiveFirstOption: boolean;
-            showHeaderOnEmpty: boolean;
-            showFooterOnEmpty: boolean;
-            searchDelay: number;
             fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import("../select").SelectOptionData);
+            showExtraOptions: boolean;
             limit: number;
+            showHeaderOnEmpty: boolean;
+            showFooterOnEmpty: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -1262,10 +1262,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
-        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
         onInputValueChange?: ((inputValue: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
         onSearch?: ((inputValue: string) => any) | undefined;
         onDropdownScroll?: ((ev: Event) => any) | undefined;
@@ -1291,10 +1291,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         unmountOnClose: boolean;
         scrollbar: boolean | import("..").ScrollbarProps;
         multiple: boolean;
+        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
         error: boolean;
-        allowClear: boolean;
         defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+        allowClear: boolean;
         loading: boolean;
         bordered: boolean;
         allowCreate: boolean;
@@ -1306,14 +1306,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         defaultInputValue: string;
         filterOption: boolean | ((inputValue: string, option: import("../select").SelectOptionData) => boolean);
         options: (string | number | boolean | import("../select").SelectOptionData | import("../select").SelectOptionGroup)[];
-        showExtraOptions: boolean;
+        searchDelay: number;
         valueKey: string;
         defaultActiveFirstOption: boolean;
-        showHeaderOnEmpty: boolean;
-        showFooterOnEmpty: boolean;
-        searchDelay: number;
         fallbackOption: boolean | ((value: string | number | boolean | Record<string, unknown>) => import("../select").SelectOptionData);
+        showExtraOptions: boolean;
         limit: number;
+        showHeaderOnEmpty: boolean;
+        showFooterOnEmpty: boolean;
     }, {}, string, {}, {
         Trigger: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -2008,9 +2008,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             disabled: boolean;
             multiple: boolean;
+            retainInputValue: boolean;
             error: boolean;
             allowClear: boolean;
-            retainInputValue: boolean;
             loading: boolean;
             opened: boolean;
             bordered: boolean;
@@ -2098,8 +2098,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>> & Readonly<{
-                    onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+                    onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
                 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
                     change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -2173,8 +2173,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>> & Readonly<{
-                    onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+                    onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
                 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                     disabled: boolean;
                     modelValue: boolean | (string | number | boolean)[];
@@ -2210,8 +2210,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{
-                onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+                onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
                 change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -2304,12 +2304,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>> & Readonly<{
-                    onChange?: ((value: (string | number | boolean)[], ev: Event) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: (string | number | boolean)[]) => any) | undefined;
+                    onChange?: ((value: (string | number | boolean)[], ev: Event) => any) | undefined;
                 }>, {
                     disabled: boolean;
-                    defaultValue: (string | number | boolean)[];
                     modelValue: (string | number | boolean)[];
+                    defaultValue: (string | number | boolean)[];
                     direction: "horizontal" | "vertical";
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void;