取消scrollview的组件的依赖

react-widget · Feb 14, 2019 · 4af16f8 · 4af16f8
1 parent 4c9723d
commit 4af16f8
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 6 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -20,6 +20,6 @@
 <body style="background:#F5F5F5">
     <div class="demo" id="demo">
     </div>
-<script src="static\js\vendors.54ed405d.chunk.js"></script><script src="static\js\index.1a730766.js"></script></body>
+<script src="static\js\vendors.54ed405d.chunk.js"></script><script src="static\js\index.2f40ff67.js"></script></body>
 
 </html>
diff --git a/docs/static/js/index.1a730766.js.map b/docs/static/js/index.1a730766.js.map
diff --git a/docs/static/js/index.1a730766.js → docs/static/js/index.2f40ff67.js b/docs/static/js/index.1a730766.js → docs/static/js/index.2f40ff67.js
diff --git a/docs/static/js/index.2f40ff67.js.map b/docs/static/js/index.2f40ff67.js.map
diff --git a/examples/demos/demo1.js b/examples/demos/demo1.js
@@ -59,6 +59,14 @@ export default class DEMO extends Component {
                         height: 400,
                     }}
                     autoFocus
+                    renderHeader={() => <h3>header</h3>}
+                    renderFooter={() => <h3>footer</h3>}
+                    headerStyle={{
+                        borderBottom: '1px solid #ccc'
+                    }}
+                    footerStyle={{
+                        borderTop: '1px solid #ccc'
+                    }}
                     value={this.state.value}
                     onChange={this.handleChange}
                     items={dataset.filter((item, i) => item.label.indexOf(this.filterMsg) >= 0)}

diff --git a/src/ListBox.js b/src/ListBox.js
@@ -24,6 +24,8 @@ export default class ListBox extends React.Component {
     static propTypes = {
         className: PropTypes.string,
         style: PropTypes.object,
+        headerStyle: PropTypes.object,
+        footerStyle: PropTypes.object,
         scrollViewBodyStyle: PropTypes.object,
         prefixCls: PropTypes.string,
         valueField: PropTypes.string,
@@ -453,6 +455,8 @@ export default class ListBox extends React.Component {
             footerWrapperComponent: FooterWrapperComponent,
             renderHeader,
             renderFooter,
+            headerStyle = {},
+            footerStyle = {},
         } = this.props;
 
         if (width) {
@@ -485,6 +489,7 @@ export default class ListBox extends React.Component {
                     renderHeader ?
                         <HeaderWrapperComponent
                             className={`${prefixCls}-header`}
+                            style={headerStyle}
                         >
                             {renderHeader()}
                         </HeaderWrapperComponent> :
@@ -501,6 +506,7 @@ export default class ListBox extends React.Component {
                     renderFooter ?
                         <FooterWrapperComponent
                             className={`${prefixCls}-footer`}
+                            style={footerStyle}
                         >
                             {renderFooter()}
                         </FooterWrapperComponent> :