chore(inputnumber): modify class name

src/packages/__VUE/form/__test__/index.spec.ts

@@ -368,7 +368,7 @@ describe('Form', () => {
     expect(formitem2.exists()).toBe(true);
     const formitem3 = wrapper.find('.nut-rate');
     expect(formitem3.exists()).toBe(true);
-    const formitem4 = wrapper.find('.nut-inputnumber');
+    const formitem4 = wrapper.find('.nut-input-number');
     expect(formitem4.exists()).toBe(true);
     const formitem5 = wrapper.find('.nut-range');
     expect(formitem5.exists()).toBe(true);

src/packages/__VUE/inputnumber/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-inputnumber {
+  .nut-input-number {
     &__icon {
       color: $dark-color;
       &--disabled {
@@ -19,7 +19,7 @@
     }
   }
 }
-.nut-inputnumber {
+.nut-input-number {
   display: $inputnumber-display;
   align-items: center;
   border: $inputnumber-border;

src/packages/__VUE/inputnumber/index.taro.vue

@@ -2,20 +2,20 @@
   <view :class="classes" :style="{ height: pxCheck(buttonSize) }">
     <nut-icon
       :name="iconLeft"
-      class="nut-inputnumber__icon"
-      :class="{ 'nut-inputnumber__icon--disabled': !reduceAllow() }"
+      class="nut-input-number__icon"
+      :class="{ 'nut-input-number__icon--disabled': !reduceAllow() }"
       :size="buttonSize"
       v-bind="$attrs"
       @click="reduce"
     >
     </nut-icon>
-    <view v-if="readonly" class="nut-inputnumber__text--readonly">
+    <view v-if="readonly" class="nut-input-number__text--readonly">
       {{ modelValue }}
     </view>
     <input
       v-else
       type="number"
-      class="nut-inputnumber__text--input"
+      class="nut-input-number__text--input"
       :min="min"
       :max="max"
       :style="{ width: pxCheck(inputWidth) }"
@@ -28,8 +28,8 @@
     />
     <nut-icon
       :name="iconRight"
-      class="nut-inputnumber__icon"
-      :class="{ 'nut-inputnumber__icon--disabled': !addAllow() }"
+      class="nut-input-number__icon"
+      :class="{ 'nut-input-number__icon--disabled': !addAllow() }"
       :size="buttonSize"
       v-bind="$attrs"
       @click="add"
@@ -92,7 +92,7 @@ export default create({
   emits: ['update:modelValue', 'change', 'blur', 'focus', 'reduce', 'add', 'overlimit'],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = 'nut-inputnumber';
+      const prefixCls = componentName;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled

src/packages/__VUE/inputnumber/index.vue

@@ -2,8 +2,8 @@
   <view :class="classes" :style="{ height: pxCheck(buttonSize) }">
     <nut-icon
       :name="iconLeft"
-      class="nut-inputnumber__icon"
-      :class="{ 'nut-inputnumber__icon--disabled': !reduceAllow() }"
+      class="nut-input-number__icon"
+      :class="{ 'nut-input-number__icon--disabled': !reduceAllow() }"
       :size="buttonSize"
       v-bind="$attrs"
       @click="reduce"
@@ -23,8 +23,8 @@
     />
     <nut-icon
       :name="iconRight"
-      class="nut-inputnumber__icon"
-      :class="{ 'nut-inputnumber__icon--disabled': !addAllow() }"
+      class="nut-input-number__icon"
+      :class="{ 'nut-input-number__icon--disabled': !addAllow() }"
       :size="buttonSize"
       v-bind="$attrs"
       @click="add"
@@ -88,7 +88,7 @@ export default create({
 
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = 'nut-inputnumber';
+      const prefixCls = componentName;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled