@julingbase/jly-arco-design 0.0.2 → 0.0.4

package/es/select/style/index.less

@@ -1,132 +1,132 @@
-@import '../../style/mixins/index.less';
-@import './token.less';
-
-@select-prefix-cls: ~'@{prefix}-select';
-
-.@{select-prefix-cls}-dropdown {
-  box-sizing: border-box;
-  padding: @select-popup-padding-vertical 0;
-  background-color: @select-popup-color-bg;
-  border: 1px solid @select-popup-color-border;
-  border-radius: @select-popup-border-radius;
-  box-shadow: @select-popup-box-shadow;
-
-  & &-loading {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 50px;
-  }
-
-  &-list {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 0;
-    list-style: none;
-
-    &-wrapper {
-      max-height: @select-popup-max-height;
-      overflow-y: auto;
-    }
-  }
-
-  .@{select-prefix-cls}-option {
-    position: relative;
-    // 避免 Trigger 的小箭头位于其上方
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 0 @select-signal-popup-option-padding-horizontal;
-
-    // default
-    color: @select-popup-option-color-text_default;
-    font-size: @select-popup-font-size;
-    line-height: @select-popup-option-height;
-    text-align: left;
-    background-color: @select-popup-option-color-bg_default;
-    cursor: pointer;
-
-    &-content {
-      .text-ellipsis();
-    }
-
-    &-checkbox {
-      overflow: hidden;
-
-      .@{prefix}-checkbox-label {
-        .text-ellipsis();
-      }
-    }
-
-    &-has-suffix {
-      justify-content: space-between;
-    }
-
-    // selected
-    &-selected {
-      color: @select-popup-option-color-text_selected;
-      font-weight: @select-popup-option-font-weight_selected;
-      background-color: @select-popup-option-color-bg_selected;
-    }
-
-    // hover
-    &-active,
-    &:not(&-disabled):hover {
-      color: @select-popup-option-color-text_hover;
-      background-color: @select-popup-option-color-bg_hover;
-      transition: all @transition-duration-1 @transition-timing-function-linear;
-    }
-
-    // disabled
-    &-disabled {
-      color: @select-popup-option-color-text_disabled;
-      background-color: @select-popup-option-color-bg_disabled;
-      cursor: not-allowed;
-    }
-
-    &-icon {
-      display: inline-flex;
-      margin-right: 8px;
-    }
-
-    &-suffix {
-      margin-left: @dropdown-margin-left-suffix-icon;
-    }
-  }
-
-  .@{select-prefix-cls}-group {
-    &:first-child &-title {
-      margin-top: @select-popup-group-title-padding-top;
-    }
-
-    &-title {
-      box-sizing: border-box;
-      width: 100%;
-      margin-top: @select-popup-group-title-padding-top;
-      padding: 0 @select-popup-group-title-padding-horizontal;
-      color: @select-popup-group-title-color-text;
-      font-size: @select-popup-group-title-font-size;
-      line-height: @select-popup-group-title-height;
-      cursor: default;
-      .text-ellipsis();
-    }
-  }
-
-  &&-has-header {
-    padding-top: 0;
-  }
-
-  &-header {
-    border-bottom: 1px solid @select-popup-color-border;
-  }
-
-  &&-has-footer {
-    padding-bottom: 0;
-  }
-
-  &-footer {
-    border-top: 1px solid @select-popup-color-border;
-  }
-}
+@import '../../style/mixins/index.less';
+@import './token.less';
+
+@select-prefix-cls: ~'@{prefix}-select';
+
+.@{select-prefix-cls}-dropdown {
+  box-sizing: border-box;
+  padding: @select-popup-padding-vertical 0;
+  background-color: @select-popup-color-bg;
+  border: 1px solid @select-popup-color-border;
+  border-radius: @select-popup-border-radius;
+  box-shadow: @select-popup-box-shadow;
+
+  & &-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 50px;
+  }
+
+  &-list {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 0;
+    list-style: none;
+
+    &-wrapper {
+      max-height: @select-popup-max-height;
+      overflow-y: auto;
+    }
+  }
+
+  .@{select-prefix-cls}-option {
+    position: relative;
+    // 避免 Trigger 的小箭头位于其上方
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0 @select-signal-popup-option-padding-horizontal;
+
+    // default
+    color: @select-popup-option-color-text_default;
+    font-size: @select-popup-font-size;
+    line-height: @select-popup-option-height;
+    text-align: left;
+    background-color: @select-popup-option-color-bg_default;
+    cursor: pointer;
+
+    &-content {
+      .text-ellipsis();
+    }
+
+    &-checkbox {
+      overflow: hidden;
+
+      .@{prefix}-checkbox-label {
+        .text-ellipsis();
+      }
+    }
+
+    &-has-suffix {
+      justify-content: space-between;
+    }
+
+    // selected
+    &-selected {
+      color: @select-popup-option-color-text_selected;
+      font-weight: @select-popup-option-font-weight_selected;
+      background-color: @select-popup-option-color-bg_selected;
+    }
+
+    // hover
+    &-active,
+    &:not(&-disabled):hover {
+      color: @select-popup-option-color-text_hover;
+      background-color: @select-popup-option-color-bg_hover;
+      transition: all @transition-duration-1 @transition-timing-function-linear;
+    }
+
+    // disabled
+    &-disabled {
+      color: @select-popup-option-color-text_disabled;
+      background-color: @select-popup-option-color-bg_disabled;
+      cursor: not-allowed;
+    }
+
+    &-icon {
+      display: inline-flex;
+      margin-right: 8px;
+    }
+
+    &-suffix {
+      margin-left: @dropdown-margin-left-suffix-icon;
+    }
+  }
+
+  .@{select-prefix-cls}-group {
+    &:first-child &-title {
+      margin-top: @select-popup-group-title-padding-top;
+    }
+
+    &-title {
+      box-sizing: border-box;
+      width: 100%;
+      margin-top: @select-popup-group-title-padding-top;
+      padding: 0 @select-popup-group-title-padding-horizontal;
+      color: @select-popup-group-title-color-text;
+      font-size: @select-popup-group-title-font-size;
+      line-height: @select-popup-group-title-height;
+      cursor: default;
+      .text-ellipsis();
+    }
+  }
+
+  &&-has-header {
+    padding-top: 0;
+  }
+
+  &-header {
+    border-bottom: 1px solid @select-popup-color-border;
+  }
+
+  &&-has-footer {
+    padding-bottom: 0;
+  }
+
+  &-footer {
+    border-top: 1px solid @select-popup-color-border;
+  }
+}

