@fc-components/monaco-editor 0.1.5 → 0.1.6

package/dist/monaco-editor.cjs.development.js

@@ -1990,7 +1990,7 @@ var getStyles = function getStyles(placeholder) {
     })
   };
 };
-var index = /*#__PURE__*/React.forwardRef(function PromQLEditor(props, ref) {
+function PromQLEditor(props) {
   var id = uuid.v4();
   var _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
@@ -2004,14 +2004,13 @@ var index = /*#__PURE__*/React.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 = React.useRef(null);
   var containerRef = React.useRef(null);
   var dataProviderRef = React.useRef(null);
-  var editorRef = React.useRef(null);
   var styles = getStyles(placeholder);
   var handleEditorDidMount = function handleEditorDidMount(editor) {
-    editorRef.current = editor;
     monaco.editor.defineTheme('n9e-dark', {
       base: 'vs-dark',
       inherit: true,
@@ -2119,13 +2118,8 @@ var index = /*#__PURE__*/React.forwardRef(function PromQLEditor(props, ref) {
         monaco.editor.setModelMarkers(model, 'owner', markers);
       }
     });
+    editorDidMount == null || editorDidMount(editor);
   };
-  React.useEffect(function () {
-    var dataProvider = dataProviderRef.current;
-    if (dataProvider) {
-      dataProvider.setVariablesNames(variablesNames || []);
-    }
-  }, [JSON.stringify(variablesNames)]);
   React.useEffect(function () {
     // 注册 PromQL 语言
     var aliases = monacoPromql.promLanguageDefinition.aliases,
@@ -2145,13 +2139,12 @@ var index = /*#__PURE__*/React.forwardRef(function PromQLEditor(props, ref) {
       autocompleteDisposeFun.current == null || autocompleteDisposeFun.current();
     };
   }, []);
-  React.useImperativeHandle(ref, function () {
-    return {
-      getEditor: function getEditor() {
-        return editorRef.current;
-      }
-    };
-  });
+  React.useEffect(function () {
+    var dataProvider = dataProviderRef.current;
+    if (dataProvider) {
+      dataProvider.setVariablesNames(variablesNames || []);
+    }
+  }, [JSON.stringify(variablesNames)]);
   return React__default.createElement("div", {
     className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '')
   }, React__default.createElement("div", {
@@ -2197,7 +2190,7 @@ var index = /*#__PURE__*/React.forwardRef(function PromQLEditor(props, ref) {
       wordWrap: 'on'
     }
   })));
-});
+}
 
-exports.PromQLMonacoEditor = index;
+exports.PromQLMonacoEditor = PromQLEditor;
 //# sourceMappingURL=monaco-editor.cjs.development.js.map