You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							138 lines
						
					
					
						
							3.9 KiB
						
					
					
				
			
		
		
	
	
							138 lines
						
					
					
						
							3.9 KiB
						
					
					
				
 | 
						|
/* | 
						|
* Licensed to the Apache Software Foundation (ASF) under one | 
						|
* or more contributor license agreements.  See the NOTICE file | 
						|
* distributed with this work for additional information | 
						|
* regarding copyright ownership.  The ASF licenses this file | 
						|
* to you under the Apache License, Version 2.0 (the | 
						|
* "License"); you may not use this file except in compliance | 
						|
* with the License.  You may obtain a copy of the License at | 
						|
* | 
						|
*   http://www.apache.org/licenses/LICENSE-2.0 | 
						|
* | 
						|
* Unless required by applicable law or agreed to in writing, | 
						|
* software distributed under the License is distributed on an | 
						|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | 
						|
* KIND, either express or implied.  See the License for the | 
						|
* specific language governing permissions and limitations | 
						|
* under the License. | 
						|
*/ | 
						|
 | 
						|
var zrUtil = require("zrender/lib/core/util"); | 
						|
 | 
						|
/* | 
						|
* Licensed to the Apache Software Foundation (ASF) under one | 
						|
* or more contributor license agreements.  See the NOTICE file | 
						|
* distributed with this work for additional information | 
						|
* regarding copyright ownership.  The ASF licenses this file | 
						|
* to you under the Apache License, Version 2.0 (the | 
						|
* "License"); you may not use this file except in compliance | 
						|
* with the License.  You may obtain a copy of the License at | 
						|
* | 
						|
*   http://www.apache.org/licenses/LICENSE-2.0 | 
						|
* | 
						|
* Unless required by applicable law or agreed to in writing, | 
						|
* software distributed under the License is distributed on an | 
						|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | 
						|
* KIND, either express or implied.  See the License for the | 
						|
* specific language governing permissions and limitations | 
						|
* under the License. | 
						|
*/ | 
						|
 | 
						|
/** | 
						|
 * @param {number} [time=500] Time in ms | 
						|
 * @param {string} [easing='linear'] | 
						|
 * @param {number} [delay=0] | 
						|
 * @param {Function} [callback] | 
						|
 * | 
						|
 * @example | 
						|
 *  // Animate position | 
						|
 *  animation | 
						|
 *      .createWrap() | 
						|
 *      .add(el1, {position: [10, 10]}) | 
						|
 *      .add(el2, {shape: {width: 500}, style: {fill: 'red'}}, 400) | 
						|
 *      .done(function () { // done }) | 
						|
 *      .start('cubicOut'); | 
						|
 */ | 
						|
function createWrap() { | 
						|
  var storage = []; | 
						|
  var elExistsMap = {}; | 
						|
  var doneCallback; | 
						|
  return { | 
						|
    /** | 
						|
     * Caution: a el can only be added once, otherwise 'done' | 
						|
     * might not be called. This method checks this (by el.id), | 
						|
     * suppresses adding and returns false when existing el found. | 
						|
     * | 
						|
     * @param {modele:zrender/Element} el | 
						|
     * @param {Object} target | 
						|
     * @param {number} [time=500] | 
						|
     * @param {number} [delay=0] | 
						|
     * @param {string} [easing='linear'] | 
						|
     * @return {boolean} Whether adding succeeded. | 
						|
     * | 
						|
     * @example | 
						|
     *     add(el, target, time, delay, easing); | 
						|
     *     add(el, target, time, easing); | 
						|
     *     add(el, target, time); | 
						|
     *     add(el, target); | 
						|
     */ | 
						|
    add: function (el, target, time, delay, easing) { | 
						|
      if (zrUtil.isString(delay)) { | 
						|
        easing = delay; | 
						|
        delay = 0; | 
						|
      } | 
						|
 | 
						|
      if (elExistsMap[el.id]) { | 
						|
        return false; | 
						|
      } | 
						|
 | 
						|
      elExistsMap[el.id] = 1; | 
						|
      storage.push({ | 
						|
        el: el, | 
						|
        target: target, | 
						|
        time: time, | 
						|
        delay: delay, | 
						|
        easing: easing | 
						|
      }); | 
						|
      return true; | 
						|
    }, | 
						|
 | 
						|
    /** | 
						|
     * Only execute when animation finished. Will not execute when any | 
						|
     * of 'stop' or 'stopAnimation' called. | 
						|
     * | 
						|
     * @param {Function} callback | 
						|
     */ | 
						|
    done: function (callback) { | 
						|
      doneCallback = callback; | 
						|
      return this; | 
						|
    }, | 
						|
 | 
						|
    /** | 
						|
     * Will stop exist animation firstly. | 
						|
     */ | 
						|
    start: function () { | 
						|
      var count = storage.length; | 
						|
 | 
						|
      for (var i = 0, len = storage.length; i < len; i++) { | 
						|
        var item = storage[i]; | 
						|
        item.el.animateTo(item.target, item.time, item.delay, item.easing, done); | 
						|
      } | 
						|
 | 
						|
      return this; | 
						|
 | 
						|
      function done() { | 
						|
        count--; | 
						|
 | 
						|
        if (!count) { | 
						|
          storage.length = 0; | 
						|
          elExistsMap = {}; | 
						|
          doneCallback && doneCallback(); | 
						|
        } | 
						|
      } | 
						|
    } | 
						|
  }; | 
						|
} | 
						|
 | 
						|
exports.createWrap = createWrap; |