fix: 脚本编辑器的滚动条遮挡了字符 TencentBlueKing#2786

# Reviewed, transaction id: 3475

.gitignore

@@ -25,3 +25,6 @@ support-files/dependJarLists/
 **/*.DS_Store
 .codecc
 build.yml
+
+
+pre-*-bkcodeai

src/frontend/package.json

@@ -20,7 +20,7 @@
     "@blueking/user-selector": "1.0.11",
     "@vue/babel-preset-jsx": "1.4.0",
     "@vue/composition-api": "1.7.2",
-    "ace-builds": "1.31.2",
+    "ace-builds": "1.32.6",
     "axios": "1.6.2",
     "bk-magic-vue": "2.5.8-beta.6",
     "core-js": "3.33.2",

src/frontend/src/components/ace-editor/index.vue

@@ -480,15 +480,15 @@
           autoScrollEditorIntoView: true,
           copyWithEmptySelection: true,
           useElasticTabstops: true,
-          printMarginColumn: true,
-          printMargin: 80,
           scrollPastEnd: 0.2,
         });
         editor.setTheme('ace/theme/monokai');
         editor.setShowPrintMargin(false);
         editor.$blockScrolling = Infinity;
         editor.setReadOnly(this.readonly);
 
+        editor.renderer.setScrollMargin(0, 0, 0, 30);
+
         editor.on('change', () => {
           this.content = editor.getValue();
           const content = Base64.encode(this.content);