package.json

 {
     "name": "view-design",
-    "version": "4.7.0-beta.4",
+    "version": "4.7.0-beta.6",
     "title": "ViewUI",
     "description": "A high quality UI components Library with Vue.js",
     "homepage": "http://www.iviewui.com",

src/components/cascader/cascader.vue

@@ -168,7 +168,7 @@
                 selected: [],
                 tmpSelected: [],
                 updatingValue: false,    // to fix set value in changeOnSelect type
-                currentValue: this.value,
+                currentValue: this.value || [],
                 query: '',
                 validDataStr: '',
                 isLoadedChildren: false    // #950

src/components/checkbox/checkbox-group.vue

@@ -30,8 +30,8 @@
         },
         data () {
             return {
-                currentValue: this.value,
-                childrens: []
+                currentValue: this.value || [],
+                children: []
             };
         },
         computed: {
@@ -49,10 +49,10 @@
         },
         methods: {
             updateModel (update) {
-                this.childrens = findComponentsDownward(this, 'Checkbox');
-                if (this.childrens) {
-                    const { value } = this;
-                    this.childrens.forEach(child => {
+                this.children = findComponentsDownward(this, 'Checkbox');
+                if (this.children) {
+                    const value = this.value || [];
+                    this.children.forEach(child => {
                         child.model = value;
 
                         if (update) {

src/components/color-picker/color-picker.vue

@@ -242,8 +242,8 @@ export default {
 
     data() {
         return {
-            val: changeColor(this.value),
-            currentValue: this.value,
+            val: changeColor(this.value || ''),
+            currentValue: this.value || '',
             dragging: false,
             visible: false,
             recommendedColor: [
@@ -412,7 +412,7 @@ export default {
             this.val = changeColor(newVal);
         },
         visible(val) {
-            this.val = changeColor(this.value);
+            this.val = changeColor(this.value || '');
             this.$refs.drop[val ? 'update' : 'destroy']();
             this.$emit('on-open-change', Boolean(val));
         },

src/components/date-picker/picker.vue

@@ -805,11 +805,12 @@
             },
         },
         mounted () {
-            const initialValue = this.value;
-            const parsedValue = this.publicVModelValue;
-            if (typeof initialValue !== typeof parsedValue || JSON.stringify(initialValue) !== JSON.stringify(parsedValue)){
-                this.$emit('input', this.publicVModelValue); // to update v-model
-            }
+            // 下面的判断可能是没必要的，反而会破坏初始的 null 值
+            // const initialValue = this.value;
+            // const parsedValue = this.publicVModelValue;
+            // if (typeof initialValue !== typeof parsedValue || JSON.stringify(initialValue) !== JSON.stringify(parsedValue)){
+            //     this.$emit('input', this.publicVModelValue); // to update v-model
+            // }
             if (this.open !== null) this.visible = this.open;
 
             // to handle focus from confirm buttons

src/components/radio/radio-group.vue

@@ -53,7 +53,7 @@
         data () {
             return {
                 currentValue: this.value,
-                childrens: []
+                children: []
             };
         },
         computed: {
@@ -75,9 +75,9 @@
         },
         methods: {
             updateValue () {
-                this.childrens = findComponentsDownward(this, 'Radio');
-                if (this.childrens) {
-                    this.childrens.forEach(child => {
+                this.children = findComponentsDownward(this, 'Radio');
+                if (this.children) {
+                    this.children.forEach(child => {
                         child.currentValue = this.currentValue === child.label;
                         child.group = true;
                     });

src/components/rate/rate.vue

@@ -81,12 +81,13 @@
             }
         },
         data () {
+            const value = this.value || 0;
             return {
                 prefixCls: prefixCls,
                 hoverIndex: -1,
                 isHover: false,
-                isHalf: this.allowHalf && this.value.toString().indexOf('.') >= 0,
-                currentValue: this.value
+                isHalf: this.allowHalf && value.toString().indexOf('.') >= 0,
+                currentValue: value
             };
         },
         computed: {
@@ -136,7 +137,7 @@
                 }
 
                 return [
-                    {   
+                    {
                         [`${prefixCls}-star`]: !this.showCharacter,
                         [`${prefixCls}-star-chart`]: this.showCharacter,
                         [`${prefixCls}-star-full`]: (!isLast && full) || (isLast && !this.isHalf),

src/components/slider/slider.vue

@@ -181,7 +181,8 @@
             }
         },
         data () {
-            const val = this.checkLimits(Array.isArray(this.value) ? this.value : [this.value]);
+            let val = this.checkLimits(Array.isArray(this.value) ? this.value : [this.value]);
+            if (this.range && this.value === null) val = [0, 0];
             return {
                 prefixCls: prefixCls,
                 currentValue: val,

src/utils/assist.js

@@ -193,11 +193,11 @@ export {findComponentUpward};
 
 // Find component downward
 export function findComponentDownward (context, componentName) {
-    const childrens = context.$children;
+    const $children = context.$children;
     let children = null;
 
-    if (childrens.length) {
-        for (const child of childrens) {
+    if ($children.length) {
+        for (const child of $children) {
             const name = child.$options.name;
             if (name === componentName) {
                 children = child;