You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by so...@apache.org on 2017/04/01 06:03:15 UTC

[10/50] [abbrv] incubator-weex git commit: * [ios] update bundle js in ios playground.

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/showcase/progress.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/showcase/progress.js b/ios/playground/bundlejs/vue/showcase/progress.js
index db5df7e..24550ee 100644
--- a/ios/playground/bundlejs/vue/showcase/progress.js
+++ b/ios/playground/bundlejs/vue/showcase/progress.js
@@ -51,10 +51,10 @@
 	var __vue_styles__ = []
 
 	/* script */
-	__vue_exports__ = __webpack_require__(539)
+	__vue_exports__ = __webpack_require__(563)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(540)
+	var __vue_template__ = __webpack_require__(564)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -66,15 +66,18 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/showcase/progress.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/showcase/progress.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -83,21 +86,21 @@
 
 /***/ },
 
-/***/ 381:
+/***/ 399:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(382)
+	__vue_styles__.push(__webpack_require__(400)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(383)
+	__vue_exports__ = __webpack_require__(401)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(384)
+	var __vue_template__ = __webpack_require__(402)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -109,22 +112,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/panel.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/panel.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-46407d45"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 382:
+/***/ 400:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -178,7 +185,7 @@
 
 /***/ },
 
-/***/ 383:
+/***/ 401:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -223,16 +230,16 @@
 
 /***/ },
 
-/***/ 384:
+/***/ 402:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    class: ['panel', 'panel-' + _vm.type],
 	    style: {
 	      borderWidth: _vm.border
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    class: ['panel-header', 'panel-header-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingHead,
@@ -240,7 +247,7 @@
 	      paddingLeft: _vm.paddingHead * 1.5,
 	      paddingRight: _vm.paddingHead * 1.5
 	    }
-	  }, [_vm._s(_vm.title)]), _h('div', {
+	  }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
 	    class: ['panel-body', 'panel-body-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingBody,
@@ -248,13 +255,13 @@
 	      paddingLeft: _vm.paddingBody * 1.5,
 	      paddingRight: _vm.paddingBody * 1.5
 	    }
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 539:
+/***/ 563:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -290,7 +297,7 @@
 	    };
 	  },
 	  components: {
-	    panel: __webpack_require__(381)
+	    panel: __webpack_require__(399)
 	  },
 	  created: function created() {
 	    var me = this;
@@ -305,29 +312,29 @@
 
 /***/ },
 
-/***/ 540:
+/***/ 564:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('scroller', [_h('panel', {
+	  return _c('scroller', [_c('panel', {
 	    attrs: {
 	      "title": "Basic",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    style: {
 	      width: _vm.fullW,
 	      borderColor: '#333',
 	      borderWidth: 1,
 	      borderStyle: 'solid'
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    style: {
 	      width: _vm.w,
 	      height: 60,
 	      backgroundColor: '#333'
 	    }
-	  })])])])
+	  })])])], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/style/index.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/style/index.js b/ios/playground/bundlejs/vue/style/index.js
index 44611ad..a3df2ff 100644
--- a/ios/playground/bundlejs/vue/style/index.js
+++ b/ios/playground/bundlejs/vue/style/index.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(541)
+	__vue_styles__.push(__webpack_require__(565)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(542)
+	__vue_exports__ = __webpack_require__(566)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(555)
+	var __vue_template__ = __webpack_require__(579)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -70,15 +70,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/index.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/index.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-6706eadc"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -87,21 +91,21 @@
 
 /***/ },
 
-/***/ 381:
+/***/ 399:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(382)
+	__vue_styles__.push(__webpack_require__(400)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(383)
+	__vue_exports__ = __webpack_require__(401)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(384)
+	var __vue_template__ = __webpack_require__(402)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -113,22 +117,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/panel.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/panel.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-46407d45"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 382:
+/***/ 400:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -182,7 +190,7 @@
 
 /***/ },
 
-/***/ 383:
+/***/ 401:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -227,16 +235,16 @@
 
 /***/ },
 
