test: upd snap

src/packages/__VUE/actionsheet/__test__/__snapshots__/index.spec.ts.snap

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render sure actionsheet when use custom props 1`] = `
+"<!--teleport start-->
+<transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\" iswrapteleport=\\"true\\">
+  <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000;\\"></view>
+</transition-stub>
+<transition-stub name=\\"nut-popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
+  <view class=\\"nut-popup round nut-popup--bottom\\" style=\\"z-index: 2000; transition-duration: 0.3s;\\">
+    <view class=\\"nut-actionsheet\\">
+      <!--v-if-->
+      <view>
+        <!--v-if-->
+        <view class=\\"nut-action-sheet__menu\\">
+          <view class=\\"nut-action-sheet__item\\">
+            <view>选项一</view>
+            <view class=\\"nut-action-sheet__subdesc\\">描述信息</view>
+          </view>
+        </view>
+        <!--v-if-->
+      </view>
+    </view>
+    <!--v-if-->
+  </view>
+</transition-stub>
+<!--teleport end-->"
+`;

src/packages/__VUE/badge/__test__/__snapshots__/badge.spec.ts.snap

@@ -6,27 +6,27 @@ exports[`should change dot position when using offset prop: 4px 1`] = `""`;
 
 exports[`should render content slot correctly 1`] = `
 "<view class=\\"nut-badge\\">
-  <view class=\\"slot-icons\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>Custom Content<view class=\\"nut-badge__content sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\"></view>
+  <view class=\\"nut-badge__icon\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>Custom Content<view class=\\"nut-badge__content nut-badge__content--sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\"></view>
 </view>"
 `;
 
 exports[`should render nothing when content is empty string 1`] = `
 "<view class=\\"nut-badge\\">
-  <view class=\\"slot-icons\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>
-  <view class=\\"nut-badge__content sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\"></view>
+  <view class=\\"nut-badge__icon\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>
+  <view class=\\"nut-badge__content nut-badge__content--sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\"></view>
 </view>"
 `;
 
 exports[`should render nothing when content is undefined 1`] = `
 "<view class=\\"nut-badge\\">
-  <view class=\\"slot-icons\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>
-  <view class=\\"nut-badge__content sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\"></view>
+  <view class=\\"nut-badge__icon\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>
+  <view class=\\"nut-badge__content nut-badge__content--sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\"></view>
 </view>"
 `;
 
 exports[`should render nothing when content is zero 1`] = `
 "<view class=\\"nut-badge\\">
-  <view class=\\"slot-icons\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>
-  <view class=\\"nut-badge__content sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\">0</view>
+  <view class=\\"nut-badge__icon\\" style=\\"top: 0px; right: 0px; z-index: 9;\\"></view>
+  <view class=\\"nut-badge__content nut-badge__content--sup\\" style=\\"top: 0px; right: 0px; z-index: 9; display: none;\\">0</view>
 </view>"
 `;

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

@@ -3,7 +3,8 @@
 exports[`should change icon class prefix when using icon-class-prefix prop 1`] = `
 "<view class=\\"nut-button nut-button--default nut-button--normal nut-button--round\\">
   <view class=\\"nut-button__warp\\">
-    <!--v-if--><i class=\\"nutui-iconfont nut-icon my-icon-star-fill\\" src=\\"\\"></i>
+    <!--v-if-->
+    <!---->
     <!--v-if-->
   </view>
 </view>"

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

@@ -1,7 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`basic usage 1`] = `
-"<view class=\\"nut-checkbox \\"><i class=\\"nutui-iconfont nut-icon nut-icon-checked nut-checkbox__icon\\" src=\\"\\"></i>
+"<view class=\\"nut-checkbox \\">
+  <!---->
   <view class=\\"nut-checkbox__label \\"></view>
 </view>"
 `;

src/packages/__VUE/grid/__test__/__snapshots__/grid.spec.ts.snap

