http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue-web/vue/components/slider.js ---------------------------------------------------------------------- diff --git a/android/playground/app/src/main/assets/vue-web/vue/components/slider.js b/android/playground/app/src/main/assets/vue-web/vue/components/slider.js deleted file mode 100644 index ccc3ecc..0000000 --- a/android/playground/app/src/main/assets/vue-web/vue/components/slider.js +++ /dev/null @@ -1,1496 +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__(80) - 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 - } - } - - -/***/ }), - -/***/ 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) - } - } - -/***/ }), - -/***/ 80: -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(81) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(83), - /* template */ - __webpack_require__(94), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-7ab9ba0f", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/components/slider.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] slider.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-7ab9ba0f", Component.options) - } else { - hotAPI.reload("data-v-7ab9ba0f", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), - -/***/ 81: -/***/ (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__(82); - 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)("8670f880", 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-7ab9ba0f\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./slider.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-7ab9ba0f\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./slider.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(); }); - } - -/***/ }), - -/***/ 82: -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.body[data-v-7ab9ba0f] {\n background-color: #ffffff;\n}\n.slider[data-v-7ab9ba0f] {\n flex-direction: row;\n /*margin-left: 18;*/\n /*margin-right: 18;*/\n width: 690px;\n height: 360px;\n}\n.indicator[data-v-7ab9ba0f] {\n position: absolute;\n width: 690px;\n height: 420px;\n top: 140px;\n left: 240px;\n itemColor: #dddddd;\n itemSelectedColor: rgb(40, 96, 144);\n}\n", ""]); - - // exports - - -/***/ }), - -/***/ 83: -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - var img0 = '//gw.alicdn.com/tps/i2/TB1DpsmMpXXXXabaXXX20ySQVXX-512-512.png_400x400.jpg'; - var img1 = '//gw.alicdn.com/tps/i1/TB1M3sQMpXXXXakXXXXApNeJVXX-360-360.png'; - module.exports = { - data: function data() { - return { - eventCnt: 0, - togglePlayMsg: 'pause', - sliders: [{ - interval: 1000, - autoPlay: true, - sliderPages: [{ - items: [{ - image: img0, - link: '//h5.m.taobao.com/1' - }, { - image: img0, - link: '//h5.m.taobao.com/1' - }] - }, { - items: [{ - image: img1, - link: '//h5.m.taobao.com/1' - }, { - image: img1, - link: '//h5.m.taobao.com/1' - }] - }, { - items: [{ - image: img0, - link: '//h5.m.taobao.com/1' - }, { - image: img1, - link: '//h5.m.taobao.com/1' - }] - }] - }, { - interval: 3000, - autoPlay: true, - sliderPages: [{ - items: [{ - image: img0, - link: '//h5.m.taobao.com/1' - }, { - image: img0, - link: '//h5.m.taobao.com/1' - }] - }, { - items: [{ - image: img1, - link: '//h5.m.taobao.com/1' - }, { - image: img1, - link: '//h5.m.taobao.com/1' - }] - }, { - items: [{ - image: img0, - link: '//h5.m.taobao.com/1' - }, { - image: img1, - link: '//h5.m.taobao.com/1' - }] - }] - }, { - interval: 5000, - autoPlay: true, - sliderPages: [{ - items: [{ - image: img0, - link: '//h5.m.taobao.com/1' - }, { - image: img0, - link: '//h5.m.taobao.com/1' - }] - }, { - items: [{ - image: img1, - link: '//h5.m.taobao.com/1' - }, { - image: img1, - link: '//h5.m.taobao.com/1' - }] - }, { - items: [{ - image: img0, - link: '//h5.m.taobao.com/1' - }, { - image: img1, - link: '//h5.m.taobao.com/1' - }] - }] - }] - }; - }, - components: { - panel: __webpack_require__(9), - sliderPage: __webpack_require__(84) - }, - methods: { - togglePlay: function togglePlay() { - var autoPlay = this.sliders[0].autoPlay; - autoPlay = !autoPlay; - this.sliders[0].autoPlay = autoPlay; - this.togglePlayMsg = autoPlay ? 'pause' : 'play'; - }, - handleSliderChange: function handleSliderChange() { - var nowCnt = this.eventCnt + 1; - this.eventCnt = nowCnt; - }, - setInterval1: function setInterval1() { - this.sliders[0].interval = 1000; - }, - setInterval3: function setInterval3() { - this.sliders[0].interval = 3000; - }, - setInterval5: function setInterval5() { - this.sliders[0].interval = 5000; - } - } - }; - -/***/ }), - -/***/ 84: -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(85) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(87), - /* template */ - __webpack_require__(93), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-7b4f04e9", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/slider-page.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] slider-page.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-7b4f04e9", Component.options) - } else { - hotAPI.reload("data-v-7b4f04e9", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), - -/***/ 85: -/***/ (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__(86); - 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)("8235eece", 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-7b4f04e9\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./slider-page.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-7b4f04e9\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./slider-page.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(); }); - } - -/***/ }), - -/***/ 86: -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.slider-page[data-v-7b4f04e9] {\n flex-direction: row;\n justify-content: space-between;\n\n width: 714px;\n height: 420px;\n}\n", ""]); - - // exports - - -/***/ }), - -/***/ 87: -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - module.exports = { - props: { - items: { default: [] } - }, - components: { - sliderItem: __webpack_require__(88) - } - }; - -/***/ }), - -/***/ 88: -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(89) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(91), - /* template */ - __webpack_require__(92), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-e3778926", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/slider-item.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] slider-item.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-e3778926", Component.options) - } else { - hotAPI.reload("data-v-e3778926", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), - -/***/ 89: -/***/ (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__(90); - 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)("16b3a577", 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-e3778926\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./slider-item.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-e3778926\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./slider-item.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(); }); - } - -/***/ }), - -/***/ 90: -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.slider-item[data-v-e3778926] {\n width: 348px;\n height: 400px;\n}\n", ""]); - - // exports - - -/***/ }), - -/***/ 91: -/***/ (function(module, exports) { - - 'use strict'; - - // - // - // - // - - module.exports = { - props: { - image: { default: '' }, - link: { default: '' } - } - }; - -/***/ }), - -/***/ 92: -/***/ (function(module, exports, __webpack_require__) { - - module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; - return _c('image', { - staticClass: "slider-item", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "src": _vm.image - } - }) - },staticRenderFns: []} - module.exports.render._withStripped = true - if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api").rerender("data-v-e3778926", module.exports) - } - } - -/***/ }), - -/***/ 93: -/***/ (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: "slider-page", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }, _vm._l((_vm.items), function(v, i) { - return _c('slider-item', { - key: i, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "image": v.image, - "link": v.link - } - }) - })) - },staticRenderFns: []} - module.exports.render._withStripped = true - if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api").rerender("data-v-7b4f04e9", module.exports) - } - } - -/***/ }), - -/***/ 94: -/***/ (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', { - staticClass: "body", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }, [_c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "auto-play", - "type": "primary" - } - }, [_c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "auto-play = false", - "padding-body": "0" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[1].interval, - "autoPlay": "false" - } - }, [_c('indicator', { - staticClass: "indicator", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[1].sliderPages), function(v, i) { - return _c('slider-page', { - key: i, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "auto-play = true", - "padding-body": "0" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[0].interval, - "autoPlay": _vm.sliders[0].autoPlay - } - }, [_c('indicator', { - staticClass: "indicator", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[0].sliderPages), function(v) { - return _c('slider-page', { - key: v.index, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1)], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": 'Event, ' + _vm.eventCnt + ' change', - "type": "primary" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[0].interval, - "autoPlay": _vm.sliders[0].autoPlay - }, - on: { - "change": _vm.handleSliderChange - } - }, [_c('indicator', { - staticClass: "indicator", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[0].sliderPages), function(v) { - return _c('slider-page', { - key: v.index, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "Indicator", - "type": "primary" - } - }, [_c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "default style", - "padding-body": "0" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[0].interval, - "autoPlay": _vm.sliders[0].autoPlay - }, - on: { - "change": _vm.handleSliderChange - } - }, [_c('indicator', { - staticClass: "indicator", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[0].sliderPages), function(v) { - return _c('slider-page', { - key: v.index, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "width & height", - "padding-body": "0" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[0].interval, - "autoPlay": _vm.sliders[0].autoPlay - } - }, [_c('indicator', { - staticStyle: _vm.$processStyle({ - "itemColor": "#dddddd", - "width": "714px", - "height": "460px" - }), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[0].sliderPages), function(v) { - return _c('slider-page', { - key: v.index, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "left & top", - "padding-body": "0" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[1].interval, - "autoPlay": _vm.sliders[1].autoPlay - } - }, [_c('indicator', { - staticClass: "indicator", - staticStyle: _vm.$processStyle({ - "top": "-140px", - "left": "-240px" - }), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[1].sliderPages), function(v, i) { - return _c('slider-page', { - key: i, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "itemColor & itemSelectedColor", - "padding-body": "0" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[2].interval, - "autoPlay": _vm.sliders[2].autoPlay - } - }, [_c('indicator', { - staticClass: "indicator", - staticStyle: _vm.$processStyle({ - "item-selected-color": "rgb(217, 83, 79)" - }), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[2].sliderPages), function(v) { - return _c('slider-page', { - key: v.index, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1), _vm._v(" "), _c('panel', { - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "title": "itemSize", - "padding-body": "0" - } - }, [_c('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "append": "tree", - "interval": _vm.sliders[1].interval, - "autoPlay": _vm.sliders[1].autoPlay - } - }, [_c('indicator', { - staticStyle: _vm.$processStyle({ - "itemColor": "#dddddd", - "item-size": "40px", - "top": "140px", - "left": "180px", - "width": "700px", - "height": "380px" - }), - style: (_vm.$processStyle(undefined)) - }), _vm._v(" "), _vm._l((_vm.sliders[1].sliderPages), function(v, i) { - return _c('slider-page', { - key: i, - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "items": v.items - } - }) - })], 2)], 1)], 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-7ab9ba0f", 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/sliderinfinite.js ---------------------------------------------------------------------- diff --git a/android/playground/app/src/main/assets/vue-web/vue/components/sliderinfinite.js b/android/playground/app/src/main/assets/vue-web/vue/components/sliderinfinite.js deleted file mode 100644 index 072ee5f..0000000 --- a/android/playground/app/src/main/assets/vue-web/vue/components/sliderinfinite.js +++ /dev/null @@ -1,644 +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__(95) - 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 - } - } - - -/***/ }), - -/***/ 95: -/***/ (function(module, exports, __webpack_require__) { - - var disposed = false - function injectStyle (ssrContext) { - if (disposed) return - __webpack_require__(96) - } - var Component = __webpack_require__(7)( - /* script */ - __webpack_require__(98), - /* template */ - __webpack_require__(99), - /* styles */ - injectStyle, - /* scopeId */ - "data-v-5ab99323", - /* moduleIdentifier (server only) */ - null - ) - Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/components/sliderinfinite.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] sliderinfinite.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-5ab99323", Component.options) - } else { - hotAPI.reload("data-v-5ab99323", Component.options) - } - module.hot.dispose(function (data) { - disposed = true - }) - })()} - - module.exports = Component.exports - - -/***/ }), - -/***/ 96: -/***/ (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__(97); - 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)("77579e94", 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-5ab99323\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./sliderinfinite.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-5ab99323\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./sliderinfinite.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(); }); - } - -/***/ }), - -/***/ 97: -/***/ (function(module, exports, __webpack_require__) { - - exports = module.exports = __webpack_require__(4)(); - // imports - - - // module - exports.push([module.id, "\n.image[data-v-5ab99323] {\n width: 700px;\n height: 300px;\n}\n.slider[data-v-5ab99323] {\n margin-top: 25px;\n margin-left: 25px;\n width: 700px;\n height: 300px;\n border-width: 2px;\n border-style: solid;\n border-color: #41B883;\n}\n.frame[data-v-5ab99323] {\n width: 700px;\n height: 300px;\n position: relative;\n}\n", ""]); - - // exports - - -/***/ }), - -/***/ 98: -/***/ (function(module, exports) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - exports.default = { - data: function data() { - return { - imageList: [{ src: 'https://gw.alicdn.com/tfs/TB1SA2wQXXXXXXDapXXXXXXXXXX-1400-600.png' }, { src: 'https://gw.alicdn.com/tfs/TB1KS_OQXXXXXcSXVXXXXXXXXXX-1400-600.png' }, { src: 'https://gw.alicdn.com/tfs/TB1Ez7XQXXXXXbNXXXXXXXXXXXX-1400-600.png' }, { src: 'https://gw.alicdn.com/tfs/TB1XLn6QXXXXXb2XpXXXXXXXXXX-1400-600.png' }] - - }; - } - }; - -/***/ }), - -/***/ 99: -/***/ (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('slider', { - staticClass: "slider", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "interval": "3000", - "auto-play": "true" - } - }, _vm._l((_vm.imageList), function(img) { - return _c('div', { - staticClass: "frame", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)) - }, [_c('image', { - staticClass: "image", - staticStyle: _vm.$processStyle(undefined), - style: (_vm.$processStyle(undefined)), - attrs: { - "resize": "cover", - "src": img.src - } - })]) - }))], 1) - },staticRenderFns: []} - module.exports.render._withStripped = true - if (false) { - module.hot.accept() - if (module.hot.data) { - require("vue-hot-reload-api").rerender("data-v-5ab99323", module.exports) - } - } - -/***/ }) - -/******/ }); \ No newline at end of file
