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:18 UTC

[13/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/components/countdown.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/components/countdown.js b/ios/playground/bundlejs/vue/components/countdown.js
index db16c98..028c02c 100644
--- a/ios/playground/bundlejs/vue/components/countdown.js
+++ b/ios/playground/bundlejs/vue/components/countdown.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(396)
+	__vue_styles__.push(__webpack_require__(414)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(397)
+	__vue_exports__ = __webpack_require__(415)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(402)
+	var __vue_template__ = __webpack_require__(420)
 	__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/components/countdown.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/components/countdown.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-58fe9bc0"
 	__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,13 +260,13 @@
 	      paddingLeft: _vm.paddingBody * 1.5,
 	      paddingRight: _vm.paddingBody * 1.5
 	    }
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 396:
+/***/ 414:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -288,7 +296,7 @@
 
 /***/ },
 
-/***/ 397:
+/***/ 415:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -371,8 +379,8 @@
 	    };
 	  },
 	  components: {
-	    panel: __webpack_require__(381),
-	    countdown: __webpack_require__(398)
+	    panel: __webpack_require__(399),
+	    countdown: __webpack_require__(416)
 	  },
 	  methods: {
 	    tick: function tick(e, k) {
@@ -383,21 +391,21 @@
 
 /***/ },
 
-/***/ 398:
+/***/ 416:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(399)
+	__vue_styles__.push(__webpack_require__(417)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(400)
+	__vue_exports__ = __webpack_require__(418)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(401)
+	var __vue_template__ = __webpack_require__(419)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -409,22 +417,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/countdown.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/countdown.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-20c26e72"
 	__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__
 
 
 /***/ },
 
-/***/ 399:
+/***/ 417:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -435,7 +447,7 @@
 
 /***/ },
 
-/***/ 400:
+/***/ 418:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -535,11 +547,11 @@
 
 /***/ },
 
-/***/ 401:
+/***/ 419:
 /***/ 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', {
 	    staticStyle: {
 	      overflow: "hidden",
 	      flexDirection: "row"
@@ -548,22 +560,22 @@
 	      "appear": _vm.appeared,
 	      "disappear": _vm.disappeared
 	    }
-	  }, [_vm._t("default")])
+	  }, [_vm._t("default")], 2)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 402:
+/***/ 420:
 /***/ 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": "Countdown",
 	      "type": "primary"
 	    }
-	  }, [_h('countdown', {
+	  }, [_c('countdown', {
 	    staticStyle: {
 	      width: "750",
 	      marginTop: "20",
@@ -577,39 +589,39 @@
 	        _vm.tick($event, 'countdown1')
 	      }
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    staticClass: ["ctno1"]
-	  }, [_vm._s(_vm.countdown1.time.D)]), _h('text', {
+	  }, [_vm._v(_vm._s(_vm.countdown1.time.D))]), _c('text', {
 	    staticClass: ["ctno1"],
 	    staticStyle: {
 	      backgroundColor: "#FFFFFF",
 	      color: "#AAAAAA"
 	    }
-	  }, ["day(s)"]), _h('text', {
+	  }, [_vm._v("day(s)")]), _c('text', {
 	    staticClass: ["ctno1"]
-	  }, [_vm._s(_vm.countdown1.time.hh)]), _h('text', {
+	  }, [_vm._v(_vm._s(_vm.countdown1.time.hh))]), _c('text', {
 	    staticClass: ["ctno1"],
 	    staticStyle: {
 	      backgroundColor: "#FFFFFF",
 	      color: "#AAAAAA"
 	    }
-	  }, ["hour(s)"]), _h('text', {
+	  }, [_vm._v("hour(s)")]), _c('text', {
 	    staticClass: ["ctno1"]
-	  }, [_vm._s(_vm.countdown1.time.mm)]), _h('text', {
+	  }, [_vm._v(_vm._s(_vm.countdown1.time.mm))]), _c('text', {
 	    staticClass: ["ctno1"],
 	    staticStyle: {
 	      backgroundColor: "#FFFFFF",
 	      color: "#AAAAAA"
 	    }
-	  }, ["minute(s)"]), _h('text', {
+	  }, [_vm._v("minute(s)")]), _c('text', {
 	    staticClass: ["ctno1"]
-	  }, [_vm._s(_vm.countdown1.time.ss)]), _h('text', {
+	  }, [_vm._v(_vm._s(_vm.countdown1.time.ss))]), _c('text', {
 	    staticClass: ["ctno1"],
 	    staticStyle: {
 	      backgroundColor: "#FFFFFF",
 	      color: "#AAAAAA"
 	    }
-	  }, ["second(s)"])]), _h('countdown', {
+	  }, [_vm._v("second(s)")])]), _c('countdown', {
 	    staticStyle: {
 	      width: "600"
 	    },
@@ -621,17 +633,17 @@
 	        _vm.tick($event, 'countdown2')
 	      }
 	    }
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    staticClass: ["ctno2"]
-	  }, [_vm._s(_vm.countdown2.time.MM)]), _h('text', {
+	  }, [_vm._v(_vm._s(_vm.countdown2.time.MM))]), _c('text', {
 	    staticClass: ["ctno2"],
 	    staticStyle: {
 	      backgroundColor: "#FFFFFF",
 	      color: "#AAAAAA"
 	    }
-	  }, [":"]), _h('text', {
+	  }, [_vm._v(":")]), _c('text', {
 	    staticClass: ["ctno2"]
-	  }, [_vm._s(_vm.countdown2.time.ss)])])])])
+	  }, [_vm._v(_vm._s(_vm.countdown2.time.ss))])])], 1)], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/components/image.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/components/image.js b/ios/playground/bundlejs/vue/components/image.js
index 01095ba..f37010e 100644
--- a/ios/playground/bundlejs/vue/components/image.js
+++ b/ios/playground/bundlejs/vue/components/image.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(403)
+	__vue_styles__.push(__webpack_require__(421)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(404)
+	__vue_exports__ = __webpack_require__(422)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(405)
+	var __vue_template__ = __webpack_require__(423)
 	__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/components/image.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/components/image.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-27589d6a"
 	__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
 
 /***/ },
 
