| // { "framework": "Vue" } |
| |
| /******/ (function(modules) { // webpackBootstrap |
| /******/ // The module cache |
| /******/ var installedModules = {}; |
| |
| /******/ // The require function |
| /******/ function __webpack_require__(moduleId) { |
| |
| /******/ // Check if module is in cache |
| /******/ if(installedModules[moduleId]) |
| /******/ return installedModules[moduleId].exports; |
| |
| /******/ // Create a new module (and put it into the cache) |
| /******/ var module = installedModules[moduleId] = { |
| /******/ exports: {}, |
| /******/ id: moduleId, |
| /******/ loaded: false |
| /******/ }; |
| |
| /******/ // Execute the module function |
| /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); |
| |
| /******/ // Flag the module as loaded |
| /******/ module.loaded = true; |
| |
| /******/ // Return the exports of the module |
| /******/ return module.exports; |
| /******/ } |
| |
| |
| /******/ // expose the modules object (__webpack_modules__) |
| /******/ __webpack_require__.m = modules; |
| |
| /******/ // expose the module cache |
| /******/ __webpack_require__.c = installedModules; |
| |
| /******/ // __webpack_public_path__ |
| /******/ __webpack_require__.p = ""; |
| |
| /******/ // Load entry module and return exports |
| /******/ return __webpack_require__(0); |
| /******/ }) |
| /************************************************************************/ |
| /******/ ({ |
| |
| /***/ 0: |
| /***/ function(module, exports, __webpack_require__) { |
| |
| var __vue_exports__, __vue_options__ |
| var __vue_styles__ = [] |
| |
| /* styles */ |
| __vue_styles__.push(__webpack_require__(398) |
| ) |
| |
| /* script */ |
| __vue_exports__ = __webpack_require__(399) |
| |
| /* template */ |
| var __vue_template__ = __webpack_require__(404) |
| __vue_options__ = __vue_exports__ = __vue_exports__ || {} |
| if ( |
| typeof __vue_exports__.default === "object" || |
| typeof __vue_exports__.default === "function" |
| ) { |
| if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")} |
| __vue_options__ = __vue_exports__ = __vue_exports__.default |
| } |
| if (typeof __vue_options__ === "function") { |
| __vue_options__ = __vue_options__.options |
| } |
| __vue_options__.__file = "/Users/lixinke/git/other/weex/examples/vue/components/countdown.vue" |
| __vue_options__.render = __vue_template__.render |
| __vue_options__.staticRenderFns = __vue_template__.staticRenderFns |
| __vue_options__.style = __vue_options__.style || {} |
| __vue_styles__.forEach(function (module) { |
| for (var name in module) { |
| __vue_options__.style[name] = module[name] |
| } |
| }) |
| |
| module.exports = __vue_exports__ |
| module.exports.el = 'true' |
| new Vue(module.exports) |
| |
| |
| /***/ }, |
| |
| /***/ 383: |
| /***/ function(module, exports, __webpack_require__) { |
| |
| var __vue_exports__, __vue_options__ |
| var __vue_styles__ = [] |
| |
| /* styles */ |
| __vue_styles__.push(__webpack_require__(384) |
| ) |
| |
| /* script */ |
| __vue_exports__ = __webpack_require__(385) |
| |
| /* template */ |
| var __vue_template__ = __webpack_require__(386) |
| __vue_options__ = __vue_exports__ = __vue_exports__ || {} |
| if ( |
| typeof __vue_exports__.default === "object" || |
| typeof __vue_exports__.default === "function" |
| ) { |
| if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")} |
| __vue_options__ = __vue_exports__ = __vue_exports__.default |
| } |
| if (typeof __vue_options__ === "function") { |
| __vue_options__ = __vue_options__.options |
| } |
| __vue_options__.__file = "/Users/lixinke/git/other/weex/examples/vue/include/panel.vue" |
| __vue_options__.render = __vue_template__.render |
| __vue_options__.staticRenderFns = __vue_template__.staticRenderFns |
| __vue_options__.style = __vue_options__.style || {} |
| __vue_styles__.forEach(function (module) { |
| for (var name in module) { |
| __vue_options__.style[name] = module[name] |
| } |
| }) |
| |
| module.exports = __vue_exports__ |
| |
| |
| /***/ }, |
| |
| /***/ 384: |
| /***/ function(module, exports) { |
| |
| module.exports = { |
| "panel": { |
| "marginBottom": 20, |
| "backgroundColor": "#ffffff", |
| "borderColor": "#dddddd", |
| "borderWidth": 1 |
| }, |
| "panel-primary": { |
| "borderColor": "rgb(40,96,144)" |
| }, |
| "panel-success": { |
| "borderColor": "rgb(76,174,76)" |
| }, |
| "panel-info": { |
| "borderColor": "rgb(70,184,218)" |
| }, |
| "panel-warning": { |
| "borderColor": "rgb(238,162,54)" |
| }, |
| "panel-danger": { |
| "borderColor": "rgb(212,63,58)" |
| }, |
| "panel-header": { |
| "backgroundColor": "#f5f5f5", |
| "fontSize": 40, |
| "color": "#333333" |
| }, |
| "panel-header-primary": { |
| "backgroundColor": "rgb(40,96,144)", |
| "color": "#ffffff" |
| }, |
| "panel-header-success": { |
| "backgroundColor": "rgb(92,184,92)", |
| "color": "#ffffff" |
| }, |
| "panel-header-info": { |
| "backgroundColor": "rgb(91,192,222)", |
| "color": "#ffffff" |
| }, |
| "panel-header-warning": { |
| "backgroundColor": "rgb(240,173,78)", |
| "color": "#ffffff" |
| }, |
| "panel-header-danger": { |
| "backgroundColor": "rgb(217,83,79)", |
| "color": "#ffffff" |
| } |
| } |
| |
| /***/ }, |
| |
| /***/ 385: |
| /***/ 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 } |
| } |
| }; |
| |
| /***/ }, |
| |
| /***/ 386: |
| /***/ function(module, exports) { |
| |
| module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; |
| return _h('div', { |
| class: ['panel', 'panel-' + _vm.type], |
| style: { |
| borderWidth: _vm.border |
| } |
| }, [_h('text', { |
| class: ['panel-header', 'panel-header-' + _vm.type], |
| style: { |
| paddingTop: _vm.paddingHead, |
| paddingBottom: _vm.paddingHead, |
| paddingLeft: _vm.paddingHead * 1.5, |
| paddingRight: _vm.paddingHead * 1.5 |
| } |
| }, [_vm._s(_vm.title)]), _h('div', { |
| class: ['panel-body', 'panel-body-' + _vm.type], |
| style: { |
| paddingTop: _vm.paddingBody, |
| paddingBottom: _vm.paddingBody, |
| paddingLeft: _vm.paddingBody * 1.5, |
| paddingRight: _vm.paddingBody * 1.5 |
| } |
| }, [_vm._t("default")])]) |
| },staticRenderFns: []} |
| module.exports.render._withStripped = true |
| |
| /***/ }, |
| |
| /***/ 398: |
| /***/ function(module, exports) { |
| |
| module.exports = { |
| "ctno1": { |
| "borderRadius": 8, |
| "paddingTop": 6, |
| "paddingBottom": 6, |
| "paddingRight": 4, |
| "paddingLeft": 4, |
| "marginLeft": 2, |
| "marginRight": 2, |
| "backgroundColor": "rgb(242,222,222)", |
| "color": "rgb(169,68,66)" |
| }, |
| "ctno2": { |
| "borderRadius": 8, |
| "paddingTop": 30, |
| "paddingBottom": 30, |
| "paddingLeft": 16, |
| "paddingRight": 16, |
| "backgroundColor": "rgb(217,237,247)", |
| "color": "rgb(49,112,143)", |
| "textAlign": "center", |
| "fontSize": 40 |
| } |
| } |
| |
| /***/ }, |
| |
| /***/ 399: |
| /***/ function(module, exports, __webpack_require__) { |
| |
| 'use strict'; |
| |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| |
| module.exports = { |
| data: function data() { |
| return { |
| countdown1: { |
| remain: 5000, |
| time: { |
| D: '0', |
| hh: '00', |
| mm: '00', |
| ss: '00' |
| } |
| }, |
| countdown2: { |
| remain: 5000, |
| time: { |
| MM: '0', |
| ss: '0' |
| } |
| } |
| }; |
| }, |
| components: { |
| panel: __webpack_require__(383), |
| countdown: __webpack_require__(400) |
| }, |
| methods: { |
| tick: function tick(e, k) { |
| this[k].time = JSON.parse(JSON.stringify(e)); |
| } |
| } |
| }; |
| |
| /***/ }, |
| |
| /***/ 400: |
| /***/ function(module, exports, __webpack_require__) { |
| |
| var __vue_exports__, __vue_options__ |
| var __vue_styles__ = [] |
| |
| /* styles */ |
| __vue_styles__.push(__webpack_require__(401) |
| ) |
| |
| /* script */ |
| __vue_exports__ = __webpack_require__(402) |
| |
| /* template */ |
| var __vue_template__ = __webpack_require__(403) |
| __vue_options__ = __vue_exports__ = __vue_exports__ || {} |
| if ( |
| typeof __vue_exports__.default === "object" || |
| typeof __vue_exports__.default === "function" |
| ) { |
| if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")} |
| __vue_options__ = __vue_exports__ = __vue_exports__.default |
| } |
| if (typeof __vue_options__ === "function") { |
| __vue_options__ = __vue_options__.options |
| } |
| __vue_options__.__file = "/Users/lixinke/git/other/weex/examples/vue/include/countdown.vue" |
| __vue_options__.render = __vue_template__.render |
| __vue_options__.staticRenderFns = __vue_template__.staticRenderFns |
| __vue_options__.style = __vue_options__.style || {} |
| __vue_styles__.forEach(function (module) { |
| for (var name in module) { |
| __vue_options__.style[name] = module[name] |
| } |
| }) |
| |
| module.exports = __vue_exports__ |
| |
| |
| /***/ }, |
| |
| /***/ 401: |
| /***/ function(module, exports) { |
| |
| module.exports = { |
| "wrap": { |
| "overflow": "hidden" |
| } |
| } |
| |
| /***/ }, |
| |
| /***/ 402: |
| /***/ function(module, exports) { |
| |
| 'use strict'; |
| |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| // |
| |
| function format(str) { |
| if (str.length >= 2) { |
| return str; |
| } else { |
| return '0' + str; |
| } |
| } |
| |
| function getTime(target, now) { |
| var remain = parseInt((target - now) / 1000); |
| var D = String(parseInt(remain / 86400)); |
| var DD = format(D); |
| var h = String(parseInt((remain - parseInt(D) * 86400) / 3600)); |
| var hh = format(h); |
| var H = String(parseInt(remain / 3600)); |
| var HH = format(H); |
| var m = String(parseInt((remain - parseInt(H) * 3600) / 60)); |
| var mm = format(m); |
| var M = String(parseInt(remain / 60)); |
| var MM = format(M); |
| var s = String(remain - parseInt(M) * 60); |
| var ss = format(s); |
| var S = String(remain); |
| var SS = format(S); |
| return { |
| D: D, DD: DD, |
| h: h, hh: hh, |
| H: H, HH: HH, |
| m: m, mm: mm, |
| M: M, MM: MM, |
| s: s, ss: ss, |
| S: S, SS: SS |
| }; |
| } |
| |
| module.exports = { |
| props: { |
| remain: { |
| default: 0 |
| } |
| }, |
| data: function data() { |
| return { |
| now: 0, |
| target: 0, |
| outofview: false |
| }; |
| }, |
| created: function created() { |
| this.now = Date.now(); |
| this.target = this.now + this.remain * 1000; |
| if (this.remain > 0) { |
| this.run(); |
| } |
| }, |
| methods: { |
| run: function run() { |
| if (!this.outofview) { |
| this.now = Date.now(); |
| } |
| var time = getTime(this.target, this.now); |
| if (this.target >= this.now) { |
| this.$emit('tick', time); |
| } else { |
| this.$emit('alarm', time); |
| return; |
| } |
| setTimeout(this.run.bind(this), 1000); |
| }, |
| appeared: function appeared() { |
| this.outofview = false; |
| }, |
| disappeared: function disappeared() { |
| this.outofview = true; |
| } |
| } |
| }; |
| |
| /***/ }, |
| |
| /***/ 403: |
| /***/ function(module, exports) { |
| |
| module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; |
| return _h('div', { |
| staticStyle: { |
| overflow: "hidden", |
| flexDirection: "row" |
| }, |
| on: { |
| "appear": _vm.appeared, |
| "disappear": _vm.disappeared |
| } |
| }, [_vm._t("default")]) |
| },staticRenderFns: []} |
| module.exports.render._withStripped = true |
| |
| /***/ }, |
| |
| /***/ 404: |
| /***/ function(module, exports) { |
| |
| module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; |
| return _h('scroller', [_h('panel', { |
| attrs: { |
| "title": "Countdown", |
| "type": "primary" |
| } |
| }, [_h('countdown', { |
| staticStyle: { |
| width: "750", |
| marginTop: "20", |
| marginBottom: "20" |
| }, |
| attrs: { |
| "remain": _vm.countdown1.remain |
| }, |
| on: { |
| "tick": function($event) { |
| _vm.tick($event, 'countdown1') |
| } |
| } |
| }, [_h('text', { |
| staticClass: ["ctno1"] |
| }, [_vm._s(_vm.countdown1.time.D)]), _h('text', { |
| staticClass: ["ctno1"], |
| staticStyle: { |
| backgroundColor: "#FFFFFF", |
| color: "#AAAAAA" |
| } |
| }, ["day(s)"]), _h('text', { |
| staticClass: ["ctno1"] |
| }, [_vm._s(_vm.countdown1.time.hh)]), _h('text', { |
| staticClass: ["ctno1"], |
| staticStyle: { |
| backgroundColor: "#FFFFFF", |
| color: "#AAAAAA" |
| } |
| }, ["hour(s)"]), _h('text', { |
| staticClass: ["ctno1"] |
| }, [_vm._s(_vm.countdown1.time.mm)]), _h('text', { |
| staticClass: ["ctno1"], |
| staticStyle: { |
| backgroundColor: "#FFFFFF", |
| color: "#AAAAAA" |
| } |
| }, ["minute(s)"]), _h('text', { |
| staticClass: ["ctno1"] |
| }, [_vm._s(_vm.countdown1.time.ss)]), _h('text', { |
| staticClass: ["ctno1"], |
| staticStyle: { |
| backgroundColor: "#FFFFFF", |
| color: "#AAAAAA" |
| } |
| }, ["second(s)"])]), _h('countdown', { |
| staticStyle: { |
| width: "600" |
| }, |
| attrs: { |
| "remain": _vm.countdown2.remain |
| }, |
| on: { |
| "tick": function($event) { |
| _vm.tick($event, 'countdown2') |
| } |
| } |
| }, [_h('text', { |
| staticClass: ["ctno2"] |
| }, [_vm._s(_vm.countdown2.time.MM)]), _h('text', { |
| staticClass: ["ctno2"], |
| staticStyle: { |
| backgroundColor: "#FFFFFF", |
| color: "#AAAAAA" |
| } |
| }, [":"]), _h('text', { |
| staticClass: ["ctno2"] |
| }, [_vm._s(_vm.countdown2.time.ss)])])])]) |
| },staticRenderFns: []} |
| module.exports.render._withStripped = true |
| |
| /***/ } |
| |
| /******/ }); |
