Merge remote-tracking branch 'origin/v2'

.github/issue_template.md → .github/ISSUE_TEMPLATE/bug_report.md

@@ -1,8 +1,8 @@
 ---
-name: '缺陷问题反馈'
-about: '如何正确的提出一个 Issue'
-title: ''
-labels: ''
+name: 'Bug Report'
+about: '创建错误报告以帮助我们改进。'
+title: '[bug]'
+labels: 'bug'
 assignees: ''
 
 ---
@@ -11,7 +11,7 @@ assignees: ''
 感谢您向我们反馈问题，为了高效的解决问题，我们期望你能提供以下信息：
 -->
 
-## What happens?
+## 问题描述
 <!-- 清晰的描述下遇到的问题。-->
 
 ## 最小可复现仓库
@@ -32,3 +32,5 @@ assignees: ''
 - **操作系统**：
 - **Node 版本**：
 - **NutUI 版本**：
+- **Vue 版本**：
+- **引用方式**：  CDN / NPM ？

.github/ISSUE_TEMPLATE/question.md

@@ -0,0 +1,23 @@
+---
+name: Question
+about: 问我们一个关于这个项目的问题
+title: '[question]'
+labels: 'question'
+assignees: ''
+
+---
+
+
+## 你想知道什么？
+
+<!--对你想知道的事情的清晰而简明的描述-->
+你好，我想知道这个项目是否可以...
+
+## 描述你考虑过的替代方案
+
+<!--对您考虑过的任何替代解决方案或功能的清晰、简明的描述-->
+我想...
+
+## 其它
+
+无

.github/ISSUE_TEMPLATE/suggestion.md

@@ -0,0 +1,21 @@
+---
+name: Suggestion
+about: 为这个项目提出一个建议
+title: '[suggest]'
+labels: 'help wanted'
+assignees: ''
+
+---
+
+## 你建议我们做什么？
+
+<!--对你想要发生的事情的清晰而简洁的描述-->
+现在...
+
+如果你能...
+
+它将使...
+
+## 其它
+
+无

CHANGELOG.md

@@ -1,3 +1,18 @@
+## 2.1.8
+
+`2019-12-11`
+* :bug: fix(calendar)：修复日历组件点击确定触发close事件,closes #175
+* :bug: fix(checkboxgroup)：修复checkboxgroup 无法实现双向数据绑定,closes #126
+* :bug: fix(steps)：修复steps组件动态加载数据报错,closes #178
+* :bug: fix(scroller)：修复horizontal-scroll 固定宽度滑动计算bug
+* :sparkles: upd(scroller)：优化 vertical-scroll 模式不能设置动画的执行时间,closes #161
+* :sparkles: upd(datepicker)：优化DatePicker中minuteStep支持到datetime类型
+* :sparkles: feat: 新增移动端 pc端，JS自动切换 
+* :zap: style(lazyLoad)：修改lazyLoad Demo 样式
+* :zap: doc: 修改README-zh_CN.md、README.md、intro.md 文档
+* :zap: doc: 修改ISSUE_TEMPLATE 提交ISSUE模板
+* :zap: doc: 修改checkbox Demo文档
+
 ## 2.1.7
 
 `2019-11-13`

README-zh_CN.md

@@ -9,7 +9,6 @@
 
 ## 特性
 
-* 跨平台，自动转微信小程序组件（稍后上线，敬请期待）
 * 全新的架构
 * 30+ 京东移动端项目正在使用
 * 参照京东APP 7.0 视觉规范

README.md

@@ -9,7 +9,6 @@ English | [简体中文](./README-zh_CN.md)
 
 ## Features
 
-* Cross-platform，automatically convert to WeChat Mini Program components（coming soon）
 * New structure
 * Used by 30+ JD mobile projects
 * Refer to JD APP 7.0 visual specification

docs/intro.md

@@ -14,7 +14,6 @@ NutUI是一套京东风格的移动端Vue组件库，开发和服务于移动Web
 
 ## 特性
 
-* 跨平台，自动转微信小程序组件（稍后上线，敬请期待）
 * 30+ 京东移动端项目正在使用
 * 基于京东APP 7.0 视觉规范
 * 支持按需加载

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "一套轻量级移动端Vue组件库",
   "typings": "dist/types/index.d.ts",
   "main": "dist/nutui.js",

