@geelato/web-vue 2.57.0 → 2.58.1

package/es/modal/index.d.ts

@@ -100,6 +100,10 @@ declare const Modal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maskAnimationName: {
             type: StringConstructor;
             default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -127,6 +131,7 @@ declare const Modal: {
         onClose?: (() => any) | undefined;
         "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
         onOk?: ((e: Event) => any) | undefined;
+        "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
     }>, {
@@ -155,8 +160,11 @@ declare const Modal: {
         } | undefined)[]>;
         teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
         handleMoveDown: (ev: MouseEvent) => void;
+        mergedFullscreen: import("vue").ComputedRef<boolean>;
+        toggleFullscreen: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:visible': (visible: boolean) => true;
+        'update:fullscreen': (fullscreen: boolean) => true;
         ok: (e: Event) => true;
         cancel: (e: Event) => true;
         open: () => true;
@@ -178,9 +186,10 @@ declare const Modal: {
         simple: boolean;
         okLoading: boolean;
         hideCancel: boolean;
+        fullscreen: boolean;
+        showFullscreen: boolean;
         titleAlign: "center" | "start";
         alignCenter: boolean;
-        fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
         hideTitle: boolean;
@@ -423,6 +432,8 @@ declare const Modal: {
             size: "mini" | "medium" | "large" | "small";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         IconClose: any;
+        IconFullscreen: any;
+        IconFullscreenExit: any;
         IconInfoCircleFill: any;
         IconCheckCircleFill: any;
         IconExclamationCircleFill: any;
@@ -532,6 +543,10 @@ declare const Modal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maskAnimationName: {
             type: StringConstructor;
             default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -559,6 +574,7 @@ declare const Modal: {
         onClose?: (() => any) | undefined;
         "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
         onOk?: ((e: Event) => any) | undefined;
+        "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
     }>, {
@@ -587,6 +603,8 @@ declare const Modal: {
         } | undefined)[]>;
         teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
         handleMoveDown: (ev: MouseEvent) => void;
+        mergedFullscreen: import("vue").ComputedRef<boolean>;
+        toggleFullscreen: () => void;
     }, {}, {}, {}, {
         unmountOnClose: boolean;
         popupContainer: string | HTMLElement;
@@ -602,9 +620,10 @@ declare const Modal: {
         simple: boolean;
         okLoading: boolean;
         hideCancel: boolean;
+        fullscreen: boolean;
+        showFullscreen: boolean;
         titleAlign: "center" | "start";
         alignCenter: boolean;
-        fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
         hideTitle: boolean;
@@ -710,6 +729,10 @@ declare const Modal: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maskAnimationName: {
         type: StringConstructor;
         default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -737,6 +760,7 @@ declare const Modal: {
     onClose?: (() => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     onOk?: ((e: Event) => any) | undefined;
+    "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
 }>, {
@@ -765,8 +789,11 @@ declare const Modal: {
     } | undefined)[]>;
     teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
+    mergedFullscreen: import("vue").ComputedRef<boolean>;
+    toggleFullscreen: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (visible: boolean) => true;
+    'update:fullscreen': (fullscreen: boolean) => true;
     ok: (e: Event) => true;
     cancel: (e: Event) => true;
     open: () => true;
@@ -788,9 +815,10 @@ declare const Modal: {
     simple: boolean;
     okLoading: boolean;
     hideCancel: boolean;
+    fullscreen: boolean;
+    showFullscreen: boolean;
     titleAlign: "center" | "start";
     alignCenter: boolean;
-    fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
     hideTitle: boolean;
@@ -1033,6 +1061,8 @@ declare const Modal: {
         size: "mini" | "medium" | "large" | "small";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: any;
+    IconFullscreen: any;
+    IconFullscreenExit: any;
     IconInfoCircleFill: any;
     IconCheckCircleFill: any;
     IconExclamationCircleFill: any;

package/es/modal/modal.d.ts

@@ -98,6 +98,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maskAnimationName: {
         type: StringConstructor;
         default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -145,8 +149,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } | undefined)[]>;
     teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
+    mergedFullscreen: import("vue").ComputedRef<boolean>;
+    toggleFullscreen: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (visible: boolean) => true;
+    'update:fullscreen': (fullscreen: boolean) => true;
     ok: (e: Event) => true;
     cancel: (e: Event) => true;
     open: () => true;
@@ -251,6 +258,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maskAnimationName: {
         type: StringConstructor;
         default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -278,6 +289,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: (() => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     onOk?: ((e: Event) => any) | undefined;
+    "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
 }>, {
@@ -295,9 +307,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     simple: boolean;
     okLoading: boolean;
     hideCancel: boolean;
+    fullscreen: boolean;
+    showFullscreen: boolean;
     titleAlign: "center" | "start";
     alignCenter: boolean;
-    fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
     hideTitle: boolean;
@@ -540,6 +553,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         size: "mini" | "medium" | "large" | "small";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: any;
+    IconFullscreen: any;
+    IconFullscreenExit: any;
     IconInfoCircleFill: any;
     IconCheckCircleFill: any;
     IconExclamationCircleFill: any;

package/es/modal/modal.js

@@ -6,8 +6,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_check_circle_fill = resolveComponent("icon-check-circle-fill");
   const _component_icon_exclamation_circle_fill = resolveComponent("icon-exclamation-circle-fill");
   const _component_icon_close_circle_fill = resolveComponent("icon-close-circle-fill");
-  const _component_icon_close = resolveComponent("icon-close");
+  const _component_icon_fullscreen = resolveComponent("icon-fullscreen");
+  const _component_icon_fullscreen_exit = resolveComponent("icon-fullscreen-exit");
   const _component_icon_hover = resolveComponent("icon-hover");
+  const _component_icon_close = resolveComponent("icon-close");
   const _component_arco_button = resolveComponent("arco-button");
   const _component_client_only = resolveComponent("client-only");
   return openBlock(), createBlock(_component_client_only, null, {
@@ -40,8 +42,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             ref: "wrapperRef",
             class: normalizeClass(_ctx.wrapperCls),
-            onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.handleMaskClick && _ctx.handleMaskClick(...args), ["self"])),
-            onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleMaskMouseDown && _ctx.handleMaskMouseDown(...args), ["self"]))
+            onClick: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleMaskClick && _ctx.handleMaskClick(...args), ["self"])),
+            onMousedown: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.handleMaskMouseDown && _ctx.handleMaskMouseDown(...args), ["self"]))
           }, [
             createVNode(Transition, {
               name: _ctx.modalAnimationName,
@@ -59,7 +61,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   !_ctx.hideTitle && (_ctx.$slots.title || _ctx.title || _ctx.closable) ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     class: normalizeClass(`${_ctx.prefixCls}-header`),
-                    onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMoveDown && _ctx.handleMoveDown(...args))
+                    onMousedown: _cache[2] || (_cache[2] = (...args) => _ctx.handleMoveDown && _ctx.handleMoveDown(...args))
                   }, [
                     _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", {
                       key: 0,
@@ -81,13 +83,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         createTextVNode(toDisplayString(_ctx.title), 1)
                       ])
                     ], 2)) : createCommentVNode("v-if", true),