@@ -3,7 +3,8 @@
 exports[`should navifation correctly 1`] = `
 "<view class=\\"nut-grid nut-grid--border\\">
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--clickable\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--clickable\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
@@ -21,42 +22,50 @@ exports[`should render default slot correctly 1`] = `
 exports[`should render gutter correctly 1`] = `
 "<view class=\\"nut-grid\\" style=\\"padding-left: 20px;\\">
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px; margin-top: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px; margin-top: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px; margin-top: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 25%; padding-right: 20px; margin-top: 20px;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--surround nut-grid-item__content--center\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
@@ -66,22 +75,26 @@ exports[`should render gutter correctly 1`] = `
 exports[`should render square correctly 1`] = `
 "<view class=\\"nut-grid nut-grid--border\\">
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 50%; padding-top: 50%;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 50%; padding-top: 50%;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 50%; padding-top: 50%;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>
   <view class=\\"nut-grid-item\\" style=\\"flex-basis: 50%; padding-top: 50%;\\">
-    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\"><i class=\\"nutui-iconfont nut-icon nut-icon-\\" style=\\"font-size: 28px; width: 28px; height: 28px;\\" src=\\"\\"></i>
+    <view class=\\"nut-grid-item__content nut-grid-item__content--border nut-grid-item__content--center nut-grid-item__content--square\\">
+      <!---->
       <view class=\\"nut-grid-item__text\\"></view>
     </view>
   </view>

src/packages/__VUE/icon/__tests__/__snapshots__/index.spec.ts.snap

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`should render icon dongdong 1`] = `"<i class=\\"nutui-iconfont nut-icon nut-icon-dongdong\\" src=\\"\\"></i>"`;
+exports[`should render icon dongdong 1`] = `""`;
 
 exports[`should render icon dongdong color 1`] = `"<i class=\\"nutui-iconfont nut-icon nut-icon-dongdong\\" style=\\"color: red;\\" src=\\"\\"></i>"`;
 
 exports[`should render icon dongdong size 1`] = `"<i class=\\"nutui-iconfont nut-icon nut-icon-dongdong\\" style=\\"font-size: 24px; width: 24px; height: 24px;\\" src=\\"\\"></i>"`;
 
-exports[`should render icon image type 1`] = `"<img class=\\"nut-icon__img\\" src=\\"https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png\\">"`;
+exports[`should render icon image type 1`] = `""`;

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

@@ -3,13 +3,17 @@
 exports[`image load error 1`] = `
 "<view class=\\"nut-image\\" style=\\"width: 100px; height: 100px;\\"><img class=\\"nut-img\\" src=\\"https://x\\" alt=\\"\\" style=\\"object-fit: fill; object-position: center;\\">
   <!--v-if-->
-  <view class=\\"nut-img-error\\"><i class=\\"nutui-iconfont nut-icon nut-icon-image-error\\" src=\\"\\"></i></view>
+  <view class=\\"nut-img-error\\">
+    <!---->
+  </view>
 </view>"
 `;
 
 exports[`image loading 1`] = `
 "<view class=\\"nut-image\\" style=\\"width: 100px; height: 100px;\\"><img class=\\"nut-img\\" src=\\"\\" alt=\\"\\" style=\\"object-fit: fill; object-position: center;\\">
-  <view class=\\"nut-img-loading\\"><i class=\\"nutui-iconfont nut-icon nut-icon-image\\" src=\\"\\"></i></view>
+  <view class=\\"nut-img-loading\\">
+    <!---->
+  </view>
   <!--v-if-->
 </view>"
 `;

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

@@ -1,54 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`infiniteloading base 1`] = `
-"<view class=\\"nut-infiniteloading\\">
-  <view class=\\"nut-infinite-top\\" style=\\"height: 0px; transition: height 0.2s cubic-bezier(0.25,0.1,0.25,1);\\">
-    <view class=\\"top-box\\"><img class=\\"nut-icon__img top-img\\" src=\\"https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png\\">
-      <view class=\\"top-text\\">松开刷新</view>
+"<div class=\\"box\\" style=\\"height: 300px; overflow: auto;\\">
+  <view class=\\"nut-infiniteloading\\">
+    <view class=\\"nut-infinite__container\\"></view>
+    <view class=\\"nut-infinite__bottom\\">
+      <!--v-if-->
     </view>
   </view>
