ll-plus 2.1.9 → 2.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/code-editor/src/code-editor.vue2.mjs +34 -10
- package/es/components/code-editor/src/code-editor.vue2.mjs.map +1 -1
- package/index.full.js +39 -9
- package/index.full.min.js +14 -14
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +9 -9
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +34 -10
- package/lib/components/code-editor/src/code-editor.vue2.js +35 -10
- package/lib/components/code-editor/src/code-editor.vue2.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,11 +2,6 @@ import { defineComponent, ref, watch, onBeforeUnmount, onMounted, openBlock, cre
|
|
|
2
2
|
import './config/index.mjs';
|
|
3
3
|
import '../../../utils/index.mjs';
|
|
4
4
|
import * as monaco from 'monaco-editor';
|
|
5
|
-
import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
|
|
6
|
-
import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
|
|
7
|
-
import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
|
|
8
|
-
import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
|
|
9
|
-
import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
|
|
10
5
|
import { codeEditorProps, codeEditorEmits, defaultOptions } from './config/code-editor.mjs';
|
|
11
6
|
import { createNamespace } from '../../../utils/create-namespace.mjs';
|
|
12
7
|
import { codeThemeList } from './config/code-theme-list.mjs';
|
|
@@ -24,18 +19,47 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
24
19
|
self.MonacoEnvironment = {
|
|
25
20
|
getWorker(_, label) {
|
|
26
21
|
if (label === "json") {
|
|
27
|
-
return new
|
|
22
|
+
return new Worker(
|
|
23
|
+
new URL(
|
|
24
|
+
"monaco-editor/esm/vs/language/json/json.worker.js",
|
|
25
|
+
import.meta.url
|
|
26
|
+
),
|
|
27
|
+
{ type: "module" }
|
|
28
|
+
);
|
|
28
29
|
}
|
|
29
30
|
if (["css", "scss", "less"].includes(label)) {
|
|
30
|
-
return new
|
|
31
|
+
return new Worker(
|
|
32
|
+
new URL(
|
|
33
|
+
"monaco-editor/esm/vs/language/css/css.worker.js",
|
|
34
|
+
import.meta.url
|
|
35
|
+
),
|
|
36
|
+
{ type: "module" }
|
|
37
|
+
);
|
|
31
38
|
}
|
|
32
39
|
if (["html", "handlebars", "razor"].includes(label)) {
|
|
33
|
-
return new
|
|
40
|
+
return new Worker(
|
|
41
|
+
new URL(
|
|
42
|
+
"monaco-editor/esm/vs/language/html/html.worker.js",
|
|
43
|
+
import.meta.url
|
|
44
|
+
),
|
|
45
|
+
{ type: "module" }
|
|
46
|
+
);
|
|
34
47
|
}
|
|
35
48
|
if (["typescript", "javascript"].includes(label)) {
|
|
36
|
-
return new
|
|
49
|
+
return new Worker(
|
|
50
|
+
new URL(
|
|
51
|
+
"monaco-editor/esm/vs/language/typescript/ts.worker.js",
|
|
52
|
+
import.meta.url
|
|
53
|
+
),
|
|
54
|
+
{ type: "module" }
|
|
55
|
+
);
|
|
37
56
|
}
|
|
38
|
-
return new
|
|
57
|
+
return new Worker(
|
|
58
|
+
new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url),
|
|
59
|
+
{
|
|
60
|
+
type: "module"
|
|
61
|
+
}
|
|
62
|
+
);
|
|
39
63
|
}
|
|
40
64
|
};
|
|
41
65
|
let editor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.vue2.mjs","sources":["../../../../../packages/components/code-editor/src/code-editor.vue"],"sourcesContent":["<template>\n <div\n ref=\"codeEditBox\"\n :class=\"bem.b()\"\n :style=\"{\n width: props.width,\n height: props.height\n }\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n codeEditorProps,\n codeEditorEmits,\n defaultOptions,\n codeThemeList\n} from './config'\nimport { createNamespace } from '@ll-plus/utils'\n// @ts-ignore\nimport * as monaco from 'monaco-editor'\n// @ts-ignore\
|
|
1
|
+
{"version":3,"file":"code-editor.vue2.mjs","sources":["../../../../../packages/components/code-editor/src/code-editor.vue"],"sourcesContent":["<template>\n <div\n ref=\"codeEditBox\"\n :class=\"bem.b()\"\n :style=\"{\n width: props.width,\n height: props.height\n }\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n codeEditorProps,\n codeEditorEmits,\n defaultOptions,\n codeThemeList\n} from './config'\nimport { createNamespace } from '@ll-plus/utils'\n// @ts-ignore\nimport * as monaco from 'monaco-editor'\n// // @ts-ignore\n// import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'\n// // @ts-ignore\n// import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'\n// // @ts-ignore\n// import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker'\n// // @ts-ignore\n// import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'\n// // @ts-ignore\n// import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'\n\ndefineOptions({ name: 'LlCodeEditor' })\n\nconst props = defineProps(codeEditorProps)\nconst emits = defineEmits(codeEditorEmits)\nconst bem = createNamespace('code-editor')\nself.MonacoEnvironment = {\n getWorker(_: string, label: string) {\n if (label === 'json') {\n return new Worker(\n new URL(\n 'monaco-editor/esm/vs/language/json/json.worker.js',\n import.meta.url\n ),\n { type: 'module' }\n )\n }\n if (['css', 'scss', 'less'].includes(label)) {\n return new Worker(\n new URL(\n 'monaco-editor/esm/vs/language/css/css.worker.js',\n import.meta.url\n ),\n { type: 'module' }\n )\n }\n if (['html', 'handlebars', 'razor'].includes(label)) {\n return new Worker(\n new URL(\n 'monaco-editor/esm/vs/language/html/html.worker.js',\n import.meta.url\n ),\n { type: 'module' }\n )\n }\n if (['typescript', 'javascript'].includes(label)) {\n return new Worker(\n new URL(\n 'monaco-editor/esm/vs/language/typescript/ts.worker.js',\n import.meta.url\n ),\n { type: 'module' }\n )\n }\n return new Worker(\n new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url),\n {\n type: 'module'\n }\n )\n }\n}\nlet editor: monaco.editor.IStandaloneCodeEditor\n\nconst codeEditBox = ref()\nconst init = () => {\n monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n noSemanticValidation: true,\n noSyntaxValidation: false\n })\n monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n target: monaco.languages.typescript.ScriptTarget.ES2020,\n allowNonTsExtensions: true\n })\n\n editor = monaco.editor.create(codeEditBox.value, {\n value: props.value,\n language: props.language,\n theme: props.theme,\n ...defaultOptions,\n ...props.options\n })\n handleChangeTheme(props.theme)\n // 监听值的变化\n editor.onDidChangeModelContent(() => {\n const value = editor.getValue() //给父组件实时返回最新文本\n emits('update:value', value)\n emits('change', value)\n })\n\n emits('editor-mounted', editor)\n}\nconst handleChangeTheme = async (theme: string) => {\n const find = codeThemeList.find(item => item.value === theme)\n if (find) {\n const themeData = {\n ...find.data\n } as monaco.editor.IStandaloneThemeData\n try {\n monaco.editor.defineTheme(theme, themeData)\n monaco.editor.setTheme(theme)\n } catch (error) {\n monaco.editor.setTheme('vs')\n }\n } else {\n monaco.editor.setTheme('vs')\n }\n}\nwatch(\n () => props.value,\n newValue => {\n if (editor) {\n const value = editor.getValue()\n if (newValue !== value) {\n editor.setValue(newValue)\n }\n }\n }\n)\n\nwatch(\n () => props.options,\n newValue => {\n editor.updateOptions(newValue)\n },\n { deep: true }\n)\n\nwatch(\n () => props.language,\n newValue => {\n monaco.editor.setModelLanguage(editor.getModel()!, newValue)\n }\n)\n\nonBeforeUnmount(() => {\n editor.dispose()\n})\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":[],"mappings":"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"}
|
package/index.full.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('ant-design-vue'), require('monaco-editor')
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'vue', 'ant-design-vue', 'monaco-editor'
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.LlPlus = {}, global.Vue, global.antDesignVue, global.monaco
|
|
5
|
-
})(this, (function (exports, require$$0, antDesignVue, monaco
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('ant-design-vue'), require('monaco-editor')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'vue', 'ant-design-vue', 'monaco-editor'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.LlPlus = {}, global.Vue, global.antDesignVue, global.monaco));
|
|
5
|
+
})(this, (function (exports, require$$0, antDesignVue, monaco) { 'use strict';
|
|
6
6
|
|
|
7
|
+
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
7
8
|
function _interopNamespaceDefault(e) {
|
|
8
9
|
var n = Object.create(null);
|
|
9
10
|
if (e) {
|
|
@@ -43888,18 +43889,47 @@
|
|
|
43888
43889
|
self.MonacoEnvironment = {
|
|
43889
43890
|
getWorker(_, label) {
|
|
43890
43891
|
if (label === "json") {
|
|
43891
|
-
return new
|
|
43892
|
+
return new Worker(
|
|
43893
|
+
new URL(
|
|
43894
|
+
"monaco-editor/esm/vs/language/json/json.worker.js",
|
|
43895
|
+
(typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.full.js', document.baseURI).href))
|
|
43896
|
+
),
|
|
43897
|
+
{ type: "module" }
|
|
43898
|
+
);
|
|
43892
43899
|
}
|
|
43893
43900
|
if (["css", "scss", "less"].includes(label)) {
|
|
43894
|
-
return new
|
|
43901
|
+
return new Worker(
|
|
43902
|
+
new URL(
|
|
43903
|
+
"monaco-editor/esm/vs/language/css/css.worker.js",
|
|
43904
|
+
(typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.full.js', document.baseURI).href))
|
|
43905
|
+
),
|
|
43906
|
+
{ type: "module" }
|
|
43907
|
+
);
|
|
43895
43908
|
}
|
|
43896
43909
|
if (["html", "handlebars", "razor"].includes(label)) {
|
|
43897
|
-
return new
|
|
43910
|
+
return new Worker(
|
|
43911
|
+
new URL(
|
|
43912
|
+
"monaco-editor/esm/vs/language/html/html.worker.js",
|
|
43913
|
+
(typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.full.js', document.baseURI).href))
|
|
43914
|
+
),
|
|
43915
|
+
{ type: "module" }
|
|
43916
|
+
);
|
|
43898
43917
|
}
|
|
43899
43918
|
if (["typescript", "javascript"].includes(label)) {
|
|
43900
|
-
return new
|
|
43919
|
+
return new Worker(
|
|
43920
|
+
new URL(
|
|
43921
|
+
"monaco-editor/esm/vs/language/typescript/ts.worker.js",
|
|
43922
|
+
(typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.full.js', document.baseURI).href))
|
|
43923
|
+
),
|
|
43924
|
+
{ type: "module" }
|
|
43925
|
+
);
|
|
43901
43926
|
}
|
|
43902
|
-
return new
|
|
43927
|
+
return new Worker(
|
|
43928
|
+
new URL("monaco-editor/esm/vs/editor/editor.worker.js", (typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.full.js', document.baseURI).href))),
|
|
43929
|
+
{
|
|
43930
|
+
type: "module"
|
|
43931
|
+
}
|
|
43932
|
+
);
|
|
43903
43933
|
}
|
|
43904
43934
|
};
|
|
43905
43935
|
let editor;
|