-/***/ 384:
+/***/ 402:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    class: ['panel', 'panel-' + _vm.type],
 	    style: {
 	      borderWidth: _vm.border
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    class: ['panel-header', 'panel-header-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingHead,
@@ -244,7 +252,7 @@
 	      paddingLeft: _vm.paddingHead * 1.5,
 	      paddingRight: _vm.paddingHead * 1.5
 	    }
-	  }, [_vm._s(_vm.title)]), _h('div', {
+	  }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
 	    class: ['panel-body', 'panel-body-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingBody,
@@ -252,27 +260,27 @@
 	      paddingLeft: _vm.paddingBody * 1.5,
 	      paddingRight: _vm.paddingBody * 1.5
 	    }
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 391:
+/***/ 409:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(392)
+	__vue_styles__.push(__webpack_require__(410)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(393)
+	__vue_exports__ = __webpack_require__(411)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(394)
+	var __vue_template__ = __webpack_require__(412)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -284,22 +292,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/tip.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/tip.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-6ec9a69c"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 392:
+/***/ 410:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -345,7 +357,7 @@
 
 /***/ },
 
-/***/ 393:
+/***/ 411:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -367,21 +379,21 @@
 
 /***/ },
 
-/***/ 394:
+/***/ 412:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    class: ['tip', 'tip-' + _vm.type]
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    class: ['tip-txt', 'tip-txt-' + _vm.type]
-	  }, [_vm._s(_vm.value)])])
+	  }, [_vm._v(_vm._s(_vm.value))])])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 541:
+/***/ 565:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -393,7 +405,7 @@
 
 /***/ },
 
-/***/ 542:
+/***/ 566:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -432,30 +444,30 @@
 
 	module.exports = {
 	  components: {
-	    panel: __webpack_require__(381),
-	    styleBox: __webpack_require__(543),
-	    styleFlex: __webpack_require__(551),
-	    styleItem: __webpack_require__(546)
+	    panel: __webpack_require__(399),
+	    styleBox: __webpack_require__(567),
+	    styleFlex: __webpack_require__(575),
+	    styleItem: __webpack_require__(570)
 	  }
 	};
 
 /***/ },
 
-/***/ 543:
+/***/ 567:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(544)
+	__vue_styles__.push(__webpack_require__(568)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(545)
+	__vue_exports__ = __webpack_require__(569)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(550)
+	var __vue_template__ = __webpack_require__(574)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -467,22 +479,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-box.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-box.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-319e5239"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 544:
+/***/ 568:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -506,7 +522,7 @@
 
 /***/ },
 
-/***/ 545:
+/***/ 569:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -575,29 +591,29 @@
 
 	module.exports = {
 	  components: {
-	    panel: __webpack_require__(381),
-	    tip: __webpack_require__(391),
-	    styleItem: __webpack_require__(546)
+	    panel: __webpack_require__(399),
+	    tip: __webpack_require__(409),
+	    styleItem: __webpack_require__(570)
 	  }
 	};
 
 /***/ },
 
-/***/ 546:
+/***/ 570:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(547)
+	__vue_styles__.push(__webpack_require__(571)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(548)
+	__vue_exports__ = __webpack_require__(572)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(549)
+	var __vue_template__ = __webpack_require__(573)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -609,22 +625,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-item.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-item.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-768350d6"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 547:
+/***/ 571:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -644,7 +664,7 @@
 
 /***/ },
 
-/***/ 548:
+/***/ 572:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -671,11 +691,11 @@
 
 /***/ },
 
