chore: Format the code.

uiwjs · Jul 31, 2021 · 61dc909 · 61dc909
1 parent a25d3b5
commit 61dc909
Showing 1 changed file with 56 additions and 21 deletions.
diff --git a/components/List/Item.tsx b/components/List/Item.tsx
@@ -1,7 +1,19 @@
-import React, { Component } from 'react';
-import { View, ViewProps, StyleSheet, StyleProp, TextStyle, ViewStyle, TouchableHighlight, TouchableWithoutFeedbackProps, Text, TextProps } from 'react-native';
+import React, {Component} from 'react';
+import {
+  View,
+  ViewProps,
+  StyleSheet,
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+  TouchableHighlight,
+  TouchableWithoutFeedbackProps,
+  Text,
+} from 'react-native';
 
-export interface ListItemProps extends ViewProps, TouchableWithoutFeedbackProps {
+export interface ListItemProps
+  extends ViewProps,
+    TouchableWithoutFeedbackProps {
   underlayColor?: string;
   paddingLeft?: number;
   extra?: React.ReactNode;
@@ -17,50 +29,73 @@ export default class ListItem extends Component<ListItemProps> {
   static defaultProps: ListItemProps = {
     underlayColor: '#DADADA',
     // paddingLeft: 16,
-  }
+  };
   render() {
-    const { children, style, onPress, paddingLeft, underlayColor, extra, extraStyle, touchableStyle, size, ...otherProps } = this.props;
+    const {
+      children,
+      style,
+      onPress,
+      paddingLeft,
+      underlayColor,
+      extra,
+      extraStyle,
+      touchableStyle,
+      size,
+      ...otherProps
+    } = this.props;
     let sizeStyle = {};
     if (size && styles[size]) {
       sizeStyle = styles[size];
     }
     const cell = (
       <View style={[styles.border, sizeStyle, style]} {...otherProps}>
-        <View style={{ flex: 1, flexDirection: 'row' }}>
+        <View style={{flex: 1, flexDirection: 'row'}}>
           {React.Children.toArray(children).map((child, idx) => {
             if (typeof children === 'string') {
               return <Text key={idx}>{children}</Text>;
             }
-            if (!React.isValidElement(child)) return null;
-            return React.cloneElement(child, { key: idx });
+            if (!React.isValidElement(child)) {
+              return null;
+            }
+            return React.cloneElement(child, {key: idx});
           })}
         </View>
         {extra && (
-          <View style={{ paddingRight: 10 }}>
-            {typeof extra === 'string' ? <Text style={extraStyle}>{extra}</Text> : <View style={[{ flexDirection: 'row', alignItems: 'center' }, extraStyle]}>{extra}</View>}
+          <View style={{paddingRight: 10}}>
+            {typeof extra === 'string' ? (
+              <Text style={extraStyle}>{extra}</Text>
+            ) : (
+              <View
+                style={[
+                  {flexDirection: 'row', alignItems: 'center'},
+                  extraStyle,
+                ]}>
+                {extra}
+              </View>
+            )}
           </View>
         )}
       </View>
     );
 
     if (onPress) {
       return (
-        <TouchableHighlight underlayColor={underlayColor} style={[styles.warpper, { paddingLeft }, touchableStyle]} onPress={onPress} {...otherProps}>
+        <TouchableHighlight
+          underlayColor={underlayColor}
+          style={[styles.warpper, {paddingLeft}, touchableStyle]}
+          onPress={onPress}
+          {...otherProps}>
           {cell}
         </TouchableHighlight>
-      )
+      );
     }
-    return (
-      <View style={[{ paddingLeft }, styles.warpper]}>
-        {cell}
-      </View>
-    );
+    return <View style={[{paddingLeft}, styles.warpper]}>{cell}</View>;
   }
 }
 
 const styles = StyleSheet.create({
   warpper: {
-    backgroundColor: '#fff'
+    backgroundColor: '#fff',
   },
   border: {
     borderBottomWidth: StyleSheet.hairlineWidth,
@@ -69,12 +104,12 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   default: {
-    paddingVertical: 12
+    paddingVertical: 12,
   },
   small: {
-    paddingVertical: 10
+    paddingVertical: 10,
   },
   large: {
-    paddingVertical: 16
+    paddingVertical: 16,
   },
 });