perf: 升级TaroV3

config/rollup.config.js

@@ -62,7 +62,7 @@ export default {
     }),
     RollupJson(),
     RollupTypescript({
-      tsconfig: resolveFile('tsconfig.rollup.json')
+      tsconfig: resolveFile('tsconfig.json')
     }),
     RollupCopy({
       targets: [

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "taro-listview",
-	"version": "1.4.9",
+	"version": "1.4.3",
 	"description": "listView pullDownRefresh and skeleton",
 	"templateInfo": {
 		"name": "default",
@@ -38,7 +38,7 @@
 		"dev:tt": "npm run build:tt -- --watch",
 		"dev:h5": "npm run build:h5 -- --watch",
 		"dev:rn": "npm run build:rn -- --watch",
-		"build:lib": "tsc --project ./tsconfig.build.json",
+		"build:lib": "tsc --project ./tsconfig.json",
 		"build:rollup": "rollup --config ./config/rollup.config.js",
 		"copy": "node ./scripts/build.js",
 		"types": "tsc -d --emitDeclarationOnly --allowJs false --diagnostics --declarationDir ./@types",
@@ -47,7 +47,7 @@
 	},
 	"author": "rahim <chenrixi93@gmail.com>",
 	"publishConfig": {
-		"registry": "http://152.136.203.150:4873"
+		"registry": "https://registry.npmjs.org"
 	},
 	"repository": {
 		"type": "git",

project.config.json

@@ -10,8 +10,8 @@
 		"preloadBackgroundData": false,
 		"minified": false,
 		"newFeature": true,
-		"autoAudits": false,
 		"coverView": true,
+		"autoAudits": false,
 		"showShadowRootInWxmlPanel": true,
 		"scopeDataCheck": false,
 		"checkInvalidKey": true,
@@ -22,11 +22,43 @@
 			"disablePlugins": [],
 			"outputPath": ""
 		},
-		"useCompilerModule": false
+		"useCompilerModule": false,
+		"userConfirmedUseCompilerModuleSwitch": false
 	},
 	"compileType": "miniprogram",
 	"simulatorType": "wechat",
 	"simulatorPluginLibVersion": {},
 	"libVersion": "2.10.4",
-	"condition": {}
+	"condition": {
+		"search": {
+			"current": -1,
+			"list": []
+		},
+		"conversation": {
+			"current": -1,
+			"list": []
+		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
+		"game": {
+			"list": []
+		},
+		"gamePlugin": {
+			"current": -1,
+			"list": []
+		},
+		"miniprogram": {
+			"current": -1,
+			"list": [
+				{
+					"id": -1,
+					"name": "pages/index/index",
+					"pathName": "pages/index/index",
+					"scene": null
+				}
+			]
+		}
+	}
 }

src/components/list-view/index.tsx

@@ -24,6 +24,8 @@ class ListView extends Component<Props, State> {
       if (this.props.lazy) {
         const { lazyStorage } = this.props;
         return tools.lazyScrollInit(this.lazyClassName, lazyStorage)
+      } else {
+        return undefined
       }
   })();
 
@@ -206,28 +208,33 @@ class ListView extends Component<Props, State> {
     }
   };
 