sites/doc/app.js

@@ -5,13 +5,17 @@ import App from './App.vue'
 import router from './router';
 import copy from 'clipboard';
 import backtop from './compents/backtop/backtop.js';
-import  './compents/backtop/backtop.css';
+import './compents/backtop/backtop.css';
 backtop.install(Vue);
 import 'highlight.js/styles/github.css';
 import VueStickto from './compents/vue-stickto/VueStickto.js';
 Vue.use(VueStickto)
 import codes from 'qrcode';
+import { isMobile } from './asset/js/utils.js';
 
+if (isMobile) {
+  location.replace('demo.html' + location.hash);
+}
 
 Vue.prototype.copy = copy;
 Vue.prototype.qrcode = codes;

sites/doc/asset/js/utils.js

@@ -0,0 +1,7 @@
+
+const ua = navigator.userAgent.toLowerCase();
+const isMobile = /ios|iphone|ipod|ipad|android/.test(ua);
+
+export {
+    isMobile
+}

src/packages/calendar/calendar.vue

@@ -1,6 +1,6 @@
 <template>
     <transition :name="animation">
-        <div class="nut-calendar" v-show="isVisible">
+        <div class="nut-calendar" v-show="childIsVisible">
             <div class="nut-calendar-control">
                 <span class="nut-calendar-confirm-btn" @click="confirm" v-if="(type == 'range' && currDate && currDate.length == 2) || type != 'range'">{{nutTranslate('lang.okBtnTxt')}}</span>
                 <span class="nut-calendar-cancel-btn"  @click="closeActionSheet">{{nutTranslate('lang.cancelBtnTxt')}}</span>
@@ -76,9 +76,15 @@ export default {
             default: Utils.getDay(365)
         },
     },