-/***/ 403:
+/***/ 421:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -392,7 +404,7 @@
 
 /***/ },
 
-/***/ 404:
+/***/ 422:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -449,23 +461,23 @@
 	    };
 	  },
 	  components: {
-	    panel: __webpack_require__(381),
-	    tip: __webpack_require__(391)
+	    panel: __webpack_require__(399),
+	    tip: __webpack_require__(409)
 	  }
 	};
 
 /***/ },
 
-/***/ 405:
+/***/ 423:
 /***/ 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": "width x height",
 	      "type": "primary"
 	    }
-	  }, [_h('tip', {
+	  }, [_c('tip', {
 	    staticStyle: {
 	      marginBottom: "20px"
 	    },
@@ -473,11 +485,11 @@
 	      "type": "warning",
 	      "value": "Weex screen width is 750"
 	    }
-	  }), _h('div', {
+	  }), _c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "300px",
@@ -486,7 +498,7 @@
 	    attrs: {
 	      "src": _vm.img
 	    }
-	  }), _h('image', {
+	  }), _c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "200px",
@@ -495,7 +507,7 @@
 	    attrs: {
 	      "src": _vm.img
 	    }
-	  }), _h('image', {
+	  }), _c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "50px",
@@ -504,12 +516,12 @@
 	    attrs: {
 	      "src": _vm.img
 	    }
-	  })])]), _h('panel', {
+	  })])], 1), _c('panel', {
 	    attrs: {
 	      "title": "GIF Animation",
 	      "type": "primary"
 	    }
-	  }, [_h('tip', {
+	  }, [_c('tip', {
 	    staticStyle: {
 	      marginBottom: "20px"
 	    },
@@ -517,11 +529,11 @@
 	      "type": "warning",
 	      "value": "Depanding on Native ImageSDK"
 	    }
-	  }), _h('div', {
+	  }), _c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "96px",
@@ -530,7 +542,7 @@
 	    attrs: {
 	      "src": "https://gtd.alicdn.com/tps/i4/T1HcvHXd4nXXb6ROYh-48-48.gif"
 	    }
-	  }), _h('image', {
+	  }), _c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "68px",
@@ -540,12 +552,12 @@
 	    attrs: {
 	      "src": "https://gw.alicdn.com/tps/TB1El.mKXXXXXXyapXXXXXXXXXX-34-34.gif"
 	    }
-	  })])]), _h('panel', {
+	  })])], 1), _c('panel', {
 	    attrs: {
 	      "title": "Base64",
 	      "type": "primary"
 	    }
-	  }, [_h('tip', {
+	  }, [_c('tip', {
 	    staticStyle: {
 	      marginBottom: "20px"
 	    },
@@ -553,11 +565,11 @@
 	      "type": "warning",
 	      "value": "Depanding on Native ImageSDK"
 	    }
-	  }), _h('div', {
+	  }), _c('div', {
 	    staticStyle: {
 	      flexDirection: "row"
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "96px",
@@ -566,7 +578,7 @@
 	    attrs: {
 	      "src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1QTFRFhomSb3J8XGBrdnqDgYWNlJefV1tmfoGKU1diT1NfgISNgoWOYmZwio2Vi4+Wc3eAkJObZGhzUlZiaGt2U1djfYCKZGdyhYiQeHyFio6VgYWOVVllbHB6XWFsY2ZxaWx3jZCYXmFsfYCJcnZ/UVVham54V1tng4aPb3N8WV1pX2JtZWl0YWVvVlpmiYyUWVxohomRd3uEdHiBeX2GZ2t1hIeQVFhkf4OMbnJ8fYGKdnqEb3N9kJScY2dycnaAjpKZdHeBjpKajI+Yc3eBhYiRf4KLXmFtio6Wi4+XjZCZkJSbkZScjI+XlJifTlJe+rAZcwAAAZBJREFUeNp0lOeWgjAQhSdUBQRRbFjX7tpW3XUt23tL3v9xNigJIHh/zRk+5iR3ZgIkULWmwgv+A7VWDWWBR/nSt2gLUzIVbLH1lo8RRW1wEfqxPtCKUaKTMUhURuUhTIi6Q07l6LuAEFdpEld6tWNEx00CKKJ3jsR1xSHJcj4bB+LmkpxT49Yj8mqQUVBBciUk8ITepESJ+5AqY1+uwny5IjDPcADoN0BIwjLOsjKZOewtbi/9fvi338a44CetIai2H/cokPLj9tfEj2wVzD4rIWMlfpu+CXc5Pw4qh5X7AUw4gZIswUENGT8lAN1fMBVeAxIIxYR3Nin0imOe52emdxkyP8aY+0S9Y2d63cNoxvACRTaeI70slst+cjYCAnXmuuS1RKKmy1hKBX0hzaC3KOsxsmz2Ir2NzMcEbVCo+cf5oDOWOzNAucpxxoglnZlT1+KzXk4kymKwL4ttN+73dhHeuWV85zLL073Vw3v7MdDuE3a/JRrCmqwFQ2yV8gmvg/d+aPCMH0GLvB//
 AgwAo1MTpxsaxVoAAAAASUVORK5CYII="
 	    }
-	  }), _h('image', {
+	  }), _c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "68px",
@@ -576,16 +588,16 @@
 	    attrs: {
 	      "src": "data:image/gif;base64,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"
 	    }
-	  })])]), _h('panel', {
+	  })])], 1), _c('panel', {
 	    attrs: {
 	      "title": "resize",
 	      "type": "primary"
 	    }
-	  }, [_h('panel', {
+	  }, [_c('panel', {
 	    attrs: {
 	      "title": "resize=stretch(default) 600 x 200 "
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "600px",
@@ -598,11 +610,11 @@
 	      "src": _vm.img,
 	      "resize": "stretch"
 	    }
-	  })]), _h('panel', {
+	  })]), _c('panel', {
 	    attrs: {
 	      "title": "resize=contain 600 x 200 "
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "600px",
@@ -615,11 +627,11 @@
 	      "src": _vm.img,
 	      "resize": "contain"
 	    }
-	  })]), _h('panel', {
+	  })]), _c('panel', {
 	    attrs: {
 	      "title": "resize=cover 600 x 200"
 	    }
-	  }, [_h('image', {
+	  }, [_c('image', {
 	    staticClass: ["img"],
 	    staticStyle: {
 	      width: "600px",
@@ -632,7 +644,7 @@
 	      "src": _vm.img,
 	      "resize": "cover"
 	    }
-	  })])])])
+	  })])], 1)], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/components/input.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/components/input.js b/ios/playground/bundlejs/vue/components/input.js
index e627c56..3bf2e5b 100644
--- a/ios/playground/bundlejs/vue/components/input.js
+++ b/ios/playground/bundlejs/vue/components/input.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(406)
+	__vue_styles__.push(__webpack_require__(424)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(407)
+	__vue_exports__ = __webpack_require__(425)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(408)
+	var __vue_template__ = __webpack_require__(426)
 	__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/components/input.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/components/input.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-7d23074e"
 	__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,102 +91,33 @@
 
 /***/ },
 
