chore: support react18 (#224)

package.json

 {
   "name": "@nutui/nutui-react",
-  "version": "1.2.3-beta.1",
+  "version": "1.2.3-beta.2",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -147,5 +147,12 @@
     "vinyl-fs": "^3.0.3",
     "vite": "^2.1.5",
     "vite-plugin-dts": "^1.1.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "resolutions": {
+    "@types/react": "18",
+    "@types/react-dom": "18"
   }
 }

src/packages/cell/__test__/__snapshots__/cell.spec.tsx.snap

@@ -124,9 +124,7 @@ exports[`slot linkSlot 1`] = `
     >
       <div
         class="switch-button"
-      >
-        
-      </div>
+      />
     </div>
   </div>
 </div>

src/packages/collapse/__test__/__snapshots__/collapse.spec.tsx.snap

@@ -24,7 +24,7 @@ exports[`should match snapshot 1`] = `
         >
           <div
             class="nut-collapse-item__icon"
-            style="transform: translateY(-50%) rotate(180deg);"
+            style="transform: translateY(-50%);"
           >
             <i
               class=" nutui-iconfont nut-icon nutui-icon nut-icon-arrow-down "
@@ -35,7 +35,7 @@ exports[`should match snapshot 1`] = `
       </div>
       <div
         class="nut-collapse-item__content"
-        style="height: 0px;"
+        style="height: auto;"
       >
         <div
           class="nut-collapse-item__content-text"
@@ -63,7 +63,7 @@ exports[`should match snapshot 1`] = `
         >
           <div
             class="nut-collapse-item__icon"
-            style="transform: translateY(-50%) rotate(180deg);"
+            style="transform: translateY(-50%);"
           >
             <i
               class=" nutui-iconfont nut-icon nutui-icon nut-icon-arrow-down "
@@ -74,7 +74,7 @@ exports[`should match snapshot 1`] = `
       </div>
       <div
         class="nut-collapse-item__content"
-        style="height: 0px;"
+        style="height: auto;"
       >
         <div
           class="nut-collapse-item__content-text"
@@ -113,7 +113,7 @@ exports[`should match snapshot 1`] = `
       </div>
       <div
         class="nut-collapse-item__content"
-        style="height: 0px;"
+        style="height: auto;"
       >
         <div
           class="nut-collapse-item__content-text"

src/packages/numberkeyboard/_test_/__snapshots__/index.spec.tsx.snap

@@ -180,7 +180,6 @@ exports[`should match customKey snapshot 1`] = `
           </div>
         </div>
       </div>
-      
     </div>
   </div>
 </div>
@@ -343,7 +342,6 @@ exports[`should match snapshot 1`] = `
           </div>
         </div>
       </div>
-      
     </div>
   </div>
 </div>

src/packages/skeleton/__test__/__snapshots__/skeleton.spec.tsx.snap

@@ -4,10 +4,7 @@ exports[`should change avatar shape when using avatarShape prop 1`] = `
 <div
   class="nut-avatar nut-avatar-normal nut-avatar-square avatarClass avatarClass--square"
   style="width: 50px; height: 50px; background-color: rgb(239, 239, 239); color: rgb(102, 102, 102);"
->
-  
-  
-</div>
+/>
 `;
 
 exports[`should change avatar size when using avatarSize prop 1`] = `
@@ -21,10 +18,7 @@ exports[`should change avatar size when using avatarSize prop 1`] = `
       <div
         class="nut-avatar nut-avatar-normal nut-avatar-round avatarClass avatarClass--round"
         style="width: 20px; height: 20px; background-color: rgb(239, 239, 239); color: rgb(102, 102, 102);"
-      >
-        
-        
-      </div>
+      />
       <div
         class="blockClass"
         style="width: 100px; height: 100px;"