-  <view class=\\"nut-infinite-container\\">
-    <li class=\\"infiniteLi\\">0</li>
-    <li class=\\"infiniteLi\\">1</li>
-    <li class=\\"infiniteLi\\">2</li>
-    <li class=\\"infiniteLi\\">3</li>
-    <li class=\\"infiniteLi\\">4</li>
-    <li class=\\"infiniteLi\\">5</li>
-    <li class=\\"infiniteLi\\">6</li>
-    <li class=\\"infiniteLi\\">7</li>
-    <li class=\\"infiniteLi\\">8</li>
-    <li class=\\"infiniteLi\\">9</li>
-  </view>
-  <view class=\\"nut-infinite-bottom\\">
-    <!--v-if-->
-  </view>
-</view>"
-`;
-
-exports[`pull base 1`] = `
-"<view class=\\"nut-infiniteloading\\">
-  <view class=\\"nut-infinite-top\\" style=\\"height: 0px; transition: height 0.2s cubic-bezier(0.25,0.1,0.25,1);\\">
-    <view class=\\"top-box\\"><img class=\\"nut-icon__img top-img\\" src=\\"https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png\\">
-      <view class=\\"top-text\\">松开刷新</view>
-    </view>
-  </view>
-  <view class=\\"nut-infinite-container\\"></view>
-  <view class=\\"nut-infinite-bottom\\">
-    <!--v-if-->
-  </view>
-</view>"
-`;
-
-exports[`pull base 2`] = `
-"<view class=\\"nut-infiniteloading\\">
-  <view class=\\"nut-infinite-top\\" style=\\"height: 0px; transition: height 0.2s cubic-bezier(0.25,0.1,0.25,1);\\">
-    <view class=\\"top-box\\"><img class=\\"nut-icon__img top-img\\" src=\\"https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png\\">
-      <view class=\\"top-text\\">松开刷新</view>
-    </view>
-  </view>
-  <view class=\\"nut-infinite-container\\"></view>
-  <view class=\\"nut-infinite-bottom\\">
-    <!--v-if-->
-  </view>
-</view>"
+</div>"
 `;

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

@@ -1,20 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should colon 1`] = `
-"<view class=\\"nut-input-label\\" style=\\"width: 80px; text-align: left;\\">
-  <view class=\\"label-string\\">test :</view>
+"<view class=\\"nut-input__label\\" style=\\"width: 80px; text-align: left;\\">
+  <view class=\\"nut-input__label-string\\">test :</view>
 </view>"
 `;
 
 exports[`should render word limit correctly 1`] = `"<view class=\\"nut-input-word-limit\\"><span class=\\"nut-input-word-num\\">3</span>/9999</view>"`;
 
 exports[`should render word limit correctly when modelValue is null 1`] = `
-"<view class=\\"nut-input nut-input-border\\" maxlength=\\"3\\">
+"<view class=\\"nut-input nut-input--border\\" maxlength=\\"3\\">
   <!--v-if-->
   <!--v-if-->
   <view class=\\"nut-input-value\\">
     <view class=\\"nut-input-inner\\">
-      <view class=\\"nut-input-box\\"><input class=\\"input-text\\" style=\\"text-align: left;\\" type=\\"text\\" maxlength=\\"9999\\" placeholder=\\"\\" formattrigger=\\"onChange\\" enterkeyhint=\\"done\\"></view>
+      <view class=\\"nut-input-box\\"><input style=\\"text-align: left;\\" type=\\"text\\" class=\\"input-text\\" maxlength=\\"9999\\" placeholder=\\"\\" formattrigger=\\"onChange\\" enterkeyhint=\\"done\\"></view>
       <view class=\\"nut-input-clear-box\\">
         <!--v-if-->
       </view>

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

@@ -3,8 +3,8 @@
 exports[`custon scroll list 1`] = `
 "<view class=\\"nut-noticebar\\">
   <!--v-if-->
