ace-front-end 1.0.0

package/ace-app-manager-ui/src/views/appManage/entityDefine/components/MonacoEditor.vue

@@ -0,0 +1,1659 @@
+<template>
+    <div ref="codeEditBox" class="codeEditBox"></div>
+</template>
+
+<script lang="ts">
+import {defineComponent, onBeforeUnmount, onMounted, ref, watch} from 'vue'
+import {editorProps} from './monacoEditorType'
+import * as monaco from 'monaco-editor'
+import {editor, languages, Position} from 'monaco-editor'
+import {
+    createAxiosWithoutCache, type EntityDefinitionReference,
+    type ProjectedPropertyDefinition, type PropertyCollectionType, type PropertyDataType,
+    useEntityApi
+} from "@jari-ace/app-bolts";
+import CompletionItemInsertTextRule = languages.CompletionItemInsertTextRule;
+import CompletionItemKind = languages.CompletionItemKind;
+
+//编辑器实例注册表，用于防止重复CompletionItemProvider
+const register: Record<string, {
+    editors: monaco.editor.IStandaloneCodeEditor[],
+    provider?: monaco.IDisposable
+}> = {};
+
+function getMethodSuggestions(range: monaco.Range) {
+    return [{
+        label: 'eq',
+        kind: CompletionItemKind.Method,
+        detail: '判断是否相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'eq(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'lt',
+        kind: CompletionItemKind.Method,
+        detail: '是否小于',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'lt(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'gt',
+        kind: CompletionItemKind.Method,
+        detail: '是否大于',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'gt(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'ne',
+        kind: CompletionItemKind.Method,
+        detail: '是否不等于',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'ne(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'loe',
+        kind: CompletionItemKind.Method,
+        detail: '是否小于等于',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'loe(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'goe',
+        kind: CompletionItemKind.Method,
+        detail: '是否大于等于',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'goe(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'add',
+        kind: CompletionItemKind.Method,
+        detail: '数值相加',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'add(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'minus',
+        kind: CompletionItemKind.Method,
+        detail: '数值相减',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'minus(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'multiply',
+        kind: CompletionItemKind.Method,
+        detail: '数值相乘',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'multiply(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'divide',
+        kind: CompletionItemKind.Method,
+        detail: '数值相加',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'divide(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'mod',
+        kind: CompletionItemKind.Method,
+        detail: '取余',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'mod(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'isnull',
+        kind: CompletionItemKind.Method,
+        detail: '是否小于',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'isNull()',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'coalesce',
+        kind: CompletionItemKind.Method,
+        detail: '取第一个非空参数值作为结果值返回',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'coalesce(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'nullIf',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式结果值与右侧表达式结果值比较，如果相等返回空值，否则返回当前表达式结果值(左侧值)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'nullIf(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'and',
+        kind: CompletionItemKind.Method,
+        detail: '与逻辑表达式',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'and(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'or',
+        kind: CompletionItemKind.Method,
+        detail: '或逻辑表达式',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'or(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'not',
+        kind: CompletionItemKind.Method,
+        detail: '非逻辑表达式',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'not(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'between',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否介于参数1和参数2之间，支持数值和字符串类型参数',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'between(${1:}, ${2:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'in',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否存在于参数1表示的集合中',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'in(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'notIn',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否不存在于参数1表示的集合中',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'notIn(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'eqAll',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否与参数1表示的集合中所有元素都相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'eqAll(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'eqAny',
+        kind: CompletionItemKind.Method,
+        detail: '返回参数1表示的集合中是否至少有一个元素值与当前表达式值相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'eqAny(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'gtAll',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否比参数1表示的集合中的任一元素都大',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'gtAll(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'gtAny',
+        kind: CompletionItemKind.Method,
+        detail: '返回当前表达式值是否大于参数1表示的集合中至少一个元素',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'gtAny(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'goeAny',
+        kind: CompletionItemKind.Method,
+        detail: '返回当前表达式值是否大于等于参数1表示的集合中至少一个元素',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'goeAny(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'goeAll',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否比参数1表示的集合中的任一元素都大或相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'goeAll(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'ltAll',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否比参数1表示的集合中的任一元素都小',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'ltAll(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'ltAny',
+        kind: CompletionItemKind.Method,
+        detail: '返回当前表达式值是否小于参数1表示的集合中至少一个元素',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'ltAny(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'loeAny',
+        kind: CompletionItemKind.Method,
+        detail: '返回当前表达式值是否小于等于参数1表示的集合中至少一个元素',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'loeAny(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'loeAll',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否比参数1表示的集合中的任一元素都小或相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'loeAll(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'neAll',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否与参数1表示的集合中的任一元素都不相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'neAll(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'neAny',
+        kind: CompletionItemKind.Method,
+        detail: '当前表达式的值是否与参数1表示的集合中的至少一个元素不相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'neAny(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'like',
+        kind: CompletionItemKind.Method,
+        detail: 'Sql的like匹配运算，参数中使用%和_作为通配符',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'like(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'startWith',
+        kind: CompletionItemKind.Method,
+        detail: '判断字符串是否以指定的字符串开头',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'startWith(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'endWith',
+        kind: CompletionItemKind.Method,
+        detail: '判断字符串是否以指定的字符串结尾',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'endWith(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'contains',
+        kind: CompletionItemKind.Method,
+        detail: '判断字符串是否包含指定字符串',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'contains(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'match',
+        kind: CompletionItemKind.Method,
+        detail: '判断字符串是否匹配指定正则表达式',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'match(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'likeIgnoreCase',
+        kind: CompletionItemKind.Method,
+        detail: '忽略大小写的sql like匹配运算',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'likeIgnoreCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'containIgnoreCase',
+        kind: CompletionItemKind.Method,
+        detail: '忽略大小写判断字符串是否包含指定字符串',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'containIgnoreCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'startWithIgnoreCase',
+        kind: CompletionItemKind.Method,
+        detail: '忽略大小写判断字符串是否以指定字符串开头',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'startWithIgnoreCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'endWithIgnoreCase',
+        kind: CompletionItemKind.Method,
+        detail: '忽略大小写判断字符串是否以指定字符串结尾',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'endWithIgnoreCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'notLike',
+        kind: CompletionItemKind.Method,
+        detail: '指定字符串是否不匹配指定的%通配符字符串',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'notLike(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'eqIgnoreCase',
+        kind: CompletionItemKind.Method,
+        detail: '忽略大小写判断字符串是否与指定字符串相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'eqIgnoreCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'neIgnoreCase',
+        kind: CompletionItemKind.Method,
+        detail: '忽略大小写判断字符串是否与指定字符串不相等',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'neIgnoreCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'indexOf',
+        kind: CompletionItemKind.Method,
+        detail: '获取字符串中指定子串的起始位置(从0计)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'indexOf(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'subString',
+        kind: CompletionItemKind.Method,
+        detail: '获取字符串中指定子串的起始位置(从0计)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'subString(${1:}, ${2:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'isEmpty',
+        kind: CompletionItemKind.Method,
+        detail: '判断字符串是否为空',
+        insertTextRules: CompletionItemInsertTextRule.None,
+        insertText: 'isEmpty()',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'isNotEmpty',
+        kind: CompletionItemKind.Method,
+        detail: '判断字符串是否不为空',
+        insertTextRules: CompletionItemInsertTextRule.None,
+        insertText: 'isNotEmpty()',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'any',
+        kind: CompletionItemKind.Method,
+        detail: '取集合中的任一元素，可以用于Entity集合类型属性',
+        insertTextRules: CompletionItemInsertTextRule.None,
+        insertText: 'any()',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'size',
+        kind: CompletionItemKind.Function,
+        detail: '获取集合中元素计数',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'size(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'get',
+        kind: CompletionItemKind.Method,
+        detail: '从Map属性中指定key对应的值',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'get()',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'containsKey',
+        kind: CompletionItemKind.Method,
+        detail: 'Map类型属性中是否包含指定的key',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'containsKey()',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'containsValue',
+        kind: CompletionItemKind.Method,
+        detail: 'Map类型属性中是否包含指定的value',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'containsKey()',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'select',
+        kind: CompletionItemKind.Function,
+        detail: '子查询select语句，写法示例：select(a).from(a)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'select(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'where',
+        kind: CompletionItemKind.Function,
+        detail: '子查询where语句，写法示例：select(a).from(a).where(a.p1 == 100)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'where(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'join',
+        kind: CompletionItemKind.Function,
+        detail: '子查询join语句，写法示例：select(a).from(a).join(a.p2.collectionProp)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'join(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'leftJoin',
+        kind: CompletionItemKind.Function,
+        detail: '子查询left join语句，写法示例：select(a).from(a).leftJoin(a.p2.collectionProp)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'leftJoin(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'rightJoin',
+        kind: CompletionItemKind.Function,
+        detail: '子查询rightJoin语句，写法示例：select(a).from(a).rightJoin(a.p2.collectionProp)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'rightJoin(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'where',
+        kind: CompletionItemKind.Function,
+        detail: '子查询where语句, 参数应为返回bool值的表达式，写法示例：select(a).from(a).where(a.p1 > 0)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'where(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'groupBy',
+        kind: CompletionItemKind.Function,
+        detail: '子查询groupBy语句，写法示例：select(a.p1).from(a).groupBy(a.p1)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'groupBy(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'having',
+        kind: CompletionItemKind.Function,
+        detail: '子查询having语句，写法示例：select(a.p1).from(a).groupBy(a.p1).having(sum(a.p2) > 0)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'having(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },];
+}
+
+function getVariableAndFunctionSuggestions(range: monaco.Range) {
+    return [{
+        label: '_',
+        kind: CompletionItemKind.Variable,
+        detail: '当前实体',
+        insertText: '_',
+        range
+    }, {
+        label: '$u',
+        kind: CompletionItemKind.Variable,
+        detail: '登录用户',
+        insertText: '$user',
+        range
+    }, {
+        label: '$yyyy',
+        kind: CompletionItemKind.Variable,
+        detail: '当前年度',
+        insertText: '$yyyy',
+        range
+    }, {
+        label: '$mm',
+        kind: CompletionItemKind.Variable,
+        detail: '当前月份',
+        insertText: '$yyyy',
+        range
+    }, {
+        label: '$dd',
+        kind: CompletionItemKind.Variable,
+        detail: '当前日期',
+        insertText: '$dd',
+        range
+    }, {
+        label: '$hh',
+        kind: CompletionItemKind.Variable,
+        detail: '当前时刻的小时部分',
+        insertText: '$hh',
+        range
+    }, {
+        label: '$mi',
+        kind: CompletionItemKind.Variable,
+        detail: '当前时刻的分钟部分',
+        insertText: '$mi',
+        range
+    }, {
+        label: '$ss',
+        kind: CompletionItemKind.Variable,
+        detail: '当前时刻的秒部分',
+        insertText: '$ss',
+        range
+    }, {
+        label: '$ms',
+        kind: CompletionItemKind.Variable,
+        detail: '当前时刻的毫秒部分',
+        insertText: '$ms',
+        range
+    }, {
+        label: 'isNull',
+        kind: CompletionItemKind.Function,
+        detail: '判断是否为空',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'isNull(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'coalesce',
+        kind: CompletionItemKind.Function,
+        detail: '接受多个输入参数，返回其中的第一个非空值',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'coalesce(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'nullIf',
+        kind: CompletionItemKind.Function,
+        detail: '比较两个表达式的值，如果它们相等，则返回空值，否则返回第一个表达式的值',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'nullIf(${1:}, ${2:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'str',
+        kind: CompletionItemKind.Function,
+        detail: '将指定表达式结果转换为字符串类型',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'str(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'num',
+        kind: CompletionItemKind.Function,
+        detail: '将指定表达式结果转换为数值类型',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'num(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'hour',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定时间类型表达式结果的小时部分',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'hour(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'minute',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定时间类型表达式结果的分钟部分',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'minute(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'second',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定时间类型表达式结果的秒部分',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'second(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'milliSecond',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定时间类型表达式结果的毫秒部分',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'milliSecond(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'dayOfWeek',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果是星期几',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'dayOfWeek(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'dayOfMonth',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果是当月中的第几天',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'dayOfMonth(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'dayOfYear',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果是当年中的第几天',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'dayOfYear(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'month',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果属于几月份',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'month(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'year',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果是属于哪个年度',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'year(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'week',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果是一年中的第几周',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'week(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'yearMonth',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果，将其格式化yyyyMM格式的字符串返回',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'yearMonth(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'yearWeek',
+        kind: CompletionItemKind.Function,
+        detail: '获取指定日期类型表达式结果，将其格式化yyyyWW格式的字符串返回,WW表示当日属于一年中的第几周',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'yearWeek(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'concat',
+        kind: CompletionItemKind.Function,
+        detail: '接受多个字符串，拼接成为一个字符串',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'concat(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'trim',
+        kind: CompletionItemKind.Function,
+        detail: '去除字符串前后的空白',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'trim(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'lowerCase',
+        kind: CompletionItemKind.Function,
+        detail: '将字符串装换为小写',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'lowerCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'upperCase',
+        kind: CompletionItemKind.Function,
+        detail: '将字符串转换为大写',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'upperCase(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'length',
+        kind: CompletionItemKind.Function,
+        detail: '获取字符串长度',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'length(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'max',
+        kind: CompletionItemKind.Function,
+        detail: '获取最大值',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'max(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'min',
+        kind: CompletionItemKind.Function,
+        detail: '获取最小值',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'min(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'sum',
+        kind: CompletionItemKind.Function,
+        detail: '求和',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'sum(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },{
+        label: 'avg',
+        kind: CompletionItemKind.Function,
+        detail: '获取平均值',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'min(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'count',
+        kind: CompletionItemKind.Function,
+        detail: '获取记录的计数',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'count(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'from',
+        kind: CompletionItemKind.Function,
+        detail: '子查询from语句, 参数应为实体名(camel格式)，写法示例：select(a).from(a)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'from(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'distinct',
+        kind: CompletionItemKind.Function,
+        detail: '子查询select distinct语句，写法示例：select(distinct(a.prop)).from(a)',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'distinct(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'exists',
+        kind: CompletionItemKind.Function,
+        detail: '判断子查询是否有结果，写法示例：exists(select(a).from(a).where(a.jp.id == _.id && a.p1 > 0))',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'exists(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'abs',
+        kind: CompletionItemKind.Function,
+        detail: '取绝对值',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'abs(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'ceil',
+        kind: CompletionItemKind.Function,
+        detail: '向上取整',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'ceil(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'floor',
+        kind: CompletionItemKind.Function,
+        detail: '向下取整',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'ceil(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'round',
+        kind: CompletionItemKind.Function,
+        detail: '进位取整',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'round(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    }, {
+        label: 'sqrt',
+        kind: CompletionItemKind.Function,
+        detail: '开方计算',
+        insertTextRules: CompletionItemInsertTextRule.InsertAsSnippet,
+        insertText: 'sqrt(${1:})',
+        range,
+        command: {
+            id: "editor.action.triggerSuggest", // 触发代码提示
+            title: "Trigger Suggest"
+        }
+    },];
+}
+
+const userProperties: ProjectedPropertyDefinition[] = [
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "id",
+        caption: "id",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "username",
+        caption: "username",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "firstName",
+        caption: "firstName",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "lastName",
+        caption: "lastName",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "fullName",
+        caption: "fullName",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "mobile",
+        caption: "mobile",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "email",
+        caption: "email",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "department",
+        caption: "department",
+        dataType: "ENTITY",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "classifiedLevel",
+        caption: "classifiedLevel",
+        dataType: "INTEGER",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "realmId",
+        caption: "realmId",
+        dataType: "LONG",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "realName",
+        caption: "realName",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },
+]
+
+const departmentProperties: ProjectedPropertyDefinition[] = [
+    {
+        id: '0',
+        dataVersion: 0,
+        name: "id",
+        caption: "id",
+        dataType: "LONG",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    }, {
+        id: '0',
+        dataVersion: 0,
+        name: "name",
+        caption: "name",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    }, {
+        id: '0',
+        dataVersion: 0,
+        name: "shortName",
+        caption: "shortName",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    }, {
+        id: '0',
+        dataVersion: 0,
+        name: "parentId",
+        caption: "parentId",
+        dataType: "LONG",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    }, {
+        id: '0',
+        dataVersion: 0,
+        name: "isEntity",
+        caption: "isEntity",
+        dataType: "BOOLEAN",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    }, {
+        id: '0',
+        dataVersion: 0,
+        name: "sortIndex",
+        caption: "sortIndex",
+        dataType: "INTEGER",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    }, {
+        id: '0',
+        dataVersion: 0,
+        name: "sortPath",
+        caption: "sortPath",
+        dataType: "STRING",
+        collectionType: "NONE",
+        primaryKey: true,
+        notNull: true,
+        builtIn: false
+    },];
+
+export default defineComponent({
+    name: 'MonacoEditor',
+    props: editorProps,
+    emits: ['update:modelValue', 'change', 'editor-mounted'],
+    setup(props, {emit}) {
+        let editor: monaco.editor.IStandaloneCodeEditor
+        const codeEditBox = ref()
+        const entityId = props.entityId;
+        const axios = createAxiosWithoutCache();
+        const api = useEntityApi(axios);
+        const propsCache: Record<string, ProjectedPropertyDefinition[]> = {};
+        let entitiesCache: EntityDefinitionReference[] = [];
+
+        async function loadProperties(entityId: string) {
+            let p = propsCache[entityId];
+            if (!p) {
+                p = await api.getProperties(entityId);
+                propsCache[entityId] = p;
+            }
+            return p;
+        }
+
+        async function loadEntities() {
+            if (!props.dataSourceId || entitiesCache.length > 0) return;
+            entitiesCache = await api.getAll(props.dataSourceId);
+        }
+
+        async function resolveProperties(entityId: string, words: string[], curWord: string) {
+            let _entityId = undefined;
+            if (words[0] === '_') {
+                _entityId = entityId;
+
+            } else if (words[0] === '$u') {
+                if (words.length === 1) {
+                    return userProperties;
+                } else if (words.length === 2) {
+                    if (words[1] === 'department') {
+                        return departmentProperties;
+                    } else {
+                        return [];
+                    }
+                } else return [];
+            } else {
+                const e = entitiesCache.find(x => x.name === words[0]);
+                if (e) {
+                    _entityId = e.id;
+                }
+            }
+            if (!_entityId) return [];
+            let properties = await loadProperties(_entityId);
+            let lp: ProjectedPropertyDefinition | null = null;
+            for (let i = 1; i < words.length; i++) {
+                const p = properties.find(x => x.name === words[i]);
+                if (p) {
+                    if (p.dataType === 'ENTITY' && p.collectionType === 'NONE') {
+                        properties = await loadProperties(p.entityType!.id);
+                    } else if (i === words.length - 1) {
+                        return [];
+                    }
+                    lp = p;
+                } else if ('any()' === words[i]) {
+                    if (lp?.dataType === 'ENTITY'
+                        && (
+                            lp.collectionType === 'LIST' || lp.collectionType === 'MAP'
+                        )) {
+                        properties = await loadProperties(lp.entityType!.id);
+                    } else {
+                        return [];
+                    }
+                } else {
+                    if (curWord === words[i]) {
+                        return properties;
+                    } else {
+                        return [];
+                    }
+                }
+
+            }
+            return properties;
+        }
+
+        function getLastWords(model: editor.ITextModel, position: Position) {
+            let words = [];
+            let text = model.getValueInRange(
+                new monaco.Range(1,
+                    1,
+                    position.lineNumber,
+                    position.column));
+            let buffer = "";
+            let bl = 0;
+            for (let i = text.length - 1; i >= 0; i--) {
+                const char = text[i];
+                if (char.match(/[a-zA-Z0-9_$]/)) {
+                    buffer = char + buffer; // 拼接单词
+                } else if (char === ".") {
+                    if (buffer) words.unshift(buffer); // 遇到 . 先存当前单词
+                    buffer = ""; // 清空 buffer 继续
+                } else if (char === ')') {
+                    buffer = char + buffer;
+                    bl++;
+                } else if (char === '(') {
+                    bl--;
+                    if (bl-- >= 0) {
+                        buffer = char + buffer;
+                    } else {
+                        break;
+                    }
+                } else if (char === '\r' || char === '\n' || char === ' ') {
+                    //do nothing
+                } else {
+                    break; // 遇到其他符号/空格就终止
+                }
+            }
+            if (buffer) words.unshift(buffer);
+            return words;
+        }
+
+        const init = () => {
+            monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+                noSemanticValidation: true,
+                noSyntaxValidation: true,
+            })
+            monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+                target: monaco.languages.typescript.ScriptTarget.ES2020,
+                allowNonTsExtensions: true,
+                noLib: true,
+            })
+
+            if (entityId) {
+                const registerItem = register[entityId];
+                let provider = registerItem.provider;
+                if (!provider) {
+                    provider = monaco.languages.registerCompletionItemProvider("javascript", {
+                        triggerCharacters: [".", " ", "(", "+", "-", "*", "/", ","], // 触发补全
+                        provideCompletionItems: async (model, position) => {
+                            const word = model.getWordUntilPosition(position);
+                            const range = new monaco.Range(
+                                position.lineNumber,
+                                word.startColumn,
+                                position.lineNumber,
+                                word.endColumn
+                            );
+                            let words = getLastWords(model, position);
+                            const properties = await resolveProperties(entityId!, words, word.word);
+                            let suggestions: monaco.languages.CompletionItem[] =
+                                properties.map(p => (
+                                    {
+                                        label: p.name,
+                                        kind: CompletionItemKind.Variable,
+                                        detail: p.caption + '(' + p.dataType + ')',
+                                        insertText: p.name,
+                                        range
+                                    }
+                                ));
+
+                            const textBeforeCursor = model.getValueInRange({
+                                startLineNumber: position.lineNumber,
+                                startColumn: 1,
+                                endLineNumber: position.lineNumber,
+                                endColumn: position.column,
+                            });
+                            // 去除末尾的空格后，获取最后一个字符
+                            const match = textBeforeCursor.trimEnd().slice(-1);
+                            if (suggestions.length == 0 && '.' === match) {
+                                suggestions = getMethodSuggestions(range);
+                            }
+                            if (suggestions.length == 0
+                                && (
+                                    ['(', '+', '-', '*', '/', '&', '|', '=', '>', '<', ','].indexOf(match)
+                                    > -1
+                                    ||
+                                    /[a-zA-Z0-9_]+$/.test(textBeforeCursor)
+                                )) {
+                                suggestions = getVariableAndFunctionSuggestions(range)
+                                await loadEntities();
+                                suggestions.push(...entitiesCache.map(e => (
+                                    {
+                                        label: e.name,
+                                        kind: CompletionItemKind.Variable,
+                                        detail: '(实体)' + e.caption,
+                                        insertText: e.name,
+                                        range
+                                    }
+                                )));
+                            }
+
+                            return {suggestions};
+                        }
+                    });
+                    registerItem.provider = provider;
+                }
+                editor.onDidDispose(() => {
+                    if (entityId) {
+                        const registerItem = register[entityId];
+                        if (registerItem && registerItem.editors.length == 0) {
+                            registerItem.provider?.dispose()
+                            registerItem.provider = undefined;
+                            delete registerItem.provider;
+                        }
+                    }
+                });
+            }
+        }
+
+        self.MonacoEnvironment = {
+            getWorker(workerId, label) {
+                if (label === 'typescript' || label === 'javascript') {
+                    return new Worker(
+                        new URL('monaco-editor/esm/vs/language/typescript/ts.worker.js', import.meta.url),
+                        {type: 'module'}
+                    )
+                }
+                if (label === 'json') {
+                    return new Worker(
+                        new URL('monaco-editor/esm/vs/language/json/json.worker.js', import.meta.url),
+                        {type: 'module'}
+                    )
+                }
+                if (label === 'css') {
+                    return new Worker(
+                        new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url),
+                        {type: 'module'}
+                    )
+                }
+                if (label === 'html') {
+                    return new Worker(
+                        new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url),
+                        {type: 'module'}
+                    )
+                }
+                return new Worker(
+                    new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url),
+                    {type: 'module'}
+                )
+            },
+        }
+
+        const createEditor = () => {
+            editor = monaco.editor.create(codeEditBox.value, {
+                value: props.modelValue,
+                language: props.language,
+                theme: props.theme,
+                mouseWheelZoom: true,
+                ...props.options
+            })
+
+            //监听值的变化
+            editor.onDidChangeModelContent(() => {
+                const value = editor.getValue() //给父组件实时返回最新文本
+                emit('update:modelValue', value)
+                emit('change', value)
+            })
+
+            if (entityId) {
+                let item = register[entityId];
+                if (!item) {
+                    item = {editors: []};
+                    register[entityId] = item;
+                }
+                const arr = item.editors;
+                arr.push(editor);
+            }
+        }
+
+        watch(
+            () => props.modelValue,
+            newValue => {
+                if (editor) {
+                    const value = editor.getValue()
+                    if (newValue !== value) {
+                        editor.setValue(newValue)
+                    }
+                }
+            }
+        )
+
+        watch(
+            () => props.options,
+            newValue => {
+                editor.updateOptions(newValue)
+            },
+            {deep: true}
+        )
+
+        watch(
+            () => props.language,
+            newValue => {
+                monaco.editor.setModelLanguage(editor.getModel()!, newValue)
+            }
+        )
+
+        onBeforeUnmount(() => {
+            if (entityId) {
+                const arr = register[entityId];
+                if (arr) {
+                    const index = arr.editors.findIndex(x => x == editor);
+                    if (index > -1) {
+                        arr.editors.splice(index, 1);
+                    }
+                }
+            }
+            editor.dispose()
+        })
+
+        onMounted(() => {
+            createEditor();
+            init();
+            emit('editor-mounted', editor);
+        })
+
+        return {codeEditBox}
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+.codeEditBox {
+    width: v-bind(width);
+    height: v-bind(height);
+}
+</style>