@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,8 +1,5 @@
-import { defineComponent, ref, watchEffect, onMounted, resolveDirective, withDirectives, createElementBlock, openBlock, createElementVNode, nextTick } from "vue";
-const _hoisted_1 = { class: "ace-container" };
-const themePath = "ace/theme/sqlserver";
-const modePath = "ace/mode/javascript";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as w, ref as l, watchEffect as P, onMounted as R, resolveDirective as S, withDirectives as F, createElementBlock as M, openBlock as V, createElementVNode as k, nextTick as x } from "vue";
+const E = { class: "ace-container" }, B = "ace/theme/sqlserver", C = "ace/mode/javascript", O = /* @__PURE__ */ w({
   __name: "index",
   props: {
     value: {},
@@ -11,30 +8,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     userWorker: { type: Boolean }
   },
   emits: ["update:value"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const aceRef = ref();
-    const aceEditor = ref(null);
-    const isLoading = ref(false);
-    const getEditorAnnotations = () => {
-      var _a;
-      return (_a = aceEditor.value) == null ? void 0 : _a.getSession().getAnnotations();
-    };
-    const setJsonMode = () => {
-      var _a;
-      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/json");
-    };
-    const setCssMode = () => {
-      var _a;
-      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/css");
-    };
-    const setGroovyMode = () => {
-      var _a;
-      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/groovy");
-    };
-    const addAutoCompletion = (ace) => {
-      const acData = [
+  setup(d, { expose: m, emit: v }) {
+    const o = d, p = v, n = l(), t = l(null), s = l(!1), g = () => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.getSession().getAnnotations();
+    }, f = () => {
+      var e;
+      (e = t.value) == null || e.getSession().setMode("ace/mode/json");
+    }, h = () => {
+      var e;
+      (e = t.value) == null || e.getSession().setMode("ace/mode/css");
+    }, y = () => {
+      var e;
+      (e = t.value) == null || e.getSession().setMode("ace/mode/groovy");
+    }, _ = (e) => {
+      const i = [
         {
           meta: "VForm API",
           caption: "getWidgetRef",
@@ -50,103 +38,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         //TODO: 待补充！！
       ];
-      const langTools = ace.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);
-          }
+      e.require("ace/ext/language_tools").addCompleter({
+        getCompletions: function(r, W, j, A, u) {
+          return A.length === 0 ? u(null, []) : u(null, i);
         }
       });
-    };
-    const initEditor = async () => {
-      isLoading.value = true;
-      const ace = await import("ace-builds");
+    }, c = async () => {
+      s.value = !0;
+      const e = await import("ace-builds");
       await Promise.all([
         import("ace-builds/src-min-noconflict/theme-sqlserver"),
         import("ace-builds/src-min-noconflict/mode-javascript"),
         import("ace-builds/src-min-noconflict/ext-language_tools")
-      ]);
-      if (props.mode === "json") {
-        await import("ace-builds/src-min-noconflict/mode-json");
-      } else if (props.mode === "css") {
-        await import("ace-builds/src-min-noconflict/mode-css");
-      } else if (props.mode === "groovy") {
-        await import("ace-builds/src-min-noconflict/mode-groovy");
-      }
-      addAutoCompletion(ace);
-      await nextTick();
-      if (!aceRef.value) {
-        return;
-      }
-      aceEditor.value = ace.edit(aceRef.value, {
+      ]), o.mode === "json" ? await import("ace-builds/src-min-noconflict/mode-json") : o.mode === "css" ? await import("ace-builds/src-min-noconflict/mode-css") : o.mode === "groovy" && await import("ace-builds/src-min-noconflict/mode-groovy"), _(e), await x(), n.value && (t.value = e.edit(n.value, {
         minLines: 10,
         // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
         fontSize: 12,
         // 编辑器内字体大小
-        theme: themePath,
+        theme: B,
         // 默认设置的主题
-        mode: modePath,
+        mode: C,
         // 默认设置的语言模式
         tabSize: 4,
         // 制表符设置为2个空格大小
-        readOnly: props.readonly,
-        highlightActiveLine: true
-      });
-      aceEditor.value.setOptions({
-        enableBasicAutocompletion: true,
-        enableSnippets: true,
+        readOnly: o.readonly,
+        highlightActiveLine: !0
+      }), t.value.setOptions({
+        enableBasicAutocompletion: !0,
+        enableSnippets: !0,
         // 设置代码片段提示
-        enableLiveAutocompletion: true
+        enableLiveAutocompletion: !0
         // 设置自动提示
-      });
-      if (props.mode === "json") {
-        setJsonMode();
-      } else if (props.mode === "css") {
-        setCssMode();
-      } else if (props.mode === "groovy") {
-        setGroovyMode();
-      }
-      aceEditor.value.setValue(props.value || "");
-      aceEditor.value.getSession().on("change", (ev) => {
-        var _a, _b;
-        console.log((_a = aceEditor.value) == null ? void 0 : _a.getValue());
-        emit("update:value", (_b = aceEditor.value) == null ? void 0 : _b.getValue());
-      });
-      isLoading.value = false;
+      }), o.mode === "json" ? f() : o.mode === "css" ? h() : o.mode === "groovy" && y(), t.value.setValue(o.value || ""), t.value.getSession().on("change", (i) => {
+        var a, r;
+        console.log((a = t.value) == null ? void 0 : a.getValue()), p("update:value", (r = t.value) == null ? void 0 : r.getValue());
+      }), s.value = !1);
     };
-    watchEffect(() => {
-      var _a;
-      (_a = aceEditor.value) == null ? void 0 : _a.setOptions({
-        readOnly: props.readonly,
-        mode: props.mode,
-        useWorker: props.userWorker
+    return P(() => {
+      var e;
+      (e = t.value) == null || e.setOptions({
+        readOnly: o.readonly,
+        mode: o.mode,
+        useWorker: o.userWorker
       });
-    });
-    onMounted(() => {
-      initEditor();
-    });
-    __expose({
-      initEditor,
-      getEditorAnnotations
-    });
-    return (_ctx, _cache) => {
-      const _directive_loading = resolveDirective("loading");
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
+    }), R(() => {
+      c();
+    }), m({
+      initEditor: c,
+      getEditorAnnotations: g
+    }), (e, i) => {
+      const a = S("loading");
+      return F((V(), M("div", E, [
+        k("div", {
           class: "ace-editor",
           ref_key: "aceRef",
-          ref: aceRef
+          ref: n
         }, null, 512)
       ])), [
-        [_directive_loading, isLoading.value]
+        [a, s.value]
       ]);
     };
   }
 });
 export {
-  _sfc_main as default
+  O as default
 };
 //# sourceMappingURL=index.vue2.js.map

package/src/components/code-editor/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/code-editor/index.vue"],"sourcesContent":["<template>\n    <div class=\"ace-container\" v-loading=\"isLoading\">\n        <!-- 官方文档中使用id，这里禁止使用，在后期打包后容易出现问题，使用 ref 或者 DOM 就行 -->\n        <div class=\"ace-editor\" ref=\"aceRef\"></div>\n    </div>\n</template>\n\n<script setup lang=\"ts\" name=\"CodeEditor\">\n    import { ref, onMounted, watch, watchEffect, computed, nextTick } from 'vue';\n    import type { Ace } from 'ace-builds';\n    interface CodeEditorProps {\n        /**\n         * 编辑器的值\n         */\n        value?: string;\n        /**\n         * 是否只读\n         */\n        readonly?: boolean;\n        /**\n         * 编辑器模式\n         */\n        mode?: 'javascript' | 'json' | 'css' | 'groovy';\n        /**\n         * 是否使用worker\n         */\n        userWorker?: boolean;\n    }\n    // 定义props和emits\n    const props = defineProps<CodeEditorProps>();\n\n    const emit = defineEmits(['update:value']);\n\n    // 响应式数据\n    const aceRef = ref<HTMLElement>();\n    const aceEditor = ref<Ace.Editor | null>(null);\n    const themePath = 'ace/theme/sqlserver'; // 不导入 webpack-resolver，该模块路径会报错\n    const modePath = 'ace/mode/javascript'; // 同上\n    const isLoading = ref(false);\n    // 设置编辑器值的方法\n    const setValue = newValue => {\n        if (aceEditor.value) {\n            aceEditor.value.getSession().setValue(newValue);\n        }\n    };\n\n    // 获取编辑器注释的方法\n    const getEditorAnnotations = () => {\n        return aceEditor.value?.getSession().getAnnotations();\n    };\n\n    // 设置不同的编辑模式\n    const setJsonMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/json');\n    };\n\n    const setCssMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/css');\n    };\n\n    const setGroovyMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/groovy');\n    };\n\n    // 添加自动完成功能\n    const addAutoCompletion = ace => {\n        const acData = [\n            {\n                meta: 'VForm API',\n                caption: 'getWidgetRef',\n                value: 'getWidgetRef()',\n                score: 1\n            },\n            { meta: 'VForm API', caption: 'getFormRef', value: 'getFormRef()', score: 1 },\n            {\n                meta: 'VForm API',\n                caption: 'getParentFormRef',\n                value: 'getParentFormRef()',\n                score: 1\n            }\n            //TODO: 待补充！！\n        ];\n        const langTools = ace.require('ace/ext/language_tools');\n        langTools.addCompleter({\n            getCompletions: function (editor, session, pos, prefix, callback) {\n                if (prefix.length === 0) {\n                    return callback(null, []);\n                } else {\n                    return callback(null, acData);\n                }\n            }\n        });\n    };\n\n    const initEditor = async () => {\n        isLoading.value = true;\n\n        const ace = await import('ace-builds');\n\n        // const ACE_BASE_PATH = 'https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini';\n        // ace.config.set('basePath', ACE_BASE_PATH);\n\n        // 按需加载所需的ace模块\n        await Promise.all([\n            import('ace-builds/src-min-noconflict/theme-sqlserver'),\n            import('ace-builds/src-min-noconflict/mode-javascript'),\n            import('ace-builds/src-min-noconflict/ext-language_tools')\n        ]);\n\n        // 根据mode按需加载额外的模块\n        if (props.mode === 'json') {\n            await import('ace-builds/src-min-noconflict/mode-json');\n        } else if (props.mode === 'css') {\n            await import('ace-builds/src-min-noconflict/mode-css');\n        } else if (props.mode === 'groovy') {\n            await import('ace-builds/src-min-noconflict/mode-groovy');\n        }\n\n        addAutoCompletion(ace); //添加自定义代码提示！！\n        await nextTick();\n        if (!aceRef.value) {\n            return;\n        }\n        aceEditor.value = ace.edit(aceRef.value, {\n            minLines: 10, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小\n            fontSize: 12, // 编辑器内字体大小\n            theme: themePath, // 默认设置的主题\n            mode: modePath, // 默认设置的语言模式\n            tabSize: 4, // 制表符设置为2个空格大小\n            readOnly: props.readonly,\n            highlightActiveLine: true\n        });\n\n        aceEditor.value.setOptions({\n            enableBasicAutocompletion: true,\n            enableSnippets: true, // 设置代码片段提示\n            enableLiveAutocompletion: true // 设置自动提示\n        });\n\n        if (props.mode === 'json') {\n            setJsonMode();\n        } else if (props.mode === 'css') {\n            setCssMode();\n        } else if (props.mode === 'groovy') {\n            setGroovyMode();\n        }\n\n        aceEditor.value.setValue(props.value || '');\n\n        //编辑时同步数据\n        aceEditor.value.getSession().on('change', ev => {\n            console.log(aceEditor.value?.getValue());\n\n            emit('update:value', aceEditor.value?.getValue());\n        });\n        isLoading.value = false;\n    };\n\n    watchEffect(() => {\n        aceEditor.value?.setOptions({\n            readOnly: props.readonly,\n            mode: props.mode,\n            useWorker: props.userWorker\n        });\n    });\n\n    onMounted(() => {\n        initEditor();\n    });\n\n    defineExpose({\n        initEditor,\n        getEditorAnnotations\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .ace-container {\n        display: flex;\n        min-height: 0;\n        flex: 1;\n        :deep(.ace-editor) {\n            min-height: 280px;\n            height: 100% !important;\n            flex: 1;\n        }\n    }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/code-editor/index.vue"],"sourcesContent":["<template>\n    <div class=\"ace-container\" v-loading=\"isLoading\">\n        <!-- 官方文档中使用id，这里禁止使用，在后期打包后容易出现问题，使用 ref 或者 DOM 就行 -->\n        <div class=\"ace-editor\" ref=\"aceRef\"></div>\n    </div>\n</template>\n\n<script setup lang=\"ts\" name=\"CodeEditor\">\n    import { ref, onMounted, watch, watchEffect, computed, nextTick } from 'vue';\n    import type { Ace } from 'ace-builds';\n    interface CodeEditorProps {\n        /**\n         * 编辑器的值\n         */\n        value?: string;\n        /**\n         * 是否只读\n         */\n        readonly?: boolean;\n        /**\n         * 编辑器模式\n         */\n        mode?: 'javascript' | 'json' | 'css' | 'groovy';\n        /**\n         * 是否使用worker\n         */\n        userWorker?: boolean;\n    }\n    // 定义props和emits\n    const props = defineProps<CodeEditorProps>();\n\n    const emit = defineEmits(['update:value']);\n\n    // 响应式数据\n    const aceRef = ref<HTMLElement>();\n    const aceEditor = ref<Ace.Editor | null>(null);\n    const themePath = 'ace/theme/sqlserver'; // 不导入 webpack-resolver，该模块路径会报错\n    const modePath = 'ace/mode/javascript'; // 同上\n    const isLoading = ref(false);\n    // 设置编辑器值的方法\n    const setValue = newValue => {\n        if (aceEditor.value) {\n            aceEditor.value.getSession().setValue(newValue);\n        }\n    };\n\n    // 获取编辑器注释的方法\n    const getEditorAnnotations = () => {\n        return aceEditor.value?.getSession().getAnnotations();\n    };\n\n    // 设置不同的编辑模式\n    const setJsonMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/json');\n    };\n\n    const setCssMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/css');\n    };\n\n    const setGroovyMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/groovy');\n    };\n\n    // 添加自动完成功能\n    const addAutoCompletion = ace => {\n        const acData = [\n            {\n                meta: 'VForm API',\n                caption: 'getWidgetRef',\n                value: 'getWidgetRef()',\n                score: 1\n            },\n            { meta: 'VForm API', caption: 'getFormRef', value: 'getFormRef()', score: 1 },\n            {\n                meta: 'VForm API',\n                caption: 'getParentFormRef',\n                value: 'getParentFormRef()',\n                score: 1\n            }\n            //TODO: 待补充！！\n        ];\n        const langTools = ace.require('ace/ext/language_tools');\n        langTools.addCompleter({\n            getCompletions: function (editor, session, pos, prefix, callback) {\n                if (prefix.length === 0) {\n                    return callback(null, []);\n                } else {\n                    return callback(null, acData);\n                }\n            }\n        });\n    };\n\n    const initEditor = async () => {\n        isLoading.value = true;\n\n        const ace = await import('ace-builds');\n\n        // const ACE_BASE_PATH = 'https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini';\n        // ace.config.set('basePath', ACE_BASE_PATH);\n\n        // 按需加载所需的ace模块\n        await Promise.all([\n            import('ace-builds/src-min-noconflict/theme-sqlserver'),\n            import('ace-builds/src-min-noconflict/mode-javascript'),\n            import('ace-builds/src-min-noconflict/ext-language_tools')\n        ]);\n\n        // 根据mode按需加载额外的模块\n        if (props.mode === 'json') {\n            await import('ace-builds/src-min-noconflict/mode-json');\n        } else if (props.mode === 'css') {\n            await import('ace-builds/src-min-noconflict/mode-css');\n        } else if (props.mode === 'groovy') {\n            await import('ace-builds/src-min-noconflict/mode-groovy');\n        }\n\n        addAutoCompletion(ace); //添加自定义代码提示！！\n        await nextTick();\n        if (!aceRef.value) {\n            return;\n        }\n        aceEditor.value = ace.edit(aceRef.value, {\n            minLines: 10, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小\n            fontSize: 12, // 编辑器内字体大小\n            theme: themePath, // 默认设置的主题\n            mode: modePath, // 默认设置的语言模式\n            tabSize: 4, // 制表符设置为2个空格大小\n            readOnly: props.readonly,\n            highlightActiveLine: true\n        });\n\n        aceEditor.value.setOptions({\n            enableBasicAutocompletion: true,\n            enableSnippets: true, // 设置代码片段提示\n            enableLiveAutocompletion: true // 设置自动提示\n        });\n\n        if (props.mode === 'json') {\n            setJsonMode();\n        } else if (props.mode === 'css') {\n            setCssMode();\n        } else if (props.mode === 'groovy') {\n            setGroovyMode();\n        }\n\n        aceEditor.value.setValue(props.value || '');\n\n        //编辑时同步数据\n        aceEditor.value.getSession().on('change', ev => {\n            console.log(aceEditor.value?.getValue());\n\n            emit('update:value', aceEditor.value?.getValue());\n        });\n        isLoading.value = false;\n    };\n\n    watchEffect(() => {\n        aceEditor.value?.setOptions({\n            readOnly: props.readonly,\n            mode: props.mode,\n            useWorker: props.userWorker\n        });\n    });\n\n    onMounted(() => {\n        initEditor();\n    });\n\n    defineExpose({\n        initEditor,\n        getEditorAnnotations\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .ace-container {\n        display: flex;\n        min-height: 0;\n        flex: 1;\n        :deep(.ace-editor) {\n            min-height: 280px;\n            height: 100% !important;\n            flex: 1;\n        }\n    }\n</style>\n"],"names":["themePath","modePath","props","__props","emit","__emit","aceRef","ref","aceEditor","isLoading","getEditorAnnotations","_a","setJsonMode","setCssMode","setGroovyMode","addAutoCompletion","ace","acData","editor","session","pos","prefix","callback","initEditor","nextTick","ev","_b","watchEffect","onMounted","__expose","_withDirectives","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode"],"mappings":"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"}