package/es/select/style/token.less

@@ -1,43 +1,43 @@
-@import '../../style/theme/index.less';
-
-/**********************************************
- * Popup Box
- **********************************************/
-@select-popup-max-height: @size-50;
-@select-popup-border-radius: @radius-medium;
-@select-popup-padding-vertical: @spacing-2;
-@select-popup-font-size: @font-size-body-3;
-@select-popup-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@select-popup-color-border: var(~'@{arco-cssvars-prefix}-color-fill-3');
-@select-popup-box-shadow: @shadow2-down;
-
-/**********************************************
- * Popup Options
- * status: default / disabled / selected / hover
- **********************************************/
-@select-popup-option-height: @size-9;
-@select-popup-option-font-weight_selected: @font-weight-500;
-@select-signal-popup-option-padding-horizontal: @spacing-6;
-@select-multi-popup-option-padding-horizontal: @spacing-2;
-
-@select-popup-option-color-bg_default: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@select-popup-option-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
-@select-popup-option-color-bg_selected: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@select-popup-option-color-bg_disabled: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-
-@select-popup-option-color-text_default: var(~'@{arco-cssvars-prefix}-color-text-1');
-@select-popup-option-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-1');
-@select-popup-option-color-text_selected: var(~'@{arco-cssvars-prefix}-color-text-1');
-@select-popup-option-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
-
-@select-popup-option-color-highlight-text: var(--color-text-1);
-@select-popup-option-font-highlight-weight: @font-weight-500;
-
-// option group title
-@select-popup-group-title-height: @size-5;
-@select-popup-group-title-padding-horizontal: @spacing-6;
-@select-popup-group-title-padding-top: @spacing-4;
-@select-popup-group-title-font-size: @font-size-body-1;
-@select-popup-group-title-color-text: var(~'@{arco-cssvars-prefix}-color-text-3');
-
-@dropdown-margin-left-suffix-icon: @spacing-6;
+@import '../../style/theme/index.less';
+
+/**********************************************
+ * Popup Box
+ **********************************************/
+@select-popup-max-height: @size-50;
+@select-popup-border-radius: @radius-medium;
+@select-popup-padding-vertical: @spacing-2;
+@select-popup-font-size: @font-size-body-3;
+@select-popup-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@select-popup-color-border: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@select-popup-box-shadow: @shadow2-down;
+
+/**********************************************
+ * Popup Options
+ * status: default / disabled / selected / hover
+ **********************************************/
+@select-popup-option-height: @size-9;
+@select-popup-option-font-weight_selected: @font-weight-500;
+@select-signal-popup-option-padding-horizontal: @spacing-6;
+@select-multi-popup-option-padding-horizontal: @spacing-2;
+
+@select-popup-option-color-bg_default: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@select-popup-option-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
+@select-popup-option-color-bg_selected: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@select-popup-option-color-bg_disabled: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+
+@select-popup-option-color-text_default: var(~'@{arco-cssvars-prefix}-color-text-1');
+@select-popup-option-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-1');
+@select-popup-option-color-text_selected: var(~'@{arco-cssvars-prefix}-color-text-1');
+@select-popup-option-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
+
+@select-popup-option-color-highlight-text: var(--color-text-1);
+@select-popup-option-font-highlight-weight: @font-weight-500;
+
+// option group title
+@select-popup-group-title-height: @size-5;
+@select-popup-group-title-padding-horizontal: @spacing-6;
+@select-popup-group-title-padding-top: @spacing-4;
+@select-popup-group-title-font-size: @font-size-body-1;
+@select-popup-group-title-color-text: var(~'@{arco-cssvars-prefix}-color-text-3');
+
+@dropdown-margin-left-suffix-icon: @spacing-6;