-/***/ 381:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = []
-
-	/* styles */
-	__vue_styles__.push(__webpack_require__(382)
-	)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(383)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(384)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	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__.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]
-	}
-	})
-
-	module.exports = __vue_exports__
-
-
-/***/ },
-
-/***/ 382:
+/***/ 424:
 /***/ function(module, exports) {
 
 	module.exports = {
-	  "panel": {
-	    "marginBottom": 20,
-	    "backgroundColor": "#ffffff",
-	    "borderColor": "#dddddd",
-	    "borderWidth": 1
-	  },
-	  "panel-primary": {
-	    "borderColor": "rgb(40,96,144)"
-	  },
-	  "panel-success": {
-	    "borderColor": "rgb(76,174,76)"
-	  },
-	  "panel-info": {
-	    "borderColor": "rgb(70,184,218)"
-	  },
-	  "panel-warning": {
-	    "borderColor": "rgb(238,162,54)"
-	  },
-	  "panel-danger": {
-	    "borderColor": "rgb(212,63,58)"
-	  },
-	  "panel-header": {
-	    "backgroundColor": "#f5f5f5",
-	    "fontSize": 40,
-	    "color": "#333333"
-	  },
-	  "panel-header-primary": {
-	    "backgroundColor": "rgb(40,96,144)",
-	    "color": "#ffffff"
-	  },
-	  "panel-header-success": {
-	    "backgroundColor": "rgb(92,184,92)",
-	    "color": "#ffffff"
-	  },
-	  "panel-header-info": {
-	    "backgroundColor": "rgb(91,192,222)",
-	    "color": "#ffffff"
-	  },
-	  "panel-header-warning": {
-	    "backgroundColor": "rgb(240,173,78)",
-	    "color": "#ffffff"
+	  "input": {
+	    "fontSize": 60,
+	    "height": 80,
+	    "width": 750
 	  },
-	  "panel-header-danger": {
-	    "backgroundColor": "rgb(217,83,79)",
-	    "color": "#ffffff"
+	  "button": {
+	    "fontSize": 36,
+	    "width": 200,
+	    "color": "#41B883",
+	    "textAlign": "center",
+	    "paddingTop": 10,
+	    "paddingBottom": 10,
+	    "borderWidth": 2,
+	    "borderStyle": "solid",
+	    "marginRight": 20,
+	    "borderColor": "rgb(162,217,192)",
+	    "backgroundColor": "rgba(162,217,192,0.2)"
 	  }
 	}
 
 /***/ },
 
-/***/ 383:
+/***/ 425:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -213,69 +148,104 @@
 	//
 	//
 	//
-
-	module.exports = {
-	  props: {
-	    type: { default: 'default' },
-	    title: { default: '' },
-	    paddingBody: { default: 20 },
-	    paddingHead: { default: 20 },
-	    dataClass: { default: '' }, // FIXME transfer class
-	    border: { default: 0 }
-	  }
-	};
-
-/***/ },
-
-/***/ 384:
-/***/ function(module, exports) {
-
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', {
-	    class: ['panel', 'panel-' + _vm.type],
-	    style: {
-	      borderWidth: _vm.border
-	    }
-	  }, [_h('text', {
-	    class: ['panel-header', 'panel-header-' + _vm.type],
-	    style: {
-	      paddingTop: _vm.paddingHead,
-	      paddingBottom: _vm.paddingHead,
-	      paddingLeft: _vm.paddingHead * 1.5,
-	      paddingRight: _vm.paddingHead * 1.5
-	    }
-	  }, [_vm._s(_vm.title)]), _h('div', {
-	    class: ['panel-body', 'panel-body-' + _vm.type],
-	    style: {
-	      paddingTop: _vm.paddingBody,
-	      paddingBottom: _vm.paddingBody,
-	      paddingLeft: _vm.paddingBody * 1.5,
-	      paddingRight: _vm.paddingBody * 1.5
-	    }
-	  }, [_vm._t("default")])])
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-
-/***/ },
-
-/***/ 406:
-/***/ function(module, exports) {
-
-	module.exports = {
-	  "input": {
-	    "fontSize": 60,
-	    "height": 80,
-	    "width": 400
-	  }
-	}
-
-/***/ },
-
-/***/ 407:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
+	//
 	//
 	//
 	//