-/***/ 549:
+/***/ 573:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('text', {
+	  return _c('text', {
 	    staticClass: ["item", "txt"],
 	    style: {
 	      backgroundColor: _vm.bgColor
@@ -689,33 +709,33 @@
 
 /***/ },
 
-/***/ 550:
+/***/ 574:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', [_h('panel', {
+	  return _c('div', [_c('panel', {
 	    attrs: {
 	      "title": "Box Model",
-	      "padding-body": "0",
+	      "paddingBody": "0",
 	      "type": "primary"
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    staticClass: ["box"]
-	  }, ["Box"])]), _h('panel', {
+	  }, [_vm._v("Box")])]), _c('panel', {
 	    attrs: {
 	      "title": "border",
 	      "type": "primary"
 	    }
-	  }, [_h('panel', {
+	  }, [_c('panel', {
 	    attrs: {
 	      "title": "border-width",
 	      "type": ""
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "2px",
@@ -724,7 +744,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "10px",
@@ -733,7 +753,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderLeftWidth: "4px",
@@ -742,7 +762,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderBottomWidth: "4px",
@@ -751,16 +771,16 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "border-color",
 	      "type": ""
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -769,7 +789,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -778,7 +798,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -787,12 +807,12 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "border-style",
 	      "type": ""
 	    }
-	  }, [_h('tip', {
+	  }, [_c('tip', {
 	    staticStyle: {
 	      marginBottom: "10px"
 	    },
@@ -800,11 +820,11 @@
 	      "type": "warning",
 	      "value": "just support four edges"
 	    }
-	  }), _h('div', {
+	  }), _c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -813,7 +833,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "dashed",
 	      borderWidth: "4px",
@@ -823,7 +843,7 @@
 	      "value": "",
 	      "type": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "dotted",
 	      borderWidth: "4px",
@@ -832,16 +852,16 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])]), _h('panel', {
+	  })], 1)], 1), _c('panel', {
 	    attrs: {
 	      "title": "border-radius",
 	      "type": ""
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      width: "75px",
 	      borderRadius: "38px"
@@ -849,14 +869,14 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderRadius: "20px"
 	    },
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderTopLeftRadius: "20px",
 	      borderTopRightRadius: "20px"
@@ -864,7 +884,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderBottomLeftRadius: "20px",
 	      borderBottomRightRadius: "20px"
@@ -872,27 +892,27 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])])])])
+	  })], 1)])], 1)], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 551:
+/***/ 575:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(552)
+	__vue_styles__.push(__webpack_require__(576)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(553)
+	__vue_exports__ = __webpack_require__(577)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(554)
+	var __vue_template__ = __webpack_require__(578)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -904,22 +924,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-flex.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-flex.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-32f80d0a"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 552:
+/***/ 576:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -937,7 +961,7 @@
 
 /***/ },
 
-/***/ 553:
+/***/ 577:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1062,239 +1086,239 @@
 
 	module.exports = {
 	  components: {
-	    panel: __webpack_require__(381),
-	    styleItem: __webpack_require__(546)
+	    panel: __webpack_require__(399),
+	    styleItem: __webpack_require__(570)
 	  }
 	};
 
 /***/ },
 