package/es/skeleton/style/index.less

@@ -1,66 +1,66 @@
-@import './token.less';
-
-@skeleton-prefix-cls: ~'@{prefix}-skeleton';
-
-.@{skeleton-prefix-cls} {
-  &-shape {
-    width: @skeleton-size-image_default;
-    height: @skeleton-size-image_default;
-    background-color: @skeleton-color-bg-base;
-    border-radius: @skeleton-radius-image-border;
-
-    &-circle {
-      border-radius: 50%;
-    }
-
-    &-small {
-      width: @skeleton-size-image_small;
-      height: @skeleton-size-image_small;
-    }
-
-    &-large {
-      width: @skeleton-size-image_large;
-      height: @skeleton-size-image_large;
-    }
-  }
-
-  &-line {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-
-    &-row {
-      height: @skeleton-size-row-height;
-      background-color: @skeleton-color-bg-base;
-    }
-
-    &-row:not(:last-child) {
-      margin-bottom: @skeleton-spacing-last_row-margin-bottom;
-    }
-  }
-
-  &-animation {
-    .@{skeleton-prefix-cls}-shape,
-    .@{skeleton-prefix-cls}-line-row {
-      background: linear-gradient(
-        90deg,
-        @skeleton-color-bg-base 25%,
-        @skeleton-color-animate-bg 37%,
-        @skeleton-color-bg-base 63%
-      );
-      background-size: 400% 100%;
-      animation: ~'@{prefix}-skeleton-circle' 1.5s @transition-timing-function-linear
-        infinite;
-    }
-  }
-}
-
-@keyframes ~'@{prefix}-skeleton-circle' {
-  0% {
-    background-position: 100% 50%;
-  }
-
-  100% {
-    background-position: 0 50%;
-  }
-}
+@import './token.less';
+
+@skeleton-prefix-cls: ~'@{prefix}-skeleton';
+
+.@{skeleton-prefix-cls} {
+  &-shape {
+    width: @skeleton-size-image_default;
+    height: @skeleton-size-image_default;
+    background-color: @skeleton-color-bg-base;
+    border-radius: @skeleton-radius-image-border;
+
+    &-circle {
+      border-radius: 50%;
+    }
+
+    &-small {
+      width: @skeleton-size-image_small;
+      height: @skeleton-size-image_small;
+    }
+
+    &-large {
+      width: @skeleton-size-image_large;
+      height: @skeleton-size-image_large;
+    }
+  }
+
+  &-line {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    &-row {
+      height: @skeleton-size-row-height;
+      background-color: @skeleton-color-bg-base;
+    }
+
+    &-row:not(:last-child) {
+      margin-bottom: @skeleton-spacing-last_row-margin-bottom;
+    }
+  }
+
+  &-animation {
+    .@{skeleton-prefix-cls}-shape,
+    .@{skeleton-prefix-cls}-line-row {
+      background: linear-gradient(
+        90deg,
+        @skeleton-color-bg-base 25%,
+        @skeleton-color-animate-bg 37%,
+        @skeleton-color-bg-base 63%
+      );
+      background-size: 400% 100%;
+      animation: ~'@{prefix}-skeleton-circle' 1.5s @transition-timing-function-linear
+        infinite;
+    }
+  }
+}
+
+@keyframes ~'@{prefix}-skeleton-circle' {
+  0% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0 50%;
+  }
+}

