http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8162f8c2/doc/themes/weex/source/js/examples/div.web.js
----------------------------------------------------------------------
diff --git a/doc/themes/weex/source/js/examples/div.web.js 
b/doc/themes/weex/source/js/examples/div.web.js
deleted file mode 100644
index 790af08..0000000
--- a/doc/themes/weex/source/js/examples/div.web.js
+++ /dev/null
@@ -1,523 +0,0 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       var _App = __webpack_require__(1);
-
-       var _App2 = _interopRequireDefault(_App);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       _App2.default.el = '#root';
-       new Vue(_App2.default);
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = {}
-
-       /* script */
-       __vue_exports__ = __webpack_require__(2)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(9)
-       __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/YunDong/Projects/weex-vue-demo/src/App.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-       /* hot reload */
-       if (false) {(function () {
-         var hotAPI = require("vue-loader/node_modules/vue-hot-reload-api")
-         hotAPI.install(require("vue"), false)
-         if (!hotAPI.compatible) return
-         module.hot.accept()
-         if (!module.hot.data) {
-           hotAPI.createRecord("data-v-474ddc19", __vue_options__)
-         } else {
-           hotAPI.reload("data-v-474ddc19", __vue_options__)
-         }
-       })()}
-       if (__vue_options__.functional) {console.error("[vue-loader] App.vue: 
functional components are not supported and should be defined in plain js files 
using render functions.")}
-
-       module.exports = __vue_exports__
-
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-
-       var _sample = __webpack_require__(3);
-
-       var _sample2 = _interopRequireDefault(_sample);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       exports.default = {
-         components: { Example: _sample2.default }
-       }; //
-       //
-       //
-       //
-
-/***/ },
-/* 3 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = {}
-
-       /* styles */
-       __webpack_require__(4)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(8)
-       __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/YunDong/Projects/weex-vue-demo/src/components/div/sample.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-16db08ce"
-
-       /* hot reload */
-       if (false) {(function () {
-         var hotAPI = require("vue-loader/node_modules/vue-hot-reload-api")
-         hotAPI.install(require("vue"), false)
-         if (!hotAPI.compatible) return
-         module.hot.accept()
-         if (!module.hot.data) {
-           hotAPI.createRecord("data-v-16db08ce", __vue_options__)
-         } else {
-           hotAPI.reload("data-v-16db08ce", __vue_options__)
-         }
-       })()}
-       if (__vue_options__.functional) {console.error("[vue-loader] 
sample.vue: functional components are not supported and should be defined in 
plain js files using render functions.")}
-
-       module.exports = __vue_exports__
-
-
-/***/ },
-/* 4 */
-/***/ function(module, exports, __webpack_require__) {
-
-       // style-loader: Adds some css to the DOM by adding a <style> tag
-
-       // load the styles
-       var content = __webpack_require__(5);
-       if(typeof content === 'string') content = [[module.id, content, '']];
-       // add the styles to the DOM
-       var update = __webpack_require__(7)(content, {});
-       if(content.locals) module.exports = content.locals;
-       // Hot Module Replacement
-       if(false) {
-               // When the styles change, update the <style> tags
-               if(!content.locals) {
-                       
module.hot.accept("!!./../../../node_modules/css-loader/index.js!./../../../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-16db08ce&scoped=true!./../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./sample.vue",
 function() {
-                               var newContent = 
require("!!./../../../node_modules/css-loader/index.js!./../../../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-16db08ce&scoped=true!./../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./sample.vue");
-                               if(typeof newContent === 'string') newContent = 
[[module.id, newContent, '']];
-                               update(newContent);
-                       });
-               }
-               // When the module is disposed, remove the <style> tags
-               module.hot.dispose(function() { update(); });
-       }
-
-/***/ },
-/* 5 */
-/***/ function(module, exports, __webpack_require__) {
-
-       exports = module.exports = __webpack_require__(6)();
-       // imports
-
-
-       // module
-       exports.push([module.id, "\n.box[data-v-16db08ce] {\n  border-width: 
2px;\n  border-style: solid;\n  border-color: #BBB;\n  width: 250px;\n  height: 
250px;\n  margin-top: 250px;\n  margin-left: 250px;\n  background-color: 
#EEE;\n}\n", ""]);
-
-       // exports
-
-
-/***/ },
-/* 6 */
-/***/ function(module, exports) {
-
-       /*
-               MIT License http://www.opensource.org/licenses/mit-license.php
-               Author Tobias Koppers @sokra
-       */
-       // css base code, injected by the css-loader
-       module.exports = function() {
-               var list = [];
-
-               // return the list of modules as css string
-               list.toString = function toString() {
-                       var result = [];
-                       for(var i = 0; i < this.length; i++) {
-                               var item = this[i];
-                               if(item[2]) {
-                                       result.push("@media " + item[2] + "{" + 
item[1] + "}");
-                               } else {
-                                       result.push(item[1]);
-                               }
-                       }
-                       return result.join("");
-               };
-
-               // import a list of modules into the list
-               list.i = function(modules, mediaQuery) {
-                       if(typeof modules === "string")
-                               modules = [[null, modules, ""]];
-                       var alreadyImportedModules = {};
-                       for(var i = 0; i < this.length; i++) {
-                               var id = this[i][0];
-                               if(typeof id === "number")
-                                       alreadyImportedModules[id] = true;
-                       }
-                       for(i = 0; i < modules.length; i++) {
-                               var item = modules[i];
-                               // skip already imported module
-                               // this implementation is not 100% perfect for 
weird media query combinations
-                               //  when a module is imported multiple times 
with different media queries.
-                               //  I hope this will never occur (Hey this way 
we have smaller bundles)
-                               if(typeof item[0] !== "number" || 
!alreadyImportedModules[item[0]]) {
-                                       if(mediaQuery && !item[2]) {
-                                               item[2] = mediaQuery;
-                                       } else if(mediaQuery) {
-                                               item[2] = "(" + item[2] + ") 
and (" + mediaQuery + ")";
-                                       }
-                                       list.push(item);
-                               }
-                       }
-               };
-               return list;
-       };
-
-
-/***/ },
-/* 7 */
-/***/ function(module, exports, __webpack_require__) {
-
-       /*
-               MIT License http://www.opensource.org/licenses/mit-license.php
-               Author Tobias Koppers @sokra
-       */
-       var stylesInDom = {},
-               memoize = function(fn) {
-                       var memo;
-                       return function () {
-                               if (typeof memo === "undefined") memo = 
fn.apply(this, arguments);
-                               return memo;
-                       };
-               },
-               isOldIE = memoize(function() {
-                       return /msie 
[6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-               }),
-               getHeadElement = memoize(function () {
-                       return document.head || 
document.getElementsByTagName("head")[0];
-               }),
-               singletonElement = null,
-               singletonCounter = 0,
-               styleElementsInsertedAtTop = [];
-
-       module.exports = function(list, options) {
-               if(false) {
-                       if(typeof document !== "object") throw new Error("The 
style-loader cannot be used in a non-browser environment");
-               }
-
-               options = options || {};
-               // Force single-tag solution on IE6-9, which has a hard limit 
on the # of <style>
-               // tags it will allow on a page
-               if (typeof options.singleton === "undefined") options.singleton 
= isOldIE();
-
-               // By default, add <style> tags to the bottom of <head>.
-               if (typeof options.insertAt === "undefined") options.insertAt = 
"bottom";
-
-               var styles = listToStyles(list);
-               addStylesToDom(styles, options);
-
-               return function update(newList) {
-                       var mayRemove = [];
-                       for(var i = 0; i < styles.length; i++) {
-                               var item = styles[i];
-                               var domStyle = stylesInDom[item.id];
-                               domStyle.refs--;
-                               mayRemove.push(domStyle);
-                       }
-                       if(newList) {
-                               var newStyles = listToStyles(newList);
-                               addStylesToDom(newStyles, options);
-                       }
-                       for(var i = 0; i < mayRemove.length; i++) {
-                               var domStyle = mayRemove[i];
-                               if(domStyle.refs === 0) {
-                                       for(var j = 0; j < 
domStyle.parts.length; j++)
-                                               domStyle.parts[j]();
-                                       delete stylesInDom[domStyle.id];
-                               }
-                       }
-               };
-       }
-
-       function addStylesToDom(styles, options) {
-               for(var i = 0; i < styles.length; i++) {
-                       var item = styles[i];
-                       var domStyle = stylesInDom[item.id];
-                       if(domStyle) {
-                               domStyle.refs++;
-                               for(var j = 0; j < domStyle.parts.length; j++) {
-                                       domStyle.parts[j](item.parts[j]);
-                               }
-                               for(; j < item.parts.length; j++) {
-                                       
domStyle.parts.push(addStyle(item.parts[j], options));
-                               }
-                       } else {
-                               var parts = [];
-                               for(var j = 0; j < item.parts.length; j++) {
-                                       parts.push(addStyle(item.parts[j], 
options));
-                               }
-                               stylesInDom[item.id] = {id: item.id, refs: 1, 
parts: parts};
-                       }
-               }
-       }
-
-       function listToStyles(list) {
-               var styles = [];
-               var newStyles = {};
-               for(var i = 0; i < list.length; i++) {
-                       var item = list[i];
-                       var id = item[0];
-                       var css = item[1];
-                       var media = item[2];
-                       var sourceMap = item[3];
-                       var part = {css: css, media: media, sourceMap: 
sourceMap};
-                       if(!newStyles[id])
-                               styles.push(newStyles[id] = {id: id, parts: 
[part]});
-                       else
-                               newStyles[id].parts.push(part);
-               }
-               return styles;
-       }
-
-       function insertStyleElement(options, styleElement) {
-               var head = getHeadElement();
-               var lastStyleElementInsertedAtTop = 
styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-               if (options.insertAt === "top") {
-                       if(!lastStyleElementInsertedAtTop) {
-                               head.insertBefore(styleElement, 
head.firstChild);
-                       } else if(lastStyleElementInsertedAtTop.nextSibling) {
-                               head.insertBefore(styleElement, 
lastStyleElementInsertedAtTop.nextSibling);
-                       } else {
-                               head.appendChild(styleElement);
-                       }
-                       styleElementsInsertedAtTop.push(styleElement);
-               } else if (options.insertAt === "bottom") {
-                       head.appendChild(styleElement);
-               } else {
-                       throw new Error("Invalid value for parameter 
'insertAt'. Must be 'top' or 'bottom'.");
-               }
-       }
-
-       function removeStyleElement(styleElement) {
-               styleElement.parentNode.removeChild(styleElement);
-               var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-               if(idx >= 0) {
-                       styleElementsInsertedAtTop.splice(idx, 1);
-               }
-       }
-
-       function createStyleElement(options) {
-               var styleElement = document.createElement("style");
-               styleElement.type = "text/css";
-               insertStyleElement(options, styleElement);
-               return styleElement;
-       }
-
-       function addStyle(obj, options) {
-               var styleElement, update, remove;
-
-               if (options.singleton) {
-                       var styleIndex = singletonCounter++;
-                       styleElement = singletonElement || (singletonElement = 
createStyleElement(options));
-                       update = applyToSingletonTag.bind(null, styleElement, 
styleIndex, false);
-                       remove = applyToSingletonTag.bind(null, styleElement, 
styleIndex, true);
-               } else {
-                       styleElement = createStyleElement(options);
-                       update = applyToTag.bind(null, styleElement);
-                       remove = function() {
-                               removeStyleElement(styleElement);
-                       };
-               }
-
-               update(obj);
-
-               return function updateStyle(newObj) {
-                       if(newObj) {
-                               if(newObj.css === obj.css && newObj.media === 
obj.media && newObj.sourceMap === obj.sourceMap)
-                                       return;
-                               update(obj = newObj);
-                       } else {
-                               remove();
-                       }
-               };
-       }
-
-       var replaceText = (function () {
-               var textStore = [];
-
-               return function (index, replacement) {
-                       textStore[index] = replacement;
-                       return textStore.filter(Boolean).join('\n');
-               };
-       })();
-
-       function applyToSingletonTag(styleElement, index, remove, obj) {
-               var css = remove ? "" : obj.css;
-
-               if (styleElement.styleSheet) {
-                       styleElement.styleSheet.cssText = replaceText(index, 
css);
-               } else {
-                       var cssNode = document.createTextNode(css);
-                       var childNodes = styleElement.childNodes;
-                       if (childNodes[index]) 
styleElement.removeChild(childNodes[index]);
-                       if (childNodes.length) {
-                               styleElement.insertBefore(cssNode, 
childNodes[index]);
-                       } else {
-                               styleElement.appendChild(cssNode);
-                       }
-               }
-       }
-
-       function applyToTag(styleElement, obj) {
-               var css = obj.css;
-               var media = obj.media;
-               var sourceMap = obj.sourceMap;
-
-               if (media) {
-                       styleElement.setAttribute("media", media);
-               }
-
-               if (sourceMap) {
-                       // 
https://developer.chrome.com/devtools/docs/javascript-debugging
-                       // this makes source maps inside style tags work 
properly in Chrome
-                       css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' 
*/';
-                       // http://stackoverflow.com/a/26603875
-                       css += "\n/*# 
sourceMappingURL=data:application/json;base64," + 
btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
-               }
-
-               if (styleElement.styleSheet) {
-                       styleElement.styleSheet.cssText = css;
-               } else {
-                       while(styleElement.firstChild) {
-                               
styleElement.removeChild(styleElement.firstChild);
-                       }
-                       styleElement.appendChild(document.createTextNode(css));
-               }
-       }
-
-
-/***/ },
-/* 8 */
-/***/ function(module, exports, __webpack_require__) {
-
-       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 _c('div', [_c('div', {
-           staticClass: "box"
-         })])
-       }]}
-       module.exports.render._withStripped = true
-       if (false) {
-         module.hot.accept()
-         if (module.hot.data) {
-            
require("vue-loader/node_modules/vue-hot-reload-api").rerender("data-v-16db08ce",
 module.exports)
-         }
-       }
-
-/***/ },
-/* 9 */
-/***/ function(module, exports, __webpack_require__) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('example')
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-       if (false) {
-         module.hot.accept()
-         if (module.hot.data) {
-            
require("vue-loader/node_modules/vue-hot-reload-api").rerender("data-v-474ddc19",
 module.exports)
-         }
-       }
-
-/***/ }
-/******/ ]);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8162f8c2/doc/themes/weex/source/js/examples/div.weex.js
----------------------------------------------------------------------
diff --git a/doc/themes/weex/source/js/examples/div.weex.js 
b/doc/themes/weex/source/js/examples/div.weex.js
deleted file mode 100644
index b09c85f..0000000
--- a/doc/themes/weex/source/js/examples/div.weex.js
+++ /dev/null
@@ -1,183 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* script */
-       __vue_exports__ = __webpack_require__(1)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(5)
-       __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/YunDong/Projects/weex-vue-demo/src/App.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__
-       module.exports.el = 'body'
-       new Vue(module.exports)
-
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-
-       var _sample = __webpack_require__(2);
-
-       var _sample2 = _interopRequireDefault(_sample);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       exports.default = {
-         components: { Example: _sample2.default }
-       }; //
-       //
-       //
-       //
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(3)
-       )
-
-       /* template */
-       var __vue_template__ = __webpack_require__(4)
-       __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/YunDong/Projects/weex-vue-demo/src/components/div/sample.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__
-
-
-/***/ },
-/* 3 */
-/***/ function(module, exports) {
-
-       module.exports = {
-         "box": {
-           "borderWidth": 2,
-           "borderStyle": "solid",
-           "borderColor": "#BBBBBB",
-           "width": 250,
-           "height": 250,
-           "marginTop": 250,
-           "marginLeft": 250,
-           "backgroundColor": "#EEEEEE"
-         }
-       }
-
-/***/ },
-/* 4 */
-/***/ 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('div', {
-           staticClass: ["box"]
-         })])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ },
-/* 5 */
-/***/ function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _h('example')
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ }
-/******/ ]);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8162f8c2/doc/themes/weex/source/js/examples/dom-rect.web.js
----------------------------------------------------------------------
diff --git a/doc/themes/weex/source/js/examples/dom-rect.web.js 
b/doc/themes/weex/source/js/examples/dom-rect.web.js
deleted file mode 100644
index d3aaf1c..0000000
--- a/doc/themes/weex/source/js/examples/dom-rect.web.js
+++ /dev/null
@@ -1,589 +0,0 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       var _App = __webpack_require__(1);
-
-       var _App2 = _interopRequireDefault(_App);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       _App2.default.el = '#root';
-       new Vue(_App2.default);
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = {}
-
-       /* script */
-       __vue_exports__ = __webpack_require__(2)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(10)
-       __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/YunDong/Projects/weex-vue-demo/src/App.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-       /* hot reload */
-       if (false) {(function () {
-         var hotAPI = require("vue-loader/node_modules/vue-hot-reload-api")
-         hotAPI.install(require("vue"), false)
-         if (!hotAPI.compatible) return
-         module.hot.accept()
-         if (!module.hot.data) {
-           hotAPI.createRecord("data-v-474ddc19", __vue_options__)
-         } else {
-           hotAPI.reload("data-v-474ddc19", __vue_options__)
-         }
-       })()}
-       if (__vue_options__.functional) {console.error("[vue-loader] App.vue: 
functional components are not supported and should be defined in plain js files 
using render functions.")}
-
-       module.exports = __vue_exports__
-
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-
-       var _rect = __webpack_require__(3);
-
-       var _rect2 = _interopRequireDefault(_rect);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       exports.default = {
-         components: { Example: _rect2.default }
-       }; //
-       //
-       //
-       //
-
-/***/ },
-/* 3 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = {}
-
-       /* styles */
-       __webpack_require__(4)
-
-       /* script */
-       __vue_exports__ = __webpack_require__(8)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(9)
-       __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/YunDong/Projects/weex-vue-demo/src/modules/dom/rect.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-384a639e"
-
-       /* hot reload */
-       if (false) {(function () {
-         var hotAPI = require("vue-loader/node_modules/vue-hot-reload-api")
-         hotAPI.install(require("vue"), false)
-         if (!hotAPI.compatible) return
-         module.hot.accept()
-         if (!module.hot.data) {
-           hotAPI.createRecord("data-v-384a639e", __vue_options__)
-         } else {
-           hotAPI.reload("data-v-384a639e", __vue_options__)
-         }
-       })()}
-       if (__vue_options__.functional) {console.error("[vue-loader] rect.vue: 
functional components are not supported and should be defined in plain js files 
using render functions.")}
-
-       module.exports = __vue_exports__
-
-
-/***/ },
-/* 4 */
-/***/ function(module, exports, __webpack_require__) {
-
-       // style-loader: Adds some css to the DOM by adding a <style> tag
-
-       // load the styles
-       var content = __webpack_require__(5);
-       if(typeof content === 'string') content = [[module.id, content, '']];
-       // add the styles to the DOM
-       var update = __webpack_require__(7)(content, {});
-       if(content.locals) module.exports = content.locals;
-       // Hot Module Replacement
-       if(false) {
-               // When the styles change, update the <style> tags
-               if(!content.locals) {
-                       
module.hot.accept("!!./../../../node_modules/css-loader/index.js!./../../../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-384a639e&scoped=true!./../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./rect.vue",
 function() {
-                               var newContent = 
require("!!./../../../node_modules/css-loader/index.js!./../../../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-384a639e&scoped=true!./../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./rect.vue");
-                               if(typeof newContent === 'string') newContent = 
[[module.id, newContent, '']];
-                               update(newContent);
-                       });
-               }
-               // When the module is disposed, remove the <style> tags
-               module.hot.dispose(function() { update(); });
-       }
-
-/***/ },
-/* 5 */
-/***/ function(module, exports, __webpack_require__) {
-
-       exports = module.exports = __webpack_require__(6)();
-       // imports
-
-
-       // module
-       exports.push([module.id, "\n.box[data-v-384a639e] {\n  margin-top: 
200px;\n  margin-left: 150px;\n  width: 450px;\n  height: 450px;\n  
background-color: #DDD;\n  border-width: 2px;\n  border-style: solid;\n  
border-color: rgb(162, 217, 192);\n  background-color: rgba(162, 217, 192, 
0.2);\n}\n.info[data-v-384a639e] {\n  font-size: 40px;\n  font-family: 
Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  color: 
#41B883;\n}\n", ""]);
-
-       // exports
-
-
-/***/ },
-/* 6 */
-/***/ function(module, exports) {
-
-       /*
-               MIT License http://www.opensource.org/licenses/mit-license.php
-               Author Tobias Koppers @sokra
-       */
-       // css base code, injected by the css-loader
-       module.exports = function() {
-               var list = [];
-
-               // return the list of modules as css string
-               list.toString = function toString() {
-                       var result = [];
-                       for(var i = 0; i < this.length; i++) {
-                               var item = this[i];
-                               if(item[2]) {
-                                       result.push("@media " + item[2] + "{" + 
item[1] + "}");
-                               } else {
-                                       result.push(item[1]);
-                               }
-                       }
-                       return result.join("");
-               };
-
-               // import a list of modules into the list
-               list.i = function(modules, mediaQuery) {
-                       if(typeof modules === "string")
-                               modules = [[null, modules, ""]];
-                       var alreadyImportedModules = {};
-                       for(var i = 0; i < this.length; i++) {
-                               var id = this[i][0];
-                               if(typeof id === "number")
-                                       alreadyImportedModules[id] = true;
-                       }
-                       for(i = 0; i < modules.length; i++) {
-                               var item = modules[i];
-                               // skip already imported module
-                               // this implementation is not 100% perfect for 
weird media query combinations
-                               //  when a module is imported multiple times 
with different media queries.
-                               //  I hope this will never occur (Hey this way 
we have smaller bundles)
-                               if(typeof item[0] !== "number" || 
!alreadyImportedModules[item[0]]) {
-                                       if(mediaQuery && !item[2]) {
-                                               item[2] = mediaQuery;
-                                       } else if(mediaQuery) {
-                                               item[2] = "(" + item[2] + ") 
and (" + mediaQuery + ")";
-                                       }
-                                       list.push(item);
-                               }
-                       }
-               };
-               return list;
-       };
-
-
-/***/ },
-/* 7 */
-/***/ function(module, exports, __webpack_require__) {
-
-       /*
-               MIT License http://www.opensource.org/licenses/mit-license.php
-               Author Tobias Koppers @sokra
-       */
-       var stylesInDom = {},
-               memoize = function(fn) {
-                       var memo;
-                       return function () {
-                               if (typeof memo === "undefined") memo = 
fn.apply(this, arguments);
-                               return memo;
-                       };
-               },
-               isOldIE = memoize(function() {
-                       return /msie 
[6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-               }),
-               getHeadElement = memoize(function () {
-                       return document.head || 
document.getElementsByTagName("head")[0];
-               }),
-               singletonElement = null,
-               singletonCounter = 0,
-               styleElementsInsertedAtTop = [];
-
-       module.exports = function(list, options) {
-               if(false) {
-                       if(typeof document !== "object") throw new Error("The 
style-loader cannot be used in a non-browser environment");
-               }
-
-               options = options || {};
-               // Force single-tag solution on IE6-9, which has a hard limit 
on the # of <style>
-               // tags it will allow on a page
-               if (typeof options.singleton === "undefined") options.singleton 
= isOldIE();
-
-               // By default, add <style> tags to the bottom of <head>.
-               if (typeof options.insertAt === "undefined") options.insertAt = 
"bottom";
-
-               var styles = listToStyles(list);
-               addStylesToDom(styles, options);
-
-               return function update(newList) {
-                       var mayRemove = [];
-                       for(var i = 0; i < styles.length; i++) {
-                               var item = styles[i];
-                               var domStyle = stylesInDom[item.id];
-                               domStyle.refs--;
-                               mayRemove.push(domStyle);
-                       }
-                       if(newList) {
-                               var newStyles = listToStyles(newList);
-                               addStylesToDom(newStyles, options);
-                       }
-                       for(var i = 0; i < mayRemove.length; i++) {
-                               var domStyle = mayRemove[i];
-                               if(domStyle.refs === 0) {
-                                       for(var j = 0; j < 
domStyle.parts.length; j++)
-                                               domStyle.parts[j]();
-                                       delete stylesInDom[domStyle.id];
-                               }
-                       }
-               };
-       }
-
-       function addStylesToDom(styles, options) {
-               for(var i = 0; i < styles.length; i++) {
-                       var item = styles[i];
-                       var domStyle = stylesInDom[item.id];
-                       if(domStyle) {
-                               domStyle.refs++;
-                               for(var j = 0; j < domStyle.parts.length; j++) {
-                                       domStyle.parts[j](item.parts[j]);
-                               }
-                               for(; j < item.parts.length; j++) {
-                                       
domStyle.parts.push(addStyle(item.parts[j], options));
-                               }
-                       } else {
-                               var parts = [];
-                               for(var j = 0; j < item.parts.length; j++) {
-                                       parts.push(addStyle(item.parts[j], 
options));
-                               }
-                               stylesInDom[item.id] = {id: item.id, refs: 1, 
parts: parts};
-                       }
-               }
-       }
-
-       function listToStyles(list) {
-               var styles = [];
-               var newStyles = {};
-               for(var i = 0; i < list.length; i++) {
-                       var item = list[i];
-                       var id = item[0];
-                       var css = item[1];
-                       var media = item[2];
-                       var sourceMap = item[3];
-                       var part = {css: css, media: media, sourceMap: 
sourceMap};
-                       if(!newStyles[id])
-                               styles.push(newStyles[id] = {id: id, parts: 
[part]});
-                       else
-                               newStyles[id].parts.push(part);
-               }
-               return styles;
-       }
-
-       function insertStyleElement(options, styleElement) {
-               var head = getHeadElement();
-               var lastStyleElementInsertedAtTop = 
styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-               if (options.insertAt === "top") {
-                       if(!lastStyleElementInsertedAtTop) {
-                               head.insertBefore(styleElement, 
head.firstChild);
-                       } else if(lastStyleElementInsertedAtTop.nextSibling) {
-                               head.insertBefore(styleElement, 
lastStyleElementInsertedAtTop.nextSibling);
-                       } else {
-                               head.appendChild(styleElement);
-                       }
-                       styleElementsInsertedAtTop.push(styleElement);
-               } else if (options.insertAt === "bottom") {
-                       head.appendChild(styleElement);
-               } else {
-                       throw new Error("Invalid value for parameter 
'insertAt'. Must be 'top' or 'bottom'.");
-               }
-       }
-
-       function removeStyleElement(styleElement) {
-               styleElement.parentNode.removeChild(styleElement);
-               var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-               if(idx >= 0) {
-                       styleElementsInsertedAtTop.splice(idx, 1);
-               }
-       }
-
-       function createStyleElement(options) {
-               var styleElement = document.createElement("style");
-               styleElement.type = "text/css";
-               insertStyleElement(options, styleElement);
-               return styleElement;
-       }
-
-       function addStyle(obj, options) {
-               var styleElement, update, remove;
-
-               if (options.singleton) {
-                       var styleIndex = singletonCounter++;
-                       styleElement = singletonElement || (singletonElement = 
createStyleElement(options));
-                       update = applyToSingletonTag.bind(null, styleElement, 
styleIndex, false);
-                       remove = applyToSingletonTag.bind(null, styleElement, 
styleIndex, true);
-               } else {
-                       styleElement = createStyleElement(options);
-                       update = applyToTag.bind(null, styleElement);
-                       remove = function() {
-                               removeStyleElement(styleElement);
-                       };
-               }
-
-               update(obj);
-
-               return function updateStyle(newObj) {
-                       if(newObj) {
-                               if(newObj.css === obj.css && newObj.media === 
obj.media && newObj.sourceMap === obj.sourceMap)
-                                       return;
-                               update(obj = newObj);
-                       } else {
-                               remove();
-                       }
-               };
-       }
-
-       var replaceText = (function () {
-               var textStore = [];
-
-               return function (index, replacement) {
-                       textStore[index] = replacement;
-                       return textStore.filter(Boolean).join('\n');
-               };
-       })();
-
-       function applyToSingletonTag(styleElement, index, remove, obj) {
-               var css = remove ? "" : obj.css;
-
-               if (styleElement.styleSheet) {
-                       styleElement.styleSheet.cssText = replaceText(index, 
css);
-               } else {
-                       var cssNode = document.createTextNode(css);
-                       var childNodes = styleElement.childNodes;
-                       if (childNodes[index]) 
styleElement.removeChild(childNodes[index]);
-                       if (childNodes.length) {
-                               styleElement.insertBefore(cssNode, 
childNodes[index]);
-                       } else {
-                               styleElement.appendChild(cssNode);
-                       }
-               }
-       }
-
-       function applyToTag(styleElement, obj) {
-               var css = obj.css;
-               var media = obj.media;
-               var sourceMap = obj.sourceMap;
-
-               if (media) {
-                       styleElement.setAttribute("media", media);
-               }
-
-               if (sourceMap) {
-                       // 
https://developer.chrome.com/devtools/docs/javascript-debugging
-                       // this makes source maps inside style tags work 
properly in Chrome
-                       css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' 
*/';
-                       // http://stackoverflow.com/a/26603875
-                       css += "\n/*# 
sourceMappingURL=data:application/json;base64," + 
btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
-               }
-
-               if (styleElement.styleSheet) {
-                       styleElement.styleSheet.cssText = css;
-               } else {
-                       while(styleElement.firstChild) {
-                               
styleElement.removeChild(styleElement.firstChild);
-                       }
-                       styleElement.appendChild(document.createTextNode(css));
-               }
-       }
-
-
-/***/ },
-/* 8 */
-/***/ function(module, exports) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var dom = weex.requireModule('dom');
-
-       exports.default = {
-         data: function data() {
-           return {
-             size: {
-               width: 0,
-               height: 0,
-               top: 0,
-               bottom: 0,
-               left: 0,
-               right: 0
-             }
-           };
-         },
-         mounted: function mounted() {
-           var _this = this;
-
-           var result = dom.getComponentRect(this.$refs.box, function (option) 
{
-             console.log('getComponentRect:', option);
-             _this.size = option.size;
-           });
-           console.log('return value:', result);
-           console.log('viewport:', dom.getComponentRect('viewport'));
-         }
-       };
-
-/***/ },
-/* 9 */
-/***/ function(module, exports, __webpack_require__) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: "wrapper"
-         }, [_c('div', {
-           ref: "box",
-           staticClass: "box"
-         }, [_c('text', {
-           staticClass: "info"
-         }, [_vm._v("Width: " + _vm._s(_vm.size.width))]), _vm._v(" "), 
_c('text', {
-           staticClass: "info"
-         }, [_vm._v("Height: " + _vm._s(_vm.size.height))]), _vm._v(" "), 
_c('text', {
-           staticClass: "info"
-         }, [_vm._v("Top: " + _vm._s(_vm.size.top))]), _vm._v(" "), _c('text', 
{
-           staticClass: "info"
-         }, [_vm._v("Bottom: " + _vm._s(_vm.size.bottom))]), _vm._v(" "), 
_c('text', {
-           staticClass: "info"
-         }, [_vm._v("Left: " + _vm._s(_vm.size.left))]), _vm._v(" "), 
_c('text', {
-           staticClass: "info"
-         }, [_vm._v("Right: " + _vm._s(_vm.size.right))])])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-       if (false) {
-         module.hot.accept()
-         if (module.hot.data) {
-            
require("vue-loader/node_modules/vue-hot-reload-api").rerender("data-v-384a639e",
 module.exports)
-         }
-       }
-
-/***/ },
-/* 10 */
-/***/ function(module, exports, __webpack_require__) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('example')
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-       if (false) {
-         module.hot.accept()
-         if (module.hot.data) {
-            
require("vue-loader/node_modules/vue-hot-reload-api").rerender("data-v-474ddc19",
 module.exports)
-         }
-       }
-
-/***/ }
-/******/ ]);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8162f8c2/doc/themes/weex/source/js/examples/dom-rect.weex.js
----------------------------------------------------------------------
diff --git a/doc/themes/weex/source/js/examples/dom-rect.weex.js 
b/doc/themes/weex/source/js/examples/dom-rect.weex.js
deleted file mode 100644
index c25dcc6..0000000
--- a/doc/themes/weex/source/js/examples/dom-rect.weex.js
+++ /dev/null
@@ -1,254 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* script */
-       __vue_exports__ = __webpack_require__(1)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(6)
-       __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/YunDong/Projects/weex-vue-demo/src/App.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__
-       module.exports.el = 'body'
-       new Vue(module.exports)
-
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-
-       var _rect = __webpack_require__(2);
-
-       var _rect2 = _interopRequireDefault(_rect);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       exports.default = {
-         components: { Example: _rect2.default }
-       }; //
-       //
-       //
-       //
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(3)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(4)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(5)
-       __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/YunDong/Projects/weex-vue-demo/src/modules/dom/rect.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__
-
-
-/***/ },
-/* 3 */
-/***/ function(module, exports) {
-
-       module.exports = {
-         "box": {
-           "marginTop": 200,
-           "marginLeft": 150,
-           "width": 450,
-           "height": 450,
-           "backgroundColor": "rgba(162,217,192,0.2)",
-           "borderWidth": 2,
-           "borderStyle": "solid",
-           "borderColor": "rgb(162,217,192)"
-         },
-         "info": {
-           "fontSize": 40,
-           "fontFamily": "Consolas, \"Liberation Mono\", Menlo, Courier, 
monospace",
-           "color": "#41B883"
-         }
-       }
-
-/***/ },
-/* 4 */
-/***/ function(module, exports) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var dom = weex.requireModule('dom');
-
-       exports.default = {
-         data: function data() {
-           return {
-             size: {
-               width: 0,
-               height: 0,
-               top: 0,
-               bottom: 0,
-               left: 0,
-               right: 0
-             }
-           };
-         },
-         mounted: function mounted() {
-           var _this = this;
-
-           var result = dom.getComponentRect(this.$refs.box, function (option) 
{
-             console.log('getComponentRect:', option);
-             _this.size = option.size;
-           });
-           console.log('return value:', result);
-           console.log('viewport:', dom.getComponentRect('viewport'));
-         }
-       };
-
-/***/ },
-/* 5 */
-/***/ function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _h('div', {
-           staticClass: ["wrapper"]
-         }, [_h('div', {
-           ref: "box",
-           staticClass: ["box"]
-         }, [_h('text', {
-           staticClass: ["info"]
-         }, ["Width: " + _vm._s(_vm.size.width)]), _h('text', {
-           staticClass: ["info"]
-         }, ["Height: " + _vm._s(_vm.size.height)]), _h('text', {
-           staticClass: ["info"]
-         }, ["Top: " + _vm._s(_vm.size.top)]), _h('text', {
-           staticClass: ["info"]
-         }, ["Bottom: " + _vm._s(_vm.size.bottom)]), _h('text', {
-           staticClass: ["info"]
-         }, ["Left: " + _vm._s(_vm.size.left)]), _h('text', {
-           staticClass: ["info"]
-         }, ["Right: " + _vm._s(_vm.size.right)])])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ },
-/* 6 */
-/***/ function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _h('example')
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ }
-/******/ ]);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8162f8c2/doc/themes/weex/source/js/examples/dom-scroll.web.js
----------------------------------------------------------------------
diff --git a/doc/themes/weex/source/js/examples/dom-scroll.web.js 
b/doc/themes/weex/source/js/examples/dom-scroll.web.js
deleted file mode 100644
index 41f82cd..0000000
--- a/doc/themes/weex/source/js/examples/dom-scroll.web.js
+++ /dev/null
@@ -1,598 +0,0 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       var _App = __webpack_require__(1);
-
-       var _App2 = _interopRequireDefault(_App);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       _App2.default.el = '#root';
-       new Vue(_App2.default);
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = {}
-
-       /* script */
-       __vue_exports__ = __webpack_require__(2)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(10)
-       __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/YunDong/Projects/weex-vue-demo/src/App.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-       /* hot reload */
-       if (false) {(function () {
-         var hotAPI = require("vue-loader/node_modules/vue-hot-reload-api")
-         hotAPI.install(require("vue"), false)
-         if (!hotAPI.compatible) return
-         module.hot.accept()
-         if (!module.hot.data) {
-           hotAPI.createRecord("data-v-474ddc19", __vue_options__)
-         } else {
-           hotAPI.reload("data-v-474ddc19", __vue_options__)
-         }
-       })()}
-       if (__vue_options__.functional) {console.error("[vue-loader] App.vue: 
functional components are not supported and should be defined in plain js files 
using render functions.")}
-
-       module.exports = __vue_exports__
-
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-
-       var _scroll = __webpack_require__(3);
-
-       var _scroll2 = _interopRequireDefault(_scroll);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       exports.default = {
-         components: { Example: _scroll2.default }
-       }; //
-       //
-       //
-       //
-
-/***/ },
-/* 3 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = {}
-
-       /* styles */
-       __webpack_require__(4)
-
-       /* script */
-       __vue_exports__ = __webpack_require__(8)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(9)
-       __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/YunDong/Projects/weex-vue-demo/src/modules/dom/scroll.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-ca1ab54c"
-
-       /* hot reload */
-       if (false) {(function () {
-         var hotAPI = require("vue-loader/node_modules/vue-hot-reload-api")
-         hotAPI.install(require("vue"), false)
-         if (!hotAPI.compatible) return
-         module.hot.accept()
-         if (!module.hot.data) {
-           hotAPI.createRecord("data-v-ca1ab54c", __vue_options__)
-         } else {
-           hotAPI.reload("data-v-ca1ab54c", __vue_options__)
-         }
-       })()}
-       if (__vue_options__.functional) {console.error("[vue-loader] 
scroll.vue: functional components are not supported and should be defined in 
plain js files using render functions.")}
-
-       module.exports = __vue_exports__
-
-
-/***/ },
-/* 4 */
-/***/ function(module, exports, __webpack_require__) {
-
-       // style-loader: Adds some css to the DOM by adding a <style> tag
-
-       // load the styles
-       var content = __webpack_require__(5);
-       if(typeof content === 'string') content = [[module.id, content, '']];
-       // add the styles to the DOM
-       var update = __webpack_require__(7)(content, {});
-       if(content.locals) module.exports = content.locals;
-       // Hot Module Replacement
-       if(false) {
-               // When the styles change, update the <style> tags
-               if(!content.locals) {
-                       
module.hot.accept("!!./../../../node_modules/css-loader/index.js!./../../../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-ca1ab54c&scoped=true!./../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./scroll.vue",
 function() {
-                               var newContent = 
require("!!./../../../node_modules/css-loader/index.js!./../../../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-ca1ab54c&scoped=true!./../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./scroll.vue");
-                               if(typeof newContent === 'string') newContent = 
[[module.id, newContent, '']];
-                               update(newContent);
-                       });
-               }
-               // When the module is disposed, remove the <style> tags
-               module.hot.dispose(function() { update(); });
-       }
-
-/***/ },
-/* 5 */
-/***/ function(module, exports, __webpack_require__) {
-
-       exports = module.exports = __webpack_require__(6)();
-       // imports
-
-
-       // module
-       exports.push([module.id, "\n.scroller[data-v-ca1ab54c] {\n  width: 
700px;\n  height: 700px;\n  border-width: 3px;\n  border-style: solid;\n  
border-color: rgb(162, 217, 192);\n  margin-left: 
25px;\n}\n.row[data-v-ca1ab54c] {\n  height: 100px;\n  flex-direction: 
column;\n  justify-content: center;\n  padding-left: 30px;\n  
border-bottom-width: 2px;\n  border-bottom-style: solid;\n  
border-bottom-color: #DDDDDD;\n}\n.text[data-v-ca1ab54c] {\n  font-size: 
45px;\n  color: #666666;\n}\n.group[data-v-ca1ab54c] {\n  flex-direction: 
row;\n  /*justify-content: space-around;*/\n  justify-content: center;\n  
margin-top: 60px;\n}\n.button[data-v-ca1ab54c] {\n  width: 200px;\n  
padding-top: 20px;\n  padding-bottom: 20px;\n  font-size: 40px;\n  margin-left: 
30px;\n  margin-right: 30px;\n  text-align: center;\n  color: #41B883;\n  
border-width: 2px;\n  border-style: solid;\n  border-color: rgb(162, 217, 
192);\n  background-color: rgba(162, 217, 192, 0.2);\n}\n", ""]);
-
-       // exports
-
-
-/***/ },
-/* 6 */
-/***/ function(module, exports) {
-
-       /*
-               MIT License http://www.opensource.org/licenses/mit-license.php
-               Author Tobias Koppers @sokra
-       */
-       // css base code, injected by the css-loader
-       module.exports = function() {
-               var list = [];
-
-               // return the list of modules as css string
-               list.toString = function toString() {
-                       var result = [];
-                       for(var i = 0; i < this.length; i++) {
-                               var item = this[i];
-                               if(item[2]) {
-                                       result.push("@media " + item[2] + "{" + 
item[1] + "}");
-                               } else {
-                                       result.push(item[1]);
-                               }
-                       }
-                       return result.join("");
-               };
-
-               // import a list of modules into the list
-               list.i = function(modules, mediaQuery) {
-                       if(typeof modules === "string")
-                               modules = [[null, modules, ""]];
-                       var alreadyImportedModules = {};
-                       for(var i = 0; i < this.length; i++) {
-                               var id = this[i][0];
-                               if(typeof id === "number")
-                                       alreadyImportedModules[id] = true;
-                       }
-                       for(i = 0; i < modules.length; i++) {
-                               var item = modules[i];
-                               // skip already imported module
-                               // this implementation is not 100% perfect for 
weird media query combinations
-                               //  when a module is imported multiple times 
with different media queries.
-                               //  I hope this will never occur (Hey this way 
we have smaller bundles)
-                               if(typeof item[0] !== "number" || 
!alreadyImportedModules[item[0]]) {
-                                       if(mediaQuery && !item[2]) {
-                                               item[2] = mediaQuery;
-                                       } else if(mediaQuery) {
-                                               item[2] = "(" + item[2] + ") 
and (" + mediaQuery + ")";
-                                       }
-                                       list.push(item);
-                               }
-                       }
-               };
-               return list;
-       };
-
-
-/***/ },
-/* 7 */
-/***/ function(module, exports, __webpack_require__) {
-
-       /*
-               MIT License http://www.opensource.org/licenses/mit-license.php
-               Author Tobias Koppers @sokra
-       */
-       var stylesInDom = {},
-               memoize = function(fn) {
-                       var memo;
-                       return function () {
-                               if (typeof memo === "undefined") memo = 
fn.apply(this, arguments);
-                               return memo;
-                       };
-               },
-               isOldIE = memoize(function() {
-                       return /msie 
[6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-               }),
-               getHeadElement = memoize(function () {
-                       return document.head || 
document.getElementsByTagName("head")[0];
-               }),
-               singletonElement = null,
-               singletonCounter = 0,
-               styleElementsInsertedAtTop = [];
-
-       module.exports = function(list, options) {
-               if(false) {
-                       if(typeof document !== "object") throw new Error("The 
style-loader cannot be used in a non-browser environment");
-               }
-
-               options = options || {};
-               // Force single-tag solution on IE6-9, which has a hard limit 
on the # of <style>
-               // tags it will allow on a page
-               if (typeof options.singleton === "undefined") options.singleton 
= isOldIE();
-
-               // By default, add <style> tags to the bottom of <head>.
-               if (typeof options.insertAt === "undefined") options.insertAt = 
"bottom";
-
-               var styles = listToStyles(list);
-               addStylesToDom(styles, options);
-
-               return function update(newList) {
-                       var mayRemove = [];
-                       for(var i = 0; i < styles.length; i++) {
-                               var item = styles[i];
-                               var domStyle = stylesInDom[item.id];
-                               domStyle.refs--;
-                               mayRemove.push(domStyle);
-                       }
-                       if(newList) {
-                               var newStyles = listToStyles(newList);
-                               addStylesToDom(newStyles, options);
-                       }
-                       for(var i = 0; i < mayRemove.length; i++) {
-                               var domStyle = mayRemove[i];
-                               if(domStyle.refs === 0) {
-                                       for(var j = 0; j < 
domStyle.parts.length; j++)
-                                               domStyle.parts[j]();
-                                       delete stylesInDom[domStyle.id];
-                               }
-                       }
-               };
-       }
-
-       function addStylesToDom(styles, options) {
-               for(var i = 0; i < styles.length; i++) {
-                       var item = styles[i];
-                       var domStyle = stylesInDom[item.id];
-                       if(domStyle) {
-                               domStyle.refs++;
-                               for(var j = 0; j < domStyle.parts.length; j++) {
-                                       domStyle.parts[j](item.parts[j]);
-                               }
-                               for(; j < item.parts.length; j++) {
-                                       
domStyle.parts.push(addStyle(item.parts[j], options));
-                               }
-                       } else {
-                               var parts = [];
-                               for(var j = 0; j < item.parts.length; j++) {
-                                       parts.push(addStyle(item.parts[j], 
options));
-                               }
-                               stylesInDom[item.id] = {id: item.id, refs: 1, 
parts: parts};
-                       }
-               }
-       }
-
-       function listToStyles(list) {
-               var styles = [];
-               var newStyles = {};
-               for(var i = 0; i < list.length; i++) {
-                       var item = list[i];
-                       var id = item[0];
-                       var css = item[1];
-                       var media = item[2];
-                       var sourceMap = item[3];
-                       var part = {css: css, media: media, sourceMap: 
sourceMap};
-                       if(!newStyles[id])
-                               styles.push(newStyles[id] = {id: id, parts: 
[part]});
-                       else
-                               newStyles[id].parts.push(part);
-               }
-               return styles;
-       }
-
-       function insertStyleElement(options, styleElement) {
-               var head = getHeadElement();
-               var lastStyleElementInsertedAtTop = 
styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-               if (options.insertAt === "top") {
-                       if(!lastStyleElementInsertedAtTop) {
-                               head.insertBefore(styleElement, 
head.firstChild);
-                       } else if(lastStyleElementInsertedAtTop.nextSibling) {
-                               head.insertBefore(styleElement, 
lastStyleElementInsertedAtTop.nextSibling);
-                       } else {
-                               head.appendChild(styleElement);
-                       }
-                       styleElementsInsertedAtTop.push(styleElement);
-               } else if (options.insertAt === "bottom") {
-                       head.appendChild(styleElement);
-               } else {
-                       throw new Error("Invalid value for parameter 
'insertAt'. Must be 'top' or 'bottom'.");
-               }
-       }
-
-       function removeStyleElement(styleElement) {
-               styleElement.parentNode.removeChild(styleElement);
-               var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-               if(idx >= 0) {
-                       styleElementsInsertedAtTop.splice(idx, 1);
-               }
-       }
-
-       function createStyleElement(options) {
-               var styleElement = document.createElement("style");
-               styleElement.type = "text/css";
-               insertStyleElement(options, styleElement);
-               return styleElement;
-       }
-
-       function addStyle(obj, options) {
-               var styleElement, update, remove;
-
-               if (options.singleton) {
-                       var styleIndex = singletonCounter++;
-                       styleElement = singletonElement || (singletonElement = 
createStyleElement(options));
-                       update = applyToSingletonTag.bind(null, styleElement, 
styleIndex, false);
-                       remove = applyToSingletonTag.bind(null, styleElement, 
styleIndex, true);
-               } else {
-                       styleElement = createStyleElement(options);
-                       update = applyToTag.bind(null, styleElement);
-                       remove = function() {
-                               removeStyleElement(styleElement);
-                       };
-               }
-
-               update(obj);
-
-               return function updateStyle(newObj) {
-                       if(newObj) {
-                               if(newObj.css === obj.css && newObj.media === 
obj.media && newObj.sourceMap === obj.sourceMap)
-                                       return;
-                               update(obj = newObj);
-                       } else {
-                               remove();
-                       }
-               };
-       }
-
-       var replaceText = (function () {
-               var textStore = [];
-
-               return function (index, replacement) {
-                       textStore[index] = replacement;
-                       return textStore.filter(Boolean).join('\n');
-               };
-       })();
-
-       function applyToSingletonTag(styleElement, index, remove, obj) {
-               var css = remove ? "" : obj.css;
-
-               if (styleElement.styleSheet) {
-                       styleElement.styleSheet.cssText = replaceText(index, 
css);
-               } else {
-                       var cssNode = document.createTextNode(css);
-                       var childNodes = styleElement.childNodes;
-                       if (childNodes[index]) 
styleElement.removeChild(childNodes[index]);
-                       if (childNodes.length) {
-                               styleElement.insertBefore(cssNode, 
childNodes[index]);
-                       } else {
-                               styleElement.appendChild(cssNode);
-                       }
-               }
-       }
-
-       function applyToTag(styleElement, obj) {
-               var css = obj.css;
-               var media = obj.media;
-               var sourceMap = obj.sourceMap;
-
-               if (media) {
-                       styleElement.setAttribute("media", media);
-               }
-
-               if (sourceMap) {
-                       // 
https://developer.chrome.com/devtools/docs/javascript-debugging
-                       // this makes source maps inside style tags work 
properly in Chrome
-                       css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' 
*/';
-                       // http://stackoverflow.com/a/26603875
-                       css += "\n/*# 
sourceMappingURL=data:application/json;base64," + 
btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
-               }
-
-               if (styleElement.styleSheet) {
-                       styleElement.styleSheet.cssText = css;
-               } else {
-                       while(styleElement.firstChild) {
-                               
styleElement.removeChild(styleElement.firstChild);
-                       }
-                       styleElement.appendChild(document.createTextNode(css));
-               }
-       }
-
-
-/***/ },
-/* 8 */
-/***/ function(module, exports) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var dom = weex.requireModule('dom');
-
-       exports.default = {
-         data: function data() {
-           return {
-             rows: []
-           };
-         },
-         created: function created() {
-           for (var i = 0; i < 30; i++) {
-             this.rows.push('row ' + i);
-           }
-         },
-
-         methods: {
-           goto10: function goto10(count) {
-             var el = this.$refs.item10[0];
-             dom.scrollToElement(el, {});
-           },
-           goto20: function goto20(count) {
-             var el = this.$refs.item20[0];
-             dom.scrollToElement(el, { offset: 0 });
-           }
-         }
-       };
-
-/***/ },
-/* 9 */
-/***/ function(module, exports, __webpack_require__) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: "wrapper"
-         }, [_c('scroller', {
-           staticClass: "scroller"
-         }, _vm._l((_vm.rows), function(name, index) {
-           return _c('div', {
-             ref: 'item' + index,
-             refInFor: true,
-             staticClass: "row"
-           }, [_c('text', {
-             ref: 'text' + index,
-             refInFor: true,
-             staticClass: "text"
-           }, [_vm._v(_vm._s(name))])])
-         })), _vm._v(" "), _c('div', {
-           staticClass: "group"
-         }, [_c('text', {
-           staticClass: "button",
-           on: {
-             "click": _vm.goto10
-           }
-         }, [_vm._v("Go to 10")]), _vm._v(" "), _c('text', {
-           staticClass: "button",
-           on: {
-             "click": _vm.goto20
-           }
-         }, [_vm._v("Go to 20")])])], 1)
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-       if (false) {
-         module.hot.accept()
-         if (module.hot.data) {
-            
require("vue-loader/node_modules/vue-hot-reload-api").rerender("data-v-ca1ab54c",
 module.exports)
-         }
-       }
-
-/***/ },
-/* 10 */
-/***/ function(module, exports, __webpack_require__) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('example')
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-       if (false) {
-         module.hot.accept()
-         if (module.hot.data) {
-            
require("vue-loader/node_modules/vue-hot-reload-api").rerender("data-v-474ddc19",
 module.exports)
-         }
-       }
-
-/***/ }
-/******/ ]);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8162f8c2/doc/themes/weex/source/js/examples/dom-scroll.weex.js
----------------------------------------------------------------------
diff --git a/doc/themes/weex/source/js/examples/dom-scroll.weex.js 
b/doc/themes/weex/source/js/examples/dom-scroll.weex.js
deleted file mode 100644
index 97a242c..0000000
--- a/doc/themes/weex/source/js/examples/dom-scroll.weex.js
+++ /dev/null
@@ -1,288 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* script */
-       __vue_exports__ = __webpack_require__(1)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(6)
-       __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/YunDong/Projects/weex-vue-demo/src/App.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__
-       module.exports.el = 'body'
-       new Vue(module.exports)
-
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-
-       var _scroll = __webpack_require__(2);
-
-       var _scroll2 = _interopRequireDefault(_scroll);
-
-       function _interopRequireDefault(obj) { return obj && obj.__esModule ? 
obj : { default: obj }; }
-
-       exports.default = {
-         components: { Example: _scroll2.default }
-       }; //
-       //
-       //
-       //
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(3)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(4)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(5)
-       __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/YunDong/Projects/weex-vue-demo/src/modules/dom/scroll.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__
-
-
-/***/ },
-/* 3 */
-/***/ function(module, exports) {
-
-       module.exports = {
-         "scroller": {
-           "width": 700,
-           "height": 700,
-           "borderWidth": 3,
-           "borderStyle": "solid",
-           "borderColor": "rgb(162,217,192)",
-           "marginLeft": 25
-         },
-         "row": {
-           "height": 100,
-           "flexDirection": "column",
-           "justifyContent": "center",
-           "paddingLeft": 30,
-           "borderBottomWidth": 2,
-           "borderBottomStyle": "solid",
-           "borderBottomColor": "#DDDDDD"
-         },
-         "text": {
-           "fontSize": 45,
-           "color": "#666666"
-         },
-         "group": {
-           "flexDirection": "row",
-           "justifyContent": "center",
-           "marginTop": 60
-         },
-         "button": {
-           "width": 200,
-           "paddingTop": 20,
-           "paddingBottom": 20,
-           "fontSize": 40,
-           "marginLeft": 30,
-           "marginRight": 30,
-           "textAlign": "center",
-           "color": "#41B883",
-           "borderWidth": 2,
-           "borderStyle": "solid",
-           "borderColor": "rgb(162,217,192)",
-           "backgroundColor": "rgba(162,217,192,0.2)"
-         }
-       }
-
-/***/ },
-/* 4 */
-/***/ function(module, exports) {
-
-       'use strict';
-
-       Object.defineProperty(exports, "__esModule", {
-         value: true
-       });
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var dom = weex.requireModule('dom');
-
-       exports.default = {
-         data: function data() {
-           return {
-             rows: []
-           };
-         },
-         created: function created() {
-           for (var i = 0; i < 30; i++) {
-             this.rows.push('row ' + i);
-           }
-         },
-
-         methods: {
-           goto10: function goto10(count) {
-             var el = this.$refs.item10[0];
-             dom.scrollToElement(el, {});
-           },
-           goto20: function goto20(count) {
-             var el = this.$refs.item20[0];
-             dom.scrollToElement(el, { offset: 0 });
-           }
-         }
-       };
-
-/***/ },
-/* 5 */
-/***/ function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _h('div', {
-           staticClass: ["wrapper"]
-         }, [_h('scroller', {
-           staticClass: ["scroller"]
-         }, [_vm._l((_vm.rows), function(name, index) {
-           return _h('div', {
-             ref: 'item' + index,
-             refInFor: true,
-             staticClass: ["row"]
-           }, [_h('text', {
-             ref: 'text' + index,
-             refInFor: true,
-             staticClass: ["text"]
-           }, [_vm._s(name)])])
-         })]), _h('div', {
-           staticClass: ["group"]
-         }, [_h('text', {
-           staticClass: ["button"],
-           on: {
-             "click": _vm.goto10
-           }
-         }, ["Go to 10"]), _h('text', {
-           staticClass: ["button"],
-           on: {
-             "click": _vm.goto20
-           }
-         }, ["Go to 20"])])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ },
-/* 6 */
-/***/ function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _h('example')
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ }
-/******/ ]);
\ No newline at end of file

Reply via email to