refactor: remove unused props

components/date-picker-view/date-picker-view.tsx

@@ -10,8 +10,6 @@ export default class DatePickerView extends React.Component<
   static defaultProps = {
     mode: 'datetime',
     // extra: '请选择',
-    prefixCls: 'am-picker',
-    pickerPrefixCls: 'am-picker-col',
     minuteStep: 1,
     use12Hours: false,
   };

components/date-picker/PropsType.tsx

@@ -8,6 +8,7 @@ export interface DatePickerPropsType {
   onChange?: (value: Date) => void;
   onValueChange?: (vals: any, index: number) => void;
   visible?: boolean;
+  use12Hours?: boolean;
   onDismiss?: () => void;
   locale?: {
     okText: string;

components/date-picker/datepicker/DatePicker.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import MultiPicker from '../../picker/MultiPicker';
 import Picker from '../../picker/Picker';
-import IDatePickerProps from './IDatePickerProps';
+import DatePickerProps from './DatePickerProps';
 import defaultLocale from './locale/en_US';
 
 function getDaysInMonth(date: any) {
@@ -33,7 +33,7 @@ const MONTH = 'month';
 const YEAR = 'year';
 const ONE_DAY = 24 * 60 * 60 * 1000;
 
-class DatePicker extends React.Component<IDatePickerProps, any> {
+class DatePicker extends React.Component<DatePickerProps, any> {
   static defaultProps = {
     prefixCls: 'rmc-date-picker',
     pickerPrefixCls: 'rmc-picker',
@@ -495,26 +495,12 @@ class DatePicker extends React.Component<IDatePickerProps, any> {
 
   render() {
     const { value, cols } = this.getValueCols();
-    const {
-      disabled,
-      pickerPrefixCls,
-      prefixCls,
-      rootNativeProps,
-      className,
-      style,
-      itemStyle,
-    } = this.props;
-    const multiStyle = {
-      flexDirection: 'row',
-      alignItems: 'center',
-      ...style,
-    };
+    const { disabled, rootNativeProps, style, itemStyle } = this.props;
+
     return (
       <MultiPicker
-        style={multiStyle}
+        style={[{ flexDirection: 'row', alignItems: 'center' }, style]}
         rootNativeProps={rootNativeProps}
-        className={className}
-        prefixCls={prefixCls}
         selectedValue={value}
         onValueChange={this.onValueChange}
         onScrollChange={this.onScrollChange}
@@ -524,7 +510,6 @@ class DatePicker extends React.Component<IDatePickerProps, any> {
             style={{ flex: 1 }}
             key={p.key}
             disabled={disabled}
-            prefixCls={pickerPrefixCls}
             itemStyle={itemStyle}
           >
             {p.props.children.map((item: any) => {

components/date-picker/datepicker/IDatePickerProps.tsx → components/date-picker/datepicker/DatePickerProps.tsx

@@ -1,4 +1,6 @@
-interface IDatePickerProps {
+import { StyleProp, ViewStyle } from "react-native";
+
+interface DatePickerProps {
   date?: any;
   defaultDate?: any;
   minDate?: any;
@@ -11,16 +13,11 @@ interface IDatePickerProps {
   formatDay?: (day: number, date?: any) => any;
   onDateChange?: (date: any) => void;
   onValueChange?: (vals: any, index: number) => void;
-  itemStyle?: any;
-  style?: any;
-  /** web only */
-  prefixCls?: string;
-  /** web only */
+  itemStyle?: StyleProp<ViewStyle>;
+  style?: StyleProp<ViewStyle>;
   onScrollChange?: (date: any, vals: any, index: number) => void;
   rootNativeProps?: {};
-  pickerPrefixCls?: string;
-  className?: string;
   use12Hours?: boolean;
 }
 
-export default IDatePickerProps;
+export default DatePickerProps;

components/date-picker/datepicker/Popup.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 import PopupPicker from '../../picker/Popup';
-import { IPopupPickerProps } from '../../picker/PopupPickerTypes';
-import IDatePickerProps from './IDatePickerProps';
+import { PopupPickerProps } from '../../picker/PopupPickerTypes';
+import DatePickerProps from './DatePickerProps';
 
-export interface IPopupDatePickerProps extends IPopupPickerProps {
-  datePicker: React.ReactElement<IDatePickerProps>;
+export interface PopupDatePickerProps extends PopupPickerProps {
+  datePicker: React.ReactElement<DatePickerProps>;
   onChange?: (date?: any) => void;
   date?: any;
 }
 
-class PopupDatePicker extends React.Component<IPopupDatePickerProps, any> {
+class PopupDatePicker extends React.Component<PopupDatePickerProps, any> {
   static defaultProps = {
     pickerValueProp: 'date',
     pickerValueChangeProp: 'onDateChange',

components/date-picker/index.tsx

@@ -18,7 +18,7 @@ export interface DatePickerProps
 export default class DatePicker extends React.Component<DatePickerProps> {
   static defaultProps = {
     mode: 'datetime',
-    triggerType: 'onClick',
+    triggerType: 'onPress',
     minuteStep: 1,
   };
   static contextTypes = {

components/picker-view/PickerView.tsx

@@ -1,14 +1,13 @@
 
 import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
 import RMCCascader from '../picker/cascader';
 import MultiPicker from '../picker/MultiPicker';
 import RMCPicker from '../picker/Picker';
 import { PickerData } from '../picker/PropsType';
 
 function getDefaultProps() {
   return {
-    prefixCls: 'am-picker',
-    pickerPrefixCls: 'am-picker-col',
     cols: 3,
     cascade: true,
     value: [],
@@ -17,29 +16,26 @@ function getDefaultProps() {
 }
 
 export interface PickerViewProps {
-  prefixCls?: string;
-  pickerPrefixCls?: string;
   cols?: number;
   cascade?: boolean;
   value?: any[];
   data?: PickerData[] | PickerData[][];
   styles?: any;
   onChange?: (value?: any) => void;
   onScrollChange?: (value?: any) => void;
-  indicatorStyle?: any;
-  itemStyle?: any;
+  indicatorStyle?: StyleProp<ViewStyle>;
+  itemStyle?: StyleProp<ViewStyle>;
 }
 
 export default class PickerView extends React.Component<PickerViewProps, any> {
   static defaultProps = getDefaultProps();
 
   getCol = () => {
-    const { data, pickerPrefixCls, indicatorStyle, itemStyle } = this.props;
+    const { data, indicatorStyle, itemStyle } = this.props;
     return (data as PickerData[][]).map((col, index) => {
       return (
         <RMCPicker
           key={index}
-          prefixCls={pickerPrefixCls}
           style={{ flex: 1 }}
           indicatorStyle={indicatorStyle}
           itemStyle={itemStyle}
@@ -62,8 +58,6 @@ export default class PickerView extends React.Component<PickerViewProps, any> {
     if (props.cascade) {
       picker = (
         <RMCCascader
-          prefixCls={props.prefixCls}
-          pickerPrefixCls={props.pickerPrefixCls}
           data={props.data as PickerData[]}
           value={props.value}
           onChange={props.onChange}
@@ -76,7 +70,6 @@ export default class PickerView extends React.Component<PickerViewProps, any> {
     } else {
       picker = (
         <MultiPicker
-          prefixCls={props.prefixCls}
           selectedValue={props.value}
           onValueChange={props.onChange}
           onScrollChange={props.onScrollChange}

components/picker/MultiPicker.tsx

@@ -3,11 +3,11 @@ import { View } from 'react-native';
 import MultiPickerMixin from './MultiPickerMixin';
 import MultiPickerProps from './MultiPickerProps';
 
-export interface IMultiPickerProp {
+export interface MultiPickerProp {
   getValue: Function;
 }
 
-const MultiPicker = (props: IMultiPickerProp & MultiPickerProps) => {
+const MultiPicker = (props: MultiPickerProp & MultiPickerProps) => {
   const { children, style } = props;
   const selectedValue = props.getValue();
   const colElements = React.Children.map(children, (col: any, i) => {

components/picker/MultiPickerProps.tsx

@@ -1,16 +1,16 @@
+import { StyleProp, ViewStyle } from "react-native";
+
 export interface PickerCol {
   key?: string;
   props?: any;
 }
 
 interface MultiPickerProps {
-  prefixCls?: string;
   selectedValue?: any[];
-  className?: string;
   rootNativeProps?: any;
   onValueChange?: (v?: any, i?: number) => void;
   children?: any;
-  style?: any;
+  style?: StyleProp<ViewStyle>;
   onScrollChange?: (v?: any, i?: number) => void;
 }
 

components/picker/Picker.tsx

@@ -9,7 +9,7 @@ class Picker extends React.Component<PickerProps, {}> {
     children: [],
   };
 
-  static Item(): any {}
+  static Item: any = () => {};
 
   getValue() {
     if ('selectedValue' in this.props) {

components/picker/PickerMixin.tsx

@@ -2,12 +2,11 @@
 import React from 'react';
 import { PickerProps } from './PickerTypes';
 
-type IItemProps = {
-  className?: string;
+type ItemProps = {
   value: any;
 };
 
-const Item = (_props: IItemProps) => null;
+const Item = (_props: ItemProps) => null;
 
 export default function(ComposedComponent: any) {
   return class extends React.Component<PickerProps, any> {

components/picker/PickerTypes.tsx

@@ -1,15 +1,14 @@
+import { StyleProp, ViewStyle } from "react-native";
+
 export type PickerProps = {
   disabled?: boolean;
   selectedValue?: any;
   onValueChange?: (value: any) => void;
-  itemStyle?: any;
-  /** web only */
-  prefixCls?: string;
-  indicatorStyle?: any;
+  itemStyle?: StyleProp<ViewStyle>;
+  indicatorStyle?: StyleProp<ViewStyle>;
   indicatorClassName?: string;
-  className?: string;
   defaultSelectedValue?: any;
-  style?: any;
+  style?: StyleProp<ViewStyle>;
   onScrollChange?: (value: any) => void;
   noAnimate?: boolean;
 };

components/picker/PopupMixin.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View } from 'react-native';
-import { IPopupPickerProps } from './PopupPickerTypes';
+import { PopupPickerProps } from './PopupPickerTypes';
 
 export default function PopupMixin(
   getModal: (
@@ -16,7 +16,7 @@ export default function PopupMixin(
     WrapComponent: View;
   },
 ) {
-  return class extends React.Component<IPopupPickerProps, any> {
+  return class extends React.Component<PopupPickerProps, any> {
     static defaultProps = {
       onVisibleChange(_: any) {},
       okText: 'Ok',
@@ -29,7 +29,7 @@ export default function PopupMixin(
 
     picker: any;
 
-    constructor(props: Readonly<IPopupPickerProps>) {
+    constructor(props: Readonly<PopupPickerProps>) {
       super(props);
 
       this.state = {

components/picker/PopupPickerTypes.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export type IPopupPickerProps = {
+export type PopupPickerProps = {
   picker?: any;
   value?: any;
   triggerType?: string;
@@ -15,14 +15,10 @@ export type IPopupPickerProps = {
   onVisibleChange?: (visible: boolean) => void;
   content?: React.ReactElement<any> | string;
   onDismiss?: () => void;
-  /** react-native only */
   styles?: any;
   actionTextUnderlayColor?: string;
   actionTextActiveOpacity?: number;
-  /** web only */
   wrapStyle?: React.CSSProperties;
-  prefixCls?: string;
-  className?: string;
   pickerValueProp?: string;
   pickerValueChangeProp?: string;
   transitionName?: string;

components/picker/PropsType.tsx

@@ -1,12 +1,13 @@
+import { StyleProp, ViewStyle } from 'react-native';
 import { Omit } from 'utility-types';
 import { CascaderValue } from './cascader/CascaderTypes';
-import { IPopupPickerProps } from './PopupPickerTypes';
+import { PopupPickerProps } from './PopupPickerTypes';
 export interface PickerData {
   value: string | number;
   label: string;
   children?: PickerData[];
 }
-export interface PickerPropsType extends Omit<IPopupPickerProps, 'styles'> {
+export interface PickerPropsType extends Omit<PopupPickerProps, 'styles'> {
   data: PickerData[] | PickerData[][];
   cascade?: boolean;
   value?: Array<string | number>;
@@ -15,6 +16,6 @@ export interface PickerPropsType extends Omit<IPopupPickerProps, 'styles'> {
   extra?: string;
   onChange?: (date?: CascaderValue) => void;
   onPickerChange?: (value: CascaderValue) => void;
-  itemStyle?: any;
-  indicatorStyle?: any;
+  itemStyle?: StyleProp<ViewStyle>;
+  indicatorStyle?: StyleProp<ViewStyle>;
 }