这里可以是复杂的HTML
'], 11 | formatCard: function(e) { 12 | var el = e.target 13 | var caret = el.selectionStart 14 | var value = el.value 15 | var prev = value.slice(0, caret) 16 | var sp = (prev.match(/\s/) || []).length 17 | var curr = value.replace(/\s/g, '').replace(/(\d{4})/g, "$1 ").trim() 18 | var now = curr.slice(0, caret) 19 | var curSp = (now.match(/\s/) || []).length 20 | el.value = curr 21 | //同步到ms-duplex中的pos去 22 | el._ms_duplex_.pos = caret + curSp - sp 23 | } 24 | 25 | }) 26 | //成绩单 27 | //大家可以对比一下1.*的相同实现 28 | //http://www.cnblogs.com/rubylouvre/p/3213430.html 29 | var model = avalon.define({ 30 | $id: 'transcript', 31 | id: '', 32 | name: '', 33 | score: 0, 34 | total: 0, 35 | array: [], 36 | add: function() { 37 | this.array.push({ 38 | id: this.id, 39 | name: this.name, 40 | score: this.score 41 | }) 42 | } 43 | }) 44 | 45 | model.$watch("score", function(a) { 46 | var a = Number(a) || 0 47 | a = a > 100 ? 100 : a < 0 ? 0 : a //强制转换为0~100间 48 | model.score = a 49 | }) 50 | model.$watch("array", function() { 51 | var a = 0 52 | model.array.forEach(function(el) { 53 | a += el.score //求得总数 54 | }) 55 | model.total = a; 56 | model.id = "" 57 | model.name = "" 58 | model.score = 0 59 | }) 60 | model.array = [ 61 | { id: "d1", name: "李世民", score: 67 }, 62 | { id: "d2", name: "赢政", score: 90 } 63 | ] 64 | module.exports = vm -------------------------------------------------------------------------------- /components/router/heredoc.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * 注意不要压缩这个模块 3 | */ 4 | module.exports = function heredoc(fn) { 5 | return fn.toString().replace(/^[^\/]+\/\*!?\s?/, ''). 6 | replace(/\*\/[^\/]+$/, '').trim().replace(/>\s*<') 7 | } 8 | -------------------------------------------------------------------------------- /components/router/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |{{@currPath}}
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /components/router/main.js: -------------------------------------------------------------------------------- 1 | var avalon = require('../../dist/avalon') 2 | var mmRouter = require('./mmRouter') 3 | var html1 = require('./first.html') 4 | var html2 = require('./second.html') 5 | var html3 = require('./third.html') 6 | var vm1 = require('./firstVm') 7 | var vm2 = require('./secondVm') 8 | 9 | var root = avalon.define({ 10 | $id: 'main', 11 | currPath: 'aaa',//只是用于测试 12 | currPage: 'aaa' //这是有用的 13 | }) 14 | 15 | 16 | var states = {} 17 | 18 | function addState(path, vm, html) { 19 | states[path] = { 20 | vm: vm, 21 | html: html 22 | } 23 | } 24 | 25 | addState('aaa', vm1, html1) 26 | 27 | addState('bbb', vm2, html2) 28 | 29 | addState('ccc', avalon.define({ 30 | $id: 'third', 31 | aaa: 333 32 | }), html3) 33 | 34 | 35 | avalon.component('ms-view', { 36 | template: '', 37 | defaults: { 38 | page: ' ', 39 | path: 'no', 40 | 41 | onReady: function(e) { 42 | var path = e.vmodel.path 43 | var state = states[path] 44 | avalon.vmodels[state.vm.$id] = state.vm 45 | setTimeout(function() {//必须等它扫描完这个template,才能替换 46 | e.vmodel.page = state.html 47 | },100) 48 | 49 | }, 50 | onDispose: function(e) { 51 | var path = e.vmodel.path 52 | var state = states[path] 53 | var vm = state.vm 54 | var render = vm.render 55 | render && render.dispose() 56 | delete avalon.vmodels[vm.$id] 57 | } 58 | } 59 | }) 60 | 61 | function getPage(path) { 62 | path = path.slice(1) 63 | var html = '| 全选 | 52 |
| 55 | {{$index}}::{{el.checked}} 56 | 57 | 58 | | 59 | 60 |