+    watch:{
+        isVisible(newValue,oldValue){
+            this.childIsVisible = newValue;
+        }
+    },
     data() {
         const week = this.nutTranslate('lang.calendar.week');
         return {
+            childIsVisible: false,
             currDate: null,
             week: week.split(','),
             unLoadPrev: false,
@@ -245,7 +251,8 @@ export default {
         confirm() {
             if ((this.isRange && this.chooseData.length == 2) || !this.isRange) {
                 this.$emit('choose', this.chooseData);  
-                this.$emit('close');
+                this.childIsVisible = false;
+                this.$emit('update:is-visible', false);
             }
         },
 
@@ -259,6 +266,8 @@ export default {
         },
 
         closeActionSheet() {
+            this.childIsVisible = false;
+            this.$emit('update:is-visible', false);
             this.$emit('close');
             this.resetRender();
         },

src/packages/calendar/demo.vue

@@ -35,36 +35,36 @@
             </div>
         </nut-cell>
         <!-- demo-->
-        <nut-calendar :is-visible="isVisible"
+        <nut-calendar :is-visible.sync="isVisible"
             :default-value="date"
-            @close="switchPicker('isVisible')"
+            @close="switchPickerClose('isVisible')"
             @choose="setChooseValue"
             :start-date="`2018-10-11`"
             :end-date="`2020-11-11`"
         >
         </nut-calendar>
-        <nut-calendar :is-visible="isVisible2"
+        <nut-calendar :is-visible.sync="isVisible2"
             :default-value="date2"
             :is-auto-back-fill="true"
-            @close="switchPicker('isVisible2')"
+            @close="switchPickerClose('isVisible2')"
             @choose="setChooseValue2"
         >
         </nut-calendar>
-        <nut-calendar :is-visible="isVisible1"
+        <nut-calendar :is-visible.sync="isVisible1"
             :default-value="date1"
             type="range"
             :start-date="null"
             :end-date="null"
-            @close="switchPicker('isVisible1')"
+            @close="switchPickerClose('isVisible1')"
             @choose="setChooseValue1"
         >
         </nut-calendar>
-        <nut-calendar :is-visible="isVisible3"
+        <nut-calendar :is-visible.sync="isVisible3"
             :default-value="date3"
             type="range"
             :start-date="null"
             :end-date="null"
-            @close="switchPicker('isVisible3')"
+            @close="switchPickerClose('isVisible3')"
             @choose="setChooseValue3"
         >
         </nut-calendar> 
@@ -89,8 +89,11 @@ export default {
         };
     },
     methods: {
-       switchPicker(param) {
-            this[`${param}`] = !this[`${param}`];
+        switchPickerClose(param){
+            console.log('close:' + param)
+        },
+        switchPicker(param) {
+            this[`${param}`] = true;
         },
         setChooseValue(param) {
             this.date = param[3];

src/packages/calendar/doc.md

@@ -6,9 +6,9 @@
 
 ```html
 <nut-calendar 
-    :is-visible="isVisible"
+    :is-visible.sync="isVisible"
     :default-value="date"
-    @close="switchPicker('isVisible')"
+    @close="switchPickerClose('isVisible')"
     @choose="setChooseValue"
     :start-date="`2018-10-11`"
     :end-date="`2020-11-11`"
@@ -20,10 +20,10 @@
 
 ```html
 <nut-calendar 
-    :is-visible="isVisible2"
+    :is-visible.sync="isVisible2"
     :default-value="date2"
     :is-auto-back-fill="true"
-    @close="switchPicker('isVisible2')"
+    @close="switchPickerClose('isVisible2')"
     @choose="setChooseValue2"
 >
 </nut-calendar>
@@ -33,10 +33,10 @@
 
 ```html
 <nut-calendar 
-    :is-visible="isVisible1"
+    :is-visible.sync="isVisible1"
     :default-value="date1"
     type="range"
-    @close="switchPicker('isVisible1')"
+    @close="switchPickerClose('isVisible1')"
     @choose="setChooseValue1"
 >
 </nut-calendar>
@@ -46,13 +46,13 @@
 
 ```html
 <nut-calendar 
-    :is-visible="isVisible3"
+    :is-visible.sync="isVisible3"
     :default-value="date3"
     type="range"
     :start-date="null"
     :end-date="null"
     :animation="`nutSlideUp`"
-    @close="switchPicker('isVisible3')"
+    @close="switchPickerClose('isVisible3')"
     @choose="setChooseValue3"
 >
 </nut-calendar>
@@ -75,8 +75,11 @@ export default {
         };
     },
     methods: {
-       switchPicker(param) {
-            this[`${param}`] = !this[`${param}`];
+        switchPickerClose(param){
+            console.log('close:' + param)
+        },
+        switchPicker(param) {
+            this[`${param}`] = true;
         },
         setChooseValue(param) {
             this.date = param[3];
@@ -100,7 +103,7 @@ export default {
 | 字段 | 说明 | 类型 | 默认值
 |----- | ----- | ----- | ----- 
 | type | 类型，日期选择'one'，区间选择'range' | String | 'one'
-| isVisible | 是否可见 | Boolean | false
+| isVisible | 是否可见（注意：绑定时必须`:is-visible.sync`,加sync修饰符） | Boolean | false
 | animation | 日历进入方向，右滑'nutSlideRight'， 上拉'nutSlideUp' | String | 'nutSlideRight' 
 | isAutoBackFill | 是否自动回填 | Boolean | false
 | isOpenRangeSelect | 是否开启区间选择 | Boolean | false

src/packages/checkbox/checkbox.vue

@@ -63,7 +63,10 @@ export default {
   	watch:{
   		value(){
   			this.isChecked = this.looseEqual(this.value,this.trueValue)
-  		}
+		},
+	    checked(newValue,oldValue){
+			this.isChecked = newValue;
+		}
   	},
 	data() {
 		
@@ -73,6 +76,7 @@ export default {
 	},
 	
 	mounted(){
+		this.$emit('update:checked',this.isChecked ? this.trueValue : this.falseValue,this.label);
 		this.$emit('input', this.isChecked ? this.trueValue : this.falseValue,this.label);
 	},
 	methods: {

src/packages/checkbox/doc.md

@@ -116,7 +116,7 @@ data() {
 ```html
 <nut-checkbox 
 	v-model="checkbox1" 
-	@changeEvt="checkboxChange">
+	@change="checkboxChange">
 	change事件
 </nut-checkbox>
 ```
@@ -135,7 +135,7 @@ methods: {
 <nut-checkbox 
 	v-model="checkbox1"
 	:label="'选项值'"  
-	@changeEvt="getChange">
+	@change="getChange">
 	备选项
 </nut-checkbox>
 ```