@@ -303,60 +273,469 @@
 	//
 	//
 
-	var modal = __weex_require_module__('modal');
 	module.exports = {
 	  data: function data() {
 	    return {
 	      txtInput: '',
-	      txtChange: ''
+	      txtChange: '',
+	      txtReturnType: '',
+	      txtSelection: '',
+	      autofocus: false
 	    };
 	  },
-	  components: {
-	    panel: __webpack_require__(381)
-	  },
 	  methods: {
+	    ready: function ready() {
+	      var self = this;
+	      setTimeout(function () {
+	        self.autofocus = true;
+	      }, 1000);
+	    },
 	    onchange: function onchange(event) {
 	      this.txtChange = event.value;
-	      modal.toast({
-	        message: 'onchange: ' + event.value,
-	        duration: 2
-	      });
+	      console.log('onchange', event.value);
+	    },
+	    onreturn: function onreturn(event) {
+	      this.txtReturnType = event.returnKeyType;
+	      console.log('onreturn', event.type);
 	    },
 	    oninput: function oninput(event) {
 	      this.txtInput = event.value;
-	      modal.toast({
-	        message: 'onitput: ' + event.value,
-	        duration: 1
-	      });
+	      console.log('oninput', event.value);
+	    },
+	    focus: function focus() {
+	      this.$refs['input1'].focus();
+	    },
+	    blur: function blur() {
+	      this.$refs['input1'].blur();
+	    },
+	    setRange: function setRange() {
+	      console.log(this.$refs["inputselection"]);
+	      this.$refs["inputselection"].setSelectionRange(2, 6);
 	    }
 	  }
 	};
 
 /***/ },
 
