[fix] function_field_label에서 %N 예약어 오입력 방지 처리

  - FieldTextInput.applyValue에서 block 타입이 function_field_label일 경우
    %N 패턴의 % 기호를 제거하여 플레이스홀더로 오인식되는 문제 수정
  - destroyOption 시에도 동일한 정제 로직 적용
  - block_view.js 코드 스타일 소폭 정리 (function 공백, 들여쓰기)

Author: kim jeong yong

src/playground/block_view.js

@@ -88,7 +88,7 @@ Entry.BlockView = class BlockView {
         }
 
         this.isInBlockMenu = this.getBoard() instanceof Entry.BlockMenu;
-        this.mouseHandler = function (e) {
+        this.mouseHandler = function(e) {
             (_.result(that.block.events, 'mousedown') || []).forEach((fn) => {
                 if (Entry.documentMousedown) {
                     Entry.documentMousedown.notify(e);
@@ -608,7 +608,7 @@ Entry.BlockView = class BlockView {
         const mouseDownCoordinate = this.mouseDownCoordinate;
         const diff = Math.sqrt(
             Math.pow(mouseEvent.pageX - mouseDownCoordinate.x, 2) +
-                Math.pow(mouseEvent.pageY - mouseDownCoordinate.y, 2)
+            Math.pow(mouseEvent.pageY - mouseDownCoordinate.y, 2)
         );
         if (this.dragMode == Entry.DRAG_MODE_DRAG || diff > Entry.BlockView.DRAG_RADIUS) {
             const blockView = this;
@@ -1019,9 +1019,8 @@ Entry.BlockView = class BlockView {
                 magnet = this.magnet.previous;
                 const dragHeight = dragBlock.getBelowHeight();
                 const nextX = _get(dragBlock, 'magnet.next.x');
-                transform = `translate(${pos.scaleX + magnet.x - nextX},${
-                    pos.scaleY + magnet.y - dragHeight
-                })`;
+                transform = `translate(${pos.scaleX + magnet.x - nextX},${pos.scaleY + magnet.y - dragHeight
+                    })`;
             }
 
             const $shadow = $(shadow);
@@ -1642,7 +1641,7 @@ Entry.BlockView = class BlockView {
             halfWidth = 20;
         }
         return {
-            getBoundingClientRect: function () {
+            getBoundingClientRect: function() {
                 const coord = this.getAbsoluteCoordinate();
                 const boardOffset = this._board.relativeOffset;
                 const magnet = this.magnet[selector];
@@ -1767,7 +1766,7 @@ Entry.BlockView = class BlockView {
             canvas.height = height;
             const ctx = canvas.getContext('2d');
 
-            img.onload = function () {
+            img.onload = function() {
                 try {
                     ctx.drawImage(img, 0, 0, width, height);
                     const data = canvas.toDataURL('image/png');
@@ -1780,7 +1779,7 @@ Entry.BlockView = class BlockView {
                 }
             };
 
-            img.onerror = function () {
+            img.onerror = function() {
                 return reject('error occured');
             };
             img.src = src;

src/playground/field/textInput.js

@@ -270,6 +270,7 @@ Entry.FieldTextInput = class FieldTextInput extends Entry.Field {
 
     applyValue(value, isNotUpdate) {
         let result = value;
+
         if (this.optionWidget) {
             switch (this.optionWidget.type) {
                 case 'angleWidget':
@@ -289,6 +290,12 @@ Entry.FieldTextInput = class FieldTextInput extends Entry.Field {
             this.optionInput.val(result);
         }
 
+        if (this._block?.data?.type === 'function_field_label') {
+            const reg = /(%\d)/im;
+            if (result && reg.test(result)) {
+                result = result.replace(/%(\d)/gi, '$1');
+            }
+        }
         this.setValue(result);
         this._setTextValue();
         this.resize();
@@ -318,6 +325,11 @@ Entry.FieldTextInput = class FieldTextInput extends Entry.Field {
             delete this.optionInput;
         }
 
+        const reg = /(%\d)/im;
+        if (this.value && reg.test(this.value)) {
+            this.applyValue(this.value.replace(/%(\d)/gi, '$1'));
+        }
+
         super.destroyOption(skipCommand, forceCommand);
     }