fix: 修复组件和页面的错误

Author: Garfield550

src/components/calendar/body/index.tsx

@@ -30,7 +30,7 @@ const defaultProps: Partial<AtCalendarBodyProps> = {
   generateDate: Date.now()
 }
 
-export default class AtCalendarBody extends Taro.Component<
+export default class AtCalendarBody extends React.Component<
   AtCalendarBodyProps,
   Readonly<AtCalendarBodyState>
 > {

src/components/calendar/controller/index.tsx

@@ -6,9 +6,8 @@ import {
   AtCalendarControllerState
 } from 'types/calendar'
 import { Picker, Text, View } from '@tarojs/components'
-import Taro from '@tarojs/taro'
 
-export default class AtCalendarController extends Taro.Component<
+export default class AtCalendarController extends React.Component<
   AtCalendarControllerProps,
   AtCalendarControllerState
 > {

src/components/calendar/index.tsx

@@ -27,7 +27,7 @@ const defaultProps: AtCalendarDefaultProps = {
   monthFormat: 'YYYY年MM月'
 }
 
-export default class AtCalendar extends Taro.Component<
+export default class AtCalendar extends React.Component<
   AtCalendarProps,
   Readonly<AtCalendarState>
 > {

src/components/loading/index.tsx

@@ -21,9 +21,7 @@ export default class AtLoading extends React.Component<AtLoadingProps> {
     }
     const colorStyle = {
       border: color ? `1px solid ${color}` : '',
-      'border-color': color
-        ? `${color} transparent transparent transparent`
-        : ''
+      borderColor: color ? `${color} transparent transparent transparent` : ''
     }
     const ringStyle = Object.assign({}, colorStyle, sizeStyle)
 

src/components/tabs/index.tsx

@@ -49,7 +49,7 @@ export default class AtTabs extends React.Component<AtTabsProps, AtTabsState> {
         case Taro.ENV_TYPE.SWAN: {
           const index = Math.max(idx - 1, 0)
           this.setState({
-            _scrollIntoView: `tab${index}`
+            _scrollIntoView: `tab${this._tabId}${index}`
           })
           break
         }
@@ -185,7 +185,7 @@ export default class AtTabs extends React.Component<AtTabsProps, AtTabsState> {
       return (
         <View
           className={itemCls}
-          id={`tab${idx}`}
+          id={`tab${this._tabId}${idx}`}
           key={item.title}
           onClick={this.handleClick.bind(this, idx)}
         >

src/pages/index/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Image, Text, View } from '@tarojs/components'
+import { CommonEvent, Image, Text, View } from '@tarojs/components'
 import Taro, { ShareAppMessageReturn } from '@tarojs/taro'
 import iconAction from '../../assets/images/icon-list-action.png'
 import iconBasic from '../../assets/images/icon-list-basic.png'
@@ -85,7 +85,7 @@ export default class Index extends React.Component<{}, IndexState> {
     }
   }
 
-  private gotoPanel = (id: string): void => {
+  private gotoPanel = (e: CommonEvent, id: string): void => {
     Taro.navigateTo({
       url: `/pages/panel/index?id=${id.toLowerCase()}`
     })
@@ -108,7 +108,7 @@ export default class Index extends React.Component<{}, IndexState> {
               data-id={item.id}
               data-name={item.title}
               data-list={item.subpages}
-              onTap={this.gotoPanel(item.id)}
+              onTap={(e: CommonEvent): void => this.gotoPanel(e, item.id)}
             >
               <View className='module-list__icon'>
                 <Image src={item.icon} className='img' mode='widthFix' />