-  <view class=\\"nut-noticebar-vertical\\" style=\\"height: 50px;\\">
-    <view class=\\"horseLamp_list\\">
+  <view class=\\"nut-noticebar__vertical\\" style=\\"height: 50px;\\">
+    <view class=\\"nut-noticebar__vertical-list\\">
       <div class=\\"custom-item\\" style=\\"height: 50px; line-height: 50px;\\">惊喜红包免费领</div>
       <div class=\\"custom-item\\" style=\\"height: 50px; line-height: 50px;\\">爆款准点秒</div>
       <div class=\\"custom-item\\" style=\\"height: 50px; line-height: 50px;\\">买超值优惠</div>
@@ -19,12 +19,12 @@ exports[`custon scroll list 1`] = `
 
 exports[`icon custom 1`] = `
 "<view class=\\"nut-noticebar\\">
-  <view class=\\"nut-noticebar-page\\">
-    <view class=\\"left-icon\\" style=\\"background-image: url(https://img13.360buyimg.com/imagetools/jfs/t1/72082/2/3006/1197/5d130c8dE1c71bcd6/e48a3b60804c9775.png);\\">
+  <view class=\\"nut-noticebar__page\\">
+    <view class=\\"nut-noticebar__page-lefticon\\" style=\\"background-image: url(https://img13.360buyimg.com/imagetools/jfs/t1/72082/2/3006/1197/5d130c8dE1c71bcd6/e48a3b60804c9775.png);\\">
       <!--v-if-->
     </view>
-    <view class=\\"wrap\\">
-      <view class=\\"content\\" style=\\"animation-delay: 1s; animation-duration: 0s; transform: translateX(0);\\"><a href=\\"https://www.jd.com\\">京东商城</a></view>
+    <view class=\\"nut-noticebar__page-wrap\\">
+      <view class=\\"nut-noticebar__page-wrap-content\\" style=\\"animation-delay: 1s; animation-duration: 0s; transform: translateX(0);\\"><a href=\\"https://www.jd.com\\">京东商城</a></view>
     </view>
     <!--v-if-->
   </view>
@@ -35,12 +35,12 @@ exports[`icon custom 1`] = `
 exports[`vertical scroll 1`] = `
 "<view class=\\"nut-noticebar\\">
   <!--v-if-->
-  <view class=\\"nut-noticebar-vertical\\" style=\\"height: 40px;\\">
-    <ul class=\\"horseLamp_list\\">
-      <li class=\\"horseLamp_list_item\\" style=\\"height: 40px;\\">惊喜红包免费领</li>
-      <li class=\\"horseLamp_list_item\\" style=\\"height: 40px;\\">爆款准点秒</li>
-      <li class=\\"horseLamp_list_item\\" style=\\"height: 40px;\\">买超值优惠</li>
-      <li class=\\"horseLamp_list_item\\" style=\\"height: 40px;\\">赢百万京豆</li>
+  <view class=\\"nut-noticebar__vertical\\" style=\\"height: 40px;\\">
+    <ul class=\\"nut-noticebar__vertical-list\\">
+      <li class=\\"nut-noticebar__vertical-item\\" style=\\"height: 40px;\\">惊喜红包免费领</li>
+      <li class=\\"nut-noticebar__vertical-item\\" style=\\"height: 40px;\\">爆款准点秒</li>
+      <li class=\\"nut-noticebar__vertical-item\\" style=\\"height: 40px;\\">买超值优惠</li>
+      <li class=\\"nut-noticebar__vertical-item\\" style=\\"height: 40px;\\">赢百万京豆</li>
     </ul>
     <view class=\\"go\\">
       <!--v-if-->

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

@@ -1,3 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`should render correct close icon when using close-icon prop 1`] = `"<view class=\\"nut-popup__close-icon nut-popup__close-icon--top-right\\"><i class=\\"nutui-iconfont nut-icon nut-icon-success\\" style=\\"font-size: 12px; width: 12px; height: 12px;\\" src=\\"\\"></i></view>"`;
+exports[`should render correct close icon when using close-icon prop 1`] = `
+"<view class=\\"nut-popup__close-icon nut-popup__close-icon--top-right\\">
+  <!---->
+</view>"
+`;

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