package/es/skeleton/style/token.less

@@ -1,15 +1,15 @@
-@import '../../style/theme/index.less';
-
-@skeleton-color-bg-base: var(~'@{arco-cssvars-prefix}-color-fill-2');
-
-@skeleton-radius-image-border: @radius-small;
-@skeleton-size-image_default: @size-12;
-@skeleton-size-image_small: @size-9;
-@skeleton-size-image_large: @size-15;
-@skeleton-spacing-image_left-margin-right: @spacing-7;
-@skeleton-spacing-image_right-margin-left: @spacing-7;
-
-@skeleton-size-row-height: @size-4;
-@skeleton-spacing-last_row-margin-bottom: @spacing-7;
-
-@skeleton-color-animate-bg: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@import '../../style/theme/index.less';
+
+@skeleton-color-bg-base: var(~'@{arco-cssvars-prefix}-color-fill-2');
+
+@skeleton-radius-image-border: @radius-small;
+@skeleton-size-image_default: @size-12;
+@skeleton-size-image_small: @size-9;
+@skeleton-size-image_large: @size-15;
+@skeleton-spacing-image_left-margin-right: @spacing-7;
+@skeleton-spacing-image_right-margin-left: @spacing-7;
+
+@skeleton-size-row-height: @size-4;
+@skeleton-spacing-last_row-margin-bottom: @spacing-7;
+
+@skeleton-color-animate-bg: var(~'@{arco-cssvars-prefix}-color-fill-3');

package/es/slider/index.d.ts

@@ -54,8 +54,8 @@ declare const Slider: {
             default: boolean;
         };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
         onChange?: ((value: number | [number, number]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
     }>, {
         prefixCls: string;
         cls: import("vue").ComputedRef<(string | {
@@ -87,8 +87,8 @@ declare const Slider: {
     }, import("vue").PublicProps, {
         disabled: boolean;
         range: boolean;
-        modelValue: number | [number, number];
         defaultValue: number | [number, number];
+        modelValue: number | [number, number];
         direction: "horizontal" | "vertical";
         max: number;
         step: number;
@@ -1728,9 +1728,9 @@ declare const Slider: {
                     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>;
@@ -1825,9 +1825,9 @@ declare const Slider: {
                     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>;
@@ -1911,9 +1911,9 @@ declare const Slider: {
                 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>;
@@ -2003,8 +2003,8 @@ declare const Slider: {
             default: boolean;
         };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
         onChange?: ((value: number | [number, number]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
     }>, {
         prefixCls: string;
         cls: import("vue").ComputedRef<(string | {
@@ -2033,8 +2033,8 @@ declare const Slider: {
     }, {}, {}, {}, {
         disabled: boolean;
         range: boolean;
-        modelValue: number | [number, number];
         defaultValue: number | [number, number];
+        modelValue: number | [number, number];
         direction: "horizontal" | "vertical";
         max: number;
         step: number;
@@ -2098,8 +2098,8 @@ declare const Slider: {
         default: boolean;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
     onChange?: ((value: number | [number, number]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
 }>, {
     prefixCls: string;
     cls: import("vue").ComputedRef<(string | {
@@ -2131,8 +2131,8 @@ declare const Slider: {
 }, string, {
     disabled: boolean;
     range: boolean;
-    modelValue: number | [number, number];
     defaultValue: number | [number, number];
+    modelValue: number | [number, number];
     direction: "horizontal" | "vertical";
     max: number;
     step: number;
@@ -3772,9 +3772,9 @@ declare const Slider: {
                 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>;
@@ -3869,9 +3869,9 @@ declare const Slider: {
                 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>;
@@ -3955,9 +3955,9 @@ declare const Slider: {
             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/slider/slider-input.d.ts

@@ -110,9 +110,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>;
@@ -207,9 +207,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>;
@@ -293,9 +293,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>;