You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ac...@apache.org on 2018/01/17 11:20:56 UTC
[44/51] [partial] incubator-weex git commit: * [example] update
examples in weex playground app
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