@@ -8,7 +8,9 @@ exports[`basic usage 1`] = `
     <!--v-if-->
     <view class=\\"nut-searchbar__input-inner\\">
       <form action=\\"#\\"><input class=\\"nut-searchbar__input-bar\\" type=\\"textarea\\" maxlength=\\"9999\\" placeholder=\\"请输入\\" style=\\"text-align: left;\\"></form>
-      <view class=\\"nut-searchbar__input-clear\\" style=\\"display: none;\\"><i class=\\"nutui-iconfont nut-icon nut-icon-circle-close\\" style=\\"color: rgb(85, 85, 85); font-size: 12px; width: 12px; height: 12px;\\" src=\\"\\"></i></view>
+      <view class=\\"nut-searchbar__input-clear\\" style=\\"display: none;\\">
+        <!---->
+      </view>
     </view>
     <!--v-if-->
   </view>
@@ -24,7 +26,9 @@ exports[`slot test 1`] = `
     <!--v-if-->
     <view class=\\"nut-searchbar__input-inner\\">
       <form action=\\"#\\"><input class=\\"nut-searchbar__input-bar\\" type=\\"textarea\\" maxlength=\\"9999\\" placeholder=\\"请输入\\" style=\\"text-align: left;\\"></form>
-      <view class=\\"nut-searchbar__input-clear\\" style=\\"display: none;\\"><i class=\\"nutui-iconfont nut-icon nut-icon-circle-close\\" style=\\"color: rgb(85, 85, 85); font-size: 12px; width: 12px; height: 12px;\\" src=\\"\\"></i></view>
+      <view class=\\"nut-searchbar__input-clear\\" style=\\"display: none;\\">
+        <!---->
+      </view>
     </view>
     <!--v-if-->
   </view>

src/packages/__VUE/skeleton/__test__/__snapshots__/skeleton.spec.ts.snap

@@ -14,13 +14,13 @@ exports[`should change avatar size when using avatarSize prop: 20px 1`] = `"20px
 exports[`should change avatar size when using avatarSize prop: 20px 2`] = `"20px"`;
 
 exports[`should render default slot 1`] = `
-"<view class=\\"skeleton\\">
+"<view class=\\"nut-skeleton\\">
   <!--v-if-->
-  <view class=\\"content\\">
+  <view class=\\"nut-skeleton-content\\">
     <!--v-if-->
-    <view class=\\"content-line\\" style=\\"width: 100px;\\">
-      <view class=\\"blockTitle\\" style=\\"height: 100px;\\"></view>
-      <view class=\\"blockLine\\" style=\\"height: 100px;\\"></view>
+    <view class=\\"nut-skeleton-content__line\\" style=\\"width: 100px;\\">
+      <view class=\\"nut-skeleton-blockTitle\\" style=\\"height: 100px;\\"></view>
+      <view class=\\"nut-skeleton-blockLine\\" style=\\"height: 100px;\\"></view>
     </view>
   </view>
 </view>"

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

@@ -1,10 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`render ok 1`] = `
-"<view class=\\"nut-switch switch-close nut-switch-base\\">
-  <view class=\\"switch-button\\">
+"<view class=\\"nut-switch nut-switch-close nut-switch-base\\">
+  <view class=\\"nut-switch-button\\">
     <!--v-if-->
-    <!-- <view v-show=\\"!modelValue\\" class=\\"close-line\\"></view> -->
     <!--v-if-->
   </view>
 </view>"

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

@@ -1,7 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should render triangle size when set iconsize 1`] = `
-"<view class=\\"nut-trendarrow\\"><span class=\\"nut-trendarrow-icon-before nut-trendarrow-rate\\" style=\\"color: rgb(100, 181, 120);\\">10.00%</span><i class=\\"nutui-iconfont nut-icon nut-icon-triangle-down\\" style=\\"color: rgb(100, 181, 120); font-size: 14px; width: 14px; height: 14px;\\" src=\\"\\"></i>
+"<view class=\\"nut-trendarrow\\"><span class=\\"nut-trendarrow-icon-before nut-trendarrow-rate\\" style=\\"color: rgb(100, 181, 120);\\">10.00%</span>
+  <!---->
   <!--v-if-->
 </view>"
 `;

