magix-components
Version:
1 lines • 7.17 kB
JavaScript
define("mx-effect/__test__/index",["magix","../../mx-form/index","../count","../dance","mx-dropdown/index"],function(t,e,i){t("../count"),t("../dance"),t("mx-dropdown/index");var n=t("magix"),m=t("../../mx-form/index");i.exports=n.View.extend({tmpl:{html:'<h2>mx-effect</h2><h3>count</h3><div class="B ag"><input mx-guid="g0 " class="an" mx-view="mx-effect/count?to=<%!$eu($$.toNumber)%>"><div mx-guid="g1 " mx-view="mx-effect/count?to=<%@$$.toNumber%>&duration=2000&fixed=2" style="font-size: 30px;line-height: 50px;letter-spacing: 2px"></div><button class="al am s" type="button" mx-click=" changeNumber({i:true})">increase number</button><button class="al am s" type="button" mx-click=" changeNumber()">decrease number</button></div><div class="B"><div>HTML Code:</div><pre>\n<input class="input" mx-view="mx-effect/count" view-to="<%@toNumber%>">\n<div mx-view="mx-effect/count" view-to="<%@toNumber%>" view-duration="2000" view-fixed="2" style="font-size: 30px;line-height: 50px;letter-spacing: 2px;"></div>\n<button class="btn btn-brand ml5" type="button" mx-click="changeNumber({i:true})">increase number</button>\n<button class="btn btn-brand ml5" type="button" mx-click="changeNumber()">decrease number</button></pre><div class="z">Javascript Code:</div><pre>\nlet Magix = require(\'magix\');\nmodule.exports = Magix.View.extend({\n tmpl: \'@index.html\',\n render() {\n let me = this;\n me.updater.digest({\n toNumber: 20\n });\n },\n \'changeNumber<click>\'(e) {\n let me = this;\n let to = me.updater.get(\'toNumber\');\n let diff = 300;\n if (!e.params.i) {\n diff = -diff;\n }\n me.updater.digest({\n toNumber: to + diff\n });\n }\n});</pre></div><h3 class="f">dance</h3><div class="B ag"><div mx-guid="g2 " mx-view="mx-effect/dance?value=<%!$eu($$.content)%>&duration=<%!$eu($$.duration)%>&dance=<%!$eu($$.dance)%>"></div><div mx-guid="g3 " mx-ssid=" 0" style="width:180px" mx-change=" __b({c:[{p:\'duration\',f:{refresh:true},n:\'selected\'}]})" mx-focusout=" __b()" mx-focusin=" __b()" mx-view="mx-dropdown/index?emptyText=%E5%8D%95%E5%AD%97%E6%95%88%E6%9E%9C%E9%97%B4%E9%9A%94%E6%97%B6%E9%97%B4&selected=<%@$$.duration%>"><item value="10">10ms</item><item value="30">30ms</item><item value="60">60ms</item><item value="90">90ms</item><item value="120">120ms</item></div><div mx-guid="g4 " mx-ssid=" 1" style="width:180px" class="t" mx-change=" __b({c:[{p:\'dance\',f:{refresh:true},n:\'selected\'}]})" mx-focusout=" __b()" mx-focusin=" __b()" mx-view="mx-dropdown/index?emptyText=%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C&selected=<%@$$.dance%>"><item value="d1">效果一</item><item value="d2">效果二</item><item value="d3">效果三</item><item value="d4">效果四</item><item value="d5">效果五</item><item value="d6">效果六</item><item value="d7">效果七</item><item value="d8">效果八</item><item value="d9">效果九</item><item value="d10">效果十</item><item value="d11">效果十一</item></div></div><div class="B"><div>HTML Code:</div><pre>\n<mx-effect-dance value="<%=content%>" duration="<%=duration%>" dance="<%=dance%>" />\n<mx-dropdown empty-text="单字效果间隔时间" style="width:180px" selected="<%:duration{refresh:true}%>">\n <item value="10">10ms</item>\n <item value="30">30ms</item>\n <item value="60">60ms</item>\n <item value="90">90ms</item>\n <item value="120">120ms</item>\n</mx-dropdown>\n<mx-dropdown empty-text="动画效果" style="width:180px" class="ml10" selected="<%:dance{refresh:true}%>">\n <item value="d1">效果一</item>\n <item value="d2">效果二</item>\n <item value="d3">效果三</item>\n <item value="d4">效果四</item>\n <item value="d5">效果五</item>\n <item value="d6">效果六</item>\n <item value="d7">效果七</item>\n <item value="d8">效果八</item>\n <item value="d9">效果九</item>\n <item value="d10">效果十</item>\n <item value="d11">效果十一</item>\n</mx-dropdown>\n </pre><div class="z">Javascript Code:</div><pre>\nlet Magix = require(\'magix\');\nlet Form = require(\'app/gallery/mx-form/index\');\nmodule.exports = Magix.View.extend({\n tmpl: \'@index.html\',\n mixins: [Form],\n render() {\n let me = this;\n me.updater.digest({\n content: \'你从远处聆听我，我的声音却无法触及你。你从远处聆听我，我的声音却无法触及你。你从远处聆听我，我的声音却无法触及你。好像你的双眼已经飞离去，如同一个吻，封缄了你的嘴。好像你的双眼已经飞离去，如同一个吻，封缄了你的嘴。如同所有的事物充满了我的灵魂，如同所有的事物充满了我的灵魂，如同所有的事物充满了我的灵魂，你从所有的事物中浮现，充满了我的灵魂。你从所有的事物中浮现，充满了我的灵魂。你从所有的事物中浮现，充满了我的灵魂。\',\n dance: \'d1\',\n duration: \'60\'\n });\n }\n});\n \n </pre></div>',subs:[{keys:["toNumber"],path:'input[mx-guid="g0 "]',attr:'mx-view="mx-effect/count?to=<%!$eu($$.toNumber)%>"',attrs:[{n:"mx-view",v:1}]},{keys:["toNumber"],path:'div[mx-guid="g1 "]',attr:'mx-view="mx-effect/count?to=<%@$$.toNumber%>&duration=2000&fixed=2"',attrs:[{n:"mx-view",v:1}]},{keys:["content","duration","dance"],path:'div[mx-guid="g2 "]',attr:'mx-view="mx-effect/dance?value=<%!$eu($$.content)%>&duration=<%!$eu($$.duration)%>&dance=<%!$eu($$.dance)%>"',attrs:[{n:"mx-view",v:1}]},{keys:["duration"],path:'div[mx-guid="g3 "]',attr:'mx-view="mx-dropdown/index?emptyText=%E5%8D%95%E5%AD%97%E6%95%88%E6%9E%9C%E9%97%B4%E9%9A%94%E6%97%B6%E9%97%B4&selected=<%@$$.duration%>"',attrs:[{n:"mx-view",v:1}]},{keys:["dance"],path:'div[mx-guid="g4 "]',attr:'mx-view="mx-dropdown/index?emptyText=%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C&selected=<%@$$.dance%>"',attrs:[{n:"mx-view",v:1}]}]},mixins:[m],render:function(){this.updater.digest({toNumber:20,content:"你从远处聆听我，我的声音却无法触及你。你从远处聆听我，我的声音却无法触及你。你从远处聆听我，我的声音却无法触及你。好像你的双眼已经飞离去，如同一个吻，封缄了你的嘴。好像你的双眼已经飞离去，如同一个吻，封缄了你的嘴。如同所有的事物充满了我的灵魂，如同所有的事物充满了我的灵魂，如同所有的事物充满了我的灵魂，你从所有的事物中浮现，充满了我的灵魂。你从所有的事物中浮现，充满了我的灵魂。你从所有的事物中浮现，充满了我的灵魂。",dance:"d1",duration:"60"})},"changeNumber<click>":function(t){var e=this,i=e.updater.get("toNumber"),n=300;t.params.i||(n=-n),e.updater.digest({toNumber:i+n})}})});