egjs

Source: eg.js

  1. /**
  2. * Copyright (c) 2015 NAVER Corp.
  3. * egjs projects are licensed under the MIT license
  4. */
  6. eg.module("eg", ["jQuery", eg, window, eg.Agent], function($, ns, global, Agent) {
  7. 	"use strict";
  9. 	function resultCache(scope, name, param, defaultValue) {
  10. 		var method = scope.hook[name];
  11. 		if (method) {
  12. 			defaultValue = method.apply(scope, param);
  13. 		}
  15. 		scope[name] = function() {
  16. 			var method = scope.hook[name];
  17. 			if (method) {
  18. 				return method.apply(scope, param);
  19. 			}
  20. 			return defaultValue;
  21. 		};
  22. 		return defaultValue;
  23. 	}
  25. 	/**
  26. 	 * @namespace eg
  27. 	 * @group egjs
  28. 	 */
  30. 	/**
  31. 	 * @name eg.VERSION
  32. 	 * @description The version numbers of egjs.
  33. 	 * @ko egjs 버전
  34. 	 */
  35. 	ns.VERSION = "#__VERSION__#";
  36. 	ns.hook =  {};
  37. 	/**
  38. 	* Returns the User-Agent information
  39. 	* @ko user-agent 정보를 반환한다.
  40. 	* @method eg#agent
  41. 	* @return {Object} agent
  42. 	* @return {Object} agent.os os Operating system information <ko>운영체제 정보</ko>
  43. 	* @return {String} agent.os.name Operating system name (android, ios, window, mac) <ko>운영체제 이름 (android, ios, window, mac)</ko>
  44. 	* @return {String} agent.os.version Operating system version <ko>운영체제 버전</ko>
  45. 	* @return {String} agent.browser Browser information <ko>브라우저 정보</ko>
  46. 	* @return {String} agent.browser.name Browser name (default, safari, chrome, sbrowser, ie, firefox) <ko>브라우저 이름 (default, safari, chrome, sbrowser, ie, firefox)</ko>
  47. 	* @return {String} agent.browser.version Browser version <ko>브라우저 버전 </ko>
  48. 	* @return {String} agent.browser.webview Indicates whether a WebView browser is available<ko>웹뷰 브라우저 여부</ko>
  49. 	* @example
  50. eg.agent();
  51. // {
  52. //     os : {
  53. //          name : "ios",
  54. //          version : "8.2"
  55. //     },
  56. //     browser : {
  57. //          name : "safari",
  58. //          version : "8.2"
  59. //          nativeVersion : "-1"
  60. //     }
  61. // }
  62. eg.hook.agent = function(agent) {
  63. if(agent.os.name === "naver") {
  64. 	agent.browser.name = "inapp";
  65. 	return agent;
  66. }
  67. }
  68. 	*/
  69. 	ns.agent = function() {
  70. 		var info = Agent.create(global.navigator.userAgent);
  71. 		return resultCache(this, "agent", [info], info);
  72. 	};
  74. 	/**
  75. 	 * Returns the syntax of the translate style which is applied to CSS transition properties.
  76. 	 *
  77. 	 * @ko CSS 트랜지션 속성에 적용할 translate 스타일 구문을 반환한다
  78. 	 * @method eg#translate
  79. 	 * @param {String} x Distance to move along the X axis <ko>x축을 따라 이동할 거리</ko>
  80. 	 * @param {String} y Distance to move along the Y axis <ko>y축을 따라 이동할 거리</ko>
  81. 	 * @param {Boolean} [isHA] Force hardware acceleration <ko>하드웨어 가속 사용 여부</ko>
  82. 	 * @return {String} Syntax of the translate style <ko>translate 스타일 구문</ko>
  83. 	 * @example
  84. eg.translate('10px', '200%');  // translate(10px,200%);
  85. eg.translate('10px', '200%', true);  // translate3d(10px,200%,0);
  86. 	 */
  87. 	ns.translate = function(x, y, isHA) {
  88. 		isHA = isHA || false;
  89. 		return "translate" + (isHA ?
  90. 								"3d(" : "(") + x + "," + y + (isHA ? ",0)" :
  91. 								")");
  92. 	};
  94. 	/**
  95. 	 * Checks whether hardware acceleration is enabled.
  96. 	 *
  97. 	 * @ko 하드웨어 가속을 사용할 수 있는 환경인지 확인한다
  98. 	 * @method eg#isHWAccelerable
  99. 	 * @return {Boolean} Indicates whether hardware acceleration is enabled. <ko>하드웨어 가속 사용 가능 여부</ko>
  100. 	 * @example
  101. eg.isHWAccelerable();  // Returns 'true' when hardware acceleration is supported
  103. // also, you can control return value
  104. eg.hook.isHWAccelerable = function(defalutVal,agent) {
  105. if(agent.os.name === "ios") {
  106. 	// if os is 'ios', return value is 'false'
  107. 	return false;
  108. } else if(agent.browser.name === "chrome" ) {
  109. 	// if browser is 'chrome', return value is 'true'
  110. 	return true;
  111. }
  112. return defaultVal;
  113. }
  114. 	 */
  115. 	ns.isHWAccelerable = function() {
  116. 		var result = false;
  117. 		var agent = ns.agent();
  118. 		var osVersion = agent.os.version;
  119. 		var browser = agent.browser.name;
  120. 		var browserVersion = agent.browser.version;
  121. 		var useragent;
  123. 		// chrome 25- has a text blur bug (except Samsung's sbrowser)
  124. 		if (browser.indexOf("chrome") !== -1) {
  125. 			result = browserVersion >= "25";
  126. 		} else if (/ie|edge|firefox|safari|inapp/.test(browser)) {
  127. 			result = true;
  128. 		} else if (agent.os.name.indexOf("android") !== -1) {
  129. 			// for Xiaomi
  130. 			useragent = (Agent.ua.match(/\(.*\)/) || [null])[0];
  132. 			// android 4.1+ blacklist
  133. 			// EK-GN120 : Galaxy Camera, SM-G386F : Galaxy Core LTE
  134. 			// SHW-M420 : Galaxy Nexus , SHW-M200 : NexusS , GT-S7562 : Galaxy S duos
  135. 			result = (osVersion >= "4.1.0" && !/EK-GN120|SM-G386F/.test(useragent)) ||
  136. 				(osVersion >= "4.0.3" &&
  137. 					/SHW-|SHV-|GT-|SCH-|SGH-|SPH-|LG-F160|LG-F100|LG-F180|LG-F200|EK-|IM-A|LG-F240|LG-F260/.test(useragent) && !/SHW-M420|SHW-M200|GT-S7562/.test(useragent));
  138. 		}
  139. 		return resultCache(this, "isHWAccelerable", [result, agent], result);
  140. 	};
  142. 	/**
  143. 	 * Checks whether CSS transition properties can be used.
  144. 	 *
  145. 	 * @ko CSS 트랜지션 속성을 사용할 수 있는 환경인지 확인한다.
  146. 	 * @method eg#isTransitional
  147. 	 * @return {Boolean} Indicates whether CSS transition properties can be used. <ko>CSS 트랜지션 속성 사용 가능 여부</ko>
  148. 	 * @example
  149. eg.isTransitional();  // Returns 'true' when CSS transition is supported.
  151. // also, you can control return value
  152. eg.hook.isTransitional = function(defaultVal, agent) {
  153. if(agent.os.name === "ios") {
  154. 	// if os is 'ios', return value is 'false'
  155. 	return false;
  156. } else if(agent.browser.name === "chrome" ) {
  157. 	// if browser is 'chrome', return value is 'true'
  158. 	return true;
  159. }
  160. return defaultVal;
  161. }
  162. 	 */
  163. 	ns.isTransitional = function() {
  164. 		var result = false;
  165. 		var agent = ns.agent();
  166. 		var browser = agent.browser.name;
  168. 		if (/chrome|firefox|sbrowser/.test(browser)) {
  169. 			result = true;
  170. 		} else {
  171. 			switch (agent.os.name) {
  172. 				case "ios" :
  173. 					result = /safari|inapp/.test(browser) &&
  174. 							parseInt(agent.os.version, 10) < 6;
  175. 					break;
  176. 				case "window" :
  177. 					result = /safari/.test(browser) ||
  178. 							(/ie/.test(browser) &&
  179. 								parseInt(agent.browser.nativeVersion, 10) >= 10);
  180. 					break;
  181. 				default :
  182. 					result = /safari/.test(browser);
  183. 					break;
  184. 			}
  185. 		}
  186. 		return resultCache(this, "isTransitional", [result, agent], result);
  187. 	};
  189. 	// 1. user press one position on screen.
  190. 	// 2. user moves to the other position on screen.
  191. 	// 3. when user releases fingers on screen, 'click' event is fired at previous position.
  192. 	ns._hasClickBug = function() {
  193. 		var agent = ns.agent();
  194. 		var result = agent.browser.name === "safari";
  196. 		return resultCache(this, "_hasClickBug", [result, agent], result);
  197. 	};
  199. 	$ && $.extend($.easing, {
  200. 		easeOutCubic: function(p) {
  201. 			return 1 - Math.pow(1 - p, 3);
  202. 		}
  203. 	});
  204. });
comments powered by Disqus