-/***/ 554:
+/***/ 578:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', [_h('panel', {
+	  return _c('div', [_c('panel', {
 	    attrs: {
 	      "title": "flex-direction",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "row"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "type": "1"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexDirection: "column"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    attrs: {
 	      "value": "column"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "type": "1"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "justify-content",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "flex-end"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "center"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "space-between"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "align-items",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "flex-end"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "center"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "stretch"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "flex",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "no flex"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
@@ -1302,26 +1326,26 @@
 	      "value": "no flex",
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "no flex"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "no flex"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -1330,7 +1354,7 @@
 	      "type": "1",
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "2"
@@ -1338,12 +1362,12 @@
 	    attrs: {
 	      "value": "flex:2"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -1351,7 +1375,7 @@
 	    attrs: {
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -1360,7 +1384,7 @@
 	      "type": "1",
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -1368,12 +1392,12 @@
 	    attrs: {
 	      "value": "flex:1"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -1381,7 +1405,7 @@
 	    attrs: {
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "2"
@@ -1390,7 +1414,7 @@
 	      "type": "1",
 	      "value": "flex:2"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "3"
@@ -1398,126 +1422,126 @@
 	    attrs: {
 	      "value": "flex:3"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "flex-wrap",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexWrap: "wrap",
 	      backgroundColor: "grey",
 	      padding: "10"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    attrs: {
 	      "value": "1:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "2:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "3:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "4:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "5:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "6:wrap"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexWrap: "nowrap",
 	      backgroundColor: "grey",
 	      padding: "10"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    attrs: {
 	      "value": "1:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "2:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "3:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "4:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "5:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "6:nowrap"
 	    }
-	  })])])])
+	  })], 1)])], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 555:
+/***/ 579:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('scroller', [_h('style-box'), _h('style-flex'), _h('panel', {
+	  return _c('scroller', [_c('style-box'), _c('style-flex'), _c('panel', {
 	    attrs: {
 	      "title": "opacity",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      opacity: "1"
 	    },
 	    attrs: {
 	      "value": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      opacity: "0.9"
 	    },
 	    attrs: {
 	      "value": "0.9"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      opacity: "0.5"
 	    },
 	    attrs: {
 	      "value": "0.5"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      opacity: "0.2"
 	    },
 	    attrs: {
 	      "value": "0.2"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "background-color",
 	      "type": "primary"
 	    }
-	  }, [_h('div', [_h('style-item', {
+	  }, [_c('div', [_c('style-item', {
 	    staticClass: ["bg-item"],
 	    staticStyle: {
 	      backgroundColor: "#333"
@@ -1525,7 +1549,7 @@
 	    attrs: {
 	      "value": "#333"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticClass: ["bg-item"],
 	    staticStyle: {
 	      backgroundColor: "#333333"
@@ -1533,7 +1557,7 @@
 	    attrs: {
 	      "value": "#333333"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticClass: ["bg-item"],
 	    staticStyle: {
 	      backgroundColor: "rgb(238, 162, 54)"
@@ -1541,7 +1565,7 @@
 	    attrs: {
 	      "value": "rgb()"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticClass: ["bg-item"],
 	    staticStyle: {
 	      backgroundColor: "rgba(238, 162, 54, 0.5)"
@@ -1549,7 +1573,7 @@
 	    attrs: {
 	      "value": "rgba()"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticClass: ["bg-item"],
 	    staticStyle: {
 	      backgroundColor: "red"
@@ -1557,7 +1581,7 @@
 	    attrs: {
 	      "value": "red"
 	    }
-	  })])])])
+	  })], 1)])], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/style/style-box.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/style/style-box.js b/ios/playground/bundlejs/vue/style/style-box.js
index f178901..3f4fc34 100644
--- a/ios/playground/bundlejs/vue/style/style-box.js
+++ b/ios/playground/bundlejs/vue/style/style-box.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(544)
+	__vue_styles__.push(__webpack_require__(568)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(545)
+	__vue_exports__ = __webpack_require__(569)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(550)
+	var __vue_template__ = __webpack_require__(574)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -70,15 +70,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-box.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-box.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-319e5239"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -87,21 +91,21 @@
 
 /***/ },
 
-/***/ 381:
+/***/ 399:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(382)
+	__vue_styles__.push(__webpack_require__(400)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(383)
+	__vue_exports__ = __webpack_require__(401)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(384)
+	var __vue_template__ = __webpack_require__(402)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -113,22 +117,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/panel.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/panel.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-46407d45"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 382:
+/***/ 400:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -182,7 +190,7 @@
 
 /***/ },
 
-/***/ 383:
+/***/ 401:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -227,16 +235,16 @@
 
 /***/ },
 
-/***/ 384:
+/***/ 402:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    class: ['panel', 'panel-' + _vm.type],
 	    style: {
 	      borderWidth: _vm.border
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    class: ['panel-header', 'panel-header-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingHead,
@@ -244,7 +252,7 @@
 	      paddingLeft: _vm.paddingHead * 1.5,
 	      paddingRight: _vm.paddingHead * 1.5
 	    }
-	  }, [_vm._s(_vm.title)]), _h('div', {
+	  }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
 	    class: ['panel-body', 'panel-body-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingBody,
@@ -252,27 +260,27 @@
 	      paddingLeft: _vm.paddingBody * 1.5,
 	      paddingRight: _vm.paddingBody * 1.5
 	    }
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 391:
+/***/ 409:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(392)
+	__vue_styles__.push(__webpack_require__(410)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(393)
+	__vue_exports__ = __webpack_require__(411)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(394)
+	var __vue_template__ = __webpack_require__(412)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -284,22 +292,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/tip.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/tip.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-6ec9a69c"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 392:
+/***/ 410:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -345,7 +357,7 @@
 
 /***/ },
 
-/***/ 393:
+/***/ 411:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -367,21 +379,21 @@
 
 /***/ },
 
-/***/ 394:
+/***/ 412:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    class: ['tip', 'tip-' + _vm.type]
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    class: ['tip-txt', 'tip-txt-' + _vm.type]
-	  }, [_vm._s(_vm.value)])])
+	  }, [_vm._v(_vm._s(_vm.value))])])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 544:
+/***/ 568:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -405,7 +417,7 @@
 
 /***/ },
 
-/***/ 545:
+/***/ 569:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -474,29 +486,29 @@
 
 	module.exports = {
 	  components: {
-	    panel: __webpack_require__(381),
-	    tip: __webpack_require__(391),
-	    styleItem: __webpack_require__(546)
+	    panel: __webpack_require__(399),
+	    tip: __webpack_require__(409),
+	    styleItem: __webpack_require__(570)
 	  }
 	};
 
 /***/ },
 
-/***/ 546:
+/***/ 570:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(547)
+	__vue_styles__.push(__webpack_require__(571)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(548)
+	__vue_exports__ = __webpack_require__(572)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(549)
+	var __vue_template__ = __webpack_require__(573)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -508,22 +520,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-item.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-item.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-768350d6"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 547:
+/***/ 571:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -543,7 +559,7 @@
 
 /***/ },
 
