feat: release v3.0.16

Author: xupaopaopaopao

changelog.md

@@ -1,3 +1,8 @@
+## v3.0.16 (2017-12-22)
+
+### New Features
+* `PopupPicker` 和 `PopupDateTimePicker` 组件增加 `onSelect` 属性。
+
 ## v3.0.15 (2017-12-15)
 
 ### Bug Fixes

component_dev/popupdatetimepicker/demo/demo.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>PopupDateTimePicker Demo</title>
     <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
+    <link rel="stylesheet" href="../../../prd/component_dev/popupdatetimepicker/demo/demo.css" />
     <style>
         .op0_6 {
             opacity: .6;

component_dev/popupdatetimepicker/demo/demo.js

@@ -11,6 +11,7 @@ class PopupDateTimePickerDemo extends Component {
     }
 
     handleChange(value) {
+        console.log('onChange', value);
         this.setState({ value });
     }
 
@@ -38,9 +39,10 @@ class PopupDateTimePickerDemo extends Component {
                     value={this.state.value}
                     beforePopupShow={() => {
                         console.log('beforePopupShow');
-                        return false;
+                        // return false;
                     }}
                     onChange={this.handleChange.bind(this)}
+                    onSelect={(value) => console.log(value)}
                     duration={200}
                     pickerHeight={150}
                     loop={[false, true, true]}

component_dev/popupdatetimepicker/src/popupdatetimepicker.js

@@ -48,6 +48,14 @@ const propTypes = {
      * @description 弹出式选择器 Ok 按钮点击后的回调，必须。
      */
     onChange: PropTypes.func.isRequired,
+    /**
+     * @property onSelect
+     * @type Function
+     * @param value 当前的 option 的 value，如果开启了多列模式，那么返回值将是一个包含了每一列value的数组。
+     * @version 3.0.16
+     * @description 当选择器选择值发生改变时的回调。
+     */
+    onSelect: PropTypes.func,
     /**
      * @property popupHeader
      * @type Object
@@ -143,8 +151,8 @@ const defaultProps = {
         okBtn: { text: '确定', touchClass: 'action-touch' },
         cancelBtn: { text: '取消', touchClass: 'action-touch' }
     },
-    onChange: () => {
-    },
+    onChange: () => {},
+    onSelect: () => {},
     pickerHeight: 150,
     duration: 200,
     loop: [true, true, true],
@@ -269,9 +277,11 @@ class PopupDateTimePicker extends Component {
     }
 
     handlePickerChange(value) {
+        const { onSelect } = this.props;
         this.setState({
             pickerValue: value
         });
+        onSelect && isFunction(onSelect) && onSelect(this.state.pickerValue);
     }
 
     renderPicker() {

component_dev/popuppicker/demo/demo.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>PopupPicker Demo</title>
     <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
+    <link rel="stylesheet" href="../../../prd/component_dev/popuppicker/demo/demo.css" />
     <style>
         .op0_6 {
             opacity: .6;

component_dev/popuppicker/demo/demo.js

@@ -26,6 +26,8 @@ class PopupPickerDemo extends Component {
     }
 
     handleChange(value) {
+        // 你接收到的value将会是一个数组，包含了每一列picker的值
+        console.log('onChange', value);
         this.setState({ value });
     }
 
@@ -51,13 +53,11 @@ class PopupPickerDemo extends Component {
                         this.popupPickerComponent = component;
                     }}
                     value={this.state.value}
-                    onChange={(value) => {
-                        // 你接收到的value将会是一个数组，包含了每一列picker的值
-                        this.setState({ value });
-                    }}
+                    onChange={this.handleChange.bind(this)}
+                    onSelect={(value) => console.log(value)}
                     beforePopupShow={() => {
                         Toast.show('before popup show');
-                        return false;
+                        // return false;
                     }}
                     duration={200}
                     options={options}

component_dev/popuppicker/src/popuppicker.js

@@ -46,6 +46,14 @@ const propTypes = {
      * @description 弹出式选择器 Ok 按钮点击后的回调，必须。
      */
     onChange: PropTypes.func.isRequired,
+    /**
+     * @property onSelect
+     * @type Function
+     * @param value 当前的 option 的 value，如果开启了多列模式，那么返回值将是一个包含了每一列value的数组。
+     * @version 3.0.16
+     * @description 当选择器选择值发生改变时的回调。
+     */
+    onSelect: PropTypes.func,
     /**
      * @property options
      * @type Array/Array <Array>
@@ -174,8 +182,8 @@ const defaultProps = {
         okBtn: { text: '确定', touchClass: 'action-touch' },
         cancelBtn: { text: '取消', touchClass: 'action-touch' }
     },
-    onChange: () => {
-    },
+    onChange: () => {},
+    onSelect: () => {},
     pickerHeight: 150,
     duration: 200,
     looped: true,
@@ -324,9 +332,11 @@ class PopupPicker extends Component {
     }
 
     handlePickerChange(option, i) {
+        const { onSelect } = this.props;
         this.setState({
             pickerValue: this.getOnChangeValue(option.value, i)
         });
+        onSelect && isFunction(onSelect) && onSelect(this.state.pickerValue.length > 1 ? this.state.pickerValue : this.state.pickerValue[0]);
     }
 
     renderPicker() {

doc/animate.html

@@ -24,7 +24,7 @@
         <header class="ydoc-header">
             <div class="ydoc-header-area">
 
-                <a href="http://ued.qunar.com/ymfe/" class="navbar-brand">YMFE</a>
+                <a href="https://ymfe.org/" class="navbar-brand">YMFE</a>
 
                 <button class="ydocIcon navbar-toggle">&#xf020;</button>
                 <nav class="ydoc-nav">

doc/changelog.html

@@ -24,7 +24,7 @@
         <header class="ydoc-header">
             <div class="ydoc-header-area">
 
-                <a href="http://ued.qunar.com/ymfe/" class="navbar-brand">YMFE</a>
+                <a href="https://ymfe.org/" class="navbar-brand">YMFE</a>
 
                 <button class="ydocIcon navbar-toggle">&#xf020;</button>
                 <nav class="ydoc-nav">
@@ -99,7 +99,9 @@ <h1 >版本</h1>
                 <div class="ydoc-container-content " id="readme">
 
                     <article class="markdown-body">
-                         <h2 class="subject" id="v3.0.15__2017-12-15_">v3.0.15 (2017-12-15) <a class="hashlink" href="#v3.0.15__2017-12-15_">#</a></h2><h3 class="subject" id="Bug_Fixes">Bug Fixes <a class="hashlink" href="#Bug_Fixes">#</a></h3><ul>
+                         <h2 class="subject" id="v3.0.16__2017-12-22_">v3.0.16 (2017-12-22) <a class="hashlink" href="#v3.0.16__2017-12-22_">#</a></h2><h3 class="subject" id="New_Features">New Features <a class="hashlink" href="#New_Features">#</a></h3><ul>
+<li><code>PopupPicker</code> 和 <code>PopupDateTimePicker</code> 组件增加 <code>onSelect</code> 属性。</li></ul>
+<h2 class="subject" id="v3.0.15__2017-12-15_">v3.0.15 (2017-12-15) <a class="hashlink" href="#v3.0.15__2017-12-15_">#</a></h2><h3 class="subject" id="Bug_Fixes">Bug Fixes <a class="hashlink" href="#Bug_Fixes">#</a></h3><ul>
 <li>修复自定义样式目录中有多层目录时 <code>post install</code> 脚本报错的问题。</li></ul>
 <h3 class="subject" id="New_Features">New Features <a class="hashlink" href="#New_Features">#</a></h3><ul>
 <li><code>Alert</code> 和 <code>Confirm</code> 组件增加 <code>extraClass</code> 属性，<code>content</code> 属性支持传入 jsx。</li></ul>

doc/component-ActionSheet.html

@@ -24,7 +24,7 @@
         <header class="ydoc-header">
             <div class="ydoc-header-area">
 
-                <a href="http://ued.qunar.com/ymfe/" class="navbar-brand">YMFE</a>
+                <a href="https://ymfe.org/" class="navbar-brand">YMFE</a>
 
                 <button class="ydocIcon navbar-toggle">&#xf020;</button>
                 <nav class="ydoc-nav">
@@ -344,7 +344,7 @@ <h4 id="-">引用方式</h4>
                 </div>
 
                 <div class="instructions-con-runner">
-                    <iframe class="instructions-iframe" src="http://ued.qunar.com/hy2/yo/demo/src/html/component/actionsheet.html?hideIcon"></iframe>
+                    <iframe class="instructions-iframe" src="//ued.qunar.com/hy2/yo/demo/src/html/component/actionsheet.html?hideIcon"></iframe>
                 </div>
 
             </div>