mirror of
https://github.com/PitPik/tinyColorPicker
synced 2025-06-27 13:11:01 -06:00
micro optimizations
no more jQuery in pointerMove; shifted globals into scope;
This commit is contained in:
parent
9a0677eabf
commit
c0847d644d
@ -1,4 +1,4 @@
|
|||||||
;(function($, Colors, undefined){
|
;(function(window, $, Colors, undefined){
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var $document = $(document),
|
var $document = $(document),
|
||||||
@ -15,6 +15,7 @@
|
|||||||
_pointerdown = 'touchstart.a mousedown.a pointerdown.a',
|
_pointerdown = 'touchstart.a mousedown.a pointerdown.a',
|
||||||
_pointerup = 'touchend.a mouseup.a pointerup.a',
|
_pointerup = 'touchend.a mouseup.a pointerup.a',
|
||||||
_GPU = false,
|
_GPU = false,
|
||||||
|
_round = Math.round,
|
||||||
_animate = window.requestAnimationFrame ||
|
_animate = window.requestAnimationFrame ||
|
||||||
window.webkitRequestAnimationFrame || function(cb){cb()},
|
window.webkitRequestAnimationFrame || function(cb){cb()},
|
||||||
_html = '<div class="cp-color-picker"><div class="cp-z-slider"><div c' +
|
_html = '<div class="cp-color-picker"><div class="cp-z-slider"><div c' +
|
||||||
@ -75,6 +76,8 @@
|
|||||||
|
|
||||||
if (event) {
|
if (event) {
|
||||||
_$trigger = findElement($this);
|
_$trigger = findElement($this);
|
||||||
|
_$trigger._colorMode = _$trigger.data('colorMode');
|
||||||
|
|
||||||
_colorPicker.$trigger = $this;
|
_colorPicker.$trigger = $this;
|
||||||
|
|
||||||
(_$UI || build()).css({
|
(_$UI || build()).css({
|
||||||
@ -186,9 +189,9 @@
|
|||||||
HSL = colors.RND.hsl,
|
HSL = colors.RND.hsl,
|
||||||
dark = '#222',
|
dark = '#222',
|
||||||
light = '#ddd',
|
light = '#ddd',
|
||||||
colorMode = _$trigger.data('colorMode'),
|
colorMode = _$trigger._colorMode,
|
||||||
isAlpha = colors.alpha !== 1,
|
isAlpha = colors.alpha !== 1,
|
||||||
alpha = Math.round(colors.alpha * 100) / 100,
|
alpha = _round(colors.alpha * 100) / 100,
|
||||||
RGBInnerText = RGB.r + ', ' + RGB.g + ', ' + RGB.b,
|
RGBInnerText = RGB.r + ', ' + RGB.g + ', ' + RGB.b,
|
||||||
text = (colorMode === 'HEX' && !isAlpha ? '#' + colors.HEX :
|
text = (colorMode === 'HEX' && !isAlpha ? '#' + colors.HEX :
|
||||||
colorMode === 'rgb' || (colorMode === 'HEX' && isAlpha) ?
|
colorMode === 'rgb' || (colorMode === 'HEX' && isAlpha) ?
|
||||||
@ -203,7 +206,7 @@
|
|||||||
v = (1 - colors.hsv.v) * _$xy_slider._height,
|
v = (1 - colors.hsv.v) * _$xy_slider._height,
|
||||||
a = alpha * _$alpha._width,
|
a = alpha * _$alpha._width,
|
||||||
translate3d = _GPU ? 'translate3d' : '',
|
translate3d = _GPU ? 'translate3d' : '',
|
||||||
triggerValue = _$trigger.val(),
|
triggerValue = _$trigger[0].value,
|
||||||
hasNoValue = _$trigger[0].hasAttribute('value') &&
|
hasNoValue = _$trigger[0].hasAttribute('value') &&
|
||||||
triggerValue === '' && toggled !== undefined;
|
triggerValue === '' && toggled !== undefined;
|
||||||
|
|
||||||
@ -299,7 +302,7 @@
|
|||||||
toggle();
|
toggle();
|
||||||
}
|
}
|
||||||
}).
|
}).
|
||||||
on('focus.a click.a', _selector, toggle).
|
on('focusin.a click.a', _selector, toggle).
|
||||||
on('change.a', _selector, function() {
|
on('change.a', _selector, function() {
|
||||||
_color.setColor(this.value || '#FFF');
|
_color.setColor(this.value || '#FFF');
|
||||||
_instance.colorPicker.render(true);
|
_instance.colorPicker.render(true);
|
||||||
@ -329,4 +332,4 @@
|
|||||||
_selector = '';
|
_selector = '';
|
||||||
};
|
};
|
||||||
|
|
||||||
})(jQuery, Colors);
|
})(window, jQuery, Colors);
|
File diff suppressed because one or more lines are too long
4
jqColorPicker.min.js
vendored
4
jqColorPicker.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user