cell: add lint:should-be-in-group

airyland · Sep 11, 2017 · c568800 · c568800
1 parent 828132f
commit c568800
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/components/cell/index.vue b/src/components/cell/index.vue
@@ -35,9 +35,17 @@
 import InlineDesc from '../inline-desc'
 import { go } from '../../libs/router'
 import props from './props'
+import shouldBeInGroup from '../../lints/shouleBeInGroup' // env:development
 
 export default {
   name: 'cell',
+  mounted () {
+    if (process.env.NODE_ENV === 'development') {
+      this.$nextTick(() => {
+        shouldBeInGroup(this)
+      })
+    }
+  },
   components: {
     InlineDesc
   },

diff --git a/src/lints/shouleBeInGroup.js b/src/lints/shouleBeInGroup.js
@@ -0,0 +1,9 @@
+export default function (vm, name) {
+  if (process.env.NODE_ENV === 'development') {
+    const parentName = vm.$parent ? vm.$parent.$options.name : ''
+    const parentNode = vm.$el.parentNode
+    if (parentName !== 'group' && !/weui-cells/.test(parentNode.className)) {
+      console.error(`[VUX] ${vm.$options.name} 组件应该作为 Group 子元素使用`, vm.$el)
+    }
+  }
+}