@antify/ui 4.1.35 → 4.1.36

package/dist/components/calendar/AntDatePicker.vue

@@ -197,7 +197,6 @@ onMounted(() => {
         v-for="(day, index) in weekDays"
         :key="`${day}-${index}`"
         class="text-center flex items-center justify-center rounded-md"
-        :style="showWeekNumbers && index === 0 ? weekNumberStyles : {}"
       >
         <AntSkeleton
           :visible="skeleton"

package/dist/components/inputs/AntNumberInput.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import {
-  computed, onMounted, nextTick, ref, useId,
+  computed, onMounted, ref, useId,
 } from 'vue';
 import AntButton from '../AntButton.vue';
 import AntField from '../forms/AntField.vue';
@@ -59,6 +59,7 @@ const props = withDefaults(defineProps<{
   indicators?: boolean;
   inputRef?: HTMLInputElement | null;
   selectAllOnFocus?: boolean;
+  autocomplete?: 'on' | 'off' | string;
 }>(), {
   state: InputState.base,
   disabled: false,
@@ -71,6 +72,7 @@ const props = withDefaults(defineProps<{
   indicators: false,
   inputRef: null,
   selectAllOnFocus: false,
+  autocomplete: 'off',
 });
 const emit = defineEmits([
   'update:modelValue',
@@ -203,6 +205,7 @@ function onButtonBlur(e: FocusEvent) {
     if (props.max !== undefined && finalValue > props.max) {
       finalValue = props.max;
     }
+
     if (props.min !== undefined && finalValue < props.min) {
       finalValue = props.min;
     }
@@ -226,6 +229,19 @@ function onKeyDown(e: KeyboardEvent) {
     return;
   }
 
+  if (e.key === 'ArrowUp') {
+    e.preventDefault();
+    add();
+
+    return;
+  }
+  if (e.key === 'ArrowDown') {
+    e.preventDefault();
+    subtract();
+
+    return;
+  }
+
   const allowedKeys = [
     'Backspace',
     'Delete',
@@ -293,6 +309,7 @@ onMounted(() => {
         v-model:input-ref="_inputRef"
         :type="BaseInputType.number"
         :grouped="indicators ? Grouped.center : Grouped.none"
+        :autocomplete="autocomplete"
         wrapper-class="grow"
         :state="state"
         :size="size"

package/dist/components/inputs/Elements/AntBaseInput.vue

@@ -74,7 +74,6 @@ const props = withDefaults(defineProps<{
   default: false,
   nullable: false,
   inputRef: null,
-  step: 1,
 });
 const slot = useSlots();
 const hasInputState = computed(() => props.skeleton || props.disabled);
@@ -163,26 +162,13 @@ const icon = computed(() => icons[props.state]);
 const _modelValue = computed<string | number | null>({
   get: () => props.modelValue,
   set: (val: string | number | null) => {
-    if (props.type === BaseInputType.number) {
-      if (val === '' || val === null || val === undefined) {
-        emit('update:modelValue', null);
-
-        return;
-      }
-
-      const num = Number(val);
-
-      if (!isNaN(num)) {
-        emit('update:modelValue', num);
-      }
-
-      return;
+    if (props.type === BaseInputType.number && typeof val !== 'number') {
+      return emit('update:modelValue', null);
     }
 
     emit('update:modelValue', val);
   },
 });
-
 const inputIconSize = computed(() => {
   if (props.size === Size.xs || props.size === Size.xs2) {
     return IconSize.xs;
@@ -285,7 +271,6 @@ function onClickClearIcon() {
         :min="min"
         :max="max"
         title=""
-        :step="step"
         v-bind="$attrs"
         :data-e2e-state="state"
         @blur="onBlur"

package/dist/components/inputs/__stories/AntNumberInput.stories.js

@@ -62,6 +62,18 @@ const meta = {
       control: {
         type: "number"
       }
+    },
+    autocomplete: {
+      control: {
+        type: "inline-radio"
+      },
+      options: ["on", "off"],
+      description: "Enables or disables browser suggestions and autocomplete.",
+      table: {
+        defaultValue: {
+          summary: "off"
+        }
+      }
     }
   }
 };
@@ -83,7 +95,8 @@ const Docs = exports.Docs = {
     steps: 1,
     label: "Standard Number Input",
     description: "Basic usage with manual entry or indicators",
-    onValidate: (0, _test.fn)()
+    onValidate: (0, _test.fn)(),
+    autocomplete: "off"
   }
 };
 const SelectAllOnFocus = exports.SelectAllOnFocus = {

package/dist/components/inputs/__stories/AntNumberInput.stories.mjs

@@ -63,6 +63,21 @@ const meta = {
       control: {
         type: "number"
       }
+    },
+    autocomplete: {
+      control: {
+        type: "inline-radio"
+      },
+      options: [
+        "on",
+        "off"
+      ],
+      description: "Enables or disables browser suggestions and autocomplete.",
+      table: {
+        defaultValue: {
+          summary: "off"
+        }
+      }
     }
   }
 };
@@ -84,7 +99,8 @@ export const Docs = {
     steps: 1,
     label: "Standard Number Input",
     description: "Basic usage with manual entry or indicators",
-    onValidate: fn()
+    onValidate: fn(),
+    autocomplete: "off"
   }
 };
 export const SelectAllOnFocus = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antify/ui",
-  "version": "4.1.35",
+  "version": "4.1.36",
   "private": false,
   "type": "module",
   "exports": {