ost-ui/docs/static/js/14.424a4885178e.js

ost ui for react

(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{79:function(n,l){n.exports='## OstPicker 示例\n\n  \n```jsx\nimport {OstPicker} from \'ost-ui\';\n\n:::$demo\n    mockData = [{\n            "value": "340000",\n            "label": "安徽省",\n            "children": [{\n                "value": "341500",\n                "label": "六安市",\n                "children": [{\n                    "value": "341522",\n                    "label": "霍邱县",\n                    "children": []\n                }, {\n                    "value": "341521",\n                    "label": "寿县",\n                    "children": []\n                }, {\n                    "value": "341523",\n                    "label": "舒城县",\n                    "children": []\n                }, {\n                    "value": "341503",\n                    "label": "裕安区",\n                    "children": []\n                }]\n            }, {\n                "value": "340500",\n                "label": "马鞍山市",\n                "children": [{\n                    "value": "340506",\n                    "label": "博望区",\n                    "children": []\n                }]\n            }, {\n                "value": "341800",\n                "label": "宣城市",\n                "children": [{\n                    "value": "341822",\n                    "label": "广德县",\n                    "children": []\n                }, {\n                    "value": "341824",\n                    "label": "绩溪县",\n                    "children": []\n                }, {\n                    "value": "341825",\n                    "label": "旌德县",\n                    "children": []\n                }]\n            }]\n        },\n        {\n            "value": "820000",\n            "label": "澳门特别行政区",\n            "children": [{\n                "value": "820100",\n                "label": "澳门半岛",\n                "children": []\n            }, {\n                "value": "820200",\n                "label": "离岛",\n                "children": []\n            }]\n        },\n        {\n            "value": "110000",\n            "label": "北京",\n            "children": [{\n                "value": "110100",\n                "label": "北京市",\n                "children": [{\n                    "value": "110114",\n                    "label": "昌平区",\n                    "children": []\n                }, {\n                    "value": "110105",\n                    "label": "朝阳区",\n                    "children": []\n                }, {\n                    "value": "110103",\n                    "label": "崇文区",\n                    "children": []\n                }, {\n                    "value": "110115",\n                    "label": "大兴区",\n                    "children": []\n                }, {\n                    "value": "110229",\n                    "label": "延庆县",\n                    "children": []\n                }]\n            }]\n    }]\n\n    state = {\n        value: null\n    };\n\n    onOk = (value, label) => {\n        console.log(\'onOk\', value, label);\n        this.setState({value});\n    }\n\n    onCancel = () => {\n        console.log(\'onCancel\');\n    }\n\n    onHide = () => {\n        console.log(\'onHide\');\n    }\n\n    onChange = (value) => {\n        console.log(\'onChange\', value);\n    }\n\n    onScrollChange = (value) => {\n        console.log(\'onScrollChange\', value);\n    }\n\n\n    render() {\n       return (\n            <div className=\'ost-picker-demo\'>\n                <h2>Ost-Picker</h2>\n                <OstPicker\n                    data={this.mockData}\n                    value={this.state.value}\n                    onOk={this.onOk}\n                    okText=\'确定\'\n                    onCancel={this.onCancel}\n                    onChange={this.onChange}\n                    onHide={this.onHide}\n                    onScrollChange={this.onScrollChange}\n                    cancelText=\'取消\'\n                    title="OstPicker">\n                    <button>打开</button>\n                </OstPicker>\n            </div>\n       )\n    }\n:::$\n```\n\n```css\n<style>\n.ost-picker-demo {\n    margin: \'10px 30px\';\n}\n</style>\n\n```\n'}}]);