-/***/ 548:
+/***/ 572:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -570,11 +586,11 @@
 
 /***/ },
 
-/***/ 549:
+/***/ 573:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('text', {
+	  return _c('text', {
 	    staticClass: ["item", "txt"],
 	    style: {
 	      backgroundColor: _vm.bgColor
@@ -588,33 +604,33 @@
 
 /***/ },
 
-/***/ 550:
+/***/ 574:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', [_h('panel', {
+	  return _c('div', [_c('panel', {
 	    attrs: {
 	      "title": "Box Model",
-	      "padding-body": "0",
+	      "paddingBody": "0",
 	      "type": "primary"
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    staticClass: ["box"]
-	  }, ["Box"])]), _h('panel', {
+	  }, [_vm._v("Box")])]), _c('panel', {
 	    attrs: {
 	      "title": "border",
 	      "type": "primary"
 	    }
-	  }, [_h('panel', {
+	  }, [_c('panel', {
 	    attrs: {
 	      "title": "border-width",
 	      "type": ""
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "2px",
@@ -623,7 +639,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "10px",
@@ -632,7 +648,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderLeftWidth: "4px",
@@ -641,7 +657,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderBottomWidth: "4px",
@@ -650,16 +666,16 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "border-color",
 	      "type": ""
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -668,7 +684,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -677,7 +693,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -686,12 +702,12 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "border-style",
 	      "type": ""
 	    }
-	  }, [_h('tip', {
+	  }, [_c('tip', {
 	    staticStyle: {
 	      marginBottom: "10px"
 	    },
@@ -699,11 +715,11 @@
 	      "type": "warning",
 	      "value": "just support four edges"
 	    }
-	  }), _h('div', {
+	  }), _c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      borderStyle: "solid",
 	      borderWidth: "4px",
@@ -712,7 +728,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "dashed",
 	      borderWidth: "4px",
@@ -722,7 +738,7 @@
 	      "value": "",
 	      "type": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderStyle: "dotted",
 	      borderWidth: "4px",
@@ -731,16 +747,16 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])]), _h('panel', {
+	  })], 1)], 1), _c('panel', {
 	    attrs: {
 	      "title": "border-radius",
 	      "type": ""
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      width: "75px",
 	      borderRadius: "38px"
@@ -748,14 +764,14 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderRadius: "20px"
 	    },
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderTopLeftRadius: "20px",
 	      borderTopRightRadius: "20px"
@@ -763,7 +779,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      borderBottomLeftRadius: "20px",
 	      borderBottomRightRadius: "20px"
@@ -771,7 +787,7 @@
 	    attrs: {
 	      "value": ""
 	    }
-	  })])])])])
+	  })], 1)])], 1)], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/style/style-flex.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/style/style-flex.js b/ios/playground/bundlejs/vue/style/style-flex.js
index 96ea35f..bf6aebf 100644
--- a/ios/playground/bundlejs/vue/style/style-flex.js
+++ b/ios/playground/bundlejs/vue/style/style-flex.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(552)
+	__vue_styles__.push(__webpack_require__(576)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(553)
+	__vue_exports__ = __webpack_require__(577)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(554)
+	var __vue_template__ = __webpack_require__(578)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -70,15 +70,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-flex.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-flex.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-32f80d0a"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -87,21 +91,21 @@
 
 /***/ },
 
-/***/ 381:
+/***/ 399:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(382)
+	__vue_styles__.push(__webpack_require__(400)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(383)
+	__vue_exports__ = __webpack_require__(401)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(384)
+	var __vue_template__ = __webpack_require__(402)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -113,22 +117,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/panel.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/panel.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-46407d45"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 382:
+/***/ 400:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -182,7 +190,7 @@
 
 /***/ },
 
-/***/ 383:
+/***/ 401:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -227,16 +235,16 @@
 
 /***/ },
 