-/***/ 408:
+/***/ 426:
 /***/ 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('div', [_c('div', [_c('text', {
+	    staticStyle: {
+	      fontSize: "40px"
+	    }
+	  }, [_vm._v("oninput: " + _vm._s(_vm.txtInput))]), _c('text', {
+	    staticStyle: {
+	      fontSize: "40px"
+	    }
+	  }, [_vm._v("onchange: " + _vm._s(_vm.txtChange))]), _c('text', {
+	    staticStyle: {
+	      fontSize: "40px"
+	    }
+	  }, [_vm._v("onreturntype: " + _vm._s(_vm.txtReturnType))])]), _c('scroller', [_c('div', [_vm._m(0), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "text",
+	      "placeholder": "Input Text",
+	      "autofocus": _vm.autofocus,
+	      "value": ""
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(1), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "password",
+	      "placeholder": "Input Password"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(2), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "url",
+	      "placeholder": "Input URL"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(3), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "email",
+	      "placeholder": "Input Email"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(4), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "tel",
+	      "placeholder": "Input Tel"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(5), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "time",
+	      "placeholder": "Input Time"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(6), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "date",
+	      "placeholder": "Input Date",
+	      "max": "2017-12-12",
+	      "min": "2015-01-01"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(7), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "text",
+	      "placeholder": "please input",
+	      "returnKeyType": "default"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "return": _vm.onreturn,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(8), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "text",
+	      "placeholder": "please input",
+	      "returnKeyType": "go"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "return": _vm.onreturn,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(9), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "text",
+	      "placeholder": "please input",
+	      "returnKeyType": "next"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "return": _vm.onreturn,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(10), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "text",
+	      "placeholder": "please input",
+	      "returnKeyType": "search"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "return": _vm.onreturn,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(11), _c('input', {
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "text",
+	      "placeholder": "please input",
+	      "returnKeyType": "send"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "return": _vm.onreturn,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(12), _c('input', {
+	    staticClass: ["input"],
 	    attrs: {
-	      "title": "input",
+	      "type": "text",
+	      "placeholder": "please input",
+	      "returnKeyType": "done"
+	    },
+	    on: {
+	      "change": _vm.onchange,
+	      "return": _vm.onreturn,
+	      "input": _vm.oninput
+	    }
+	  })]), _c('div', [_vm._m(13), _c('div', {
+	    staticStyle: {
+	      flexDirection: "row",
+	      marginBottom: "16px",
+	      justifyContent: "space-between"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["button"],
+	    attrs: {
+	      "value": "Focus",
 	      "type": "primary"
+	    },
+	    on: {
+	      "click": _vm.focus
 	    }
-	  }, [_h('input', {
+	  }), _c('text', {
+	    staticClass: ["button"],
+	    attrs: {
+	      "value": "Blur",
+	      "type": "primary"
+	    },
+	    on: {
+	      "click": _vm.blur
+	    }
+	  })]), _c('input', {
+	    ref: "input1",
 	    staticClass: ["input"],
 	    attrs: {
 	      "type": "text",
-	      "placeholder": "Text Input",
-	      "autofocus": "true",
+	      "placeholder": "Input1",
 	      "value": ""
+	    }
+	  })]), _c('div', [_vm._m(14), _c('div', {
+	    staticStyle: {
+	      flexDirection: "row",
+	      marginBottom: "16px",
+	      justifyContent: "space-between"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["button"],
+	    attrs: {
+	      "value": "setRange",
+	      "type": "primary"
+	    },
+	    on: {
+	      "click": _vm.setRange
+	    }
+	  })]), _c('input', {
+	    ref: "inputselection",
+	    staticClass: ["input"],
+	    attrs: {
+	      "type": "text",
+	      "placeholder": "please input",
+	      "value": "123456789"
 	    },
 	    on: {
 	      "change": _vm.onchange,
+	      "return": _vm.onreturn,
 	      "input": _vm.oninput
 	    }
-	  }), _h('text', ["oninput: " + _vm._s(_vm.txtInput)]), _h('text', ["onchange: " + _vm._s(_vm.txtChange)])])])
-	},staticRenderFns: []}
+	  })])])])
+	},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input type = text")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input type = password")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input type = url")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input type = email")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input type = tel")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input type = time")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input type = date")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input keyboard = default")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input keyboard = go")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input keyboard = next")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input keyboard = search")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input keyboard = send")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input keyboard = done")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("function focus() & blur()")])])
+	},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+	  return _c('div', {
+	    staticStyle: {
+	      backgroundColor: "#286090"
+	    }
+	  }, [_c('text', {
+	    staticClass: ["title"],
+	    staticStyle: {
+	      height: "80",
+	      padding: "20",
+	      color: "#FFFFFF"
+	    }
+	  }, [_vm._v("input selection")])])
+	}]}
 	module.exports.render._withStripped = true
 
 /***/ }

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/components/list.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/components/list.js b/ios/playground/bundlejs/vue/components/list.js
index 8725170..4c25e16 100644
--- a/ios/playground/bundlejs/vue/components/list.js
+++ b/ios/playground/bundlejs/vue/components/list.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(409)
+	__vue_styles__.push(__webpack_require__(427)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(410)
+	__vue_exports__ = __webpack_require__(428)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(411)
+	var __vue_template__ = __webpack_require__(429)
 	__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/components/list.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/components/list.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-b4a37b42"
 	__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 @@
 
 /***/ },
 
-/***/ 409:
+/***/ 427:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -111,13 +115,14 @@
 	    "borderBottomWidth": 2,
 	    "borderBottomColor": "#c0c0c0",
 	    "height": 100,
-	    "padding": 20
+	    "padding": 20,
+	    "backgroundColor:active": "#00BDFF"
 	  }
 	}
 
 /***/ },
 
-/***/ 410:
+/***/ 428:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -168,6 +173,9 @@
 	//
 	//
 	//
