[improvement] Checkbox: use relation mixin

packages/checkbox-group/index.js

@@ -1,8 +1,11 @@
 import { use } from '../utils';
+import { ParentMixin } from '../mixins/relation';
 
 const [sfc, bem] = use('checkbox-group');
 
 export default sfc({
+  mixins: [ParentMixin('vanCheckbox')],
+
   props: {
     max: Number,
     value: Array,

packages/checkbox/index.js

@@ -4,7 +4,7 @@ import { CheckboxMixin } from '../mixins/checkbox';
 const [sfc, bem] = use('checkbox');
 
 export default sfc({
-  mixins: [CheckboxMixin('van-checkbox-group', bem)],
+  mixins: [CheckboxMixin('vanCheckbox', bem)],
 
   computed: {
     checked: {

packages/coupon-list/test/__snapshots__/index.spec.js.snap

@@ -28,13 +28,13 @@ exports[`render coupon list 1`] = `
   <div class="van-tabs van-tabs--line van-coupon-list__tab">
     <div class="van-tabs__wrap van-hairline--top-bottom">
       <div class="van-tabs__nav van-tabs__nav--line">
-        <div class="van-tabs__line" style="width: 120px; transform: translateX(-60px);"></div>
+        <div class="van-tabs__line"></div>
         <div class="van-tab van-tab--active"><span class="van-ellipsis">可使用优惠券 (6)</span></div>
         <div class="van-tab"><span class="van-ellipsis">不可使用优惠券 (2)</span></div>
       </div>
     </div>
     <div class="van-tabs__content">
-      <div class="van-tab__pane" style="">
+      <div class="van-tab__pane">
         <div class="van-coupon-list__list" style="height: 628px;">
           <div class="van-coupon">
             <div class="van-coupon__content">

packages/mixins/checkbox.js

@@ -2,10 +2,10 @@
  * Common part of Checkbox & Radio
  */
 import Icon from '../icon';
-import { FindParentMixin } from './find-parent';
+import { ChildrenMixin } from './relation';
 
 export const CheckboxMixin = (parent, bem) => ({
-  mixins: [FindParentMixin],
+  mixins: [ChildrenMixin(parent)],
 
   props: {
     name: null,
@@ -20,10 +20,6 @@ export const CheckboxMixin = (parent, bem) => ({
     }
   },
 
-  created() {
-    this.findParent(parent);
-  },
-
   computed: {
     isDisabled() {
       return (this.parent && this.parent.disabled) || this.disabled;

packages/mixins/find-parent.js

@@ -1,24 +0,0 @@
-/**
- * find parent component by name
- */
-
-export const FindParentMixin = {
-  data() {
-    return {
-      parent: null
-    };
-  },
-
-  methods: {
-    findParent(name) {
-      let parent = this.$parent;
-      while (parent) {
-        if (parent.$options.name === name) {
-          this.parent = parent;
-          break;
-        }
-        parent = parent.$parent;
-      }
-    }
-  }
-};

packages/mixins/relation.js

@@ -1,6 +1,10 @@
 export function ChildrenMixin(parent) {
   return {
-    inject: [parent],
+    inject: {
+      [parent]: {
+        default: null
+      }
+    },
 
     computed: {
       parent() {
@@ -18,11 +22,17 @@ export function ChildrenMixin(parent) {
     },
 
     beforeDestroy() {
-      this.parent.children = this.parent.children.filter(item => item !== this);
+      if (this.parent) {
+        this.parent.children = this.parent.children.filter(item => item !== this);
+      }
     },
 
     methods: {
       bindRelation() {
+        if (!this.parent) {
+          return;
+        }
+
         const { children } = this.parent;
 
         if (children.indexOf(this) === -1) {

packages/radio-group/index.js

@@ -1,8 +1,11 @@
 import { use } from '../utils';
+import { ParentMixin } from '../mixins/relation';
 
 const [sfc, bem] = use('radio-group');
 
 export default sfc({
+  mixins: [ParentMixin('vanRadio')],
+
   props: {
     value: null,
     disabled: Boolean

packages/radio/index.js

@@ -4,7 +4,7 @@ import { CheckboxMixin } from '../mixins/checkbox';
 const [sfc, bem] = use('radio');
 
 export default sfc({
-  mixins: [CheckboxMixin('van-radio-group', bem)],
+  mixins: [CheckboxMixin('vanRadio', bem)],
 
   computed: {
     currentValue: {