feat: 全部组件支持 className 属性

fjc0k · Apr 2, 2019 · d9c45fc · d9c45fc
1 parent 7ba07b2
commit d9c45fc
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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}