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
package/index.full.mjs
CHANGED
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import require$$0, { warn, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, normalizeProps, mergeProps, renderSlot, guardReactiveProps, useAttrs, computed, createSlots, onBeforeUnmount, onMounted, normalizeStyle, createApp, nextTick, reactive, resolveDynamicComponent, inject, getCurrentInstance, h, isRef, provide, toRefs } from 'vue';
|
|
2
2
|
import { Button as Button$1, Cascader as Cascader$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Row, Col, DatePicker as DatePicker$1, RangePicker, theme, Drawer as Drawer$1, FormItem as FormItem$1, Input as Input$1, InputNumber as InputNumber$1, Modal as Modal$1, Radio as Radio$1, RadioButton as RadioButton$1, RadioGroup as RadioGroup$1, Segmented as Segmented$1, Select as Select$1, SelectOption as SelectOption$1, SelectOptGroup as SelectOptGroup$1, Steps as Steps$1, Switch as Switch$1, Textarea as Textarea$1, TimePicker as TimePicker$1, TimeRangePicker, Tree as Tree$1, message } from 'ant-design-vue';
|
|
3
3
|
import * as monaco from 'monaco-editor';
|
|
4
|
-
import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
|
|
5
|
-
import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
|
|
6
|
-
import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
|
|
7
|
-
import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
|
|
8
|
-
import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
|
|
9
4
|
|
|
10
5
|
const makeInstaller = (components) => {
|
|
11
6
|
const install = (app) => {
|
|
@@ -43872,18 +43867,47 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
43872
43867
|
self.MonacoEnvironment = {
|
|
43873
43868
|
getWorker(_, label) {
|
|
43874
43869
|
if (label === "json") {
|
|
43875
|
-
return new
|
|
43870
|
+
return new Worker(
|
|
43871
|
+
new URL(
|
|
43872
|
+
"monaco-editor/esm/vs/language/json/json.worker.js",
|
|
43873
|
+
import.meta.url
|
|
43874
|
+
),
|
|
43875
|
+
{ type: "module" }
|
|
43876
|
+
);
|
|
43876
43877
|
}
|
|
43877
43878
|
if (["css", "scss", "less"].includes(label)) {
|
|
43878
|
-
return new
|
|
43879
|
+
return new Worker(
|
|
43880
|
+
new URL(
|
|
43881
|
+
"monaco-editor/esm/vs/language/css/css.worker.js",
|
|
43882
|
+
import.meta.url
|
|
43883
|
+
),
|
|
43884
|
+
{ type: "module" }
|
|
43885
|
+
);
|
|
43879
43886
|
}
|
|
43880
43887
|
if (["html", "handlebars", "razor"].includes(label)) {
|
|
43881
|
-
return new
|
|
43888
|
+
return new Worker(
|
|
43889
|
+
new URL(
|
|
43890
|
+
"monaco-editor/esm/vs/language/html/html.worker.js",
|
|
43891
|
+
import.meta.url
|
|
43892
|
+
),
|
|
43893
|
+
{ type: "module" }
|
|
43894
|
+
);
|
|
43882
43895
|
}
|
|
43883
43896
|
if (["typescript", "javascript"].includes(label)) {
|
|
43884
|
-
return new
|
|
43897
|
+
return new Worker(
|
|
43898
|
+
new URL(
|
|
43899
|
+
"monaco-editor/esm/vs/language/typescript/ts.worker.js",
|
|
43900
|
+
import.meta.url
|
|
43901
|
+
),
|
|
43902
|
+
{ type: "module" }
|
|
43903
|
+
);
|
|
43885
43904
|
}
|
|
43886
|
-
return new
|
|
43905
|
+
return new Worker(
|
|
43906
|
+
new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url),
|
|
43907
|
+
{
|
|
43908
|
+
type: "module"
|
|
43909
|
+
}
|
|
43910
|
+
);
|
|
43887
43911
|
}
|
|
43888
43912
|
};
|
|
43889
43913
|
let editor;
|
|
@@ -6,15 +6,11 @@ var vue = require('vue');
|
|
|
6
6
|
require('./config/index.js');
|
|
7
7
|
require('../../../utils/index.js');
|
|
8
8
|
var monaco = require('monaco-editor');
|
|
9
|
-
var EditorWorker = require('monaco-editor/esm/vs/editor/editor.worker?worker');
|
|
10
|
-
var jsonWorker = require('monaco-editor/esm/vs/language/json/json.worker?worker');
|
|
11
|
-
var cssWorker = require('monaco-editor/esm/vs/language/css/css.worker?worker');
|
|
12
|
-
var htmlWorker = require('monaco-editor/esm/vs/language/html/html.worker?worker');
|
|
13
|
-
var tsWorker = require('monaco-editor/esm/vs/language/typescript/ts.worker?worker');
|
|
14
9
|
var codeEditor = require('./config/code-editor.js');
|
|
15
10
|
var createNamespace = require('../../../utils/create-namespace.js');
|
|
16
11
|
var codeThemeList = require('./config/code-theme-list.js');
|
|
17
12
|
|
|
13
|
+
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
18
14
|
function _interopNamespaceDefault(e) {
|
|
19
15
|
var n = Object.create(null);
|
|
20
16
|
if (e) {
|
|
@@ -47,18 +43,47 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
47
43
|
self.MonacoEnvironment = {
|
|
48
44
|
getWorker(_, label) {
|
|
49
45
|
if (label === "json") {
|
|
50
|
-
return new
|
|
46
|
+
return new Worker(
|
|
47
|
+
new URL(
|
|
48
|
+
"monaco-editor/esm/vs/language/json/json.worker.js",
|
|
49
|
+
(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('components/code-editor/src/code-editor.vue2.js', document.baseURI).href))
|
|
50
|
+
),
|
|
51
|
+
{ type: "module" }
|
|
52
|
+
);
|
|
51
53
|
}
|
|
52
54
|
if (["css", "scss", "less"].includes(label)) {
|
|
53
|
-
return new
|
|
55
|
+
return new Worker(
|
|
56
|
+
new URL(
|
|
57
|
+
"monaco-editor/esm/vs/language/css/css.worker.js",
|
|
58
|
+
(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('components/code-editor/src/code-editor.vue2.js', document.baseURI).href))
|
|
59
|
+
),
|
|
60
|
+
{ type: "module" }
|
|
61
|
+
);
|
|
54
62
|
}
|
|
55
63
|
if (["html", "handlebars", "razor"].includes(label)) {
|
|
56
|
-
return new
|
|
64
|
+
return new Worker(
|
|
65
|
+
new URL(
|
|
66
|
+
"monaco-editor/esm/vs/language/html/html.worker.js",
|
|
67
|
+
(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('components/code-editor/src/code-editor.vue2.js', document.baseURI).href))
|
|
68
|
+
),
|
|
69
|
+
{ type: "module" }
|
|
70
|
+
);
|
|
57
71
|
}
|
|
58
72
|
if (["typescript", "javascript"].includes(label)) {
|
|
59
|
-
return new
|
|
73
|
+
return new Worker(
|
|
74
|
+
new URL(
|
|
75
|
+
"monaco-editor/esm/vs/language/typescript/ts.worker.js",
|
|
76
|
+
(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('components/code-editor/src/code-editor.vue2.js', document.baseURI).href))
|
|
77
|
+
),
|
|
78
|
+
{ type: "module" }
|
|
79
|
+
);
|
|
60
80
|
}
|
|
61
|
-
return new
|
|
81
|
+
return new Worker(
|
|
82
|
+
new URL("monaco-editor/esm/vs/editor/editor.worker.js", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('components/code-editor/src/code-editor.vue2.js', document.baseURI).href))),
|
|
83
|
+
{
|
|
84
|
+
type: "module"
|
|
85
|
+
}
|
|
86
|
+
);
|
|
62
87
|
}
|
|
63
88
|
};
|
|
64
89
|
let editor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.vue2.js","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.js","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":["createNamespace","ref","monaco","defaultOptions","codeThemeList","watch","onBeforeUnmount","onMounted"],"mappings":"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"}
|