@fc-components/monaco-editor 0.1.5 → 0.1.6

package/dist/monaco-editor.esm.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef, useEffect, useImperativeHandle } from 'react';
+import React, { useRef, useEffect } from 'react';
 import MonacoEditor from 'react-monaco-editor';
 import * as monaco from 'monaco-editor';
 import { languages, editor, KeyMod, KeyCode, Range, MarkerSeverity } from 'monaco-editor';
@@ -1984,7 +1984,7 @@ var getStyles = function getStyles(placeholder) {
     })
   };
 };
-var index = /*#__PURE__*/forwardRef(function PromQLEditor(props, ref) {
+function PromQLEditor(props) {
   var id = v4();
   var _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
@@ -1998,14 +1998,13 @@ var index = /*#__PURE__*/forwardRef(function PromQLEditor(props, ref) {
     enableAutocomplete = _props$enableAutocomp === void 0 ? true : _props$enableAutocomp,
     onChange = props.onChange,
     onShiftEnter = props.onShiftEnter,
-    onBlur = props.onBlur;
+    onBlur = props.onBlur,
+    editorDidMount = props.editorDidMount;
   var autocompleteDisposeFun = useRef(null);
   var containerRef = useRef(null);
   var dataProviderRef = useRef(null);
-  var editorRef = useRef(null);
   var styles = getStyles(placeholder);
   var handleEditorDidMount = function handleEditorDidMount(editor$1) {
-    editorRef.current = editor$1;
     editor.defineTheme('n9e-dark', {
       base: 'vs-dark',
       inherit: true,
@@ -2113,13 +2112,8 @@ var index = /*#__PURE__*/forwardRef(function PromQLEditor(props, ref) {
         editor.setModelMarkers(model, 'owner', markers);
       }
     });
+    editorDidMount == null || editorDidMount(editor$1);
   };
-  useEffect(function () {
-    var dataProvider = dataProviderRef.current;
-    if (dataProvider) {
-      dataProvider.setVariablesNames(variablesNames || []);
-    }
-  }, [JSON.stringify(variablesNames)]);
   useEffect(function () {
     // 注册 PromQL 语言
     var aliases = promLanguageDefinition.aliases,
@@ -2139,13 +2133,12 @@ var index = /*#__PURE__*/forwardRef(function PromQLEditor(props, ref) {
       autocompleteDisposeFun.current == null || autocompleteDisposeFun.current();
     };
   }, []);
-  useImperativeHandle(ref, function () {
-    return {
-      getEditor: function getEditor() {
-        return editorRef.current;
-      }
-    };
-  });
+  useEffect(function () {
+    var dataProvider = dataProviderRef.current;
+    if (dataProvider) {
+      dataProvider.setVariablesNames(variablesNames || []);
+    }
+  }, [JSON.stringify(variablesNames)]);
   return React.createElement("div", {
     className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '')
   }, React.createElement("div", {
@@ -2191,7 +2184,7 @@ var index = /*#__PURE__*/forwardRef(function PromQLEditor(props, ref) {
       wordWrap: 'on'
     }
   })));
-});
+}
 
-export { index as PromQLMonacoEditor };
+export { PromQLEditor as PromQLMonacoEditor };
 //# sourceMappingURL=monaco-editor.esm.js.map