implement onLastUpdate

Author: easylogic

dist/colorpicker.js

@@ -5751,8 +5751,13 @@ var BaseColorPicker = function (_UIElement) {
                 _this2.callbackColorValue();
             };
 
+            this.callbackLastUpdate = function () {
+                _this2.callbackLastUpdateColorValue();
+            };
+
             this.colorpickerShowCallback = function () {};
             this.colorpickerHideCallback = function () {};
+            this.colorpickerLastUpdateCallback = function () {};
 
             this.$body = new Dom(this.getContainer());
             this.$root = new Dom('div', 'easylogic-colorpicker', {
@@ -5815,14 +5820,15 @@ var BaseColorPicker = function (_UIElement) {
 
     }, {
         key: 'show',
-        value: function show(opt, color, showCallback, hideCallback) {
+        value: function show(opt, color, showCallback, hideCallback, lastUpdateCallback) {
 
             // 매번 이벤트를 지우고 다시 생성할 필요가 없어서 초기화 코드는 지움. 
             // this.destroy();
             // this.initializeEvent();
             // define colorpicker callback
             this.colorpickerShowCallback = showCallback;
             this.colorpickerHideCallback = hideCallback;
+            this.colorpickerLastUpdateCallback = lastUpdateCallback;
             this.$root.css(this.getInitalizePosition()).show();
 
             this.isColorPickerShow = true;
@@ -6084,6 +6090,19 @@ var BaseColorPicker = function (_UIElement) {
                 this.colorpickerShowCallback(color);
             }
         }
+    }, {
+        key: 'callbackLastUpdateColorValue',
+        value: function callbackLastUpdateColorValue(color) {
+            color = color || this.getCurrentColor();
+
+            if (typeof this.opt.onLastUpdate == 'function') {
+                this.opt.onLastUpdate.call(this, color);
+            }
+
+            if (typeof this.colorpickerLastUpdateCallback == 'function') {
+                this.colorpickerLastUpdateCallback(color);
+            }
+        }
     }, {
         key: 'callbackHideColorValue',
         value: function callbackHideColorValue(color) {
@@ -6124,6 +6143,7 @@ var BaseColorPicker = function (_UIElement) {
             get(BaseColorPicker.prototype.__proto__ || Object.getPrototypeOf(BaseColorPicker.prototype), 'initializeStoreEvent', this).call(this);
 
             this.$store.on('changeColor', this.callbackChange);
+            this.$store.on('lastUpdateColor', this.callbackLastUpdate);
             this.$store.on('changeFormat', this.callbackChange);
         }
     }, {
@@ -6132,9 +6152,11 @@ var BaseColorPicker = function (_UIElement) {
             get(BaseColorPicker.prototype.__proto__ || Object.getPrototypeOf(BaseColorPicker.prototype), 'destroy', this).call(this);
 
             this.$store.off('changeColor', this.callbackChange);
+            this.$store.off('lastUpdateColor', this.callbackLastUpdate);
             this.$store.off('changeFormat', this.callbackChange);
 
             this.callbackChange = undefined;
+            this.callbackLastUpdate = undefined;
 
             // remove color picker callback
             this.colorpickerShowCallback = undefined;
@@ -6237,7 +6259,10 @@ var BaseBox = function (_UIElement) {
     }, {
         key: 'onDragEnd',
         value: function onDragEnd(e) {
-            this.isDown = false;
+            if (this.isDown) {
+                this.$store.emit('lastUpdateColor');
+                this.isDown = false;
+            }
         }
     }, {
         key: '@changeColor',
@@ -6778,7 +6803,10 @@ var ColorWheel = function (_UIElement) {
     }, {
         key: 'mouseup document',
         value: function mouseupDocument(e) {
-            this.isDown = false;
+            if (this.isDown) {
+                this.isDown = false;
+                this.$store.emit('lastUpdateColor');
+            }
         }
     }, {
         key: 'mousemove document',
@@ -6802,7 +6830,10 @@ var ColorWheel = function (_UIElement) {
     }, {
         key: 'touchend document',
         value: function touchendDocument(e) {
-            this.isDown = false;
+            if (this.isDown) {
+                this.isDown = false;
+                this.$store.emit('lastUpdateColor');
+            }
         }
     }, {
         key: 'touchmove document',
@@ -6883,6 +6914,7 @@ var ColorInformation = function (_UIElement) {
             this.initFormat();
 
             this.$store.dispatch('/changeFormat', this.format);
+            this.$store.emit('lastUpdateColor');
         }
     }, {
         key: 'goToFormat',
@@ -6899,6 +6931,23 @@ var ColorInformation = function (_UIElement) {
         value: function getFormat() {
             return this.format || 'hex';
         }
+    }, {
+        key: 'checkNumberKey',
+        value: function checkNumberKey(e) {
+            var code = e.which,
+                isExcept = false;
+
+            if (code == 37 || code == 39 || code == 8 || code == 46 || code == 9) isExcept = true;
+
+            if (!isExcept && (code < 48 || code > 57)) return false;
+
+            return true;
+        }
+    }, {
+        key: 'checkNotNumberKey',
+        value: function checkNotNumberKey(e) {
+            return !this.checkNumberKey(e);
+        }
     }, {
         key: 'changeRgbColor',
         value: function changeRgbColor() {
@@ -6910,6 +6959,7 @@ var ColorInformation = function (_UIElement) {
                 a: this.refs.$rgb_a.float(),
                 source: source$2
             });
+            this.$store.emit('lastUpdateColor');
         }
     }, {
         key: 'changeHslColor',
@@ -6922,6 +6972,7 @@ var ColorInformation = function (_UIElement) {
                 a: this.refs.$hsl_a.float(),
                 source: source$2
             });
+            this.$store.emit('lastUpdateColor');
         }
     }, {
         key: '@changeColor',
@@ -6982,6 +7033,7 @@ var ColorInformation = function (_UIElement) {
 
             if (code.charAt(0) == '#' && (code.length == 7 || code.length === 9)) {
                 this.$store.dispatch('/changeColor', code, source$2);
+                this.$store.emit('lastUpdateColor');
             }
         }
     }, {
@@ -7204,6 +7256,7 @@ var CurrentColorSets = function (_UIElement) {
         key: 'click $colorSetsColorList .color-item',
         value: function click$colorSetsColorListColorItem(e) {
             this.$store.dispatch('/changeColor', e.$delegateTarget.attr('data-color'));
+            this.$store.emit('lastUpdateColor');
         }
     }]);
     return CurrentColorSets;
@@ -7497,7 +7550,10 @@ var ColorPalette = function (_UIElement) {
     }, {
         key: 'mouseup document',
         value: function mouseupDocument(e) {
-            this.isDown = false;
+            if (this.isDown) {
+                this.isDown = false;
+                this.$store.emit('lastUpdateColor');
+            }
         }
     }, {
         key: 'mousemove document',
@@ -7512,15 +7568,13 @@ var ColorPalette = function (_UIElement) {
             this.isDown = true;
             this.setMainColor(e);
         }
-    }, {
-        key: 'mouseup',
-        value: function mouseup(e) {
-            this.isDown = false;
-        }
     }, {
         key: 'touchend document',
         value: function touchendDocument(e) {
-            this.isDown = false;
+            if (this.isDown) {
+                this.isDown = false;
+                this.$store.emit('lastUpdateColor');
+            }
         }
     }, {
         key: 'touchmove document',
@@ -7536,11 +7590,6 @@ var ColorPalette = function (_UIElement) {
             this.isDown = true;
             this.setMainColor(e);
         }
-    }, {
-        key: 'touchend',
-        value: function touchend(e) {
-            this.isDown = false;
-        }
     }]);
     return ColorPalette;
 }(UIElement);