jquery-fly-rails 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: fcd8df887053e97d7d0fb6855ea6fc5f08322e5f
+  data.tar.gz: 35ceebb9709dbccc471c2ac698425c299fcd42b7
+SHA512:
+  metadata.gz: 887dba0b579bf3489b66222a864243b32b3fd518f58d9ea5d5aafb96943d4df6e1ccfdefea6e5732cdee0b5d22817392e7865e3e0ef1d5a6f50311ad922e6b5e
+  data.tar.gz: 7b92e97377e77217424493d59f8bc6a47618e2188e59663cee94623c4b1efdb7dc5ef8a2ec19304b76aa277fa0b8cac3503744fb522927b81b8e6379a5b06879

data/.gitignore

@@ -0,0 +1,28 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+
+# OS generated files #
+######################
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+*.sublime-workspace

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2015 wuyuedong hzxs1990225@163.com
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,44 @@
+Jquery-Fly-Rails [![Gem Version][version-badge]][rubygems]
+================
+
+[Add to cart - animation effect](https://github.com/amibug/fly) rails wrap.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jquery-fly-rails'
+
+And then execute:
+
+    $ bundle
+
+## How to use
+
+```javascript
+jQuery(function($) {
+  $('#fly').fly({
+    start:{
+      left: 11,  //开始位置（必填）#fly元素会被设置成position: fixed
+      top: 600,  //开始位置（必填）
+    },
+    end:{
+      left: 500, //结束位置（必填）
+      top: 130,  //结束位置（必填）
+      width: 100, //结束时高度
+      height: 100, //结束时高度
+    },
+    autoPlay: false, //是否直接运动,默认true
+    speed: 1.1, //越大越快，默认1.2
+    vertex_Rtop：100, //运动轨迹最高点top值，默认20
+    onEnd: function(){} //结束回调
+  });
+  $('#fly').play(); //autoPlay: false后，手动调用运动
+  $('#fly').destroy(); //移除dom
+});
+```
+
+Or check [official demo](http://codepen.io/hzxs1990225/full/ogLaVp)
+
+[version-badge]: https://badge.fury.io/rb/jquery-fly-rails.svg
+[rubygems]: https://rubygems.org/gems/jquery-fly-rails

data/lib/jquery-fly-rails.rb

@@ -0,0 +1,10 @@
+require 'jquery-fly-rails/version'
+
+module Jquery
+  module Fly
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/jquery-fly-rails/version.rb

@@ -0,0 +1,7 @@
+module Jquery
+  module Fly
+    module Rails
+      VERSION = '1.0.0'.freeze
+    end
+  end
+end

data/vendor/assets/javascripts/jquery-fly.js

@@ -0,0 +1,140 @@
+/*
+ * jquery.fly
+ *
+ * 抛物线动画
+ * @github https://github.com/amibug/fly
+ * Copyright (c) 2014 wuyuedong
+ * copy from tmall.com
+ */
+(function ($) {
+  $.fly = function (element, options) {
+    // 默认值
+    var defaults = {
+      version: '1.0.0',
+      autoPlay: true,
+      vertex_Rtop: 20, // 默认顶点高度top值
+      speed: 1.2,
+      start: {}, // top, left, width, height
+      end: {},
+      onEnd: $.noop
+    };
+
+    var self = this,
+      $element = $(element);
+
+    /**
+     * 初始化组件，new的时候即调用
+     */
+    self.init = function (options) {
+      this.setOptions(options);
+      !!this.settings.autoPlay && this.play();
+    };
+
+    /**
+     * 设置组件参数
+     */
+    self.setOptions = function (options) {
+      this.settings = $.extend(true, {}, defaults, options);
+      var settings = this.settings,
+        start = settings.start,
+        end = settings.end;
+
+      $element.css({marginTop: '0px', marginLeft: '0px', position: 'fixed'}).appendTo('body');
+      // 运动过程中有改变大小
+      if (end.width != null && end.height != null) {
+        $.extend(true, start, {
+          width: $element.width(),
+          height: $element.height()
+        });
+      }
+      // 运动轨迹最高点top值
+      var vertex_top = Math.min(start.top, end.top) - Math.abs(start.left - end.left) / 3;
+      if (vertex_top < settings.vertex_Rtop) {
+        // 可能出现起点或者终点就是运动曲线顶点的情况
+        vertex_top = Math.min(settings.vertex_Rtop, Math.min(start.top, end.top));
+      }
+
+      /**
+       * ======================================================
+       * 运动轨迹在页面中的top值可以抽象成函数 y = a * x*x + b;
+       * a = curvature
+       * b = vertex_top
+       * ======================================================
+       */
+
+      var distance = Math.sqrt(Math.pow(start.top - end.top, 2) + Math.pow(start.left - end.left, 2)),
+        // 元素移动次数
+        steps = Math.ceil(Math.min(Math.max(Math.log(distance) / 0.05 - 75, 30), 100) / settings.speed),
+        ratio = start.top == vertex_top ? 0 : -Math.sqrt((end.top - vertex_top) / (start.top - vertex_top)),
+        vertex_left = (ratio * start.left - end.left) / (ratio - 1),
+        // 特殊情况，出现顶点left==终点left，将曲率设置为0，做直线运动。
+        curvature = end.left == vertex_left ? 0 : (end.top - vertex_top) / Math.pow(end.left - vertex_left, 2);
+
+      $.extend(true, settings, {
+        count: -1, // 每次重置为-1
+        steps: steps,
+        vertex_left: vertex_left,
+        vertex_top: vertex_top,
+        curvature: curvature
+      });
+    };
+
+    /**
+     * 开始运动，可自己调用
+     */
+    self.play = function () {
+      this.move();
+    };
+
+    /**
+     * 按step运动
+     */
+    self.move = function () {
+      var settings = this.settings,
+        start = settings.start,
+        count = settings.count,
+        steps = settings.steps,
+        end = settings.end;
+      // 计算left top值
+      var left = start.left + (end.left - start.left) * count / steps,
+        top = settings.curvature == 0 ? start.top + (end.top - start.top) * count / steps : settings.curvature * Math.pow(left - settings.vertex_left, 2) + settings.vertex_top;
+      // 运动过程中有改变大小
+      if (end.width != null && end.height != null) {
+        var i = steps / 2,
+          width = end.width - (end.width - start.width) * Math.cos(count < i ? 0 : (count - i) / (steps - i) * Math.PI / 2),
+          height = end.height - (end.height - start.height) * Math.cos(count < i ? 0 : (count - i) / (steps - i) * Math.PI / 2);
+        $element.css({width: width + "px", height: height + "px", "font-size": Math.min(width, height) + "px"});
+      }
+      $element.css({
+        left: left + "px",
+        top: top + "px"
+      });
+      settings.count++;
+      // 定时任务
+      var time = window.requestAnimationFrame($.proxy(this.move, this));
+      if (count == steps) {
+        window.cancelAnimationFrame(time);
+        // fire callback
+        settings.onEnd.apply(this);
+      }
+    };
+
+    /**
+     * 销毁
+     */
+    self.destroy = function(){
+      $element.remove();
+    };
+
+    self.init(options);
+  };
+
+  // add the plugin to the jQuery.fn object
+  $.fn.fly = function (options) {
+    return this.each(function () {
+      if (undefined == $(this).data('fly')) {
+        $(this).data('fly', new $.fly(this, options));
+      }
+    });
+  };
+})(window.jQuery||window.Zepto);

data/vendor/assets/javascripts/requestAnimationFrame.js

@@ -0,0 +1,27 @@
+(function () {
+  var lastTime = 0;
+  var vendors = ['webkit', 'moz'];
+  for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+    window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+    window.cancelAnimationFrame =
+      window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+  }
+
+  if (!window.requestAnimationFrame){
+    window.requestAnimationFrame = function (callback, element) {
+      var currTime = new Date().getTime();
+      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+      var id = window.setTimeout(function () {
+          callback(currTime + timeToCall);
+        },
+        timeToCall);
+      lastTime = currTime + timeToCall;
+      return id;
+    };
+  }
+  if (!window.cancelAnimationFrame){
+    window.cancelAnimationFrame = function (id) {
+      clearTimeout(id);
+    };
+  }
+}());

metadata

@@ -0,0 +1,52 @@
+--- !ruby/object:Gem::Specification
+name: jquery-fly-rails
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- wuyuedong
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-07-22 00:00:00.000000000 Z
+dependencies: []
+description: Add to cart - animation effect
+email:
+- guochunzhong@bayekeji.com
+- hzxs1990225@163.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- LICENSE
+- README.md
+- lib/jquery-fly-rails.rb
+- lib/jquery-fly-rails/version.rb
+- vendor/assets/javascripts/jquery-fly.js
+- vendor/assets/javascripts/requestAnimationFrame.js
+homepage: https://github.com/bayetech/jquery-fly-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.4
+signing_key: 
+specification_version: 4
+summary: Add to cart - animation effect
+test_files: []