+	//
+	//
+	//
 
 	module.exports = {
 	  methods: {
@@ -209,14 +217,14 @@
 
 /***/ },
 
-/***/ 411:
+/***/ 429:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('div', [_h('list', {
+	  return _c('div', [_c('list', {
 	    staticClass: ["list"]
-	  }, [_vm._l((_vm.rows), function(v, i) {
-	    return _h('cell', {
+	  }, _vm._l((_vm.rows), function(v, i) {
+	    return _c('cell', {
 	      staticClass: ["row"],
 	      appendAsTree: true,
 	      attrs: {
@@ -227,12 +235,12 @@
 	        "appear": _vm.onappear,
 	        "disappear": _vm.ondisappear
 	      }
-	    }, [_h('div', {
+	    }, [_c('div', {
 	      staticClass: ["item"]
-	    }, [_h('text', {
+	    }, [_c('text', {
 	      staticClass: ["item-title"]
-	    }, ["row " + _vm._s(v.id)])])])
-	  })]), _h('text', {
+	    }, [_vm._v("row " + _vm._s(v.id))])])])
+	  })), _c('text', {
 	    staticClass: ["count"],
 	    attrs: {
 	      "value": 'Appear items: ' + _vm.appearMin + ' ~ ' + _vm.appearMax

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/components/marquee.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/components/marquee.js b/ios/playground/bundlejs/vue/components/marquee.js
index 27a0e9d..777f14b 100644
--- a/ios/playground/bundlejs/vue/components/marquee.js
+++ b/ios/playground/bundlejs/vue/components/marquee.js
@@ -51,10 +51,10 @@
 	var __vue_styles__ = []
 
 	/* script */
-	__vue_exports__ = __webpack_require__(412)
+	__vue_exports__ = __webpack_require__(430)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(417)
+	var __vue_template__ = __webpack_require__(435)
 	__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/components/marquee.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/components/marquee.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
 
 /***/ },
 
-/***/ 412:
+/***/ 430:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -309,8 +316,8 @@
 	    };
 	  },
 	  components: {
-	    panel: __webpack_require__(381),
-	    marquee: __webpack_require__(413)
+	    panel: __webpack_require__(399),
+	    marquee: __webpack_require__(431)
 	  },
 	  methods: {
 	    marqueeChange: function marqueeChange(e) {
@@ -321,21 +328,21 @@
 
 /***/ },
 
-/***/ 413:
+/***/ 431:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(414)
+	__vue_styles__.push(__webpack_require__(432)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(415)
+	__vue_exports__ = __webpack_require__(433)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(416)
+	var __vue_template__ = __webpack_require__(434)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -347,22 +354,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/marquee.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/marquee.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-61eb1623"
 	__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__
 
 
 /***/ },
 
-/***/ 414:
+/***/ 432:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -379,7 +390,7 @@
 
 /***/ },
 
-/***/ 415:
+/***/ 433:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -410,7 +421,7 @@
 	//
 	//
 
-	var _animation = __weex_require_module__('animation');
+	var _animation = weex.requireModule('animation');
 
 	module.exports = {
 	  props: {
@@ -464,35 +475,35 @@
 
 /***/ },
 
-/***/ 416:
+/***/ 434:
 /***/ 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: ["wrap"],
 	    on: {
 	      "appear": _vm.appeared,
 	      "disappear": _vm.disappeared
 	    }
-	  }, [_h('div', {
+	  }, [_c('div', {
 	    ref: "anim",
 	    staticClass: ["anim"]
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 417:
+/***/ 435:
 /***/ 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": "Marquee",
 	      "type": "primary"
 	    }
-	  }, [_h('marquee', {
+	  }, [_c('marquee', {
 	    style: {
 	      width: 700,
 	      height: _vm.marquee.height * 2,
@@ -510,22 +521,22 @@
 	    on: {
 	      "change": _vm.marqueeChange
 	    }
-	  }, [_vm._l((_vm.marquee.list), function(item) {
-	    return _h('div', {
+	  }, _vm._l((_vm.marquee.list), function(item) {
+	    return _c('div', {
 	      style: {
 	        height: _vm.marquee.height * _vm.marquee.length,
 	        paddingTop: _vm.marquee.height * 0.5,
 	        paddingBottom: _vm.marquee.height * 0.5,
 	        overflow: 'hidden'
 	      }
-	    }, [_h('text', {
+	    }, [_c('text', {
 	      style: {
 	        height: _vm.marquee.height,
 	        color: 'rgb(60, 118, 61)',
 	        fontSize: 28
 	      }
-	    }, [_vm._s(item.text)])])
-	  })])])])
+	    }, [_vm._v(_vm._s(item.text))])])
+	  }))], 1)], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/components/navigator.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/components/navigator.js b/ios/playground/bundlejs/vue/components/navigator.js
index 4c50282..116cf01 100644
--- a/ios/playground/bundlejs/vue/components/navigator.js
+++ b/ios/playground/bundlejs/vue/components/navigator.js
@@ -51,10 +51,10 @@
 	var __vue_styles__ = []
 
 	/* script */
-	__vue_exports__ = __webpack_require__(418)
+	__vue_exports__ = __webpack_require__(436)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(428)
+	var __vue_template__ = __webpack_require__(446)
 	__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/components/navigator.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/components/navigator.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,27 +255,27 @@
 	      paddingLeft: _vm.paddingBody * 1.5,
 	      paddingRight: _vm.paddingBody * 1.5
 	    }
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 385:
+/***/ 403:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(386)
+	__vue_styles__.push(__webpack_require__(404)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(387)
+	__vue_exports__ = __webpack_require__(405)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(388)
+	var __vue_template__ = __webpack_require__(406)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -280,22 +287,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/button.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/button.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-4c6be341"
 	__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__
 
 
 /***/ },
 
-/***/ 386:
+/***/ 404:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -395,7 +406,7 @@
 
 /***/ },
 
-/***/ 387:
+/***/ 405:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -418,21 +429,21 @@
 
 /***/ },
 
-/***/ 388:
+/***/ 406:
 /***/ 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: ['btn', 'btn-' + _vm.type, 'btn-sz-' + _vm.size]
-	  }, [_h('text', {
+	  }, [_c('text', {
 	    class: ['btn-txt', 'btn-txt-' + _vm.type, 'btn-txt-sz-' + _vm.size]
-	  }, [_vm._s(_vm.value)])])
+	  }, [_vm._v(_vm._s(_vm.value))])])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 418:
+/***/ 436:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -459,8 +470,8 @@
 	//
 	//
 
