| // 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__(53) |
| App.el = '#root' |
| new Vue(App) |
| |
| |
| /***/ }), |
| /* 1 */, |
| /* 2 */, |
| /* 3 */, |
| /* 4 */ |
| /***/ (function(module, exports) { |
| |
| /* |
| MIT License http://www.opensource.org/licenses/mit-license.php |
| Author Tobias Koppers @sokra |
| */ |
| // css base code, injected by the css-loader |
| module.exports = function() { |
| var list = []; |
| |
| // return the list of modules as css string |
| list.toString = function toString() { |
| var result = []; |
| for(var i = 0; i < this.length; i++) { |
| var item = this[i]; |
| if(item[2]) { |
| result.push("@media " + item[2] + "{" + item[1] + "}"); |
| } else { |
| result.push(item[1]); |
| } |
| } |
| return result.join(""); |
| }; |
| |
| // import a list of modules into the list |
| list.i = function(modules, mediaQuery) { |
| if(typeof modules === "string") |
| modules = [[null, modules, ""]]; |
| var alreadyImportedModules = {}; |
| for(var i = 0; i < this.length; i++) { |
| var id = this[i][0]; |
| if(typeof id === "number") |
| alreadyImportedModules[id] = true; |
| } |
| for(i = 0; i < modules.length; i++) { |
| var item = modules[i]; |
| // skip already imported module |
| // this implementation is not 100% perfect for weird media query combinations |
| // when a module is imported multiple times with different media queries. |
| // I hope this will never occur (Hey this way we have smaller bundles) |
| if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) { |
| if(mediaQuery && !item[2]) { |
| item[2] = mediaQuery; |
| } else if(mediaQuery) { |
| item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"; |
| } |
| list.push(item); |
| } |
| } |
| }; |
| return list; |
| }; |
| |
| |
| /***/ }), |
| /* 5 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| /* |
| MIT License http://www.opensource.org/licenses/mit-license.php |
| Author Tobias Koppers @sokra |
| Modified by Evan You @yyx990803 |
| */ |
| |
| var hasDocument = typeof document !== 'undefined' |
| |
| if (false) { |
| if (!hasDocument) { |
| throw new Error( |
| 'vue-style-loader cannot be used in a non-browser environment. ' + |
| "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment." |
| ) } |
| } |
| |
| var listToStyles = __webpack_require__(6) |
| |
| /* |
| type StyleObject = { |
| id: number; |
| parts: Array<StyleObjectPart> |
| } |
| |
| type StyleObjectPart = { |
| css: string; |
| media: string; |
| sourceMap: ?string |
| } |
| */ |
| |
| var stylesInDom = {/* |
| [id: number]: { |
| id: number, |
| refs: number, |
| parts: Array<(obj?: StyleObjectPart) => void> |
| } |
| */} |
| |
| var head = hasDocument && (document.head || document.getElementsByTagName('head')[0]) |
| var singletonElement = null |
| var singletonCounter = 0 |
| var isProduction = false |
| var noop = function () {} |
| |
| // Force single-tag solution on IE6-9, which has a hard limit on the # of <style> |
| // tags it will allow on a page |
| var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase()) |
| |
| module.exports = function (parentId, list, _isProduction) { |
| isProduction = _isProduction |
| |
| var styles = listToStyles(parentId, list) |
| addStylesToDom(styles) |
| |
| return function update (newList) { |
| var mayRemove = [] |
| for (var i = 0; i < styles.length; i++) { |
| var item = styles[i] |
| var domStyle = stylesInDom[item.id] |
| domStyle.refs-- |
| mayRemove.push(domStyle) |
| } |
| if (newList) { |
| styles = listToStyles(parentId, newList) |
| addStylesToDom(styles) |
| } else { |
| styles = [] |
| } |
| for (var i = 0; i < mayRemove.length; i++) { |
| var domStyle = mayRemove[i] |
| if (domStyle.refs === 0) { |
| for (var j = 0; j < domStyle.parts.length; j++) { |
| domStyle.parts[j]() |
| } |
| delete stylesInDom[domStyle.id] |
| } |
| } |
| } |
| } |
| |
| function addStylesToDom (styles /* Array<StyleObject> */) { |
| for (var i = 0; i < styles.length; i++) { |
| var item = styles[i] |
| var domStyle = stylesInDom[item.id] |
| if (domStyle) { |
| domStyle.refs++ |
| for (var j = 0; j < domStyle.parts.length; j++) { |
| domStyle.parts[j](item.parts[j]) |
| } |
| for (; j < item.parts.length; j++) { |
| domStyle.parts.push(addStyle(item.parts[j])) |
| } |
| if (domStyle.parts.length > item.parts.length) { |
| domStyle.parts.length = item.parts.length |
| } |
| } else { |
| var parts = [] |
| for (var j = 0; j < item.parts.length; j++) { |
| parts.push(addStyle(item.parts[j])) |
| } |
| stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts } |
| } |
| } |
| } |
| |
| function createStyleElement () { |
| var styleElement = document.createElement('style') |
| styleElement.type = 'text/css' |
| head.appendChild(styleElement) |
| return styleElement |
| } |
| |
| function addStyle (obj /* StyleObjectPart */) { |
| var update, remove |
| var styleElement = document.querySelector('style[data-vue-ssr-id~="' + obj.id + '"]') |
| |
| if (styleElement) { |
| if (isProduction) { |
| // has SSR styles and in production mode. |
| // simply do nothing. |
| return noop |
| } else { |
| // has SSR styles but in dev mode. |
| // for some reason Chrome can't handle source map in server-rendered |
| // style tags - source maps in <style> only works if the style tag is |
| // created and inserted dynamically. So we remove the server rendered |
| // styles and inject new ones. |
| styleElement.parentNode.removeChild(styleElement) |
| } |
| } |
| |
| if (isOldIE) { |
| // use singleton mode for IE9. |
| var styleIndex = singletonCounter++ |
| styleElement = singletonElement || (singletonElement = createStyleElement()) |
| update = applyToSingletonTag.bind(null, styleElement, styleIndex, false) |
| remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true) |
| } else { |
| // use multi-style-tag mode in all other cases |
| styleElement = createStyleElement() |
| update = applyToTag.bind(null, styleElement) |
| remove = function () { |
| styleElement.parentNode.removeChild(styleElement) |
| } |
| } |
| |
| update(obj) |
| |
| return function updateStyle (newObj /* StyleObjectPart */) { |
| if (newObj) { |
| if (newObj.css === obj.css && |
| newObj.media === obj.media && |
| newObj.sourceMap === obj.sourceMap) { |
| return |
| } |
| update(obj = newObj) |
| } else { |
| remove() |
| } |
| } |
| } |
| |
| var replaceText = (function () { |
| var textStore = [] |
| |
| return function (index, replacement) { |
| textStore[index] = replacement |
| return textStore.filter(Boolean).join('\n') |
| } |
| })() |
| |
| function applyToSingletonTag (styleElement, index, remove, obj) { |
| var css = remove ? '' : obj.css |
| |
| if (styleElement.styleSheet) { |
| styleElement.styleSheet.cssText = replaceText(index, css) |
| } else { |
| var cssNode = document.createTextNode(css) |
| var childNodes = styleElement.childNodes |
| if (childNodes[index]) styleElement.removeChild(childNodes[index]) |
| if (childNodes.length) { |
| styleElement.insertBefore(cssNode, childNodes[index]) |
| } else { |
| styleElement.appendChild(cssNode) |
| } |
| } |
| } |
| |
| function applyToTag (styleElement, obj) { |
| var css = obj.css |
| var media = obj.media |
| var sourceMap = obj.sourceMap |
| |
| if (media) { |
| styleElement.setAttribute('media', media) |
| } |
| |
| if (sourceMap) { |
| // https://developer.chrome.com/devtools/docs/javascript-debugging |
| // this makes source maps inside style tags work properly in Chrome |
| css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */' |
| // http://stackoverflow.com/a/26603875 |
| css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */' |
| } |
| |
| if (styleElement.styleSheet) { |
| styleElement.styleSheet.cssText = css |
| } else { |
| while (styleElement.firstChild) { |
| styleElement.removeChild(styleElement.firstChild) |
| } |
| styleElement.appendChild(document.createTextNode(css)) |
| } |
| } |
| |
| |
| /***/ }), |
| /* 6 */ |
| /***/ (function(module, exports) { |
| |
| /** |
| * Translates the list format produced by css-loader into something |
| * easier to manipulate. |
| */ |
| module.exports = function listToStyles (parentId, list) { |
| var styles = [] |
| var newStyles = {} |
| for (var i = 0; i < list.length; i++) { |
| var item = list[i] |
| var id = item[0] |
| var css = item[1] |
| var media = item[2] |
| var sourceMap = item[3] |
| var part = { |
| id: parentId + ':' + i, |
| css: css, |
| media: media, |
| sourceMap: sourceMap |
| } |
| if (!newStyles[id]) { |
| styles.push(newStyles[id] = { id: id, parts: [part] }) |
| } else { |
| newStyles[id].parts.push(part) |
| } |
| } |
| return styles |
| } |
| |
| |
| /***/ }), |
| /* 7 */ |
| /***/ (function(module, exports) { |
| |
| /* globals __VUE_SSR_CONTEXT__ */ |
| |
| // this module is a runtime utility for cleaner component module output and will |
| // be included in the final webpack user bundle |
| |
| module.exports = function normalizeComponent ( |
| rawScriptExports, |
| compiledTemplate, |
| injectStyles, |
| scopeId, |
| moduleIdentifier /* server only */ |
| ) { |
| var esModule |
| var scriptExports = rawScriptExports = rawScriptExports || {} |
| |
| // ES6 modules interop |
| var type = typeof rawScriptExports.default |
| if (type === 'object' || type === 'function') { |
| esModule = rawScriptExports |
| scriptExports = rawScriptExports.default |
| } |
| |
| // Vue.extend constructor export interop |
| var options = typeof scriptExports === 'function' |
| ? scriptExports.options |
| : scriptExports |
| |
| // render functions |
| if (compiledTemplate) { |
| options.render = compiledTemplate.render |
| options.staticRenderFns = compiledTemplate.staticRenderFns |
| } |
| |
| // scopedId |
| if (scopeId) { |
| options._scopeId = scopeId |
| } |
| |
| var hook |
| if (moduleIdentifier) { // server build |
| hook = function (context) { |
| // 2.3 injection |
| context = |
| context || // cached call |
| (this.$vnode && this.$vnode.ssrContext) || // stateful |
| (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional |
| // 2.2 with runInNewContext: true |
| if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { |
| context = __VUE_SSR_CONTEXT__ |
| } |
| // inject component styles |
| if (injectStyles) { |
| injectStyles.call(this, context) |
| } |
| // register component module identifier for async chunk inferrence |
| if (context && context._registeredComponents) { |
| context._registeredComponents.add(moduleIdentifier) |
| } |
| } |
| // used by ssr in case component is cached and beforeCreate |
| // never gets called |
| options._ssrRegister = hook |
| } else if (injectStyles) { |
| hook = injectStyles |
| } |
| |
| if (hook) { |
| var functional = options.functional |
| var existing = functional |
| ? options.render |
| : options.beforeCreate |
| if (!functional) { |
| // inject component registration as beforeCreate hook |
| options.beforeCreate = existing |
| ? [].concat(existing, hook) |
| : [hook] |
| } else { |
| // register for functioal component in vue file |
| options.render = function renderWithStyleInjection (h, context) { |
| hook.call(context) |
| return existing(h, context) |
| } |
| } |
| } |
| |
| return { |
| esModule: esModule, |
| exports: scriptExports, |
| options: options |
| } |
| } |
| |
| |
| /***/ }), |
| /* 8 */, |
| /* 9 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| var disposed = false |
| function injectStyle (ssrContext) { |
| if (disposed) return |
| __webpack_require__(10) |
| } |
| var Component = __webpack_require__(7)( |
| /* script */ |
| __webpack_require__(12), |
| /* template */ |
| __webpack_require__(13), |
| /* styles */ |
| injectStyle, |
| /* scopeId */ |
| "data-v-66798af2", |
| /* moduleIdentifier (server only) */ |
| null |
| ) |
| Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/panel.vue" |
| if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")} |
| if (Component.options.functional) {console.error("[vue-loader] panel.vue: functional components are not supported with templates, they should use render functions.")} |
| |
| /* hot reload */ |
| if (false) {(function () { |
| var hotAPI = require("vue-hot-reload-api") |
| hotAPI.install(require("vue"), false) |
| if (!hotAPI.compatible) return |
| module.hot.accept() |
| if (!module.hot.data) { |
| hotAPI.createRecord("data-v-66798af2", Component.options) |
| } else { |
| hotAPI.reload("data-v-66798af2", Component.options) |
| } |
| module.hot.dispose(function (data) { |
| disposed = true |
| }) |
| })()} |
| |
| module.exports = Component.exports |
| |
| |
| /***/ }), |
| /* 10 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| // style-loader: Adds some css to the DOM by adding a <style> tag |
| |
| // load the styles |
| var content = __webpack_require__(11); |
| if(typeof content === 'string') content = [[module.id, content, '']]; |
| if(content.locals) module.exports = content.locals; |
| // add the styles to the DOM |
| var update = __webpack_require__(5)("392aaf4e", content, false); |
| // Hot Module Replacement |
| if(false) { |
| // When the styles change, update the <style> tags |
| if(!content.locals) { |
| module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-66798af2\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./panel.vue", function() { |
| var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-66798af2\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./panel.vue"); |
| if(typeof newContent === 'string') newContent = [[module.id, newContent, '']]; |
| update(newContent); |
| }); |
| } |
| // When the module is disposed, remove the <style> tags |
| module.hot.dispose(function() { update(); }); |
| } |
| |
| /***/ }), |
| /* 11 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| exports = module.exports = __webpack_require__(4)(); |
| // imports |
| |
| |
| // module |
| exports.push([module.id, "\n.panel[data-v-66798af2] {\n margin-bottom: 20px;\n background-color: #fff;\n /*border: 1px solid transparent;*/\n /*border-radius: 10px;*/\n /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);*/\n /*box-shadow: 0 1px 1px rgba(0,0,0,.05);*/\n border-color: #dddddd;\n border-width: 1px;\n}\n.panel-default[data-v-66798af2] {\n}\n.panel-primary[data-v-66798af2] {\n border-color: rgb(40, 96, 144);\n}\n.panel-success[data-v-66798af2] {\n border-color: rgb(76, 174, 76);\n}\n.panel-info[data-v-66798af2] {\n border-color: rgb(70, 184, 218);\n}\n.panel-warning[data-v-66798af2] {\n border-color: rgb(238, 162, 54);\n}\n.panel-danger[data-v-66798af2] {\n border-color: rgb(212, 63, 58);\n}\n.panel-header[data-v-66798af2] {\n background-color: #f5f5f5;\n font-size: 40px;\n /*padding-left: 12px;*/\n /*padding-right: 12px;*/\n /*padding-top: 20px;*/\n /*padding-bottom: 20px;*/\n color: #333;\n}\n.panel-header-default[data-v-66798af2] {\n}\n.panel-header-primary[data-v-66798af2] {\n background-color: rgb(40, 96, 144);\n color: #ffffff;\n}\n.panel-header-success[data-v-66798af2] {\n background-color: rgb(92, 184, 92);\n color: #ffffff;\n}\n.panel-header-info[data-v-66798af2] {\n background-color: rgb(91, 192, 222);\n color: #ffffff;\n}\n.panel-header-warning[data-v-66798af2] {\n background-color: rgb(240, 173, 78);\n color: #ffffff;\n}\n.panel-header-danger[data-v-66798af2] {\n background-color: rgb(217, 83, 79);\n color: #ffffff;\n}\n.panel-body[data-v-66798af2] {\n padding-left: 12px;\n padding-right: 12px;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n.panel-body-default[data-v-66798af2] {\n}\n.panel-body-primary[data-v-66798af2] {\n}\n.panel-body-success[data-v-66798af2] {\n}\n.panel-body-info[data-v-66798af2] {\n}\n.panel-body-warning[data-v-66798af2] {\n}\n.panel-body-danger[data-v-66798af2] {\n}\n", ""]); |
| |
| // exports |
| |
| |
| /***/ }), |
| /* 12 */ |
| /***/ (function(module, exports) { |
| |
| 'use strict'; |
| |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| |
| module.exports = { |
| props: { |
| type: { default: 'default' }, |
| title: { default: '' }, |
| paddingBody: { default: 20 }, |
| paddingHead: { default: 20 }, |
| dataClass: { default: '' }, // FIXME transfer class |
| border: { default: 0 } |
| } |
| }; |
| |
| /***/ }), |
| /* 13 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; |
| return _c('div', { |
| class: ['panel', 'panel-' + _vm.type], |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle({ |
| borderWidth: _vm.border |
| })) |
| }, [_c('text', { |
| class: ['panel-header', 'panel-header-' + _vm.type], |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle({ |
| paddingTop: _vm.paddingHead, |
| paddingBottom: _vm.paddingHead, |
| paddingLeft: _vm.paddingHead * 1.5, |
| paddingRight: _vm.paddingHead * 1.5 |
| })) |
| }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _c('div', { |
| class: ['panel-body', 'panel-body-' + _vm.type], |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle({ |
| paddingTop: _vm.paddingBody, |
| paddingBottom: _vm.paddingBody, |
| paddingLeft: _vm.paddingBody * 1.5, |
| paddingRight: _vm.paddingBody * 1.5 |
| })) |
| }, [_vm._t("default")], 2)]) |
| },staticRenderFns: []} |
| module.exports.render._withStripped = true |
| if (false) { |
| module.hot.accept() |
| if (module.hot.data) { |
| require("vue-hot-reload-api").rerender("data-v-66798af2", module.exports) |
| } |
| } |
| |
| /***/ }), |
| /* 14 */, |
| /* 15 */, |
| /* 16 */, |
| /* 17 */, |
| /* 18 */, |
| /* 19 */, |
| /* 20 */, |
| /* 21 */, |
| /* 22 */, |
| /* 23 */, |
| /* 24 */, |
| /* 25 */, |
| /* 26 */, |
| /* 27 */, |
| /* 28 */, |
| /* 29 */, |
| /* 30 */, |
| /* 31 */, |
| /* 32 */, |
| /* 33 */, |
| /* 34 */, |
| /* 35 */, |
| /* 36 */, |
| /* 37 */, |
| /* 38 */, |
| /* 39 */, |
| /* 40 */, |
| /* 41 */, |
| /* 42 */, |
| /* 43 */, |
| /* 44 */, |
| /* 45 */, |
| /* 46 */, |
| /* 47 */, |
| /* 48 */, |
| /* 49 */, |
| /* 50 */, |
| /* 51 */, |
| /* 52 */, |
| /* 53 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| var disposed = false |
| var Component = __webpack_require__(7)( |
| /* script */ |
| __webpack_require__(54), |
| /* template */ |
| __webpack_require__(60), |
| /* styles */ |
| null, |
| /* scopeId */ |
| null, |
| /* moduleIdentifier (server only) */ |
| null |
| ) |
| Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/components/marquee.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] marquee.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-d0289538", Component.options) |
| } else { |
| hotAPI.reload("data-v-d0289538", Component.options) |
| } |
| module.hot.dispose(function (data) { |
| disposed = true |
| }) |
| })()} |
| |
| module.exports = Component.exports |
| |
| |
| /***/ }), |
| /* 54 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| 'use strict'; |
| |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| |
| module.exports = { |
| data: function data() { |
| return { |
| marquee: { |
| height: 30, |
| duration: 1500, |
| interval: 2000, |
| list: [{ text: 'Introducing Bots on Messenger' }, { text: 'Capturing 3D 360-Stereo VR Video' }, { text: 'The Future of Video on Facebook' }, { text: 'Announcing Vue.js 2.0' }, { text: 'Not Your Average Virtual-DOM' }, { text: 'Templates, JSX, or Hyperscript?' }] |
| } |
| }; |
| }, |
| components: { |
| panel: __webpack_require__(9), |
| marquee: __webpack_require__(55) |
| }, |
| methods: { |
| marqueeChange: function marqueeChange(e) { |
| console.log(e); |
| } |
| } |
| }; |
| |
| /***/ }), |
| /* 55 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| var disposed = false |
| function injectStyle (ssrContext) { |
| if (disposed) return |
| __webpack_require__(56) |
| } |
| var Component = __webpack_require__(7)( |
| /* script */ |
| __webpack_require__(58), |
| /* template */ |
| __webpack_require__(59), |
| /* styles */ |
| injectStyle, |
| /* scopeId */ |
| "data-v-58176c90", |
| /* moduleIdentifier (server only) */ |
| null |
| ) |
| Component.options.__file = "/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/marquee.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] marquee.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-58176c90", Component.options) |
| } else { |
| hotAPI.reload("data-v-58176c90", Component.options) |
| } |
| module.hot.dispose(function (data) { |
| disposed = true |
| }) |
| })()} |
| |
| module.exports = Component.exports |
| |
| |
| /***/ }), |
| /* 56 */ |
| /***/ (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__(57); |
| 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)("5521c87a", 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-58176c90\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./marquee.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-58176c90\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./marquee.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(); }); |
| } |
| |
| /***/ }), |
| /* 57 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| exports = module.exports = __webpack_require__(4)(); |
| // imports |
| |
| |
| // module |
| exports.push([module.id, "\n.wrap[data-v-58176c90] {\n overflow: hidden;\n position: relative;\n}\n.anim[data-v-58176c90] {\n flex-direction: column;\n position: absolute;\n transform: translateY(0) translateZ(0);\n}\n", ""]); |
| |
| // exports |
| |
| |
| /***/ }), |
| /* 58 */ |
| /***/ (function(module, exports) { |
| |
| 'use strict'; |
| |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| |
| var _animation = weex.requireModule('animation'); |
| |
| module.exports = { |
| props: { |
| step: { default: 0 }, |
| count: { default: 0 }, |
| index: { default: 1 }, |
| duration: { default: 0 }, |
| interval: { default: 0 }, |
| outofview: { default: false } |
| }, |
| created: function created() { |
| if (this.interval > 0 && this.step > 0 && this.duration > 0) { |
| this.run(); |
| } |
| }, |
| methods: { |
| run: function run() { |
| if (this.outofview) { |
| setTimeout(this.run.bind(this), this.interval); |
| } else { |
| setTimeout(function () { |
| this.animation(this.run.bind(this)); |
| }.bind(this), this.interval); |
| } |
| }, |
| animation: function animation(cb) { |
| var offset = -this.step * this.index; |
| _animation.transition(this.$refs.anim, { |
| styles: { |
| transform: 'translateY(' + offset + 'px) translateZ(0)' |
| }, |
| timingFunction: 'ease', |
| duration: this.duration |
| }, function () { |
| this.index = (this.index + 1) % this.count; |
| this.$emit('change', { |
| index: this.index, |
| count: this.count |
| }); |
| cb && cb(); |
| }.bind(this)); |
| }, |
| appeared: function appeared() { |
| this.outofview = false; |
| }, |
| disappeared: function disappeared() { |
| this.outofview = true; |
| } |
| } |
| }; |
| |
| /***/ }), |
| /* 59 */ |
| /***/ (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: "wrap", |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle(undefined)), |
| on: { |
| "appear": _vm.appeared, |
| "disappear": _vm.disappeared |
| } |
| }, [_c('div', { |
| ref: "anim", |
| staticClass: "anim", |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle(undefined)) |
| }, [_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-58176c90", module.exports) |
| } |
| } |
| |
| /***/ }), |
| /* 60 */ |
| /***/ (function(module, exports, __webpack_require__) { |
| |
| module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; |
| return _c('scroller', [_c('panel', { |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle(undefined)), |
| attrs: { |
| "title": "Marquee", |
| "type": "primary" |
| } |
| }, [_c('marquee', { |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle({ |
| width: 700, |
| height: _vm.marquee.height * 2, |
| backgroundColor: 'rgb(223, 240, 216)', |
| borderRadius: 8, |
| paddingLeft: 10, |
| paddingRight: 10 |
| })), |
| attrs: { |
| "step": _vm.marquee.height * 2, |
| "count": _vm.marquee.list.length, |
| "interval": _vm.marquee.interval, |
| "duration": _vm.marquee.duration |
| }, |
| on: { |
| "change": _vm.marqueeChange |
| } |
| }, _vm._l((_vm.marquee.list), function(item, i) { |
| return _c('div', { |
| key: i, |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle({ |
| height: _vm.marquee.height * _vm.marquee.length, |
| paddingTop: _vm.marquee.height * 0.5, |
| paddingBottom: _vm.marquee.height * 0.5, |
| overflow: 'hidden' |
| })) |
| }, [_c('text', { |
| staticStyle: _vm.$processStyle(undefined), |
| style: (_vm.$processStyle({ |
| height: _vm.marquee.height, |
| color: 'rgb(60, 118, 61)', |
| fontSize: 28 |
| })) |
| }, [_vm._v(_vm._s(item.text))])]) |
| }))], 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-d0289538", module.exports) |
| } |
| } |
| |
| /***/ }) |
| /******/ ]); |
