feat(InputNumber): update class bindings

shuriken-ui · Feb 22, 2024 · a7a551e · a7a551e
1 parent 79d93f6
commit a7a551e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/.playground/pages/tests/tests/input-models.vue b/.playground/pages/tests/tests/input-models.vue
@@ -383,7 +383,12 @@ animatedCheckbox2: {{ animatedCheckbox2 }}({{ typeof animatedCheckbox2 }})</pre
     <NuiPreview title="BaseInputNumber" description="BaseInputNumber test">
       <div class="grid grid-cols-4 gap-6">
         <div class="col-span-2">
-          <BaseInputNumber v-model="inputNumber1" :min="-2" :max="5" />
+          <BaseInputNumber
+            v-model="inputNumber1"
+            :min="-2"
+            :max="5"
+            color-focus
+          />
         </div>
         <BaseCard class="col-span-2 p-2">
           <pre>inputNumber1: {{ inputNumber1 }}({{ typeof inputNumber1 }})</pre>

diff --git a/components/form/BaseInputNumber.vue b/components/form/BaseInputNumber.vue
@@ -189,10 +189,10 @@ const contrast = useNuiDefaultProperty(props, 'BaseInputNumber', 'contrast')
 
 const radiuses = {
   none: '',
-  sm: 'nui-input-number-rounded',
-  md: 'nui-input-number-smooth',
-  lg: 'nui-input-number-curved',
-  full: 'nui-input-number-full',
+  sm: 'nui-input-number-rounded-sm',
+  md: 'nui-input-number-rounded-md',
+  lg: 'nui-input-number-rounded-lg',
+  full: 'nui-input-number-rounded-full',
 } as Record<string, string>
 
 const sizes = {