11/*!
22 * tui-image-editor.js
3- * @version 3.14.0
3+ * @version 3.14.1
44 * @author NHN. FE Development Lab <
[email protected] >
55 * @license MIT
66 */
@@ -9238,6 +9238,14 @@ var DEFAULT_HORIZONTAL_SCROLL_RATIO = {
92389238 BORDER_RADIUS: 0.003
92399239};
92409240var DEFAULT_ZOOM_LEVEL = 1.0;
9241+ var ZOOM_CHANGED = _consts.eventNames.ZOOM_CHANGED,
9242+ ADD_TEXT = _consts.eventNames.ADD_TEXT,
9243+ TEXT_EDITING = _consts.eventNames.TEXT_EDITING,
9244+ OBJECT_MODIFIED = _consts.eventNames.OBJECT_MODIFIED,
9245+ KEY_DOWN = _consts.eventNames.KEY_DOWN,
9246+ KEY_UP = _consts.eventNames.KEY_UP,
9247+ HAND_STARTED = _consts.eventNames.HAND_STARTED,
9248+ HAND_STOPPED = _consts.eventNames.HAND_STOPPED;
92419249
92429250/**
92439251 * Zoom components
@@ -9299,8 +9307,8 @@ var Zoom = function (_Component) {
92999307 moveHand: _this._onMouseMoveWithHandMode.bind(_this),
93009308 stopHand: _this._onMouseUpWithHandMode.bind(_this),
93019309 zoomChanged: _this._changeScrollState.bind(_this),
9302- keydown: _this._onKeyDown .bind(_this),
9303- keyup: _this._onKeyUp .bind(_this)
9310+ keydown: _this._startHandModeWithSpaceBar .bind(_this),
9311+ keyup: _this._endHandModeWithSpaceBar .bind(_this)
93049312 };
93059313
93069314 var canvas = _this.getCanvas();
@@ -9325,24 +9333,49 @@ var Zoom = function (_Component) {
93259333 */
93269334 _this._horizontalScroll = new _fabric2.default.Rect(DEFAULT_SCROLL_OPTION);
93279335
9328- canvas.on(_consts.eventNames. ZOOM_CHANGED, _this._listeners.zoomChanged);
9336+ canvas.on(ZOOM_CHANGED, _this._listeners.zoomChanged);
93299337
9330- _fabric2.default.util.addListener(document, 'keydown', _this._listeners.keydown);
9331- _fabric2.default.util.addListener(document, 'keyup', _this._listeners.keyup);
9338+ _this.graphics.on(ADD_TEXT, _this._startTextEditingHandler.bind(_this));
9339+ _this.graphics.on(TEXT_EDITING, _this._startTextEditingHandler.bind(_this));
9340+ _this.graphics.on(OBJECT_MODIFIED, _this._stopTextEditingHandler.bind(_this));
9341+ _fabric2.default.util.addListener(document, KEY_DOWN, _this._listeners.keydown);
9342+ _fabric2.default.util.addListener(document, KEY_UP, _this._listeners.keyup);
93329343 return _this;
93339344 }
93349345
93359346 /**
9336- * Keydown event handler
9337- * @param {KeyboardEvent} e - Event object
9347+ * Handler when you started editing text
93389348 * @private
93399349 */
93409350
93419351
93429352 _createClass(Zoom, [{
9343- key: '_onKeyDown',
9344- value: function _onKeyDown(e) {
9345- if (this.withSpace) {
9353+ key: '_startTextEditingHandler',
9354+ value: function _startTextEditingHandler() {
9355+ this.isTextEditing = true;
9356+ }
9357+
9358+ /**
9359+ * Handler when you stopped editing text
9360+ * @private
9361+ */
9362+
9363+ }, {
9364+ key: '_stopTextEditingHandler',
9365+ value: function _stopTextEditingHandler() {
9366+ this.isTextEditing = false;
9367+ }
9368+
9369+ /**
9370+ * Handler who turns on hand mode when the space bar is down
9371+ * @param {KeyboardEvent} e - Event object
9372+ * @private
9373+ */
9374+
9375+ }, {
9376+ key: '_startHandModeWithSpaceBar',
9377+ value: function _startHandModeWithSpaceBar(e) {
9378+ if (this.withSpace || this.isTextEditing) {
93469379 return;
93479380 }
93489381
@@ -9354,14 +9387,14 @@ var Zoom = function (_Component) {
93549387 }
93559388
93569389 /**
9357- * Keyup event handler
9390+ * Handler who turns off hand mode when space bar is up
93589391 * @param {KeyboardEvent} e - Event object
93599392 * @private
93609393 */
93619394
93629395 }, {
9363- key: '_onKeyUp ',
9364- value: function _onKeyUp (e) {
9396+ key: '_endHandModeWithSpaceBar ',
9397+ value: function _endHandModeWithSpaceBar (e) {
93659398 if (e.keyCode === _consts.keyCodes.SPACE) {
93669399 e.preventDefault();
93679400 this.withSpace = false;
@@ -9477,7 +9510,7 @@ var Zoom = function (_Component) {
94779510 canvas.selection = false;
94789511 canvas.defaultCursor = 'grab';
94799512
9480- canvas.fire(_consts.eventNames. HAND_STARTED);
9513+ canvas.fire(HAND_STARTED);
94819514 }
94829515
94839516 /**
@@ -9498,7 +9531,7 @@ var Zoom = function (_Component) {
94989531
94999532 this._startHandPoint = null;
95009533
9501- canvas.fire(_consts.eventNames. HAND_STOPPED);
9534+ canvas.fire(HAND_STOPPED);
95029535 }
95039536
95049537 /**
@@ -10009,7 +10042,7 @@ var Zoom = function (_Component) {
1000910042 }, {
1001010043 key: '_fireZoomChanged',
1001110044 value: function _fireZoomChanged(canvas, zoomLevel) {
10012- canvas.fire(_consts.eventNames. ZOOM_CHANGED, { viewport: canvas.calcViewportBoundaries(), zoomLevel: zoomLevel });
10045+ canvas.fire(ZOOM_CHANGED, { viewport: canvas.calcViewportBoundaries(), zoomLevel: zoomLevel });
1001310046 }
1001410047
1001510048 /**
@@ -10201,7 +10234,9 @@ var eventNames = exports.eventNames = {
1020110234 AFTER_REDO: 'afterRedo',
1020210235 ZOOM_CHANGED: 'zoomChanged',
1020310236 HAND_STARTED: 'handStarted',
10204- HAND_STOPPED: 'handStopped'
10237+ HAND_STOPPED: 'handStopped',
10238+ KEY_DOWN: 'keydown',
10239+ KEY_UP: 'keyup'
1020510240};
1020610241
1020710242/**
0 commit comments