From d9c45fc270e81272087d75dc76cab3807cdd19dc Mon Sep 17 00:00:00 2001
From: Jay Fong <fjc0kb@gmail.com>
Date: Tue, 2 Apr 2019 14:07:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=A8=E9=83=A8=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=20className=20=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Picker/index.tsx       | 4 ++--
 src/components/PickerView/index.tsx   | 4 ++--
 src/components/SinglePicker/index.tsx | 2 ++
 src/components/Sticky/index.tsx       | 3 ++-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Picker/index.tsx b/src/components/Picker/index.tsx
index 7761011..ece26db 100644
--- a/src/components/Picker/index.tsx
+++ b/src/components/Picker/index.tsx
@@ -103,10 +103,10 @@ class MPicker extends component({
   }
 
   render() {
-    const { maskClosable, data, itemHeight, visibleItemCount, noCancel, cancelText, confirmText, title } = this.props
+    const { maskClosable, data, itemHeight, visibleItemCount, noCancel, cancelText, confirmText, title, className } = this.props
     const { localVisible, localSelectedIndexes } = this.state
     return (
-      <View>
+      <View className={className}>
         <View onClick={this.handleTriggerClick}>
           {this.props.children}
         </View>
diff --git a/src/components/PickerView/index.tsx b/src/components/PickerView/index.tsx
index e65e045..0d04a8e 100644
--- a/src/components/PickerView/index.tsx
+++ b/src/components/PickerView/index.tsx
@@ -186,13 +186,13 @@ export default class MPickerView extends component({
   }
 
   render() {
-    const { disabled } = this.props
+    const { disabled, className } = this.props
     const { normalizedData, localSelectedIndexes } = this.state
     const styles = this.computeStyles()
     return (
       <PickerView
         value={localSelectedIndexes}
-        className={`m-picker-view ${disabled && 'm-picker-view_disabled'}`}
+        className={`m-picker-view ${disabled && 'm-picker-view_disabled'} ${className}`}
         style={styles.view}
         indicatorStyle={`height:${styles.indicator.height}`}
         onPickStart={this.props.onPickStart}
diff --git a/src/components/SinglePicker/index.tsx b/src/components/SinglePicker/index.tsx
index b35b9fa..dbc39b2 100644
--- a/src/components/SinglePicker/index.tsx
+++ b/src/components/SinglePicker/index.tsx
@@ -74,6 +74,7 @@ class MSinglePicker extends component({
       cancelText,
       confirmText,
       title,
+      className,
     } = this.props
     const {
       localData,
@@ -90,6 +91,7 @@ class MSinglePicker extends component({
         cancelText={cancelText}
         confirmText={confirmText}
         title={title}
+        className={className}
         onCancel={this.handleCancel}
         onConfirm={this.handleConfirm}>
         {this.props.children}
diff --git a/src/components/Sticky/index.tsx b/src/components/Sticky/index.tsx
index 8f399c1..fd90a4a 100644
--- a/src/components/Sticky/index.tsx
+++ b/src/components/Sticky/index.tsx
@@ -83,10 +83,11 @@ export default class MSticky extends component({
   }
 
   render() {
+    const { className } = this.props
     const { fixed, contentHeight } = this.state
     return (
       <View
-        className={`m-sticky ${fixed && 'm-sticky_fixed'}`}
+        className={`m-sticky ${fixed && 'm-sticky_fixed'} ${className}`}
         style={contentHeight ? { height: `${contentHeight}px` } : {}}>
         <View className='m-sticky__content'>
           {this.props.children}