src/packages/__VUE/uploader/__tests__/__snapshots__/index.spec.ts.snap

@@ -3,13 +3,17 @@
 exports[`delete-icon prop 1`] = `
 "<view class=\\"nut-uploader\\">
   <!--v-if-->
-  <view class=\\"nut-uploader__upload picture\\"><i class=\\"nutui-iconfont nut-icon nut-icon-photograph\\" style=\\"color: rgb(128, 128, 128);\\" src=\\"\\"></i><input class=\\"nut-uploader__input\\" type=\\"file\\" accept=\\"*\\" name=\\"file\\"></view>
+  <view class=\\"nut-uploader__upload picture\\">
+    <photograph color=\\"#808080\\"></photograph><input class=\\"nut-uploader__input\\" type=\\"file\\" accept=\\"*\\" name=\\"file\\">
+  </view>
 </view>"
 `;
 
 exports[`render preview image 1`] = `
 "<view class=\\"nut-uploader\\" modelvalue=\\"[object Object],[object Object],[object Object]\\">
   <!--v-if-->
-  <view class=\\"nut-uploader__upload picture\\"><i class=\\"nutui-iconfont nut-icon nut-icon-photograph\\" style=\\"color: rgb(128, 128, 128);\\" src=\\"\\" modelvalue=\\"[object Object],[object Object],[object Object]\\"></i><input class=\\"nut-uploader__input\\" type=\\"file\\" accept=\\"*\\" name=\\"file\\"></view>
+  <view class=\\"nut-uploader__upload picture\\">
+    <photograph color=\\"#808080\\"></photograph><input class=\\"nut-uploader__input\\" type=\\"file\\" accept=\\"*\\" name=\\"file\\">
+  </view>
 </view>"
 `;

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

@@ -6,25 +6,25 @@ exports[`Video video base info 1`] = `
   </video>
   <!--v-if-->
   <!--v-if-->
-  <div class=\\"nut-video-controller show-control\\" style=\\"display: none;\\">
-    <div class=\\"control-play-btn\\"></div>
-    <div class=\\"current-time\\">00:00</div>
-    <div class=\\"progress-container\\">
-      <div class=\\"progress\\">
+  <div class=\\"nut-video-controller nut-video-controller--show\\" style=\\"display: none;\\">
+    <div class=\\"nut-video-controller__playbtn\\"></div>
+    <div class=\\"nut-video-controller__now\\">00:00</div>
+    <div class=\\"nut-video-controller__progress\\">
+      <div class=\\"nut-video-controller__progress-value\\">
         <div class=\\"buffered\\" style=\\"width: 0%;\\"></div>
-        <div class=\\"video-ball\\" style=\\"transform: translate3d(0px, -50%, 0);\\">
-          <div class=\\"move-handle\\"></div>
+        <div class=\\"nut-video-controller__ball\\" style=\\"transform: translate3d(0px, -50%, 0);\\">
+          <div class=\\"nut-video-controller__ball-move\\"></div>
         </div>
-        <div class=\\"played\\"></div>
+        <div class=\\"nut-video-controller__played\\"></div>
       </div>
     </div>
-    <div class=\\"duration-time\\">00:00</div>
-    <div class=\\"volume muted\\"></div>
-    <div class=\\"fullscreen-icon\\"></div>
+    <div class=\\"nut-video-controller__total\\">00:00</div>
+    <div class=\\"nut-video-controller__volume muted\\"></div>
+    <div class=\\"nut-video-controller__full\\"></div>
   </div><!-- 错误弹窗 -->
   <div class=\\"nut-video-error\\" style=\\"display: none;\\">
-    <p class=\\"lose\\">视频加载失败</p>
-    <p class=\\"retry\\">点击重试</p>
+    <p class=\\"nut-video-error-tip\\">视频加载失败</p>
+    <p class=\\"nut-video-error-retry\\">点击重试</p>
   </div>
 </div>"
 `;