-                    !_ctx.simple && _ctx.closable ? (openBlock(), createElementBlock("div", {
+                    !_ctx.simple && _ctx.showFullscreen ? (openBlock(), createElementBlock("div", {
                       key: 1,
                       tabindex: "-1",
                       role: "button",
+                      "aria-label": "Fullscreen",
+                      class: normalizeClass(`${_ctx.prefixCls}-fullscreen-btn`),
+                      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleFullscreen && _ctx.toggleFullscreen(...args))
+                    }, [
+                      createVNode(_component_icon_hover, null, {
+                        default: withCtx(() => [
+                          !_ctx.mergedFullscreen ? (openBlock(), createBlock(_component_icon_fullscreen, { key: 0 })) : (openBlock(), createBlock(_component_icon_fullscreen_exit, { key: 1 }))
+                        ]),
+                        _: 1
+                      })
+                    ], 2)) : createCommentVNode("v-if", true),
+                    !_ctx.simple && _ctx.closable ? (openBlock(), createElementBlock("div", {
+                      key: 2,
+                      tabindex: "-1",
+                      role: "button",
                       "aria-label": "Close",
                       class: normalizeClass(`${_ctx.prefixCls}-close-btn`),
-                      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
+                      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
                     }, [
                       createVNode(_component_icon_hover, null, {
                         default: withCtx(() => [

package/es/modal/modal.vue_vue_type_script_lang.js

@@ -4,6 +4,8 @@ import ClientOnly from "../_components/client-only.js";
 import IconHover from "../_components/icon-hover.js";
 import Button from "../button/index.js";
 import IconClose from "../icon/icon-close/index.js";
+import IconFullscreen from "../icon/icon-fullscreen/index.js";
+import IconFullscreenExit from "../icon/icon-fullscreen-exit/index.js";
 import IconInfoCircleFill from "../icon/icon-info-circle-fill/index.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
@@ -23,6 +25,8 @@ var _sfc_main = defineComponent({
     ArcoButton: Button,
     IconHover,
     IconClose,
+    IconFullscreen,
+    IconFullscreenExit,
     IconInfoCircleFill,
     IconCheckCircleFill,
     IconExclamationCircleFill,
@@ -129,6 +133,10 @@ var _sfc_main = defineComponent({
       type: Boolean,
       default: false
     },
+    showFullscreen: {
+      type: Boolean,
+      default: false
+    },
     maskAnimationName: {
       type: String,
       default: (props) => {
@@ -163,6 +171,7 @@ var _sfc_main = defineComponent({
   },
   emits: {
     "update:visible": (visible) => true,
+    "update:fullscreen": (fullscreen) => true,
     "ok": (e) => true,
     "cancel": (e) => true,
     "open": () => true,
@@ -191,6 +200,11 @@ var _sfc_main = defineComponent({
     });
     const _okLoading = ref(false);
     const mergedOkLoading = computed(() => props.okLoading || _okLoading.value);
+    const _fullscreen = ref(props.fullscreen);
+    const mergedFullscreen = computed(() => {
+      var _a;
+      return (_a = props.fullscreen) != null ? _a : _fullscreen.value;
+    });
     const mergedDraggable = computed(() => props.draggable && !props.fullscreen);
     const {
       teleportContainer,
@@ -353,7 +367,15 @@ var _sfc_main = defineComponent({
       if (position.value) {
         position.value = void 0;
       }
+      if (_fullscreen.value !== fullscreen.value) {
+        _fullscreen.value = !!fullscreen.value;
+      }
     });
+    const toggleFullscreen = () => {
+      const next = !mergedFullscreen.value;
+      _fullscreen.value = next;
+      emit("update:fullscreen", next);
+    };
     const wrapperCls = computed(() => [`${prefixCls}-wrapper`, {
       [`${prefixCls}-wrapper-align-center`]: props.alignCenter && !props.fullscreen,
       [`${prefixCls}-wrapper-moved`]: Boolean(position.value)
@@ -361,7 +383,7 @@ var _sfc_main = defineComponent({
     const modalCls = computed(() => [`${prefixCls}`, props.modalClass, {
       [`${prefixCls}-simple`]: props.simple,
       [`${prefixCls}-draggable`]: mergedDraggable.value,
-      [`${prefixCls}-fullscreen`]: props.fullscreen
+      [`${prefixCls}-fullscreen`]: mergedFullscreen.value
     }]);
     const mergedModalStyle = computed(() => {
       var _a;
@@ -400,7 +422,9 @@ var _sfc_main = defineComponent({
       wrapperCls,
       modalCls,
       teleportContainer,
-      handleMoveDown
+      handleMoveDown,
+      mergedFullscreen,
+      toggleFullscreen
     };
   }
 });

package/es/modal/style/index.css

@@ -116,7 +116,13 @@
   margin-left: 12px;
 }
 .arco-modal-close-btn {
-  margin-left: -12px;
+  margin-left: 8px;
+  color: var(--color-text-1);
+  font-size: 12px;
+  cursor: pointer;
+}
+.arco-modal-fullscreen-btn {
+  margin-left: 8px;
   color: var(--color-text-1);
   font-size: 12px;
   cursor: pointer;

package/es/modal/style/index.less

@@ -127,7 +127,14 @@
   }
 
   &-close-btn {
-    margin-left: -@modal-font-size-close-icon;
+    margin-left: 8px;
+    color: @modal-color-header-text;
+    font-size: @modal-font-size-close-icon;
+    cursor: pointer;
+  }
+
+  &-fullscreen-btn {
+    margin-left: 8px;
     color: @modal-color-header-text;
     font-size: @modal-font-size-close-icon;
     cursor: pointer;

package/es/pagination/index.d.ts

@@ -75,8 +75,8 @@ declare const Pagination: {
         };
     }>> & Readonly<{
         onChange?: ((current: number) => any) | undefined;
-        onPageSizeChange?: ((pageSize: number) => any) | undefined;
         "onUpdate:current"?: ((current: number) => any) | undefined;
+        onPageSizeChange?: ((pageSize: number) => any) | undefined;
         "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:current': (current: number) => true;
@@ -177,8 +177,8 @@ declare const Pagination: {
         };
     }>> & Readonly<{
         onChange?: ((current: number) => any) | undefined;
-        onPageSizeChange?: ((pageSize: number) => any) | undefined;
         "onUpdate:current"?: ((current: number) => any) | undefined;
+        onPageSizeChange?: ((pageSize: number) => any) | undefined;
         "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, {
         disabled: boolean;
@@ -271,8 +271,8 @@ declare const Pagination: {
     };
 }>> & Readonly<{
     onChange?: ((current: number) => any) | undefined;
-    onPageSizeChange?: ((pageSize: number) => any) | undefined;
     "onUpdate:current"?: ((current: number) => any) | undefined;
+    onPageSizeChange?: ((pageSize: number) => any) | undefined;
     "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:current': (current: number) => true;

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;
@@ -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;
@@ -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;
@@ -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;

package/es/pagination/pagination.d.ts

@@ -149,8 +149,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onChange?: ((current: number) => any) | undefined;
-    onPageSizeChange?: ((pageSize: number) => any) | undefined;
     "onUpdate:current"?: ((current: number) => any) | undefined;
+    onPageSizeChange?: ((pageSize: number) => any) | undefined;
     "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
 }>, {
     disabled: boolean;