-/***/ 384:
+/***/ 402:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    class: ['panel', 'panel-' + _vm.type],
 	    style: {
 	      borderWidth: _vm.border
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    class: ['panel-header', 'panel-header-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingHead,
@@ -244,7 +252,7 @@
 	      paddingLeft: _vm.paddingHead * 1.5,
 	      paddingRight: _vm.paddingHead * 1.5
 	    }
-	  }, [_vm._s(_vm.title)]), _h('div', {
+	  }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
 	    class: ['panel-body', 'panel-body-' + _vm.type],
 	    style: {
 	      paddingTop: _vm.paddingBody,
@@ -252,27 +260,27 @@
 	      paddingLeft: _vm.paddingBody * 1.5,
 	      paddingRight: _vm.paddingBody * 1.5
 	    }
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 546:
+/***/ 570:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(547)
+	__vue_styles__.push(__webpack_require__(571)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(548)
+	__vue_exports__ = __webpack_require__(572)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(549)
+	var __vue_template__ = __webpack_require__(573)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -284,22 +292,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-item.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-item.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-768350d6"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 
 
 /***/ },
 
-/***/ 547:
+/***/ 571:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -319,7 +331,7 @@
 
 /***/ },
 
-/***/ 548:
+/***/ 572:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -346,11 +358,11 @@
 
 /***/ },
 
-/***/ 549:
+/***/ 573:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('text', {
+	  return _c('text', {
 	    staticClass: ["item", "txt"],
 	    style: {
 	      backgroundColor: _vm.bgColor
@@ -364,7 +376,7 @@
 
 /***/ },
 
-/***/ 552:
+/***/ 576:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -382,7 +394,7 @@
 
 /***/ },
 
-/***/ 553:
+/***/ 577:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -507,239 +519,239 @@
 
 	module.exports = {
 	  components: {
-	    panel: __webpack_require__(381),
-	    styleItem: __webpack_require__(546)
+	    panel: __webpack_require__(399),
+	    styleItem: __webpack_require__(570)
 	  }
 	};
 
 /***/ },
 
-/***/ 554:
+/***/ 578:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', [_h('panel', {
+	  return _c('div', [_c('panel', {
 	    attrs: {
 	      "title": "flex-direction",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "row"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "type": "1"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexDirection: "column"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    attrs: {
 	      "value": "column"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "type": "1"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "justify-content",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "flex-end"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "center"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      justifyContent: "space-between"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "align-items",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "flex-end"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "center"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row", "row-align"],
 	    staticStyle: {
 	      alignItems: "stretch"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "flex",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "no flex"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
@@ -747,26 +759,26 @@
 	      "value": "no flex",
 	      "type": "1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "no flex"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0"
 	    },
 	    attrs: {
 	      "value": "no flex"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -775,7 +787,7 @@
 	      "type": "1",
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "2"
@@ -783,12 +795,12 @@
 	    attrs: {
 	      "value": "flex:2"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -796,7 +808,7 @@
 	    attrs: {
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -805,7 +817,7 @@
 	      "type": "1",
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -813,12 +825,12 @@
 	    attrs: {
 	      "value": "flex:1"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      alignItems: "flex-start"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "1"
@@ -826,7 +838,7 @@
 	    attrs: {
 	      "value": "flex:1"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "2"
@@ -835,7 +847,7 @@
 	      "type": "1",
 	      "value": "flex:2"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    staticStyle: {
 	      marginRight: "0",
 	      flex: "3"
@@ -843,74 +855,74 @@
 	    attrs: {
 	      "value": "flex:3"
 	    }
-	  })])]), _h('panel', {
+	  })], 1)]), _c('panel', {
 	    attrs: {
 	      "title": "flex-wrap",
 	      "type": "primary"
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexWrap: "wrap",
 	      backgroundColor: "grey",
 	      padding: "10"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    attrs: {
 	      "value": "1:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "2:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "3:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "4:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "5:wrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "6:wrap"
 	    }
-	  })]), _h('div', {
+	  })], 1), _c('div', {
 	    staticClass: ["row"],
 	    staticStyle: {
 	      flexWrap: "nowrap",
 	      backgroundColor: "grey",
 	      padding: "10"
 	    }
-	  }, [_h('style-item', {
+	  }, [_c('style-item', {
 	    attrs: {
 	      "value": "1:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "2:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "3:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "4:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "5:nowrap"
 	    }
-	  }), _h('style-item', {
+	  }), _c('style-item', {
 	    attrs: {
 	      "value": "6:nowrap"
 	    }
-	  })])])])
+	  })], 1)])], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/style/style-item.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/style/style-item.js b/ios/playground/bundlejs/vue/style/style-item.js
index f579b2c..9513938 100644
--- a/ios/playground/bundlejs/vue/style/style-item.js
+++ b/ios/playground/bundlejs/vue/style/style-item.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(547)
+	__vue_styles__.push(__webpack_require__(571)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(548)
+	__vue_exports__ = __webpack_require__(572)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(549)
+	var __vue_template__ = __webpack_require__(573)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -70,15 +70,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/style/style-item.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/style/style-item.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-768350d6"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -87,7 +91,7 @@
 
 /***/ },
 
