fix: 处理ActionSheet/Badge/List/SegmentedControl/SpeedDial/TransitionImage 组件ts类型报错

Author: ChenlingasMx

packages/core/src/ActionSheet/item.tsx

@@ -8,7 +8,6 @@ import {
   TextStyle,
   StyleSheet,
   Text,
-  TouchableOpacity,
   GestureResponderEvent,
 } from 'react-native';
 
@@ -23,6 +22,7 @@ export interface ActionSheetItemProps {
   /** 有触摸操作时显示出来的底层的颜色 */
   underlayColor?: string;
   onPress?: (event: GestureResponderEvent) => void;
+  children?: React.ReactNode;
 }
 
 export interface ActionSheetItemState {}

packages/core/src/Badge/index.tsx

@@ -29,7 +29,7 @@ export interface BadgeProps extends ViewProps {
   /** 标记颜色 */
   color?: colors.Colors | string;
   /** 文本内容 */
-  text?: string | Element;
+  text?: string | React.ReactNode;
   /**
    * 设置圆角，默认 `12`
    */

packages/core/src/List/index.tsx

@@ -94,8 +94,8 @@ export default class List extends React.PureComponent<ListProps, ListState> {
       size,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       extra,
-      ListHeaderComponent,
       title,
+      ListHeaderComponent,
       ...otherProps
     } = this.props;
     const props = {} as ListProps & FlatListProps<{}>;
@@ -126,13 +126,17 @@ export default class List extends React.PureComponent<ListProps, ListState> {
     if (!flat) {
       return (
         <View {...otherProps}>
-          {header}
-          {((renderItem && (!data || data.length === 0)) ||
-            (!renderItem && (!children || React.Children.toArray(children).length === 0))) &&
-            otherProps.ListEmptyComponent}
-          {(props.data || []).map((item, idx) =>
-            React.cloneElement((props.renderItem && props.renderItem({ item, index: idx })) || <View />, { key: idx }),
-          )}
+          <>
+            {header}
+            {((renderItem && (!data || data.length === 0)) ||
+              (!renderItem && (!children || React.Children.toArray(children).length === 0))) &&
+              otherProps.ListEmptyComponent}
+            {(props.data || []).map((item, idx) =>
+              React.cloneElement((props.renderItem && props.renderItem({ item, index: idx })) || <View />, {
+                key: idx,
+              }),
+            )}
+          </>
         </View>
       );
     }

packages/core/src/SegmentedControl/index.tsx

@@ -19,7 +19,10 @@ export interface SegmentedControlState {
   selectedIndex: number;
 }
 
-export default class SegmentedControl<T> extends Component<SegmentedControlProps<T>, SegmentedControlState> {
+export default class SegmentedControl<T extends React.ReactPortal> extends Component<
+  SegmentedControlProps<T>,
+  SegmentedControlState
+> {
   constructor(props: SegmentedControlProps<T>) {
     super(props);
     this.state = {

packages/core/src/SpeedDial/index.tsx

@@ -25,7 +25,7 @@ export interface PanXY extends Animated.Value {
   _value: number;
 }
 
-export interface SpeedDialProps extends ViewProps {
+export interface SpeedDialProps {
   /** 显示的图标 [默认显示, 展开显示] */
   icon?: icoType;
   /** 盒子样式 */

packages/core/src/TransitionImage/index.tsx

@@ -22,6 +22,7 @@ export type ImageProps = RNImageProps & {
   placeholderStyle?: StyleProp<ViewStyle>;
   transition?: boolean;
   transitionDuration?: number;
+  children?: React.ReactNode;
 };
 
 type ImageState = {