+++ /dev/null
-/*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-(function(){ \r
- var EXTLIB = Ext.lib,\r
- noNegatives = /width|height|opacity|padding/i,\r
- offsetAttribute = /^((width|height)|(top|left))$/,\r
- defaultUnit = /width|height|top$|bottom$|left$|right$/i,\r
- offsetUnit = /\d+(em|%|en|ex|pt|in|cm|mm|pc)$/i,\r
- isset = function(v){\r
- return typeof v !== 'undefined';\r
- },\r
- now = function(){\r
- return new Date(); \r
- };\r
- \r
- EXTLIB.Anim = {\r
- motion : function(el, args, duration, easing, cb, scope) {\r
- return this.run(el, args, duration, easing, cb, scope, Ext.lib.Motion);\r
- },\r
-\r
- run : function(el, args, duration, easing, cb, scope, type) {\r
- type = type || Ext.lib.AnimBase;\r
- if (typeof easing == "string") {\r
- easing = Ext.lib.Easing[easing];\r
- }\r
- var anim = new type(el, args, duration, easing);\r
- anim.animateX(function() {\r
- if(Ext.isFunction(cb)){\r
- cb.call(scope);\r
- }\r
- });\r
- return anim;\r
- }\r
- };\r
- \r
- EXTLIB.AnimBase = function(el, attributes, duration, method) {\r
- if (el) {\r
- this.init(el, attributes, duration, method);\r
- }\r
- };\r
-\r
- EXTLIB.AnimBase.prototype = {\r
- doMethod: function(attr, start, end) {\r
- var me = this;\r
- return me.method(me.curFrame, start, end - start, me.totalFrames);\r
- },\r
-\r
-\r
- setAttr: function(attr, val, unit) {\r
- if (noNegatives.test(attr) && val < 0) {\r
- val = 0;\r
- }\r
- Ext.fly(this.el, '_anim').setStyle(attr, val + unit);\r
- },\r
-\r
-\r
- getAttr: function(attr) {\r
- var el = Ext.fly(this.el),\r
- val = el.getStyle(attr),\r
- a = offsetAttribute.exec(attr) || []\r
-\r
- if (val !== 'auto' && !offsetUnit.test(val)) {\r
- return parseFloat(val);\r
- }\r
-\r
- return (!!(a[2]) || (el.getStyle('position') == 'absolute' && !!(a[3]))) ? el.dom['offset' + a[0].charAt(0).toUpperCase() + a[0].substr(1)] : 0;\r
- },\r
-\r
-\r
- getDefaultUnit: function(attr) {\r
- return defaultUnit.test(attr) ? 'px' : '';\r
- },\r
-\r
- animateX : function(callback, scope) {\r
- var me = this,\r
- f = function() {\r
- me.onComplete.removeListener(f);\r
- if (Ext.isFunction(callback)) {\r
- callback.call(scope || me, me);\r
- }\r
- };\r
- me.onComplete.addListener(f, me);\r
- me.animate();\r
- },\r
-\r
-\r
- setRunAttr: function(attr) { \r
- var me = this,\r
- a = this.attributes[attr],\r
- to = a.to,\r
- by = a.by,\r
- from = a.from,\r
- unit = a.unit,\r
- ra = (this.runAttrs[attr] = {}),\r
- end;\r
-\r
- if (!isset(to) && !isset(by)){\r
- return false;\r
- }\r
-\r
- var start = isset(from) ? from : me.getAttr(attr);\r
- if (isset(to)) {\r
- end = to;\r
- }else if(isset(by)) {\r
- if (Ext.isArray(start)){\r
- end = [];\r
- for(var i=0,len=start.length; i<len; i++) {\r
- end[i] = start[i] + by[i];\r
- }\r
- }else{\r
- end = start + by;\r
- }\r
- }\r
-\r
- Ext.apply(ra, {\r
- start: start,\r
- end: end,\r
- unit: isset(unit) ? unit : me.getDefaultUnit(attr)\r
- });\r
- },\r
-\r
-\r
- init: function(el, attributes, duration, method) {\r
- var me = this,\r
- actualFrames = 0,\r
- mgr = EXTLIB.AnimMgr;\r
- \r
- Ext.apply(me, {\r
- isAnimated: false,\r
- startTime: null,\r
- el: Ext.getDom(el),\r
- attributes: attributes || {},\r
- duration: duration || 1,\r
- method: method || EXTLIB.Easing.easeNone,\r
- useSec: true,\r
- curFrame: 0,\r
- totalFrames: mgr.fps,\r
- runAttrs: {},\r
- animate: function(){\r
- var me = this,\r
- d = me.duration;\r
- \r
- if(me.isAnimated){\r
- return false;\r
- }\r
-\r
- me.curFrame = 0;\r
- me.totalFrames = me.useSec ? Math.ceil(mgr.fps * d) : d;\r
- mgr.registerElement(me); \r
- },\r
- \r
- stop: function(finish){\r
- var me = this;\r
- \r
- if(finish){\r
- me.curFrame = me.totalFrames;\r
- me._onTween.fire();\r
- }\r
- mgr.stop(me);\r
- }\r
- });\r
-\r
- var onStart = function(){\r
- var me = this,\r
- attr;\r
- \r
- me.onStart.fire();\r
- me.runAttrs = {};\r
- for(attr in this.attributes){\r
- this.setRunAttr(attr);\r
- }\r
-\r
- me.isAnimated = true;\r
- me.startTime = now();\r
- actualFrames = 0;\r
- };\r
-\r
-\r
- var onTween = function(){\r
- var me = this;\r
-\r
- me.onTween.fire({\r
- duration: now() - me.startTime,\r
- curFrame: me.curFrame\r
- });\r
-\r
- var ra = me.runAttrs;\r
- for (var attr in ra) {\r
- this.setAttr(attr, me.doMethod(attr, ra[attr].start, ra[attr].end), ra[attr].unit);\r
- }\r
-\r
- ++actualFrames;\r
- };\r
-\r
- var onComplete = function() {\r
- var me = this,\r
- actual = (now() - me.startTime) / 1000,\r
- data = {\r
- duration: actual,\r
- frames: actualFrames,\r
- fps: actualFrames / actual\r
- };\r
-\r
- me.isAnimated = false;\r
- actualFrames = 0;\r
- me.onComplete.fire(data);\r
- };\r
-\r
- me.onStart = new Ext.util.Event(me);\r
- me.onTween = new Ext.util.Event(me); \r
- me.onComplete = new Ext.util.Event(me);\r
- (me._onStart = new Ext.util.Event(me)).addListener(onStart);\r
- (me._onTween = new Ext.util.Event(me)).addListener(onTween);\r
- (me._onComplete = new Ext.util.Event(me)).addListener(onComplete); \r
- }\r
- };\r
-\r
-\r
- Ext.lib.AnimMgr = new function() {\r
- var me = this,\r
- thread = null,\r
- queue = [],\r
- tweenCount = 0;\r
-\r
-\r
- Ext.apply(me, {\r
- fps: 1000,\r
- delay: 1,\r
- registerElement: function(tween){\r
- queue.push(tween);\r
- ++tweenCount;\r
- tween._onStart.fire();\r
- me.start();\r
- },\r
- \r
- unRegister: function(tween, index){\r
- tween._onComplete.fire();\r
- index = index || getIndex(tween);\r
- if (index != -1) {\r
- queue.splice(index, 1);\r
- }\r
-\r
- if (--tweenCount <= 0) {\r
- me.stop();\r
- }\r
- },\r
- \r
- start: function(){\r
- if(thread === null){\r
- thread = setInterval(me.run, me.delay);\r
- }\r
- },\r
- \r
- stop: function(tween){\r
- if(!tween){\r
- clearInterval(thread);\r
- for(var i = 0, len = queue.length; i < len; ++i){\r
- if(queue[0].isAnimated){\r
- me.unRegister(queue[0], 0);\r
- }\r
- }\r
-\r
- queue = [];\r
- thread = null;\r
- tweenCount = 0;\r
- }else{\r
- me.unRegister(tween);\r
- }\r
- },\r
- \r
- run: function(){\r
- var tf, i, len, tween;\r
- for(i = 0, len = queue.length; i<len; i++) {\r
- tween = queue[i];\r
- if(tween && tween.isAnimated){\r
- tf = tween.totalFrames;\r
- if(tween.curFrame < tf || tf === null){\r
- ++tween.curFrame;\r
- if(tween.useSec){\r
- correctFrame(tween);\r
- }\r
- tween._onTween.fire();\r
- }else{\r
- me.stop(tween);\r
- }\r
- } \r
- }\r
- }\r
- });\r
-\r
- var getIndex = function(anim) {\r
- var i, len;\r
- for(i = 0, len = queue.length; i<len; i++) {\r
- if(queue[i] === anim) {\r
- return i;\r
- }\r
- }\r
- return -1;\r
- };\r
-\r
- var correctFrame = function(tween) {\r
- var frames = tween.totalFrames,\r
- frame = tween.curFrame,\r
- duration = tween.duration,\r
- expected = (frame * duration * 1000 / frames),\r
- elapsed = (now() - tween.startTime),\r
- tweak = 0;\r
-\r
- if(elapsed < duration * 1000){\r
- tweak = Math.round((elapsed / expected - 1) * frame);\r
- }else{\r
- tweak = frames - (frame + 1);\r
- }\r
- if(tweak > 0 && isFinite(tweak)){\r
- if(tween.curFrame + tweak >= frames){\r
- tweak = frames - (frame + 1);\r
- }\r
- tween.curFrame += tweak;\r
- }\r
- };\r
- };\r
-\r
- EXTLIB.Bezier = new function() {\r
-\r
- this.getPosition = function(points, t) {\r
- var n = points.length,\r
- tmp = [],\r
- c = 1 - t, \r
- i,\r
- j;\r
-\r
- for (i = 0; i < n; ++i) {\r
- tmp[i] = [points[i][0], points[i][1]];\r
- }\r
-\r
- for (j = 1; j < n; ++j) {\r
- for (i = 0; i < n - j; ++i) {\r
- tmp[i][0] = c * tmp[i][0] + t * tmp[parseInt(i + 1, 10)][0];\r
- tmp[i][1] = c * tmp[i][1] + t * tmp[parseInt(i + 1, 10)][1];\r
- }\r
- }\r
-\r
- return [ tmp[0][0], tmp[0][1] ];\r
-\r
- };\r
- };\r
-\r
-\r
- EXTLIB.Easing = {\r
- easeNone: function (t, b, c, d) {\r
- return c * t / d + b;\r
- },\r
-\r
-\r
- easeIn: function (t, b, c, d) {\r
- return c * (t /= d) * t + b;\r
- },\r
-\r
-\r
- easeOut: function (t, b, c, d) {\r
- return -c * (t /= d) * (t - 2) + b;\r
- }\r
- };\r
-\r
- (function() {\r
- EXTLIB.Motion = function(el, attributes, duration, method) {\r
- if (el) {\r
- EXTLIB.Motion.superclass.constructor.call(this, el, attributes, duration, method);\r
- }\r
- };\r
-\r
- Ext.extend(EXTLIB.Motion, Ext.lib.AnimBase);\r
-\r
- var superclass = EXTLIB.Motion.superclass,\r
- proto = EXTLIB.Motion.prototype,\r
- pointsRe = /^points$/i;\r
-\r
- Ext.apply(EXTLIB.Motion.prototype, {\r
- setAttr: function(attr, val, unit){\r
- var me = this,\r
- setAttr = superclass.setAttr;\r
- \r
- if (pointsRe.test(attr)) {\r
- unit = unit || 'px';\r
- setAttr.call(me, 'left', val[0], unit);\r
- setAttr.call(me, 'top', val[1], unit);\r
- } else {\r
- setAttr.call(me, attr, val, unit);\r
- }\r
- },\r
- \r
- getAttr: function(attr){\r
- var me = this,\r
- getAttr = superclass.getAttr;\r
- \r
- return pointsRe.test(attr) ? [getAttr.call(me, 'left'), getAttr.call(me, 'top')] : getAttr.call(me, attr);\r
- },\r
- \r
- doMethod: function(attr, start, end){\r
- var me = this;\r
- \r
- return pointsRe.test(attr)\r
- ? EXTLIB.Bezier.getPosition(me.runAttrs[attr], me.method(me.curFrame, 0, 100, me.totalFrames) / 100)\r
- : superclass.doMethod.call(me, attr, start, end);\r
- },\r
- \r
- setRunAttr: function(attr){\r
- if(pointsRe.test(attr)){\r
- \r
- var me = this,\r
- el = this.el,\r
- points = this.attributes.points,\r
- control = points.control || [],\r
- from = points.from,\r
- to = points.to,\r
- by = points.by,\r
- DOM = EXTLIB.Dom,\r
- start,\r
- i,\r
- end,\r
- len,\r
- ra;\r
- \r
-\r
- if(control.length > 0 && !Ext.isArray(control[0])){\r
- control = [control];\r
- }else{\r
- /*\r
- var tmp = [];\r
- for (i = 0,len = control.length; i < len; ++i) {\r
- tmp[i] = control[i];\r
- }\r
- control = tmp;\r
- */\r
- }\r
-\r
- Ext.fly(el, '_anim').position();\r
- DOM.setXY(el, isset(from) ? from : DOM.getXY(el));\r
- start = me.getAttr('points');\r
-\r
-\r
- if(isset(to)){\r
- end = translateValues.call(me, to, start);\r
- for (i = 0,len = control.length; i < len; ++i) {\r
- control[i] = translateValues.call(me, control[i], start);\r
- }\r
- } else if (isset(by)) {\r
- end = [start[0] + by[0], start[1] + by[1]];\r
-\r
- for (i = 0,len = control.length; i < len; ++i) {\r
- control[i] = [ start[0] + control[i][0], start[1] + control[i][1] ];\r
- }\r
- }\r
-\r
- ra = this.runAttrs[attr] = [start];\r
- if (control.length > 0) {\r
- ra = ra.concat(control);\r
- }\r
-\r
- ra[ra.length] = end;\r
- }else{\r
- superclass.setRunAttr.call(this, attr);\r
- }\r
- }\r
- });\r
-\r
- var translateValues = function(val, start) {\r
- var pageXY = EXTLIB.Dom.getXY(this.el);\r
- return [val[0] - pageXY[0] + start[0], val[1] - pageXY[1] + start[1]];\r
- };\r
- })();\r
-})();
\ No newline at end of file