feat(PickerHeader): 支持 renderTitle

fjc0k · Aug 31, 2019 · fe790c5 · fe790c5
1 parent 8826049
commit fe790c5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/components/Picker/index.tsx b/src/components/Picker/index.tsx
@@ -58,6 +58,7 @@ function MPicker(props: MPickerProps) {
         <View className='m-picker'>
           <MPickerHeader
             {...props}
+            renderTitle={props.renderTitle}
             onCancel={handleCancelClick}
             onConfirm={handleConfirmClick}
           />

diff --git a/src/components/PickerHeader/index.tsx b/src/components/PickerHeader/index.tsx
@@ -13,6 +13,7 @@ function MPickerHeader(props: MPickerHeaderProps) {
       </View>
       <View className='m-picker-header__title'>
         {props.title}
+        {props.renderTitle}
       </View>
       <View
         className='m-picker-header__confirm'

diff --git a/src/components/PickerHeader/props.ts b/src/components/PickerHeader/props.ts
@@ -9,6 +9,11 @@ export const MPickerHeaderDefaultProps = createProps({
    */
   title: '' as string,
 
+  /**
+   * 自定义标题。
+   */
+  renderTitle: null as React.ReactNode,
+
   /**
    * 是否无取消按钮。
    *