.github/workflows/test.yml

+name: CI
+
+on:
+  push:
+    branches:
+      - next
+
+  pull_request:
+    branches:
+      - next
+
+  workflow_dispatch:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Install pnpm
+      run: corepack enable
+
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '16'
+        cache: 'pnpm'
+
+    - name: Install dependencies
+      run: pnpm install
+
+    - name: Run test cases
+      run: npm run test
+
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Install pnpm
+      run: corepack enable
+
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '16'
+        cache: 'pnpm'
+
+    - name: Install dependencies
+      run: pnpm install
+
+    - name: Build NutUI-React
+      run: npm run build
+
+    - name: Build NutUI-React-Taro
+      run: npm run build:taro
+    
+    - name: Build NutUI-React Demo
+      run: npm run build:site
\ No newline at end of file

package.json

@@ -91,8 +91,8 @@
   "dependencies": {
     "@babel/runtime": "^7.16.5",
     "@bem-react/classname": "^1.5.10",
-    "@nutui/icons-react": "0.0.1-beta.5",
-    "@nutui/icons-react-taro": "0.0.1-beta.5",
+    "@nutui/icons-react": "0.0.1-beta.7",
+    "@nutui/icons-react-taro": "0.0.1-beta.7",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",
@@ -130,7 +130,7 @@
     "@types/jest": "^27.4.1",
     "@types/loadable__component": "^5.13.3",
     "@types/lodash.kebabcase": "^4.1.6",
-    "@types/node": "^15.3.1",
+    "@types/node": "^16.14.0",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@types/react-router-dom": "^5.1.7",
@@ -141,7 +141,6 @@
     "@typescript-eslint/eslint-plugin": "^4.24.0",
     "@typescript-eslint/parser": "^4.24.0",
     "@vitejs/plugin-react": "^1.1.3",
-    "@vitejs/plugin-react-refresh": "^1.3.1",
     "autoprefixer": "^10.4.0",
     "axios": "^0.21.1",
     "babel-plugin-react-scoped-css": "^1.1.1",

src/packages/barrage/barrage.taro.tsx

@@ -19,6 +19,7 @@ export interface BarrageProps {
   rows: number
   top: number
 }
+
 const defaultProps = {
   barrageList: [],
   frequency: 500,
@@ -87,13 +88,13 @@ const InternalBarrage: ForwardRefRenderFunction<
       let width = 100
       query
         .select('.nut-barrage__body' + timeId.current)
-        .boundingClientRect((rec) => {
+        .boundingClientRect((rec: any) => {
           width = rec.width || 300
         })
 
       query
         .select('.nut-barrage__item' + index)
-        .boundingClientRect((recs) => {
+        .boundingClientRect((recs: any) => {
           let height = recs.height
           let nodeTop = (index % rows) * (height + top) + 20 + 'px'
           styleInfo(index, nodeTop, width)

src/packages/calendaritem/calendaritem.taro.tsx

@@ -855,6 +855,7 @@ export const CalendarItem = React.forwardRef<
         <ScrollView
           scrollTop={scrollTop}
           scrollY
+          type="list"
           scrollWithAnimation={scrollWithAnimation}
           className="nut-calendar-content"
           onScroll={monthsViewScroll}

src/packages/dialog/DialogWrapper.taro.tsx

@@ -12,7 +12,8 @@ interface DialogWrapperProps {
 }
 
 export const DialogWrapper: FunctionComponent<
-  Partial<DialogWrapperProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title'>
+  Partial<DialogWrapperProps> &
+    Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>
 > = (props) => {
   const { visible, lockScroll } = props
 

src/packages/dialog/dialog.taro.tsx

@@ -24,7 +24,7 @@ const defaultProps = {
 export const BaseDialog = forwardRef(
   (
     props: Partial<BasicDialogProps> &
-      Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,
+      Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'>,
     ref
   ) => {
     const { locale } = useConfig()

src/packages/elevator/elevator.taro.tsx

@@ -231,6 +231,7 @@ export const Elevator: FunctionComponent<
         <ScrollView
           scrollTop={scrollTop}
           scrollY
+          type="list"
           className={b('list__inner')}
           ref={listview}
           onScroll={listViewScroll}

src/packages/infiniteloading/infiniteloading.taro.tsx

@@ -103,7 +103,7 @@ export const Infiniteloading: FunctionComponent<
   const getScrollHeight = () => {
     const parentElement = getParentElement('scroller')
     parentElement
-      .boundingClientRect((rect) => {
+      .boundingClientRect((rect: any) => {
         scrollHeight.current = rect.height
       })
       .exec()
@@ -197,6 +197,7 @@ export const Infiniteloading: FunctionComponent<
       className={classes}
       scrollY
       id="scroller"
+      type="list"
       style={{ height: '100%' }}
       onScroll={scrollAction}
       onScrollToLower={lower}

src/packages/virtuallist/virtuallist.taro.tsx

@@ -177,6 +177,7 @@ export const VirtualList: FunctionComponent<
       <ScrollView
         scrollTop={0}
         scrollY
+        type="list"
         ref={scrollRef}
         className="nut-virtuallist"
         style={{

src/sites/mobile/App.tsx

@@ -116,7 +116,7 @@ const WithNavRouter = (C: LoadableComponent<any>) => {
               className={'dark-model'}
               src="https://img14.360buyimg.com/imagetools/jfs/t1/135168/8/21387/6193/625fa81aEe07cc347/55ad5bc2580c53a6.png"
               alt=""
-              onClick={() => handleSwitchDarkModel()}
+              onClick={() => handleSwitchLocale()}
             />
           </div>
         </div>

src/utils/merge-props.ts

+export function mergeProps<T, U>(
+  defaultProps: T,
+  props: U
+): { [Key in Extract<keyof T, keyof U>]: U[Key] } &
+  { [Key in Exclude<keyof U, keyof T>]?: U[Key] } {
+  return { ...defaultProps, ...props }
+}

src/utils/px-check.ts

+export const pxCheck = (value: string | number): string => {
+  return Number.isNaN(Number(value)) ? String(value) : `${value}px`
+}

src/utils/typings.ts

@@ -2,7 +2,7 @@ import type { CSSProperties, ReactNode } from 'react'
 
 export interface BasicComponent {
   className?: string
-  style?: CSSProperties
+  style?: CSSProperties & Record<`--${string}`, string | number>
   children?: ReactNode
 }
 

vite.config.build.css.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 
 const path = require('path')
 const atImport = require('postcss-import')

vite.config.build.disperse.taro.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 import path from 'path'
 import config from './src/config.json'
 

vite.config.build.disperse.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 import path from 'path'
 import commonjs from '@rollup/plugin-commonjs'
 import typescript from '@rollup/plugin-typescript'

vite.config.build.site.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 
 const path = require('path')
 const atImport = require('postcss-import')

vite.config.build.taro.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 import autoprefixer from 'autoprefixer'
 
 const path = require('path')

vite.config.build.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 import autoprefixer from 'autoprefixer'
 
 const path = require('path')

vite.config.theme.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 import autoprefixer from 'autoprefixer'
 
 const atImport = require('postcss-import')

vite.config.ts

 import { defineConfig } from 'vite'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import reactRefresh from '@vitejs/plugin-react'
 
 const atImport = require('postcss-import')
 const path = require('path')