[new feature] support addGlobalClass (#449)

example/pages/actionsheet/index.wxss

@@ -1,3 +1,3 @@
 .content {
   padding: 20px;
-}
+}

packages/actionsheet/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   properties: {
     show: Boolean,
     title: String,

packages/badge-group/index.js

@@ -1,6 +1,10 @@
 const BADGE_PATH = '../badge/index';
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   relations: {

packages/badge/index.js

@@ -1,6 +1,10 @@
 const BADGE_GROUP_PATH = '../badge-group/index';
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   relations: {

packages/button/index.js

@@ -6,6 +6,10 @@ const observer = function() {
 };
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class', 'loading-class'],
 
   behaviors: [nativeBehaviors],

packages/card/index.js

@@ -1,6 +1,7 @@
 Component({
   options: {
-    multipleSlots: true
+    multipleSlots: true,
+    addGlobalClass: true
   },
 
   externalClasses: [

packages/cell-group/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   properties: {

packages/cell/index.js

@@ -9,7 +9,8 @@ Component({
   ],
 
   options: {
-    multipleSlots: true
+    multipleSlots: true,
+    addGlobalClass: true
   },
 
   properties: {

packages/col/index.js

@@ -1,6 +1,10 @@
 const ROW_PATH = '../row/index';
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   relations: {

packages/field/index.js

@@ -6,7 +6,8 @@ Component({
   ],
 
   options: {
-    multipleSlots: true
+    multipleSlots: true,
+    addGlobalClass: true
   },
 
   properties: {

packages/icon/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   properties: {

packages/loading/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   properties: {

packages/nav-bar/index.js

@@ -5,7 +5,8 @@ Component({
   ],
 
   options: {
-    multipleSlots: true
+    multipleSlots: true,
+    addGlobalClass: true
   },
 
   properties: {

packages/notice-bar/index.js

@@ -3,6 +3,10 @@ const FONT_COLOR = '#f60';
 const BG_COLOR = '#fff7cc';
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   properties: {

packages/notify/index.js

@@ -1,4 +1,10 @@
+import Notify from './notify';
+
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   properties: {
     text: String,
     color: {
@@ -40,28 +46,4 @@ Component({
   }
 });
 
-const defaultOptions = {
+export default Notify;
-  selector: '#van-notify',
-  duration: 3000
-};
-
-export default function Notify(options = {}) {
-  const pages = getCurrentPages();
-  const ctx = pages[pages.length - 1];
-
-  options = Object.assign({}, defaultOptions, parseParam(options));
-
-  const el = ctx.selectComponent(options.selector);
-  delete options.selector;
-
-  if (el) {
-    el.setData({
-      ...options
-    });
-    el.show();
-  }
-}
-
-function parseParam(params = '') {
-  return typeof params === 'object' ? params : { text: params };
-}

packages/notify/notify.js

@@ -0,0 +1,25 @@
+const defaultOptions = {
+  selector: '#van-notify',
+  duration: 3000
+};
+
+export default function Notify(options = {}) {
+  const pages = getCurrentPages();
+  const ctx = pages[pages.length - 1];
+
+  options = Object.assign({}, defaultOptions, parseParam(options));
+
+  const el = ctx.selectComponent(options.selector);
+  delete options.selector;
+
+  if (el) {
+    el.setData({
+      ...options
+    });
+    el.show();
+  }
+}
+
+function parseParam(params = '') {
+  return typeof params === 'object' ? params : { text: params };
+}

packages/overlay/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   properties: {
     show: Boolean,
     mask: Boolean,

packages/panel/index.js

@@ -5,7 +5,8 @@ Component({
   ],
 
   options: {
-    multipleSlots: true
+    multipleSlots: true,
+    addGlobalClass: true
   },
 
   properties: {

packages/popup/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: [
     'custom-class',
     'overlay-class'

packages/row/index.js

@@ -1,6 +1,10 @@
 const COL_PATH = '../col/index';
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   relations: {

packages/search/index.js

@@ -2,7 +2,8 @@ Component({
   externalClasses: ['custom-class', 'cancel-class'],
 
   options: {
-    multipleSlots: true
+    multipleSlots: true,
+    addGlobalClass: true
   },
 
   properties: {

packages/stepper/index.js

@@ -3,6 +3,10 @@
 const MAX = 2147483647;
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: [
     'custom-class',
     'input-class',

packages/steps/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: [
     'custom-class'
   ],

packages/switch/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class', 'node-class'],
 
   properties: {

packages/tabbar-item/index.js

@@ -1,8 +1,6 @@
 const TABBAR_PATH = '../tabbar/index';
 
 Component({
-  name: 'tabbar-item',
-
   properties: {
     info: null,
     icon: String,
@@ -10,7 +8,8 @@ Component({
   },
 
   options: {
-    multipleSlots: true
+    multipleSlots: true,
+    addGlobalClass: true
   },
 
   relations: {

packages/tabbar/index.js

@@ -1,6 +1,10 @@
 const ITEM_PATH = '../tabbar-item/index';
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   properties: {

packages/tag/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   properties: {

packages/toast/index.js

@@ -1,6 +1,10 @@
 import Toast from './toast';
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   properties: {
     show: Boolean,
     mask: Boolean,

packages/transition/index.js

@@ -1,4 +1,8 @@
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   externalClasses: ['custom-class'],
 
   properties: {

packages/tree-select/index.js

@@ -1,6 +1,10 @@
 const ITEM_HEIGHT = 44;
 
 Component({
+  options: {
+    addGlobalClass: true
+  },
+
   properties: {
     items: {
       type: Array,