Merge branch 'v4' of https://github.com/jdf2e/nutui into v4

src/packages/__VUE/cascader/__tests__/__snapshots__/cascader.spec.ts.snap

@@ -27,7 +27,7 @@ exports[`Cascader change tab 1`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -43,7 +43,7 @@ exports[`Cascader change tab 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -51,7 +51,7 @@ exports[`Cascader change tab 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -100,7 +100,7 @@ exports[`Cascader change tab 2`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-100%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -116,7 +116,7 @@ exports[`Cascader change tab 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -124,7 +124,7 @@ exports[`Cascader change tab 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -173,7 +173,7 @@ exports[`Cascader change tab 3`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -189,7 +189,7 @@ exports[`Cascader change tab 3`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -197,7 +197,7 @@ exports[`Cascader change tab 3`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -230,7 +230,7 @@ exports[`Cascader modelValue 1`] = `
       <view class=\\"nut-tabs horizontal nut-cascader\\" id=\\"container\\">
         <view class=\\"nut-tabs__titles line scrollable normal\\"></view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -283,7 +283,7 @@ exports[`Cascader modelValue 2`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -299,7 +299,7 @@ exports[`Cascader modelValue 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -307,7 +307,7 @@ exports[`Cascader modelValue 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -346,7 +346,7 @@ exports[`Cascader modelValue 3`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -389,7 +389,7 @@ exports[`Cascader modelValue 4`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -432,7 +432,7 @@ exports[`Cascader modelValue with lazy 1`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view class=\\"nut-cascader-pane\\"></view>
           </view>
         </view>
@@ -472,7 +472,7 @@ exports[`Cascader modelValue with lazy 2`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A0</view>
@@ -488,7 +488,7 @@ exports[`Cascader modelValue with lazy 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A11</view>
@@ -500,7 +500,7 @@ exports[`Cascader modelValue with lazy 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A21</view>
@@ -549,7 +549,7 @@ exports[`Cascader options 1`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -565,7 +565,7 @@ exports[`Cascader options 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -573,7 +573,7 @@ exports[`Cascader options 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -617,7 +617,7 @@ exports[`Cascader options with convertConfig 1`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-100%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">广东省</view>
@@ -629,7 +629,7 @@ exports[`Cascader options with convertConfig 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">广州市</view>
@@ -674,7 +674,7 @@ exports[`Cascader options with valueKey/textKey/childrenKey 1`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -690,7 +690,7 @@ exports[`Cascader options with valueKey/textKey/childrenKey 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -698,7 +698,7 @@ exports[`Cascader options with valueKey/textKey/childrenKey 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -742,7 +742,7 @@ exports[`Cascader select 1`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-100%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -758,7 +758,7 @@ exports[`Cascader select 1`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -803,7 +803,7 @@ exports[`Cascader select 2`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -819,7 +819,7 @@ exports[`Cascader select 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -827,7 +827,7 @@ exports[`Cascader select 2`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -876,7 +876,7 @@ exports[`Cascader select 3`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -892,7 +892,7 @@ exports[`Cascader select 3`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">福州</view>
@@ -900,7 +900,7 @@ exports[`Cascader select 3`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">鼓楼区</view>
@@ -939,7 +939,7 @@ exports[`Cascader select 4`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>
@@ -976,7 +976,7 @@ exports[`Cascader select with lazy 1`] = `
       <view class=\\"nut-tabs horizontal nut-cascader\\" id=\\"container\\">
         <view class=\\"nut-tabs__titles line scrollable normal\\"></view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view class=\\"nut-cascader-pane\\"></view>
           </view>
         </view>
@@ -1006,7 +1006,7 @@ exports[`Cascader select with lazy 2`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A0</view>
@@ -1050,7 +1050,7 @@ exports[`Cascader select with lazy 3`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-100%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A0</view>
@@ -1062,7 +1062,7 @@ exports[`Cascader select with lazy 3`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A11</view>
@@ -1111,7 +1111,7 @@ exports[`Cascader select with lazy 4`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A0</view>
@@ -1123,7 +1123,7 @@ exports[`Cascader select with lazy 4`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A11</view>
@@ -1135,7 +1135,7 @@ exports[`Cascader select with lazy 4`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A21</view>
@@ -1184,7 +1184,7 @@ exports[`Cascader select with lazy 5`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-200%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A0</view>
@@ -1196,7 +1196,7 @@ exports[`Cascader select with lazy 5`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A11</view>
@@ -1208,7 +1208,7 @@ exports[`Cascader select with lazy 5`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item active\\" aria-checked=\\"true\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A21</view>
@@ -1247,7 +1247,7 @@ exports[`Cascader select with lazy 6`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A0</view>
@@ -1291,7 +1291,7 @@ exports[`Cascader select with lazy 7`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-100%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">A0</view>
@@ -1303,7 +1303,7 @@ exports[`Cascader select with lazy 7`] = `
               </view>
             </view>
           </view>
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">B11</view>
@@ -1342,7 +1342,7 @@ exports[`Cascader visible 1`] = `
           </view>
         </view>
         <view class=\\"nut-tabs__content\\" style=\\"transform: translate3d(-0%, 0, 0); transition-duration: 300ms;\\">
-          <view class=\\"nut-tabpane\\">
+          <view class=\\"nut-tab-pane\\">
             <view role=\\"menu\\" class=\\"nut-cascader-pane\\">
               <view class=\\"nut-cascader-item\\" aria-checked=\\"false\\" role=\\"menuitemradio\\">
                 <view class=\\"nut-cascader-item__title\\">浙江</view>

src/packages/__VUE/cascader/index.scss

@@ -16,7 +16,7 @@
   font-size: $cascader-font-size;
   line-height: $cascader-line-height;
 
-  .nut-tabpane {
+  .nut-tab-pane {
     padding: 0;
   }
 

src/packages/__VUE/categorypane/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-categorypane {
+  .nut-category-pane {
     &__childTitle {
       color: $white;
     }
@@ -8,7 +8,7 @@
     }
   }
 }
-.nut-categorypane {
+.nut-category-pane {
   &__cateListRight {
     padding-left: 15px;
     background: $category-bg-color;

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

@@ -1,36 +1,36 @@
 <template>
-  <div class="nut-categorypane">
-    <div v-if="type == 'classify'" class="nut-categorypane__cateListRight">
+  <div class="nut-category-pane">
+    <div v-if="type == 'classify'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <img class="nut-categorypane__childImg" :src="sku.backImg" />
-            <div class="nut-categorypane__skuImg">{{ sku?.catName }}</div>
+            <img class="nut-category-pane__childImg" :src="sku.backImg" />
+            <div class="nut-category-pane__skuImg">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
     </div>
 
     <!-- text -->
-    <div v-if="type == 'text'" class="nut-categorypane__cateListRight">
+    <div v-if="type == 'text'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <div class="nut-categorypane__skuName">{{ sku?.catName }}</div>
+            <div class="nut-category-pane__skuName">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
@@ -38,8 +38,8 @@
 
     <!-- 自定义 -->
 
-    <div v-if="type == 'custom'" class="nut-categorypane__selfItemList">
-      <div v-for="(sku, key) in customCategory" class="nut-categorypane__skuName" :key="key" @click="onChange(sku)">
+    <div v-if="type == 'custom'" class="nut-category-pane__selfItemList">
+      <div v-for="(sku, key) in customCategory" class="nut-category-pane__skuName" :key="key" @click="onChange(sku)">
         {{ sku?.catName }}
       </div>
     </div>

src/packages/__VUE/categorypane/index.vue

@@ -1,36 +1,36 @@
 <template>
-  <div class="nut-categorypane">
-    <div v-if="type == 'classify'" class="nut-categorypane__cateListRight">
+  <div class="nut-category-pane">
+    <div v-if="type == 'classify'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item?.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item?.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <img class="nut-categorypane__childImg" :src="sku.backImg" />
-            <div class="nut-categorypane__skuImg">{{ sku?.catName }}</div>
+            <img class="nut-category-pane__childImg" :src="sku.backImg" />
+            <div class="nut-category-pane__skuImg">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
     </div>
 
     <!-- text -->
-    <div v-if="type == 'text'" class="nut-categorypane__cateListRight">
+    <div v-if="type == 'text'" class="nut-category-pane__cateListRight">
       <div v-for="(item, index) in categoryChild" :key="index">
-        <div class="nut-categorypane__childTitle">{{ item?.catName }}</div>
+        <div class="nut-category-pane__childTitle">{{ item?.catName }}</div>
 
-        <div v-if="item?.catType == 1" class="nut-categorypane__childItemList">
+        <div v-if="item?.catType == 1" class="nut-category-pane__childItemList">
           <div
             v-for="(sku, key) in item.childCateList"
-            class="nut-categorypane__childItem"
+            class="nut-category-pane__childItem"
             :key="key"
             @click="onChange(sku)"
           >
-            <div class="nut-categorypane__skuName">{{ sku?.catName }}</div>
+            <div class="nut-category-pane__skuName">{{ sku?.catName }}</div>
           </div>
         </div>
       </div>
@@ -38,8 +38,8 @@
 
     <!-- 自定义 -->
 
-    <div v-if="type == 'custom'" class="nut-categorypane__selfItemList">
-      <div v-for="(sku, key) in customCategory" class="nut-categorypane__skuName" :key="key" @click="onChange(sku)">
+    <div v-if="type == 'custom'" class="nut-category-pane__selfItemList">
+      <div v-for="(sku, key) in customCategory" class="nut-category-pane__skuName" :key="key" @click="onChange(sku)">
         {{ sku?.catName }}
       </div>
     </div>

src/packages/__VUE/datepicker/index.scss

@@ -1,2 +1,2 @@
-.nut-datepicker {
+.nut-date-picker {
 }

src/packages/__VUE/imagepreview/__tests__/imagepreview.spec.ts

@@ -60,7 +60,7 @@ test('basic usage test', async () => {
     }
   });
   await nextTick();
-  expect((wrapper.find('.nut-imagepreview-custom-pop').element as any).style.display).toEqual('');
+  expect((wrapper.find('.nut-image-preview-custom-pop').element as any).style.display).toEqual('');
 });
 
 test('test autoplay', async () => {
@@ -90,7 +90,7 @@ test('init page No.', async () => {
     }
   });
   await nextTick();
-  expect(wrapper.find('.nut-imagepreview-index').text()).toEqual('4 / 4');
+  expect(wrapper.find('.nut-image-preview-index').text()).toEqual('4 / 4');
 });
 
 test('customize pagination and color', async () => {

src/packages/__VUE/imagepreview/imagePreviewItem.vue

@@ -2,13 +2,13 @@
   <nut-swiper-item @click="closeSwiper">
     <view
       :style="imageStyle"
-      class="nut-imagepreview-box"
+      class="nut-image-preview-box"
       @touchstart="onTouchStart"
       @touchmove="onTouchMove"
       @touchend="onTouchEnd"
       @touchcancel="onTouchEnd"
     >
-      <img v-if="image && image.src" :src="image.src" class="nut-imagepreview-img" @load="imageLoad" />
+      <img v-if="image && image.src" :src="image.src" class="nut-image-preview-img" @load="imageLoad" />
       <nut-video v-if="video && video.source" :source="video.source" :options="video.options"></nut-video>
     </view>
   </nut-swiper-item>

src/packages/__VUE/imagepreview/index.scss

@@ -1,4 +1,4 @@
-.nut-imagepreview {
+.nut-image-preview {
   height: 100%;
   width: 100%;
   &-swiper {
@@ -59,20 +59,20 @@
     background-color: transparent;
   }
 }
-.nut-imagepreview-custom-pop {
+.nut-image-preview-custom-pop {
   height: 100%;
   background: transparent !important;
   display: flex;
   align-items: center;
   width: 100%;
 }
-.nut-imagepreview-swiper .nut-swiper-item {
+.nut-image-preview-swiper .nut-swiper-item {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 
-  .nut-imagepreview-box {
+  .nut-image-preview-box {
     width: 100%;
   }
 

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

@@ -1,10 +1,10 @@
 <template>
-  <nut-popup pop-class="nut-imagepreview-custom-pop" v-model:visible="showPop" @closed="onClose">
-    <view class="nut-imagepreview" @touchstart.capture="onTouchStart">
+  <nut-popup pop-class="nut-image-preview-custom-pop" v-model:visible="showPop" @closed="onClose">
+    <view class="nut-image-preview" @touchstart.capture="onTouchStart">
       <nut-swiper
         v-if="showPop"
         :auto-play="autoplay"
-        class="nut-imagepreview-swiper"
+        class="nut-image-preview-swiper"
         :loop="isLoop"
         :is-preventDefault="false"
         direction="horizontal"
@@ -14,14 +14,14 @@
         :pagination-color="paginationColor"
       >
         <nut-swiper-item v-for="(item, index) in images" :key="index" @click="onClose">
-          <image mode="aspectFit" :src="item.src" class="nut-imagepreview-taro-img" v-if="ENV != ENV_TYPE.WEB" />
-          <img :src="item.src" mode="aspectFit" class="nut-imagepreview-img" v-else />
+          <image mode="aspectFit" :src="item.src" class="nut-image-preview-taro-img" v-if="ENV != ENV_TYPE.WEB" />
+          <img :src="item.src" mode="aspectFit" class="nut-image-preview-img" v-else />
         </nut-swiper-item>
       </nut-swiper>
     </view>
 
-    <view class="nut-imagepreview-index" v-if="showIndex"> {{ active + 1 }} / {{ images.length }} </view>
-    <view class="nut-imagepreview-close-icon" @click="onClose" :style="styles" v-if="closeable"
+    <view class="nut-image-preview-index" v-if="showIndex"> {{ active + 1 }} / {{ images.length }} </view>
+    <view class="nut-image-preview-close-icon" @click="onClose" :style="styles" v-if="closeable"
       ><nut-icon :name="closeIcon" v-bind="$attrs" color="#ffffff"></nut-icon
     ></view>
   </nut-popup>
@@ -251,7 +251,7 @@ export default create({
     };
 
     const init = () => {
-      state.eleImg = document.querySelector('.nut-imagepreview');
+      state.eleImg = document.querySelector('.nut-image-preview');
       document.addEventListener('touchmove', onTouchMove);
       document.addEventListener('touchend', onTouchEnd);
       document.addEventListener('touchcancel', onTouchEnd);

src/packages/__VUE/imagepreview/index.vue

@@ -1,17 +1,17 @@
 <template>
   <nut-popup
-    pop-class="nut-imagepreview-custom-pop"
+    pop-class="nut-image-preview-custom-pop"
     v-model:visible="showPop"
     :teleportDisable="teleportDisable"
     :teleport="teleport"
     @closed="onClose"
     lock-scroll
   >
-    <view class="nut-imagepreview" ref="swipeRef">
+    <view class="nut-image-preview" ref="swipeRef">
       <nut-swiper
         v-if="showPop"
         :auto-play="autoplay"
-        class="nut-imagepreview-swiper"
+        class="nut-image-preview-swiper"
         :loop="isLoop"
         :is-preventDefault="false"
         direction="horizontal"
@@ -35,7 +35,7 @@
         ></image-preview-item>
       </nut-swiper>
     </view>
-    <view class="nut-imagepreview-index" v-if="showIndex"> {{ active + 1 }} / {{ mergeImages.length }} </view>
+    <view class="nut-image-preview-index" v-if="showIndex"> {{ active + 1 }} / {{ mergeImages.length }} </view>
     <view :class="iconClasses" @click="onClose" v-if="closeable"
       ><nut-icon :name="closeIcon" v-bind="$attrs" color="#ffffff"></nut-icon
     ></view>
@@ -102,9 +102,9 @@ export default create({
     });
 
     const iconClasses = computed(() => {
-      const pre = 'nut-imagepreview-close';
+      const pre = 'nut-image-preview-close';
       const iconn = props.closeIconPosition == 'top-right' ? `${pre}-right` : `${pre}-left`;
-      return `nut-imagepreview-close-icon ${iconn}`;
+      return `nut-image-preview-close-icon ${iconn}`;
     });
 
     const mergeImages = computed(() => {

src/packages/__VUE/infiniteloading/demo.vue

@@ -156,7 +156,7 @@ export default createDemo({
   }
 }
 
-.nut-tabpane {
+.nut-tab-pane {
   padding: 0 !important;
   padding-left: 16px !important;
 }

src/packages/__VUE/navbar/index.scss

@@ -104,7 +104,7 @@
       background: $white;
     }
 
-    .nut-tabpane {
+    .nut-tab-pane {
       display: none;
     }
   }

src/packages/__VUE/numberkeyboard/demo.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="demo">
     <nut-cell :isLink="true" @click="showKeyBoard(1)" :showIcon="true" :title="translate('basic')"></nut-cell>
-    <nut-numberkey-board v-model:visible="visible1" @input="input" @delete="onDelete" @close="close(1)">
-    </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible1" @input="input" @delete="onDelete" @close="close(1)">
+    </nut-number-keyboard>
     <nut-cell :isLink="true" @click="showKeyBoard(2)" :showIcon="true" :title="translate('sidebar')"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible2"
       :custom-key="customKey1"
@@ -12,9 +12,9 @@
       @input="input"
       @close="close(2)"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
     <nut-cell :isLink="true" @click="showKeyBoard(3)" :showIcon="true" :title="translate('randomKeyOrder')"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible3"
       :randomKeys="true"
@@ -22,17 +22,17 @@
       @input="input"
       @close="close(3)"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 
     <nut-cell :isLink="true" @click="showKeyBoard(4)" :showIcon="true" :title="translate('withTitle')"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       :title="translate('title')"
       v-model:visible="visible4"
       :custom-key="customKey2"
       @input="input"
       @close="close(4)"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 
     <nut-cell
       :isLink="true"
@@ -40,8 +40,8 @@
       :showIcon="true"
       :title="translate('idNumberKeyboard')"
     ></nut-cell>
-    <nut-numberkey-board v-model:visible="visible6" :custom-key="customKey3" @input="input" @close="close(6)">
-    </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible6" :custom-key="customKey3" @input="input" @close="close(6)">
+    </nut-number-keyboard>
     <nut-cell
       :isLink="true"
       desc-text-align="left"
@@ -50,15 +50,15 @@
       :showIcon="true"
       :title="translate('bindValue')"
     ></nut-cell>
-    <nut-numberkey-board v-model:visible="visible5" v-model:value="value" maxlength="6" @close="close(5)">
-    </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible5" v-model:value="value" maxlength="6" @close="close(5)">
+    </nut-number-keyboard>
   </div>
 </template>
 
 <script lang="ts">
 import { ref, getCurrentInstance, reactive } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { createDemo, translate } = createComponent('numberkey-board');
+const { createDemo, translate } = createComponent('number-keyboard');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const initTranslate = () =>
   useTranslate({

src/packages/__VUE/numberkeyboard/doc.en-US.md

@@ -26,7 +26,7 @@ For online debugging, please change the browser to mobile mode
 ```html
 <template>
     <nut-cell :isLink="true" @click="showKeyBoard" :showIcon="true" title="Default Keyboard"></nut-cell>
-    <nut-numberkey-board v-model:visible="visible" @input="input" @delete="onDelete" @close="close"> </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible" @input="input" @delete="onDelete" @close="close"> </nut-number-keyboard>
 </template>
 <script>
 import { ref } from 'vue';
@@ -65,7 +65,7 @@ export default{
 ```html
 <template>
     <nut-cell :isLink="true" @click="showKeyBoard" :showIcon="true" title="Keyboard With Sidebar"></nut-cell>
-     <nut-numberkey-board
+     <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible"
       :custom-key="customKey"
@@ -73,7 +73,7 @@ export default{
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -111,7 +111,7 @@ export default{
 ```html
 <template>
     <nut-cell :isLink="true" @click="showKeyBoard" :showIcon="true" title="Random Key Order"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible"
       :randomKeys="true"
@@ -119,7 +119,7 @@ export default{
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -155,14 +155,14 @@ export default{
 ```html
 <template>
      <nut-cell :isLink="true" @click="showKeyBoard(4)" :showIcon="true" title="Show Keyboard With Title"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       title="title"
       v-model:visible="visible"
       :custom-key="customKey"
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -198,13 +198,13 @@ export default{
 ```html
 <template>
      <nut-cell :isLink="true" @click="showKeyBoard(4)" :showIcon="true" title="IdNumber Keyboard"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       v-model:visible="visible"
       :custom-key="customKey"
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -248,12 +248,12 @@ export default{
       :showIcon="true"
       title="Bind Value"
     ></nut-cell>
-     <nut-numberkey-board 
+     <nut-number-keyboard 
        v-model:visible="visible" 
        v-model:value="value" 
        maxlength="6" 
        @close="close">
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';

src/packages/__VUE/numberkeyboard/doc.md

@@ -26,7 +26,7 @@ app.use(Popup);
 ```html
 <template>
     <nut-cell :isLink="true" @click="showKeyBoard" :showIcon="true" title="默认键盘"></nut-cell>
-    <nut-numberkey-board v-model:visible="visible" @input="input" @delete="onDelete" @close="close"> </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible" @input="input" @delete="onDelete" @close="close"> </nut-number-keyboard>
 </template>
 <script>
 import { ref } from 'vue';
@@ -65,7 +65,7 @@ export default{
 ```html
 <template>
     <nut-cell :isLink="true" @click="showKeyBoard" :showIcon="true" title="带右侧栏键盘"></nut-cell>
-     <nut-numberkey-board
+     <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible"
       :custom-key="customKey"
@@ -73,7 +73,7 @@ export default{
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -111,7 +111,7 @@ export default{
 ```html
 <template>
     <nut-cell :isLink="true" @click="showKeyBoard" :showIcon="true" title="随机数键盘"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible"
       :randomKeys="true"
@@ -119,7 +119,7 @@ export default{
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -155,14 +155,14 @@ export default{
 ```html
 <template>
      <nut-cell :isLink="true" @click="showKeyBoard(4)" :showIcon="true" title="带标题栏键盘"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       title="默认键盘"
       v-model:visible="visible"
       :custom-key="customKey"
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -198,13 +198,13 @@ export default{
 ```html
 <template>
      <nut-cell :isLink="true" @click="showKeyBoard(4)" :showIcon="true" title="身份证键盘"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       v-model:visible="visible"
       :custom-key="customKey"
       @input="input"
       @close="close"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';
@@ -248,12 +248,12 @@ export default{
       :showIcon="true"
       title="双向绑定："
     ></nut-cell>
-     <nut-numberkey-board 
+     <nut-number-keyboard 
        v-model:visible="visible" 
        v-model:value="value" 
        maxlength="6" 
        @close="close">
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 </template>
 <script>
 import { ref,reactive } from 'vue';

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

@@ -78,7 +78,7 @@
 import { computed, onMounted, provide, reactive, nextTick, ref, watch, Ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Popup from '../popup/index.taro.vue';
-const { create, translate } = createComponent('numberkey-board');
+const { create, translate } = createComponent('number-keyboard');
 export interface keys {
   id: number | string;
   type: string;

src/packages/__VUE/numberkeyboard/index.vue

@@ -80,7 +80,7 @@
 import { computed, onMounted, provide, reactive, nextTick, ref, watch, Ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Popup from '../popup/index.vue';
-const { create, translate } = createComponent('numberkey-board');
+const { create, translate } = createComponent('number-keyboard');
 export interface keys {
   id: number | string;
   type: string;

src/packages/__VUE/pullrefresh/demo.vue

@@ -138,7 +138,7 @@ export default createDemo({
   padding-bottom: 0 !important;
 }
 
-.nut-tabpane {
+.nut-tab-pane {
   padding: 0;
 }
 .nut-pullrefresh {

src/packages/__VUE/tabpane/index.scss

@@ -1,9 +1,9 @@
 .nut-theme-dark {
-  .nut-tabpane {
+  .nut-tab-pane {
     background: $dark-background2;
   }
 }
-.nut-tabpane {
+.nut-tab-pane {
   width: 100%;
   flex-shrink: 0;
   display: block;

src/packages/__VUE/tabpane/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="nut-tabpane" :class="{ inactive: paneKey != activeKey && autoHeight }">
+  <view class="nut-tab-pane" :class="{ inactive: paneKey != activeKey && autoHeight }">
     <slot></slot>
   </view>
 </template>

src/packages/__VUE/tabs/index.scss

@@ -78,7 +78,7 @@
     .nut-tabs__content {
       flex: 1;
       flex-direction: column;
-      .nut-tabpane {
+      .nut-tab-pane {
         height: 100%;
       }
     }

src/sites/mobile-taro/vue/src/dentry/pages/numberkeyboard/index.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="demo">
     <nut-cell :isLink="true" @click="showKeyBoard(1)" :showIcon="true" title="默认键盘"></nut-cell>
-    <nut-numberkey-board v-model:visible="visible1" @input="input" @delete="onDelete" @close="close(1)">
-    </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible1" @input="input" @delete="onDelete" @close="close(1)">
+    </nut-number-keyboard>
     <nut-cell :isLink="true" @click="showKeyBoard(2)" :showIcon="true" title="带右侧栏键盘"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible2"
       :custom-key="customKey1"
       @input="input"
       @close="close(2)"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
     <nut-cell :isLink="true" @click="showKeyBoard(3)" :showIcon="true" title="随机数键盘"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       type="rightColumn"
       v-model:visible="visible3"
       :randomKeys="true"
@@ -21,27 +21,27 @@
       @input="input"
       @close="close(3)"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
 
     <nut-cell :isLink="true" @click="showKeyBoard(4)" :showIcon="true" title="带标题栏键盘"></nut-cell>
-    <nut-numberkey-board
+    <nut-number-keyboard
       title="默认键盘"
       v-model:visible="visible4"
       :custom-key="customKey2"
       @input="input"
       @close="close(4)"
     >
-    </nut-numberkey-board>
+    </nut-number-keyboard>
     <nut-cell :isLink="true" @click="showKeyBoard(6)" :showIcon="true" title="身份证键盘"></nut-cell>
-    <nut-numberkey-board v-model:visible="visible6" :custom-key="customKey3" @input="input" @close="close(6)">
-    </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible6" :custom-key="customKey3" @input="input" @close="close(6)">
+    </nut-number-keyboard>
     <div class="boardValue" @click="showKeyBoard(5)">
       <div class="value">
         <nut-input v-model="value" readonly label="双向绑定：" />
       </div>
     </div>
-    <nut-numberkey-board v-model:visible="visible5" v-model:value="value" maxlength="6" @close="close(5)">
-    </nut-numberkey-board>
+    <nut-number-keyboard v-model:visible="visible5" v-model:value="value" maxlength="6" @close="close(5)">
+    </nut-number-keyboard>
   </div>
 </template>