@kp-ui/lowcode 1.0.25 → 1.0.27

package/src/components/code-editor/index.vue.js

@@ -1,13 +1,13 @@
-import i from "ace-builds";
-import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/theme-sqlserver.js";
-import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/mode-javascript.js";
-import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/mode-json.js";
-import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/mode-css.js";
-import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/ext-language_tools.js";
-import { ACE_BASE_PATH as l } from "../../utils/config.js";
-import { createElementBlock as c, openBlock as m, createElementVNode as h } from "vue";
-import u from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = {
+import ace from "ace-builds";
+import "ace-builds/src-min-noconflict/theme-sqlserver";
+import "ace-builds/src-min-noconflict/mode-javascript";
+import "ace-builds/src-min-noconflict/mode-json";
+import "ace-builds/src-min-noconflict/mode-css";
+import "ace-builds/src-min-noconflict/ext-language_tools";
+import { ACE_BASE_PATH } from "../../utils/config.js";
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "CodeEditor",
   props: {
     modelValue: {
@@ -16,7 +16,7 @@ const p = {
     },
     readonly: {
       type: Boolean,
-      default: !1
+      default: false
     },
     mode: {
       type: String,
@@ -25,7 +25,7 @@ const p = {
     userWorker: {
       //是否开启语法检查，默认开启
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   emits: ["update:modelValue", "change", "blur"],
@@ -44,16 +44,25 @@ const p = {
   },
   watch: {
     //
-    mode(e) {
-      e && this.init();
+    mode(val) {
+      if (val) {
+        this.init();
+      }
     },
-    readonly(e) {
+    readonly(val) {
       this.init();
     }
   },
   methods: {
-    init(e) {
-      this.aceEditor && this.aceEditor.destroy(), e = e || this.codeValue, this.$emit("update:modelValue", e), i.config.set("basePath", l), this.addAutoCompletion(i), this.aceEditor = i.edit(this.$refs.ace, {
+    init(value) {
+      if (this.aceEditor) {
+        this.aceEditor.destroy();
+      }
+      value = value || this.codeValue;
+      this.$emit("update:modelValue", value);
+      ace.config.set("basePath", ACE_BASE_PATH);
+      this.addAutoCompletion(ace);
+      this.aceEditor = ace.edit(this.$refs.ace, {
         maxLines: 20,
         // 最大行数，超过会自动出现滚动条
         minLines: 5,
@@ -67,30 +76,49 @@ const p = {
         tabSize: 2,
         // 制表符设置为2个空格大小
         readOnly: this.readonly,
-        highlightActiveLine: !0,
-        value: e
-      }), this.aceEditor.setOptions({
-        enableBasicAutocompletion: !0,
-        enableSnippets: !0,
+        highlightActiveLine: true,
+        value
+      });
+      this.aceEditor.setOptions({
+        enableBasicAutocompletion: true,
+        enableSnippets: true,
         // 设置代码片段提示
-        enableLiveAutocompletion: !0
+        enableLiveAutocompletion: true
         // 设置自动提示
-      }), this.mode === "json" ? this.setJsonMode() : this.mode === "css" ? this.setCssMode() : this.mode === "groovy" && this.setGroovyMode(), this.userWorker || this.aceEditor.getSession().setUseWorker(!1), this.aceEditor.getSession().on("change", (t) => {
-        this.$emit("update:modelValue", this.aceEditor.getValue()), this.$emit("change", this.aceEditor.getValue());
-      }), this.aceEditor.getSession().on("blur", (t) => {
+      });
+      if (this.mode === "json") {
+        this.setJsonMode();
+      } else if (this.mode === "css") {
+        this.setCssMode();
+      } else if (this.mode === "groovy") {
+        this.setGroovyMode();
+      }
+      if (!this.userWorker) {
+        this.aceEditor.getSession().setUseWorker(false);
+      }
+      this.aceEditor.getSession().on("change", (ev) => {
+        this.$emit("update:modelValue", this.aceEditor.getValue());
+        this.$emit("change", this.aceEditor.getValue());
+      });
+      this.aceEditor.getSession().on("blur", (ev) => {
         this.$emit("blur", this.aceEditor.getValue());
       });
     },
-    addAutoCompletion(e) {
-      const t = [
+    addAutoCompletion(ace2) {
+      const acData = [
         { meta: "VForm API", caption: "getWidgetRef", value: "getWidgetRef()", score: 1 },
         { meta: "VForm API", caption: "getFormRef", value: "getFormRef()", score: 1 },
         { meta: "VForm API", caption: "getParentFormRef", value: "getParentFormRef()", score: 1 }
         //TODO: 待补充！！
       ];
-      e.require("ace/ext/language_tools").addCompleter({
-        getCompletions: function(r, a, n, d, s) {
-          return d.length === 0 ? s(null, []) : s(null, t);
+      const langTools = ace2.require("ace/ext/language_tools");
+      langTools.addCompleter({
+        getCompletions: function(editor, session, pos, prefix, callback) {
+          if (prefix.length === 0) {
+            return callback(null, []);
+          } else {
+            return callback(null, acData);
+          }
         }
       });
     },
@@ -106,27 +134,38 @@ const p = {
     getEditorAnnotations() {
       return this.aceEditor.getSession().getAnnotations();
     },
-    setValue(e) {
-      this.init(e);
+    setValue(newValue) {
+      this.init(newValue);
     },
     validateCode() {
-      const e = this.getEditorAnnotations();
-      let t = !1;
-      return e && e.length > 0 && (e.forEach((o) => {
-        o.type === "error" && (t = !0);
-      }), t) ? (this.$message.error("语法存在错误,请检查"), !1) : !0;
+      const codeHints = this.getEditorAnnotations();
+      let syntaxErrorFlag = false;
+      if (!!codeHints && codeHints.length > 0) {
+        codeHints.forEach((chItem) => {
+          if (chItem.type === "error") {
+            syntaxErrorFlag = true;
+          }
+        });
+        if (syntaxErrorFlag) {
+          this.$message.error("语法存在错误,请检查");
+          return false;
+        }
+      }
+      return true;
     }
   }
-}, g = { class: "ace-container" }, f = {
+};
+const _hoisted_1 = { class: "ace-container" };
+const _hoisted_2 = {
   class: "ace-editor",
   ref: "ace"
 };
-function E(e, t, o, r, a, n) {
-  return m(), c("div", g, [
-    h("div", f, null, 512)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, null, 512)
   ]);
 }
-const M = /* @__PURE__ */ u(p, [["render", E]]);
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  M as default
+  CodeEditor as default
 };