http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue-web/vue/components/image.js ---------------------------------------------------------------------- diff --git a/android/playground/app/src/main/assets/vue-web/vue/components/image.js b/android/playground/app/src/main/assets/vue-web/vue/components/image.js deleted file mode 100644 index 6d4de61..0000000 --- a/android/playground/app/src/main/assets/vue-web/vue/components/image.js +++ /dev/null @@ -1,1144 +0,0 @@ -// NOTE: for vue2.0 and platform:web only. - -/******/ (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 App = __webpack_require__(38) - App.el = '#root' - new Vue(App) - - -/***/ }), -/* 1 */, -/* 2 */, -/* 3 */, -/* 4 */ -/***/ (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; - }; - - -/***/ }), -/* 5 */ -/***/ (function(module, exports, __webpack_require__) { - - /* - MIT License http://www.opensource.org/licenses/mit-license.php - Author Tobias Koppers @sokra - Modified by Evan You @yyx990803 - */ - - var hasDocument = typeof document !== 'undefined' - - if (false) { - if (!hasDocument) { - throw new Error( - 'vue-style-loader cannot be used in a non-browser environment. ' + - "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment." - ) } - } - - var listToStyles = __webpack_require__(6) - - /* - type StyleObject = { - id: number; - parts: Array<StyleObjectPart> - } - - type StyleObjectPart = { - css: string; - media: string; - sourceMap: ?string - } - */ - - var stylesInDom = {/* - [id: number]: { - id: number, - refs: number, - parts: Array<(obj?: StyleObjectPart) => void> - } - */} - - var head = hasDocument && (document.head || document.getElementsByTagName('head')[0]) - var singletonElement = null - var singletonCounter = 0 - var isProduction = false - var noop = function () {} - - // Force single-tag solution on IE6-9, which has a hard limit on the # of <style> - // tags it will allow on a page - var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase()) - - module.exports = function (parentId, list, _isProduction) { - isProduction = _isProduction - - var styles = listToStyles(parentId, list) - addStylesToDom(styles) - - 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) { - styles = listToStyles(parentId, newList) - addStylesToDom(styles) - } else { - styles = [] - } - 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 /* Array<StyleObject> */) { - 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])) - } - if (domStyle.parts.length > item.parts.length) { - domStyle.parts.length = item.parts.length - } - } else { - var parts = [] - for (var j = 0; j < item.parts.length; j++) { - parts.push(addStyle(item.parts[j])) - } - stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts } - } - } - } - - function createStyleElement () { - var styleElement = document.createElement('style') - styleElement.type = 'text/css' - head.appendChild(styleElement) - return styleElement - } - - function addStyle (obj /* StyleObjectPart */) { - var update, remove - var styleElement = document.querySelector('style[data-vue-ssr-id~="' + obj.id + '"]') - - if (styleElement) { - if (isProduction) { - // has SSR styles and in production mode. - // simply do nothing. - return noop - } else { - // has SSR styles but in dev mode. - // for some reason Chrome can't handle source map in server-rendered - // style tags - source maps in <style> only works if the style tag is - // created and inserted dynamically. So we remove the server rendered - // styles and inject new ones. - styleElement.parentNode.removeChild(styleElement) - } - } - - if (isOldIE) { - // use singleton mode for IE9. - var styleIndex = singletonCounter++ - styleElement = singletonElement || (singletonElement = createStyleElement()) - update = applyToSingletonTag.bind(null, styleElement, styleIndex, false) - remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true) - } else { - // use multi-style-tag mode in all other cases - styleElement = createStyleElement() - update = applyToTag.bind(null, styleElement) - remove = function () { - styleElement.parentNode.removeChild(styleElement) - } - } - - update(obj) - - return function updateStyle (newObj /* StyleObjectPart */) { - 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)) - } - } - - -/***/ }), -/* 6 */ -/***/ (function(module, exports) { - - /** - * Translates the list format produced by css-loader into something - * easier to manipulate. - */ - module.exports = function listToStyles (parentId, 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 = { - id: parentId + ':' + i, - 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 - } - - -/***/ }), -/* 7 */ -/***/ (function(module, exports) { - - /* globals __VUE_SSR_CONTEXT__ */ - - // this module is a runtime utility for cleaner component module output and will - // be included in the final webpack user bundle - - module.exports = function normalizeComponent ( - rawScriptExports, - compiledTemplate, - injectStyles, - scopeId, - moduleIdentifier /* server only */ - ) { - var esModule - var scriptExports = rawScriptExports = rawScriptExports || {} - - // ES6 modules interop - var type = typeof rawScriptExports.default - if (type === 'object' || type === 'function') { - esModule = rawScriptExports - scriptExports = rawScriptExports.default - } - - // Vue.extend constructor export interop - var options = typeof scriptExports === 'function' - ? scriptExports.options - : scriptExports - - // render functions - if (compiledTemplate) { - options.render = compiledTemplate.render - options.staticRenderFns = compiledTemplate.staticRenderFns - } - - // scopedId - if (scopeId) { - options._scopeId = scopeId - } - - var hook - if (moduleIdentifier) { // server build - hook = function (context) { - // 2.3 injection - context = - context || // cached call - (this.$vnode && this.$vnode.ssrContext) || // stateful - (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional - // 2.2 with runInNewContext: true - if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { - context = __VUE_SSR_CONTEXT__ - } - // inject component styles - if (injectStyles) { - injectStyles.call(this, context) - } - // register component module identifier for async chunk inferrence - if (context && context._registeredComponents) { - context._registeredComponents.add(moduleIdentifier) - } - } - // used by ssr in case component is cached and beforeCreate - // never gets called - options._ssrRegister = hook - } else if (injectStyles) { - hook = injectStyles - } - - if (hook) { - var functional = options.functional - var existing = functional - ? options.render - : options.beforeCreate - if (!functional) { - // inject component registration as beforeCreate hook - options.beforeCreate = existing - ? [].concat(existing, hook) - : [hook] - } else { - // register for functioal component in vue file - options.render = function renderWithStyleInjection (h, context) { - hook.call(context) - return existing(h, context) - } - } - } - - return { - esModule: esModule, - exports: scriptExports, - options: options - } - } - - -/***/ }), -/* 8 */, -/* 9 */ -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(10) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(12), - /* template */ - __webpack_require__(13), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-66798af2", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/panel.vue" - if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")} - if (Component.options.functional) {console.error("[vue-loader] panel.vue: functional components are not supported with templates, they should use render functions.")} - - /* hot reload */ - if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-66798af2", Component.options) - } else { - hotAPI.reload("data-v-66798af2", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), -/* 10 */ -/***/ (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__(11); - if(typeof content === 'string') content = [[module.id, content, '']]; - if(content.locals) module.exports = content.locals; - // add the styles to the DOM - var update = __webpack_require__(5)("392aaf4e", content, false); - // 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-compiler/index.js?{\"vue\":true,\"id\":\"data-v-66798af2\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./panel.vue", function() { - var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-66798af2\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./panel.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(); }); - } - -/***/ }), -/* 11 */ -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.panel[data-v-66798af2] {\n margin-bottom: 20px;\n background-color: #fff;\n /*border: 1px solid transparent;*/\n /*border-radius: 10px;*/\n /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);*/\n /*box-shadow: 0 1px 1px rgba(0,0,0,.05);*/\n border-color: #dddddd;\n border-width: 1px;\n}\n.panel-default[data-v-66798af2] {\n}\n.panel-primary[data-v-66798af2] {\n border-color: rgb(40, 96, 144);\n}\n.panel-success[data-v-66798af2] {\n border-color: rgb(76, 174, 76);\n}\n.panel-info[data-v-66798af2] {\n border-color: rgb(70, 184, 218);\n}\n.panel-warning[data-v-66798af2] {\n border-color: rgb(238, 162, 54);\n}\n.panel-danger[data-v-66798af2] {\n border-color: rgb(212, 63, 58);\n}\n.panel-header[data-v-66798af2] {\n background-color: #f5f5f5;\n font-size: 40px;\n /*padding-left: 12px;*/\n /*padding-right: 12px;*/\n /*padding-top: 20px;*/\n /*padding-bottom: 20px;*/\n color: #333;\n}\n.panel-header-default[data-v-66798af2] {\n}\n.panel-header- primary[data-v-66798af2] {\n background-color: rgb(40, 96, 144);\n color: #ffffff;\n}\n.panel-header-success[data-v-66798af2] {\n background-color: rgb(92, 184, 92);\n color: #ffffff;\n}\n.panel-header-info[data-v-66798af2] {\n background-color: rgb(91, 192, 222);\n color: #ffffff;\n}\n.panel-header-warning[data-v-66798af2] {\n background-color: rgb(240, 173, 78);\n color: #ffffff;\n}\n.panel-header-danger[data-v-66798af2] {\n background-color: rgb(217, 83, 79);\n color: #ffffff;\n}\n.panel-body[data-v-66798af2] {\n padding-left: 12px;\n padding-right: 12px;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n.panel-body-default[data-v-66798af2] {\n}\n.panel-body-primary[data-v-66798af2] {\n}\n.panel-body-success[data-v-66798af2] {\n}\n.panel-body-info[data-v-66798af2] {\n}\n.panel-body-warning[data-v-66798af2] {\n}\n.panel-body-danger[data-v-66798af2] {\n}\n", ""]); - - // exports - - -/***/ }), -/* 12 */ -/***/ (function(module, exports) { - - 'use strict'; - - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - module.exports = { - props: { - type: { default: 'default' }, - title: { default: '' }, - paddingBody: { default: 20 }, - paddingHead: { default: 20 }, - dataClass: { default: '' }, // FIXME transfer class - border: { default: 0 } - } - }; - -/***/ }), -/* 13 */ -/***/ (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', { - class: ['panel', 'panel-' + _vm.type], - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle({ - borderWidth: _vm.border - })) - }, [_c('text', { - class: ['panel-header', 'panel-header-' + _vm.type], - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle({ - paddingTop: _vm.paddingHead, - paddingBottom: _vm.paddingHead, - paddingLeft: _vm.paddingHead * 1.5, - paddingRight: _vm.paddingHead * 1.5 - })) - }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _c('div', { - class: ['panel-body', 'panel-body-' + _vm.type], - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle({ - paddingTop: _vm.paddingBody, - paddingBottom: _vm.paddingBody, - paddingLeft: _vm.paddingBody * 1.5, - paddingRight: _vm.paddingBody * 1.5 - })) - }, [_vm._t("default")], 2)]) - },staticRenderFns: []} - module.exports.render._withStripped = true - if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api").rerender("data-v-66798af2", module.exports) - } - } - -/***/ }), -/* 14 */, -/* 15 */, -/* 16 */, -/* 17 */, -/* 18 */, -/* 19 */, -/* 20 */, -/* 21 */, -/* 22 */ -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(23) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(25), - /* template */ - __webpack_require__(26), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-f15788ee", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/tip.vue" - if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")} - if (Component.options.functional) {console.error("[vue-loader] tip.vue: functional components are not supported with templates, they should use render functions.")} - - /* hot reload */ - if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-f15788ee", Component.options) - } else { - hotAPI.reload("data-v-f15788ee", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), -/* 23 */ -/***/ (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__(24); - if(typeof content === 'string') content = [[module.id, content, '']]; - if(content.locals) module.exports = content.locals; - // add the styles to the DOM - var update = __webpack_require__(5)("b14ba53e", content, false); - // 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-compiler/index.js?{\"vue\":true,\"id\":\"data-v-f15788ee\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./tip.vue", function() { - var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-f15788ee\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./tip.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(); }); - } - -/***/ }), -/* 24 */ -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.tip[data-v-f15788ee] {\n padding-left: 36px;\n padding-right: 36px;\n padding-top: 36px;\n padding-bottom: 36px;\n border-radius: 10px;\n}\n.tip-txt[data-v-f15788ee]{\n font-size: 28px;\n}\n.tip-success[data-v-f15788ee] {\n background-color: #dff0d8;\n border-color: #d6e9c6;\n}\n.tip-txt-success[data-v-f15788ee] {\n color: #3c763d;\n}\n.tip-info[data-v-f15788ee] {\n background-color: #d9edf7;\n border-color: #bce8f1;\n}\n.tip-txt-info[data-v-f15788ee] {\n color: #31708f;\n}\n.tip-warning[data-v-f15788ee] {\n background-color: #fcf8e3;\n border-color: #faebcc;\n}\n.tip-txt-warning[data-v-f15788ee] {\n color: #8a6d3b;\n}\n.tip-danger[data-v-f15788ee] {\n background-color: #f2dede;\n border-color: #ebccd1;\n}\n.tip-txt-danger[data-v-f15788ee] {\n color: #a94442;\n}\n", ""]); - - // exports - - -/***/ }), -/* 25 */ -/***/ (function(module, exports) { - - 'use strict'; - - // - // - // - // - // - // - // - - module.exports = { - props: { - type: { default: 'success' }, - value: { default: '' } - } - }; - -/***/ }), -/* 26 */ -/***/ (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', { - class: ['tip', 'tip-' + _vm.type], - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - class: ['tip-txt', 'tip-txt-' + _vm.type], - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }, [_vm._v(_vm._s(_vm.value))])]) - },staticRenderFns: []} - module.exports.render._withStripped = true - if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api").rerender("data-v-f15788ee", module.exports) - } - } - -/***/ }), -/* 27 */, -/* 28 */, -/* 29 */, -/* 30 */, -/* 31 */, -/* 32 */, -/* 33 */, -/* 34 */, -/* 35 */, -/* 36 */, -/* 37 */, -/* 38 */ -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(39) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(41), - /* template */ - __webpack_require__(42), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-1291d6c6", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/components/image.vue" - if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")} - if (Component.options.functional) {console.error("[vue-loader] image.vue: functional components are not supported with templates, they should use render functions.")} - - /* hot reload */ - if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-1291d6c6", Component.options) - } else { - hotAPI.reload("data-v-1291d6c6", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), -/* 39 */ -/***/ (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__(40); - if(typeof content === 'string') content = [[module.id, content, '']]; - if(content.locals) module.exports = content.locals; - // add the styles to the DOM - var update = __webpack_require__(5)("3a490f10", content, false); - // 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-compiler/index.js?{\"vue\":true,\"id\":\"data-v-1291d6c6\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./image.vue", function() { - var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-1291d6c6\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./image.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(); }); - } - -/***/ }), -/* 40 */ -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.img[data-v-1291d6c6] {\n margin-bottom: 20px;\n}\n", ""]); - - // exports - - -/***/ }), -/* 41 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - module.exports = { - data: function data() { - return { - img: '//gw.alicdn.com/tps/i2/TB1DpsmMpXXXXabaXXX20ySQVXX-512-512.png_400x400.jpg' - }; - }, - components: { - panel: __webpack_require__(9), - tip: __webpack_require__(22) - } - }; - -/***/ }), -/* 42 */ -/***/ (function(module, exports, __webpack_require__) { - - module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; - return _c('scroller', [_c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "width x height", - "type": "primary" - } - }, [_c('tip', { - staticStyle: _vm.$processStyle({ - "margin-bottom": "20px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "warning", - "value": "Weex screen width is 750" - } - }), _vm._v(" "), _c('div', { - staticStyle: _vm.$processStyle({ - "flex-direction": "row" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "300px", - "height": "300px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": _vm.img - } - }), _vm._v(" "), _c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "200px", - "height": "200px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": _vm.img - } - }), _vm._v(" "), _c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "50px", - "height": "50px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": _vm.img - } - })])], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "GIF Animation", - "type": "primary" - } - }, [_c('tip', { - staticStyle: _vm.$processStyle({ - "margin-bottom": "20px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "warning", - "value": "Depanding on Native ImageSDK" - } - }), _vm._v(" "), _c('div', { - staticStyle: _vm.$processStyle({ - "flex-direction": "row" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "96px", - "height": "96px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": "https://gtd.alicdn.com/tps/i4/T1HcvHXd4nXXb6ROYh-48-48.gif"; - } - }), _vm._v(" "), _c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "68px", - "height": "68px", - "margin-left": "20px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": "https://gw.alicdn.com/tps/TB1El.mKXXXXXXyapXXXXXXXXXX-34-34.gif"; - } - })])], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "Base64", - "type": "primary" - } - }, [_c('tip', { - staticStyle: _vm.$processStyle({ - "margin-bottom": "20px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "warning", - "value": "Depanding on Native ImageSDK" - } - }), _vm._v(" "), _c('div', { - staticStyle: _vm.$processStyle({ - "flex-direction": "row" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "96px", - "height": "96px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1QTFRFhomSb3J8XGBrdnqDgYWNlJefV1tmfoGKU1diT1NfgISNgoWOYmZwio2Vi4+Wc3eAkJObZGhzUlZiaGt2U1djfYCKZGdyhYiQeHyFio6VgYWOVVllbHB6XWFsY2ZxaWx3jZCYXmFsfYCJcnZ/UVVham54V1tng4aPb3N8WV1pX2JtZWl0YWVvVlpmiYyUWVxohomRd3uEdHiBeX2GZ2t1hIeQVFhkf4OMbnJ8fYGKdnqEb3N9kJScY2dycnaAjpKZdHeBjpKajI+Yc3eBhYiRf4KLXmFtio6Wi4+XjZCZkJSbkZScjI+XlJifTlJe+rAZcwAAAZBJREFUeNp0lOeWgjAQhSdUBQRRbFjX7tpW3XUt23tL3v9xNigJIHh/zRk+5iR3ZgIkULWmwgv+A7VWDWWBR/nSt2gLUzIVbLH1lo8RRW1wEfqxPtCKUaKTMUhURuUhTIi6Q07l6LuAEFdpEld6tWNEx00CKKJ3jsR1xSHJcj4bB+LmkpxT49Yj8mqQUVBBciUk8ITepESJ+5AqY1+uwny5IjDPcADoN0BIwjLOsjKZOewtbi/9fvi338a44CetIai2H/cokPLj9tfEj2wVzD4rIWMlfpu+CXc5Pw4qh5X7AUw4gZIswUENGT8lAN1fMBVeAxIIxYR3Nin0imOe52emdxkyP8aY+0S9Y2d63cNoxvACRTaeI70slst+cjYCAnXmuuS1RKKmy1hKBX0hzaC3KOsxsmz2Ir2NzMcEbVCo+cf5oDOWOzNAucpxxoglnZlT1+KzXk4kymKwL4ttN+73dhHeuWV85zLL073Vw3v7MdDuE3a/JRrCmqwFQ2yV8gmvg/d+aPCMH0GLvB// AgwAo1MTpxsaxVoAAAAASUVORK5CYII=" - } - }), _vm._v(" "), _c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "68px", - "height": "68px", - "margin-left": "20px" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": "data:image/gif;base64,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" - } - })])], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "resize", - "type": "primary" - } - }, [_c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "resize=stretch(default) 600 x 200 " - } - }, [_c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "600px", - "height": "200px", - "border-style": "solid", - "border-width": "1px", - "border-color": "#333" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": _vm.img, - "resize": "stretch" - } - })]), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "resize=contain 600 x 200 " - } - }, [_c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "600px", - "height": "200px", - "border-style": "solid", - "border-width": "1px", - "border-color": "#333" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": _vm.img, - "resize": "contain" - } - })]), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "resize=cover 600 x 200" - } - }, [_c('image', { - staticClass: "img", - staticStyle: _vm.$processStyle({ - "width": "600px", - "height": "200px", - "border-style": "solid", - "border-width": "1px", - "border-color": "#333" - }), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": _vm.img, - "resize": "cover" - } - })])], 1)], 1) - },staticRenderFns: []} - module.exports.render._withStripped = true - if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api").rerender("data-v-1291d6c6", module.exports) - } - } - -/***/ }) -/******/ ]); \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue-web/vue/components/input.js ---------------------------------------------------------------------- diff --git a/android/playground/app/src/main/assets/vue-web/vue/components/input.js b/android/playground/app/src/main/assets/vue-web/vue/components/input.js deleted file mode 100644 index 7a08db8..0000000 --- a/android/playground/app/src/main/assets/vue-web/vue/components/input.js +++ /dev/null @@ -1,1283 +0,0 @@ -// NOTE: for vue2.0 and platform:web only. - -/******/ (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 App = __webpack_require__(43) - App.el = '#root' - new Vue(App) - - -/***/ }), - -/***/ 4: -/***/ (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; - }; - - -/***/ }), - -/***/ 5: -/***/ (function(module, exports, __webpack_require__) { - - /* - MIT License http://www.opensource.org/licenses/mit-license.php - Author Tobias Koppers @sokra - Modified by Evan You @yyx990803 - */ - - var hasDocument = typeof document !== 'undefined' - - if (false) { - if (!hasDocument) { - throw new Error( - 'vue-style-loader cannot be used in a non-browser environment. ' + - "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment." - ) } - } - - var listToStyles = __webpack_require__(6) - - /* - type StyleObject = { - id: number; - parts: Array<StyleObjectPart> - } - - type StyleObjectPart = { - css: string; - media: string; - sourceMap: ?string - } - */ - - var stylesInDom = {/* - [id: number]: { - id: number, - refs: number, - parts: Array<(obj?: StyleObjectPart) => void> - } - */} - - var head = hasDocument && (document.head || document.getElementsByTagName('head')[0]) - var singletonElement = null - var singletonCounter = 0 - var isProduction = false - var noop = function () {} - - // Force single-tag solution on IE6-9, which has a hard limit on the # of <style> - // tags it will allow on a page - var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase()) - - module.exports = function (parentId, list, _isProduction) { - isProduction = _isProduction - - var styles = listToStyles(parentId, list) - addStylesToDom(styles) - - 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) { - styles = listToStyles(parentId, newList) - addStylesToDom(styles) - } else { - styles = [] - } - 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 /* Array<StyleObject> */) { - 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])) - } - if (domStyle.parts.length > item.parts.length) { - domStyle.parts.length = item.parts.length - } - } else { - var parts = [] - for (var j = 0; j < item.parts.length; j++) { - parts.push(addStyle(item.parts[j])) - } - stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts } - } - } - } - - function createStyleElement () { - var styleElement = document.createElement('style') - styleElement.type = 'text/css' - head.appendChild(styleElement) - return styleElement - } - - function addStyle (obj /* StyleObjectPart */) { - var update, remove - var styleElement = document.querySelector('style[data-vue-ssr-id~="' + obj.id + '"]') - - if (styleElement) { - if (isProduction) { - // has SSR styles and in production mode. - // simply do nothing. - return noop - } else { - // has SSR styles but in dev mode. - // for some reason Chrome can't handle source map in server-rendered - // style tags - source maps in <style> only works if the style tag is - // created and inserted dynamically. So we remove the server rendered - // styles and inject new ones. - styleElement.parentNode.removeChild(styleElement) - } - } - - if (isOldIE) { - // use singleton mode for IE9. - var styleIndex = singletonCounter++ - styleElement = singletonElement || (singletonElement = createStyleElement()) - update = applyToSingletonTag.bind(null, styleElement, styleIndex, false) - remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true) - } else { - // use multi-style-tag mode in all other cases - styleElement = createStyleElement() - update = applyToTag.bind(null, styleElement) - remove = function () { - styleElement.parentNode.removeChild(styleElement) - } - } - - update(obj) - - return function updateStyle (newObj /* StyleObjectPart */) { - 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)) - } - } - - -/***/ }), - -/***/ 6: -/***/ (function(module, exports) { - - /** - * Translates the list format produced by css-loader into something - * easier to manipulate. - */ - module.exports = function listToStyles (parentId, 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 = { - id: parentId + ':' + i, - 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 - } - - -/***/ }), - -/***/ 7: -/***/ (function(module, exports) { - - /* globals __VUE_SSR_CONTEXT__ */ - - // this module is a runtime utility for cleaner component module output and will - // be included in the final webpack user bundle - - module.exports = function normalizeComponent ( - rawScriptExports, - compiledTemplate, - injectStyles, - scopeId, - moduleIdentifier /* server only */ - ) { - var esModule - var scriptExports = rawScriptExports = rawScriptExports || {} - - // ES6 modules interop - var type = typeof rawScriptExports.default - if (type === 'object' || type === 'function') { - esModule = rawScriptExports - scriptExports = rawScriptExports.default - } - - // Vue.extend constructor export interop - var options = typeof scriptExports === 'function' - ? scriptExports.options - : scriptExports - - // render functions - if (compiledTemplate) { - options.render = compiledTemplate.render - options.staticRenderFns = compiledTemplate.staticRenderFns - } - - // scopedId - if (scopeId) { - options._scopeId = scopeId - } - - var hook - if (moduleIdentifier) { // server build - hook = function (context) { - // 2.3 injection - context = - context || // cached call - (this.$vnode && this.$vnode.ssrContext) || // stateful - (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional - // 2.2 with runInNewContext: true - if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { - context = __VUE_SSR_CONTEXT__ - } - // inject component styles - if (injectStyles) { - injectStyles.call(this, context) - } - // register component module identifier for async chunk inferrence - if (context && context._registeredComponents) { - context._registeredComponents.add(moduleIdentifier) - } - } - // used by ssr in case component is cached and beforeCreate - // never gets called - options._ssrRegister = hook - } else if (injectStyles) { - hook = injectStyles - } - - if (hook) { - var functional = options.functional - var existing = functional - ? options.render - : options.beforeCreate - if (!functional) { - // inject component registration as beforeCreate hook - options.beforeCreate = existing - ? [].concat(existing, hook) - : [hook] - } else { - // register for functioal component in vue file - options.render = function renderWithStyleInjection (h, context) { - hook.call(context) - return existing(h, context) - } - } - } - - return { - esModule: esModule, - exports: scriptExports, - options: options - } - } - - -/***/ }), - -/***/ 43: -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(44) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(46), - /* template */ - __webpack_require__(47), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-de6618e8", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/components/input.vue" - if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")} - if (Component.options.functional) {console.error("[vue-loader] input.vue: functional components are not supported with templates, they should use render functions.")} - - /* hot reload */ - if (false) {(function () { - var hotAPI = require("vue-hot-reload-api") - hotAPI.install(require("vue"), false) - if (!hotAPI.compatible) return - module.hot.accept() - if (!module.hot.data) { - hotAPI.createRecord("data-v-de6618e8", Component.options) - } else { - hotAPI.reload("data-v-de6618e8", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), - -/***/ 44: -/***/ (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__(45); - if(typeof content === 'string') content = [[module.id, content, '']]; - if(content.locals) module.exports = content.locals; - // add the styles to the DOM - var update = __webpack_require__(5)("ab21e8f8", content, false); - // 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-compiler/index.js?{\"vue\":true,\"id\":\"data-v-de6618e8\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./input.vue", function() { - var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-de6618e8\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./input.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(); }); - } - -/***/ }), - -/***/ 45: -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.input[data-v-de6618e8] {\n font-size: 60px;\n height: 80px;\n width: 750px;\n}\n.button[data-v-de6618e8] {\n font-size: 36;\n width: 200;\n color: #41B883;\n text-align: center;\n padding-top: 10;\n padding-bottom: 10;\n border-width: 2;\n border-style: solid;\n margin-right: 20;\n border-color: rgb(162, 217, 192);\n background-color: rgba(162, 217, 192, 0.2);\n}\n", ""]); - - // exports - - -/***/ }), - -/***/ 46: -/***/ (function(module, exports) { - - 'use strict'; - - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - module.exports = { - data: function data() { - return { - txtInput: '', - txtChange: '', - txtReturnType: '', - txtSelection: '', - autofocus: false - }; - }, - methods: { - ready: function ready() { - var self = this; - setTimeout(function () { - self.autofocus = true; - }, 1000); - }, - onchange: function onchange(event) { - this.txtChange = event.value; - console.log('onchange', event.value); - }, - onreturn: function onreturn(event) { - this.txtReturnType = event.returnKeyType; - console.log('onreturn', event.type); - }, - oninput: function oninput(event) { - this.txtInput = event.value; - console.log('oninput', event.value); - }, - focus: function focus() { - this.$refs['input1'].focus(); - }, - blur: function blur() { - this.$refs['input1'].blur(); - }, - setRange: function setRange() { - console.log(this.$refs["inputselection"]); - this.$refs["inputselection"].setSelectionRange(2, 6); - }, - getSelectionRange: function getSelectionRange() { - console.log(this.$refs["inputselection"]); - var self = this; - this.$refs["inputselection"].getSelectionRange(function (e) { - self.txtSelection = e.selectionStart + '-' + e.selectionEnd; - }); - } - } - }; - -/***/ }), - -/***/ 47: -/***/ (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', [_c('div', [_c('text', { - staticStyle: _vm.$processStyle({ - "font-size": "40px" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("oninput: " + _vm._s(_vm.txtInput))]), _vm._v(" "), _c('text', { - staticStyle: _vm.$processStyle({ - "font-size": "40px" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("onchange: " + _vm._s(_vm.txtChange))]), _vm._v(" "), _c('text', { - staticStyle: _vm.$processStyle({ - "font-size": "40px" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("onreturntype: " + _vm._s(_vm.txtReturnType))]), _vm._v(" "), _c('text', { - staticStyle: _vm.$processStyle({ - "font-size": "40px" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("selection: " + _vm._s(_vm.txtSelection))])]), _vm._v(" "), _c('scroller', [_c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = text")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "Input Text", - "autofocus": true, - "value": "" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = password")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "password", - "placeholder": "Input Password" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = url")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "url", - "placeholder": "Input URL" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = email")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "email", - "placeholder": "Input Email" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = tel")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "tel", - "placeholder": "Input Tel" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = time")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "time", - "placeholder": "Input Time" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = number")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "number", - "placeholder": "Input number" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input type = date")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "date", - "placeholder": "Input Date", - "max": "2017-12-12", - "min": "2015-01-01" - }, - on: { - "change": _vm.onchange, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input return-key-type = default")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "please input", - "return-key-type": "default" - }, - on: { - "change": _vm.onchange, - "return": _vm.onreturn, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input return-key-type = go")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "please input", - "return-key-type": "go" - }, - on: { - "change": _vm.onchange, - "return": _vm.onreturn, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input return-key-type = next")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "please input", - "return-key-type": "next" - }, - on: { - "change": _vm.onchange, - "return": _vm.onreturn, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input return-key-type = search")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "please input", - "return-key-type": "search" - }, - on: { - "change": _vm.onchange, - "return": _vm.onreturn, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input return-key-type = send")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "please input", - "return-key-type": "send" - }, - on: { - "change": _vm.onchange, - "return": _vm.onreturn, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input return-key-type = done")])]), _vm._v(" "), _c('input', { - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "please input", - "return-key-type": "done" - }, - on: { - "change": _vm.onchange, - "return": _vm.onreturn, - "input": _vm.oninput - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("function focus() & blur()")])]), _vm._v(" "), _c('div', { - staticStyle: _vm.$processStyle({ - "flex-direction": "row", - "margin-bottom": "16px", - "justify-content": "space-between" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "button", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "value": "Focus", - "type": "primary" - }, - on: { - "click": _vm.focus - } - }), _vm._v(" "), _c('text', { - staticClass: "button", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "value": "Blur", - "type": "primary" - }, - on: { - "click": _vm.blur - } - })]), _vm._v(" "), _c('input', { - ref: "input1", - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "Input1", - "value": "" - } - })]), _vm._v(" "), _c('div', [_c('div', { - staticStyle: _vm.$processStyle({ - "background-color": "#286090" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "title", - staticStyle: _vm.$processStyle({ - "height": "80", - "padding": "20", - "color": "#FFFFFF" - }), - style: (_vm.$processStyle(undefined)) - }, [_vm._v("input selection")])]), _vm._v(" "), _c('div', { - staticStyle: _vm.$processStyle({ - "flex-direction": "row", - "margin-bottom": "16px", - "justify-content": "space-between" - }), - style: (_vm.$processStyle(undefined)) - }, [_c('text', { - staticClass: "button", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "value": "setRange", - "type": "primary" - }, - on: { - "click": _vm.setRange - } - }), _vm._v(" "), _c('text', { - staticClass: "button", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "value": "getSelectionRange", - "type": "primary" - }, - on: { - "click": _vm.getSelectionRange - } - })]), _vm._v(" "), _c('input', { - ref: "inputselection", - staticClass: "input", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "type": "text", - "placeholder": "please input", - "value": "123456789" - }, - on: { - "change": _vm.onchange, - "return": _vm.onreturn, - "input": _vm.oninput - } - })])])], 1) - },staticRenderFns: []} - module.exports.render._withStripped = true - if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api").rerender("data-v-de6618e8", module.exports) - } - } - -/***/ }) - -/******/ }); \ No newline at end of file
![https://gtd.alicdn.com/tps/i4/T1HcvHXd4nXXb6ROYh-48-48.gif"](https://gtd.alicdn.com/tps/i4/T1HcvHXd4nXXb6ROYh-48-48.gif"){kind=link}
![https://gw.alicdn.com/tps/TB1El.mKXXXXXXyapXXXXXXXXXX-34-34.gif"](https://gw.alicdn.com/tps/TB1El.mKXXXXXXyapXXXXXXXXXX-34-34.gif"){kind=link}