-	var navigator = __weex_require_module__('navigator');
-	var getBaseURL = __webpack_require__(419).getBaseURL;
+	var navigator = weex.requireModule('navigator');
+	var getBaseURL = __webpack_require__(437).getBaseURL;
 	module.exports = {
 	  data: function data() {
 	    return {
@@ -471,9 +482,9 @@
 	    };
 	  },
 	  components: {
-	    panel: __webpack_require__(381),
-	    navpage: __webpack_require__(420),
-	    button: __webpack_require__(385)
+	    panel: __webpack_require__(399),
+	    navpage: __webpack_require__(438),
+	    button: __webpack_require__(403)
 	  },
 	  created: function created() {
 	    this.$getConfig(function (config) {
@@ -512,7 +523,7 @@
 
 /***/ },
 
-/***/ 419:
+/***/ 437:
 /***/ function(module, exports) {
 
 	exports.getBaseURL = function (vm) {
@@ -536,7 +547,7 @@
 	    }
 	    nativeBase = 'http://' + host + '/' + vm.dir + '/build/';
 	  }
-	  var h5Base = './index.html?page=./' + vm.dir + '/build/';
+	  var h5Base = './vue.html?page=./' + vm.dir + '/build/';
 	  // in Native
 	  var base = nativeBase;
 	  if (typeof window === 'object') {
@@ -549,21 +560,21 @@
 
 /***/ },
 
-/***/ 420:
+/***/ 438:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(421)
+	__vue_styles__.push(__webpack_require__(439)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(422)
+	__vue_exports__ = __webpack_require__(440)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(427)
+	var __vue_template__ = __webpack_require__(445)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -575,22 +586,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/navpage.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/navpage.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-7d252f9a"
 	__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__
 
 
 /***/ },
 
-/***/ 421:
+/***/ 439:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -606,7 +621,7 @@
 
 /***/ },
 
-/***/ 422:
+/***/ 440:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -648,7 +663,7 @@
 
 	module.exports = {
 	  components: {
-	    navbar: __webpack_require__(423)
+	    navbar: __webpack_require__(441)
 	  },
 	  props: {
 	    dataRole: { default: 'navbar' },
@@ -675,21 +690,21 @@
 
 /***/ },
 
-/***/ 423:
+/***/ 441:
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_exports__, __vue_options__
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(424)
+	__vue_styles__.push(__webpack_require__(442)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(425)
+	__vue_exports__ = __webpack_require__(443)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(426)
+	var __vue_template__ = __webpack_require__(444)
 	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
 	if (
 	  typeof __vue_exports__.default === "object" ||
@@ -701,22 +716,26 @@
 	if (typeof __vue_options__ === "function") {
 	  __vue_options__ = __vue_options__.options
 	}
-	__vue_options__.__file = "/Users/bobning/work/source/weex_fork/examples/vue/include/navbar.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/include/navbar.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-2a6b391f"
 	__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__
 
 
 /***/ },
 
-/***/ 424:
+/***/ 442:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -771,7 +790,7 @@
 
 /***/ },
 
-/***/ 425:
+/***/ 443:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -899,11 +918,11 @@
 
 /***/ },
 
-/***/ 426:
+/***/ 444:
 /***/ 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: ["container"],
 	    style: {
 	      height: _vm.height,
@@ -912,7 +931,7 @@
 	    attrs: {
 	      "dataRole": _vm.dataRole
 	    }
-	  }, [(!_vm.rightItemSrc) ? _h('text', {
+	  }, [(!_vm.rightItemSrc) ? _c('text', {
 	    staticClass: ["right-text"],
 	    style: {
 	      color: _vm.rightItemColor
@@ -923,7 +942,7 @@
 	    on: {
 	      "click": _vm.onclickrightitem
 	    }
-	  }, [_vm._s(_vm.rightItemTitle)]) : _vm._e(), (_vm.rightItemSrc) ? _h('image', {
+	  }, [_vm._v(_vm._s(_vm.rightItemTitle))]) : _vm._e(), (_vm.rightItemSrc) ? _c('image', {
 	    staticClass: ["right-image"],
 	    attrs: {
 	      "naviItemPosition": "right",
@@ -932,7 +951,7 @@
 	    on: {
 	      "click": _vm.onclickrightitem
 	    }
-	  }) : _vm._e(), (!_vm.leftItemSrc) ? _h('text', {
+	  }) : _vm._e(), (!_vm.leftItemSrc) ? _c('text', {
 	    staticClass: ["left-text"],
 	    style: {
 	      color: _vm.leftItemColor
@@ -943,7 +962,7 @@
 	    on: {
 	      "click": _vm.onclickleftitem
 	    }
-	  }, [_vm._s(_vm.leftItemTitle)]) : _vm._e(), (_vm.leftItemSrc) ? _h('image', {
+	  }, [_vm._v(_vm._s(_vm.leftItemTitle))]) : _vm._e(), (_vm.leftItemSrc) ? _c('image', {
 	    staticClass: ["left-image"],
 	    attrs: {
 	      "naviItemPosition": "left",
@@ -952,7 +971,7 @@
 	    on: {
 	      "click": _vm.onclickleftitem
 	    }
-	  }) : _vm._e(), _h('text', {
+	  }) : _vm._e(), _c('text', {
 	    staticClass: ["center-text"],
 	    style: {
 	      color: _vm.titleColor
@@ -960,19 +979,19 @@
 	    attrs: {
 	      "naviItemPosition": "center"
 	    }
-	  }, [_vm._s(_vm.title)])])
+	  }, [_vm._v(_vm._s(_vm.title))])])
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 427:
+/***/ 445:
 /***/ 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('navbar', {
+	  }, [_c('navbar', {
 	    attrs: {
 	      "dataRole": _vm.dataRole,
 	      "height": _vm.height,
@@ -990,22 +1009,22 @@
 	      "naviBarRightItemClick": _vm.naviBarRightItemClick,
 	      "naviBarLeftItemClick": _vm.naviBarLeftItemClick
 	    }
-	  }), _h('div', {
+	  }), _c('div', {
 	    staticClass: ["wrapper"],
 	    style: {
 	      marginTop: _vm.height
 	    }
-	  }, [_vm._t("default")])])
+	  }, [_vm._t("default")], 2)], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 
 /***/ },
 