-/***/ 547:
+/***/ 571:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -107,7 +111,7 @@
 
 /***/ },
 
-/***/ 548:
+/***/ 572:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -134,11 +138,11 @@
 
 /***/ },
 
-/***/ 549:
+/***/ 573:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('text', {
+	  return _c('text', {
 	    staticClass: ["item", "txt"],
 	    style: {
 	      backgroundColor: _vm.bgColor

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/syntax/hello-world-1.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-1.js b/ios/playground/bundlejs/vue/syntax/hello-world-1.js
index 48a2ee9..0736357 100644
--- a/ios/playground/bundlejs/vue/syntax/hello-world-1.js
+++ b/ios/playground/bundlejs/vue/syntax/hello-world-1.js
@@ -51,7 +51,7 @@
 	var __vue_styles__ = []
 
 	/* template */
-	var __vue_template__ = __webpack_require__(559)
+	var __vue_template__ = __webpack_require__(583)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -63,15 +63,18 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/syntax/hello-world-1.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/syntax/hello-world-1.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -80,13 +83,13 @@
 
 /***/ },
 
-/***/ 559:
+/***/ 583:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
 	  return _vm._m(0)
 	},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', [_h('text', ["Hello World"])])
+	  return _c('div', [_c('text', [_vm._v("Hello World")])])
 	}]}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/syntax/hello-world-2.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-2.js b/ios/playground/bundlejs/vue/syntax/hello-world-2.js
index cabd90c..2c64fc4 100644
--- a/ios/playground/bundlejs/vue/syntax/hello-world-2.js
+++ b/ios/playground/bundlejs/vue/syntax/hello-world-2.js
@@ -51,7 +51,7 @@
 	var __vue_styles__ = []
 
 	/* template */
-	var __vue_template__ = __webpack_require__(560)
+	var __vue_template__ = __webpack_require__(584)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -63,15 +63,18 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/syntax/hello-world-2.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/syntax/hello-world-2.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -80,18 +83,18 @@
 
 /***/ },
 
-/***/ 560:
+/***/ 584:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
 	  return _vm._m(0)
 	},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    staticStyle: {
 	      alignItems: "center",
 	      marginTop: "120px"
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticStyle: {
 	      width: "360px",
 	      height: "82px"
@@ -99,11 +102,11 @@
 	    attrs: {
 	      "src": "https://alibaba.github.io/weex/img/weex_logo_blue@3x.png"
 	    }
-	  }), _h('text', {
+	  }), _c('text', {
 	    staticStyle: {
 	      fontSize: "48px"
 	    }
-	  }, ["Hello World"])])
+	  }, [_vm._v("Hello World")])])
 	}]}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/syntax/hello-world-3.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-3.js b/ios/playground/bundlejs/vue/syntax/hello-world-3.js
index 32fe52f..68944d9 100644
--- a/ios/playground/bundlejs/vue/syntax/hello-world-3.js
+++ b/ios/playground/bundlejs/vue/syntax/hello-world-3.js
@@ -51,11 +51,11 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(561)
+	__vue_styles__.push(__webpack_require__(585)
 	)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(562)
+	var __vue_template__ = __webpack_require__(586)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -67,15 +67,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/syntax/hello-world-3.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/syntax/hello-world-3.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-7fcbe259"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -84,7 +88,7 @@
 
 /***/ },
 
-/***/ 561:
+/***/ 585:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -103,22 +107,22 @@
 
 /***/ },
 
-/***/ 562:
+/***/ 586:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
 	  return _vm._m(0)
 	},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    staticClass: ["wrapper"]
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["logo"],
 	    attrs: {
 	      "src": "https://alibaba.github.io/weex/img/weex_logo_blue@3x.png"
 	    }
-	  }), _h('text', {
+	  }), _c('text', {
 	    staticClass: ["title"]
-	  }, ["Hello World"])])
+	  }, [_vm._v("Hello World")])])
 	}]}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/syntax/hello-world-4.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-4.js b/ios/playground/bundlejs/vue/syntax/hello-world-4.js
