fix(components): 检查PropType没有添加的组件 修复体验问题

src/components/action-sheet/body/item/index.js

@@ -1,6 +1,8 @@
 import Taro from '@tarojs/taro'
 import { View } from '@tarojs/components'
 
+import PropTypes from 'prop-types'
+
 import './index.scss'
 
 export default class AtActionSheetItem extends Taro.Component {
@@ -13,3 +15,7 @@ export default class AtActionSheetItem extends Taro.Component {
     )
   }
 }
+
+AtActionSheetItem.propTypes = {
+  onClick: PropTypes.func
+}

src/components/action-sheet/footer/index.js

@@ -1,6 +1,8 @@
 import Taro, { Component } from '@tarojs/taro'
 import { View } from '@tarojs/components'
 
+import PropTypes from 'prop-types'
+
 import './index.scss'
 
 export default class AtActionSheetFooter extends Component {
@@ -13,3 +15,7 @@ export default class AtActionSheetFooter extends Component {
     )
   }
 }
+
+AtActionSheetFooter.propTypes = {
+  onClick: PropTypes.func
+}

src/components/action-sheet/header/index.js

@@ -1,9 +1,9 @@
-import Taro from '@tarojs/taro'
+import Taro, { Component } from '@tarojs/taro'
 import { View, Text } from '@tarojs/components'
 
 import './index.scss'
 
-export default class AtActionSheetHeader extends Taro.Component {
+export default class AtActionSheetHeader extends Component {
   render () {
     return (
       <View className='at-action-sheet-header'>

src/components/action-sheet/index.js

@@ -1,5 +1,3 @@
-/* eslint-disable taro/function-naming */
-
 import Taro, { Component } from '@tarojs/taro'
 import { View } from '@tarojs/components'
 

src/components/card/index.js

@@ -39,10 +39,6 @@ export default class AtCard extends Taro.Component {
   }
 }
 
-AtCard.defaultProps = {
-  onClick: () => {}
-}
-
 AtCard.propTypes = {
   note: PropTypes.string,
   isFull: PropTypes.bool,

src/components/list/item/index.scss

@@ -19,7 +19,7 @@ $item-horizontal-padding: 24px;
   @include align-items(center);
   @include active;
 
-  padding: $spacing-v-lg $spacing-h-xl;
+  padding: $spacing-v-lg $spacing-h-lg;
   position: relative;
   box-sizing: border-box;
   color: $color-text-base;
@@ -93,7 +93,8 @@ $item-horizontal-padding: 24px;
   }
 
   &__icon {
-    margin-left: $spacing-h-lg;
+    margin-left: $spacing-h-sm;
+    margin-right: -$spacing-h-sm;
   }
 
   &__switch {

src/components/modal/action/index.js

@@ -1,16 +1,28 @@
-import Taro from '@tarojs/taro'
+import Taro, { Component } from '@tarojs/taro'
 import { View } from '@tarojs/components'
 
+import PropTypes from 'prop-types'
+
 import './index.scss'
 
-export default class AtModalFooter extends Taro.Component {
+export default class AtModalAction extends Component {
   render () {
+    const rootClass = ['at-modal-footer']
+
+    if (this.props.isSimple) {
+      rootClass.push('at-modal-footer--simple')
+    }
+
     return (
-      <View className='at-modal-footer'>
+      <View className={rootClass}>
         <View className='at-modal-footer__action at-modal-action'>
           {this.props.children}
         </View>
       </View>
     )
   }
 }
+
+AtModalAction.propTypes = {
+  isSimple: PropTypes.bool
+}

src/components/modal/action/index.scss

@@ -30,8 +30,12 @@
       }
 
       &:first-child:last-child {
-        color: $color-error;
+        color: $color-brand;
       }
     }
   }
+
+  &--simple .at-modal-action > button:last-child:nth-child(2) {
+    color: $color-brand;
+  }
 }

src/components/modal/index.js

@@ -1,13 +1,15 @@
-import Taro from '@tarojs/taro'
+import Taro, { Component } from '@tarojs/taro'
 import { View, Button, Text } from '@tarojs/components'
 
+import PropTypes from 'prop-types'
+
 import AtModalHeader from './header/index'
 import AtModalAction from './action/index'
 import AtModalContent from './content/index'
 
 import './index.scss'
 
-export default class AtModal extends Taro.Component {
+export default class AtModal extends Component {
   constructor (props) {
     super(...arguments)
     const { isOpened } = props
@@ -27,20 +29,14 @@ export default class AtModal extends Taro.Component {
 
   render () {
     const { isOpened } = this.state
-    const {
-      title,
-      content,
-      cancleText,
-      confirmText
-    } = this.props
+    const { title, content, cancleText, confirmText } = this.props
 
     const rootClass = ['at-modal']
 
     if (isOpened) {
       rootClass.push('at-modal--active')
     }
 
-
     if (title || content) {
       const isRenderAction = cancleText || confirmText
       return (
@@ -60,8 +56,10 @@ export default class AtModal extends Taro.Component {
               </AtModalContent>
             )}
             {isRenderAction && (
-              <AtModalAction>
-                {cancleText && <Button onClick={this.props.onCancle}>{cancleText}</Button>}
+              <AtModalAction isSimple>
+                {cancleText && (
+                  <Button onClick={this.props.onCancle}>{cancleText}</Button>
+                )}
                 {confirmText && (
                   <Button onClick={this.props.onConfirm}>{confirmText}</Button>
                 )}
@@ -80,3 +78,12 @@ export default class AtModal extends Taro.Component {
     )
   }
 }
+
+AtModal.propTypes = {
+  title: PropTypes.string,
+  onCancle: PropTypes.func,
+  onConfirm: PropTypes.func,
+  content: PropTypes.string,
+  cancleText: PropTypes.string,
+  confirmText: PropTypes.string,
+}

src/components/toast/index.scss

@@ -49,8 +49,9 @@ $toast-loading-size: 100px;
     }
 
     &__info {
-      margin-top: $spacing-v-sm;
+      margin-top: $spacing-v-md;
       color: $color-white;
+      line-height: $line-height-zh;
       font-size: $font-size-base;
       text-align: center;
     }

src/pages/action/progress/index.js

@@ -23,22 +23,28 @@ export default class ProgressPage extends Taro.Component {
   }
 
   reduce = () => {
-    const { percent } = this.state
+    let { percent } = this.state
     if (percent === 0) {
       return
     }
+
+    percent = percent - OFFSET < 0 ? 0 : percent - OFFSET
+
     this.setState({
-      percent: this.state.percent - OFFSET
+      percent
     })
   }
 
   increase = () => {
-    const { percent } = this.state
+    let { percent } = this.state
     if (percent === 100) {
       return
     }
+
+    percent = percent + OFFSET > 100 ? 100 : percent + OFFSET
+
     this.setState({
-      percent: this.state.percent + OFFSET
+      percent
     })
   }
 

src/pages/layout/flex/index.js

@@ -112,7 +112,7 @@ export default class FlexPage extends Taro.Component {
           </View>
 
           <View className='panel'>
-            <View className='panel__title'>侧轴方向上 方式</View>
+            <View className='panel__title'>侧轴方向的对齐方式</View>
             <View className='panel__content'>
               <View className='example-item'>
                 <View className='at-flex'>
@@ -142,7 +142,7 @@ export default class FlexPage extends Taro.Component {
           </View>
 
           <View className='panel'>
-            <View className='panel__title'>主轴方向上 排列方式</View>
+            <View className='panel__title'>主轴方向的排列方式</View>
             <View className='panel__content'>
               <View className='example-item'>
                 <View className='at-flex'>