@fc-components/monaco-editor 0.1.4 → 0.1.6
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/README.md +51 -34
- package/dist/monaco-editor.cjs.development.js +22 -20
- package/dist/monaco-editor.cjs.development.js.map +1 -1
- package/dist/monaco-editor.cjs.production.min.js +1 -1
- package/dist/monaco-editor.cjs.production.min.js.map +1 -1
- package/dist/monaco-editor.esm.js +22 -20
- package/dist/monaco-editor.esm.js.map +1 -1
- package/dist/promql/index.d.ts +2 -0
- package/package.json +1 -1
- package/src/promql/index.tsx +37 -23
|
@@ -1998,30 +1998,12 @@ function PromQLEditor(props) {
|
|
|
1998
1998
|
enableAutocomplete = _props$enableAutocomp === void 0 ? true : _props$enableAutocomp,
|
|
1999
1999
|
onChange = props.onChange,
|
|
2000
2000
|
onShiftEnter = props.onShiftEnter,
|
|
2001
|
-
onBlur = props.onBlur
|
|
2001
|
+
onBlur = props.onBlur,
|
|
2002
|
+
editorDidMount = props.editorDidMount;
|
|
2002
2003
|
var autocompleteDisposeFun = useRef(null);
|
|
2003
2004
|
var containerRef = useRef(null);
|
|
2004
2005
|
var dataProviderRef = useRef(null);
|
|
2005
2006
|
var styles = getStyles(placeholder);
|
|
2006
|
-
useEffect(function () {
|
|
2007
|
-
// 注册 PromQL 语言
|
|
2008
|
-
var aliases = promLanguageDefinition.aliases,
|
|
2009
|
-
extensions = promLanguageDefinition.extensions,
|
|
2010
|
-
mimetypes = promLanguageDefinition.mimetypes;
|
|
2011
|
-
languages.register({
|
|
2012
|
-
id: PROMQL_LANG_ID,
|
|
2013
|
-
aliases: aliases,
|
|
2014
|
-
extensions: extensions,
|
|
2015
|
-
mimetypes: mimetypes
|
|
2016
|
-
});
|
|
2017
|
-
// 设置语法高亮
|
|
2018
|
-
languages.setMonarchTokensProvider(PROMQL_LANG_ID, language);
|
|
2019
|
-
// 设置语言配置
|
|
2020
|
-
languages.setLanguageConfiguration(PROMQL_LANG_ID, languageConfiguration);
|
|
2021
|
-
return function () {
|
|
2022
|
-
autocompleteDisposeFun.current == null || autocompleteDisposeFun.current();
|
|
2023
|
-
};
|
|
2024
|
-
}, []);
|
|
2025
2007
|
var handleEditorDidMount = function handleEditorDidMount(editor$1) {
|
|
2026
2008
|
editor.defineTheme('n9e-dark', {
|
|
2027
2009
|
base: 'vs-dark',
|
|
@@ -2130,7 +2112,27 @@ function PromQLEditor(props) {
|
|
|
2130
2112
|
editor.setModelMarkers(model, 'owner', markers);
|
|
2131
2113
|
}
|
|
2132
2114
|
});
|
|
2115
|
+
editorDidMount == null || editorDidMount(editor$1);
|
|
2133
2116
|
};
|
|
2117
|
+
useEffect(function () {
|
|
2118
|
+
// 注册 PromQL 语言
|
|
2119
|
+
var aliases = promLanguageDefinition.aliases,
|
|
2120
|
+
extensions = promLanguageDefinition.extensions,
|
|
2121
|
+
mimetypes = promLanguageDefinition.mimetypes;
|
|
2122
|
+
languages.register({
|
|
2123
|
+
id: PROMQL_LANG_ID,
|
|
2124
|
+
aliases: aliases,
|
|
2125
|
+
extensions: extensions,
|
|
2126
|
+
mimetypes: mimetypes
|
|
2127
|
+
});
|
|
2128
|
+
// 设置语法高亮
|
|
2129
|
+
languages.setMonarchTokensProvider(PROMQL_LANG_ID, language);
|
|
2130
|
+
// 设置语言配置
|
|
2131
|
+
languages.setLanguageConfiguration(PROMQL_LANG_ID, languageConfiguration);
|
|
2132
|
+
return function () {
|
|
2133
|
+
autocompleteDisposeFun.current == null || autocompleteDisposeFun.current();
|
|
2134
|
+
};
|
|
2135
|
+
}, []);
|
|
2134
2136
|
useEffect(function () {
|
|
2135
2137
|
var dataProvider = dataProviderRef.current;
|
|
2136
2138
|
if (dataProvider) {
|