index de35b71..739131c 100644
--- a/ios/playground/bundlejs/vue/syntax/hello-world-4.js
+++ b/ios/playground/bundlejs/vue/syntax/hello-world-4.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(563)
+	__vue_styles__.push(__webpack_require__(587)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(564)
+	__vue_exports__ = __webpack_require__(588)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(565)
+	var __vue_template__ = __webpack_require__(589)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -70,15 +70,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/syntax/hello-world-4.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/syntax/hello-world-4.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-7fd9f9da"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -87,7 +91,7 @@
 
 /***/ },
 
-/***/ 563:
+/***/ 587:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -106,7 +110,7 @@
 
 /***/ },
 
-/***/ 564:
+/***/ 588:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -145,20 +149,20 @@
 
 /***/ },
 
-/***/ 565:
+/***/ 589:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    staticClass: ["wrapper"]
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["logo"],
 	    attrs: {
 	      "src": _vm.logoUrl
 	    }
-	  }), _h('text', {
+	  }), _c('text', {
 	    staticClass: ["title"]
-	  }, ["Hello " + _vm._s(_vm.target)])])
+	  }, [_vm._v("Hello " + _vm._s(_vm.target))])])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/syntax/hello-world-5.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-5.js b/ios/playground/bundlejs/vue/syntax/hello-world-5.js
index 456900d..d405ec5 100644
--- a/ios/playground/bundlejs/vue/syntax/hello-world-5.js
+++ b/ios/playground/bundlejs/vue/syntax/hello-world-5.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(566)
+	__vue_styles__.push(__webpack_require__(590)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(567)
+	__vue_exports__ = __webpack_require__(591)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(568)
+	var __vue_template__ = __webpack_require__(592)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -70,15 +70,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/syntax/hello-world-5.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/syntax/hello-world-5.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-7fe8115b"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -87,7 +91,7 @@
 
 /***/ },
 
-/***/ 566:
+/***/ 590:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -106,7 +110,7 @@
 
 /***/ },
 
-/***/ 567:
+/***/ 591:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -148,23 +152,23 @@
 
 /***/ },
 
-/***/ 568:
+/***/ 592:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    staticClass: ["wrapper"],
 	    on: {
 	      "click": _vm.update
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["logo"],
 	    attrs: {
 	      "src": _vm.logoUrl
 	    }
-	  }), _h('text', {
+	  }), _c('text', {
 	    staticClass: ["title"]
-	  }, ["Hello " + _vm._s(_vm.target)])])
+	  }, [_vm._v("Hello " + _vm._s(_vm.target))])])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/syntax/hello-world.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world.js b/ios/playground/bundlejs/vue/syntax/hello-world.js
index 2909096..ce8af36 100644
--- a/ios/playground/bundlejs/vue/syntax/hello-world.js
+++ b/ios/playground/bundlejs/vue/syntax/hello-world.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(556)
+	__vue_styles__.push(__webpack_require__(580)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(557)
+	__vue_exports__ = __webpack_require__(581)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(558)
+	var __vue_template__ = __webpack_require__(582)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -70,15 +70,19 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/syntax/hello-world.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/syntax/hello-world.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-0311aa73"
 	__vue_options__.style = __vue_options__.style || {}
 	__vue_styles__.forEach(function (module) {
-	for (var name in module) {
-	__vue_options__.style[name] = module[name]
-	}
+	  for (var name in module) {
+	    __vue_options__.style[name] = module[name]
+	  }
 	})
+	if (typeof __register_static_styles__ === "function") {
+	  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
+	}
 
 	module.exports = __vue_exports__
 	module.exports.el = 'true'
@@ -87,7 +91,7 @@
 
 /***/ },
 
-/***/ 556:
+/***/ 580:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -106,7 +110,7 @@
 
 /***/ },
 
-/***/ 557:
+/***/ 581:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -158,23 +162,23 @@
 
 /***/ },
 
-/***/ 558:
+/***/ 582:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
+	  return _c('div', {
 	    staticClass: ["wrapper"],
 	    on: {
 	      "click": _vm.update
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["logo"],
 	    attrs: {
 	      "src": _vm.logoUrl
 	    }
-	  }), _h('text', {
+	  }), _c('text', {
 	    staticClass: ["title"]
-	  }, ["Hello " + _vm._s(_vm.target)])])
+	  }, [_vm._v("Hello " + _vm._s(_vm.target))])])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true