-/***/ 428:
+/***/ 446:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('navpage', {
+	  return _c('navpage', {
 	    attrs: {
 	      "dataRole": "none",
 	      "height": _vm.navBarHeight,
@@ -1020,11 +1039,11 @@
 	      "naviBarLeftItemClick": _vm.naviBarLeftItemClick,
 	      "naviBarRightItemClick": _vm.naviBarRightItemClick
 	    }
-	  }, [_h('panel', {
+	  }, [_c('panel', {
 	    attrs: {
 	      "title": "push a new page"
 	    }
-	  }, [_h('button', {
+	  }, [_c('button', {
 	    attrs: {
 	      "type": "primary",
 	      "size": "small",
@@ -1035,11 +1054,11 @@
 	        _vm.push($event)
 	      }
 	    }
-	  })]), _h('panel', {
+	  })], 1), _c('panel', {
 	    attrs: {
 	      "title": "pop to the last page"
 	    }
-	  }, [_h('button', {
+	  }, [_c('button', {
 	    attrs: {
 	      "type": "success",
 	      "size": "small",
@@ -1050,7 +1069,7 @@
 	        _vm.pop($event)
 	      }
 	    }
-	  })])])
+	  })], 1)], 1)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/61ab9f49/ios/playground/bundlejs/vue/components/scroller.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/components/scroller.js b/ios/playground/bundlejs/vue/components/scroller.js
index f1225a8..8544127 100644
--- a/ios/playground/bundlejs/vue/components/scroller.js
+++ b/ios/playground/bundlejs/vue/components/scroller.js
@@ -51,14 +51,14 @@
 	var __vue_styles__ = []
 
 	/* styles */
-	__vue_styles__.push(__webpack_require__(429)
+	__vue_styles__.push(__webpack_require__(447)
 	)
 
 	/* script */
-	__vue_exports__ = __webpack_require__(430)
+	__vue_exports__ = __webpack_require__(448)
 
 	/* template */
-	var __vue_template__ = __webpack_require__(431)
+	var __vue_template__ = __webpack_require__(449)
 	__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/components/scroller.vue"
+	__vue_options__.__file = "/Users/bobning/work/source/apache-incubator-weex/examples/vue/components/scroller.vue"
 	__vue_options__.render = __vue_template__.render
 	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+	__vue_options__._scopeId = "data-v-bc3ac90a"
 	__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 @@
 
 /***/ },
 
-/***/ 429:
+/***/ 447:
 /***/ function(module, exports) {
 
 	module.exports = {
@@ -136,7 +140,7 @@
 
 /***/ },
 
-/***/ 430:
+/***/ 448:
 /***/ function(module, exports) {
 
 	'use strict';
@@ -260,42 +264,42 @@
 
 /***/ },
 
-/***/ 431:
+/***/ 449:
 /***/ function(module, exports) {
 
 	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _h('scroller', {
+	  return _c('scroller', {
 	    staticClass: ["list"],
 	    appendAsTree: true,
 	    attrs: {
 	      "append": "tree"
 	    }
 	  }, [_vm._l((_vm.sections), function(sec) {
-	    return _h('div', {
+	    return _c('div', {
 	      staticClass: ["section"]
-	    }, [_h('div', {
+	    }, [_c('div', {
 	      staticClass: ["header"]
-	    }, [_h('text', {
+	    }, [_c('text', {
 	      staticClass: ["header-title"]
-	    }, [_vm._s(sec.title)])]), _vm._l((sec.items), function(item) {
-	      return _h('div', {
+	    }, [_vm._v(_vm._s(sec.title))])]), _vm._l((sec.items), function(item) {
+	      return _c('div', {
 	        staticClass: ["item"]
-	      }, [_h('text', {
+	      }, [_c('text', {
 	        staticClass: ["item-title"]
-	      }, ["row " + _vm._s(item.id)])])
-	    })])
-	  }), _h('loading', {
+	      }, [_vm._v("row " + _vm._s(item.id))])])
+	    })], 2)
+	  }), _c('loading', {
 	    staticClass: ["loading-view"],
 	    attrs: {
 	      "display": _vm.loading_display,
 	      "onloading": "onloading"
 	    }
-	  }, [_h('loading-indicator', {
+	  }, [_c('loading-indicator', {
 	    staticStyle: {
 	      height: "60",
 	      width: "60"
 	    }
-	  })])])
+	  })], 1)], 2)
 	},staticRenderFns: []}
 	module.exports.render._withStripped = true