feat: 1.0.19

babel.config.build.js

@@ -0,0 +1,7 @@
+module.exports = {
+    presets: [
+        '@babel/env',
+        '@babel/typescript',
+        '@babel/react',
+    ]
+};

generate.sh

@@ -11,7 +11,7 @@ cp -r src/components/Table build
 
 # complie
 ./node_modules/.bin/lessc build/Table/style.less build/Table/style.css -x
-./node_modules/.bin/babel build/Table/Table.tsx --out-file build/Table/Table.js
+./node_modules/.bin/babel --config-file $(pwd)/babel.config.build.js build/Table/Table.tsx --out-file build/Table/Table.js
 
 # clear
 rm -rf build/Table/style.less

package.json

@@ -1,6 +1,6 @@
 {
   "name": "taro3-table",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "author": "qxtang",
   "main": "build/Table/index.js",
   "templateInfo": {

src/components/Table/Table.tsx

@@ -27,7 +27,7 @@ import {
     Props
 } from './types';
 
-const Table = (props: Props): JSX.Element => {
+const Table = (props: Props): JSX.Element | null => {
     // variables
     const {
         columns: pColumns = [],
@@ -55,18 +55,18 @@ const Table = (props: Props): JSX.Element => {
     const [expansion, setExpansion] = useState<boolean>(false); // 是否展开
 
     // effects
+    useEffect(() => {
+        onChange(dataSource);
+    }, [dataSource]);
+
     useEffect(() => {
         if (pColumns.some((i: AnyOpt) => {
             return !['number', 'undefined'].includes(typeof i.width);
         })) {
             console.error('[taro3-table] -', '列配置 width 参数类型需为 number');
             setError(true);
         }
-    }, []);
-
-    useEffect(() => {
-        onChange(dataSource);
-    }, [dataSource]);
+    }, [columns]);
 
     // 当 columns、pColumns、dataSource 有变化时进行排序
     useEffect(() => {
@@ -318,14 +318,6 @@ const Table = (props: Props): JSX.Element => {
         );
     };
 
-    const Error = () => {
-        return (
-            <View className="error">
-                <Text>错误</Text>
-            </View>
-        );
-    };
-
     const Empty = () => {
         return (
             <View className="nothing">
@@ -341,6 +333,10 @@ const Table = (props: Props): JSX.Element => {
         }, 0);
     }, [columns]);
 
+    if (error) {
+        return null;
+    }
+
     return (
         <View
             className={classnames(['taro3table', className])}
@@ -350,7 +346,6 @@ const Table = (props: Props): JSX.Element => {
             }}
         >
             {loading && (<Loading/>)}
-            {error && (<Error/>)}
             <ScrollView
                 className="table"
                 scroll-x={(dataSource.length !== 0) && (scroll.x)}

src/components/Table/style.less

@@ -44,24 +44,6 @@
     }
   }
 
-  .error {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-color: rgba(255, 255, 255, .3);
-    backdrop-filter: blur(unit(6, rpx));
-    z-index: 95;
-    color: #ff0000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: unit(28, rpx);
-  }
-
   .nothing {
     color: #CCCCCC;
     font-size: unit(24, rpx);