-  updateDampText = act => {
+  updateDampText = (act: boolean) => {
     this.needPullDown = act;
     const { isInit, downLoading } = this.state;
     const showTip = !downLoading && !isInit; // 展示下拉区域文案
-    if (!showTip) return "";
-    const { indicator = {}, tipFreedText, tipText } = this.props;
-    const {
-      activate = "释放刷新",
-      deactivate = "下拉刷新"
-    } = indicator as Indicator;
-    let text = "";
-    if (act) {
-      text = activate || tipText;
-    } else {
-      text = deactivate || tipFreedText;
-    }
-    if (Taro.getEnv() === "WEB") {
-      const target = document.getElementById(this.tipDampTextId) as HTMLElement;
-      target.innerText = text;
+    if (!showTip) {
+      return ''
     } else {
-      this.setState({ dampText: text });
+      const { indicator = {}, tipFreedText, tipText } = this.props;
+      const {
+        activate = "释放刷新",
+        deactivate = "下拉刷新"
+      } = indicator as Indicator;
+      let text = "";
+      if (act) {
+        text = activate || tipText;
+      } else {
+        text = deactivate || tipFreedText;
+      }
+      if (Taro.getEnv() === "WEB") {
+        const target = document.getElementById(this.tipDampTextId) as HTMLElement;
+        target.innerText = text;
+      } else {
+        this.setState({ dampText: text });
+      }
+      return undefined
     }
+
   };
 
   render() {
@@ -306,7 +313,7 @@ class ListView extends Component<Props, State> {
                   </View>
                 </View>
                 {/* present children */}
-                {/*{showChildren && this.props.children}*/}
+                {showChildren && this.props.children}
                 <ResultPage
                   renderError={this.props.renderError}
                   renderEmpty={this.props.renderEmpty}

src/components/list-view/tool.ts

@@ -10,7 +10,8 @@ interface LazyItem {
 export function debounce(method, time = 500) {
     let timer = null;
     return function() {
-        const context = this;
+        // @ts-ignore
+      const context = this;
         // 在函数执行的时候先清除timer定时器;
         // @ts-ignore
         clearTimeout(timer);
@@ -27,6 +28,7 @@ const throttle = function(func, delay) {
   return function() {
     const curTime = Date.now();
     const remaining = delay - (curTime - startTime);
+    // @ts-ignore
     const context = this;
     const args = arguments;
     // @ts-ignore

src/components/virtual-list/hooks-list.ts

@@ -1,14 +1,14 @@
-import {Dispatch, SetStateAction, useCallback, useRef, useState} from '@tarojs/taro';
+import {useCallback, useRef, useState} from 'react';
 import diff from './diff';
 import vr from './virtual'
 
 interface Methods<S> {
-  append: Dispatch<SetStateAction<S>>
+  append: any
 }
 const screenNum = 7;
 const screenPage = 3;
 const moreNum = screenNum * screenPage;
-let outSetList: Taro.Dispatch<Taro.SetStateAction<any[]>> = () => {};
+let outSetList = () => {};
 let updateList: (scrollTop) => void = () => {
 };
 
@@ -23,6 +23,7 @@ const UseList = (initData: any[] | (() => any[])): [any[], Methods<any>] => {
   const append = (newData) => {
     pureList.current = list.concat(newData).map((i, y) => {
       return {
+        // @ts-ignore
         ...i,
         __index__: y,
         bottom: (y + 1) * vr.height,
@@ -31,6 +32,7 @@ const UseList = (initData: any[] | (() => any[])): [any[], Methods<any>] => {
     // setList(newList);
     setTimeout(() => {
       if (setHeightRef.current !== null) {
+        // @ts-ignore
         setHeightRef.current(pureList.current.length * vr.height + 'px')
       }
     }, 300)
@@ -55,6 +57,7 @@ const UseList = (initData: any[] | (() => any[])): [any[], Methods<any>] => {
     cacheList.current = showList
   }, []);
 
+  // @ts-ignore
   ctx.calcHeight = (setHeight) => {
     setHeightRef.current = setHeight;
   }

src/components/virtual-list/use-list.ts

@@ -1,4 +1,4 @@
-import {useState, useCallback, useEffect, useRef} from '@tarojs/taro';
+import {useState, useCallback, useEffect, useRef} from 'react';
 import diff from './diff';
 
 interface UTILS {
@@ -28,10 +28,10 @@ interface ListItem {
 
 const UseList = (id: string) => {
   const [renderList, setList] = useState<ListItem[]>([]);//render in viewpoint
-  const [isMount, setIsMount] = useState<boolean>(false);//render in viewpoint
+  const [, setIsMount] = useState<boolean>(false);//render in viewpoint
   const totalHeight = useRef(0);//height of contain
   const cacheList = useRef<ListItem[]>([]);//cache all data<ListItem[]>
-  const cacheScrollTop = useRef(0); //recode scrollTop of list
+  // const cacheScrollTop = useRef(0); //recode scrollTop of list
   const cacheViewPointData = useRef({
     beginIndex: 0,
     endIndex: totalAmount,

src/components/virtual-list/v2-list.tsx

@@ -1,4 +1,5 @@
-import Taro, {useState, useEffect } from '@tarojs/taro';
+import React, {useState, useEffect } from 'react';
+import Taro from '@tarojs/taro';
 import {View, ScrollView} from '@tarojs/components';
 import {utils} from './use-list';
 import { throttle } from "../../utils/utils";
@@ -45,7 +46,7 @@ const VirList: Taro.FunctionComponent<Props>= (props) => {
       onScrollToLower={handleLower}
     >
       <View id='foo' className='recycleList' style={{ position:'relative', height: `${totalHeight}px` }}>
-        {this.props.children}
+        {props.children}
       </View>
     </ScrollView>
   )

src/pages/index/index.tsx

@@ -85,7 +85,7 @@ export default class Index extends Component {
               customizeLoading
               lazyStorage='listView'
             >
-              {list.map((item, index) => {
+              {list.map((item: any, index) => {
                 return (
                   <View className='item skeleton-bg' key={`item_${index}`}>
                     <LazyBlock current={index} className='avatar' lazyStorage='listView'>
@@ -121,7 +121,7 @@ export default class Index extends Component {
               customizeLoading
               lazyStorage='listView'
             >
-              {list.map((item, index) => {
+              {list.map((item: any, index) => {
                 return (
                   <View className='item skeleton-bg' key={`item_${index}`}>
                     <LazyBlock current={index} className='avatar' lazyStorage='listView'>

src/pages/index/lazy.tsx

@@ -49,7 +49,7 @@ export default class Index extends Component {
           onScrollToLower={this.onScrollToLower}
           lazyStorage='listViewLazy'
         >
-          {list.map((item, index) => {
+          {list.map((item: any, index) => {
             return (
               <View className='item' key={`item_${index}`}>
                 <LazyBlock current={index} className='avatar' lazyStorage='listViewLazy'>

src/style/index.scss

@@ -1,6 +1,6 @@
-@import './components/list-view/index.scss'
-@import './components/list-view/block.scss'
-@import './components/loading/index.scss'
-@import './components/result-page/index.scss'
-@import './components/skeleton/index.scss'
+@import './components/list-view/index.scss';
+@import './components/list-view/block.scss';
+@import './components/loading/index.scss';
+@import './components/result-page/index.scss';
+@import './components/skeleton/index.scss';
 

tsconfig.json

@@ -26,6 +26,6 @@
     },
     "noImplicitAny": false
   },
-  "include": ["./src"],
-  "exclude": ["node_modules", "scripts", "webpack", "jest"]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules/*", "scripts", "webpack", "jest"]
 }