@fc-components/monaco-editor 0.1.10 → 0.1.11

package/dist/monaco-editor.esm.js

@@ -229,6 +229,9 @@ function _setPrototypeOf(t, e) {
     return t.__proto__ = e, t;
   }, _setPrototypeOf(t, e);
 }
+function _taggedTemplateLiteralLoose(e, t) {
+  return t || (t = e.slice(0)), e.raw = t, e;
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -1952,6 +1955,7 @@ function isErrorBoundary(boundary) {
 }
 
 var _excluded = ["error"];
+var _templateObject, _templateObject2;
 var PROMQL_LANG_ID = promLanguageDefinition.id;
 var SIZE_MAP = {
   small: {
@@ -1971,9 +1975,11 @@ var SIZE_MAP = {
   }
 };
 var themeMap = {
-  light: 'light',
+  light: 'n9e-light',
   dark: 'n9e-dark'
 };
+var containerDisabledClassName = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor {\n    user-select: none;\n    pointer-events: none;\n  }\n"])));
+var containerReadOnlyClassName = /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor .cursors-layer > .cursor {\n    opacity: 0 !important; /* \u5B8C\u5168\u900F\u660E */\n  }\n"])));
 var getStyles = function getStyles(placeholder) {
   return {
     placeholder: css({
@@ -1997,6 +2003,8 @@ function PromQLEditor(props) {
     enableAutocomplete = _props$enableAutocomp === void 0 ? true : _props$enableAutocomp,
     _props$readOnly = props.readOnly,
     readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
     onChange = props.onChange,
     onShiftEnter = props.onShiftEnter,
     onBlur = props.onBlur,
@@ -2008,6 +2016,15 @@ function PromQLEditor(props) {
   var styles = getStyles(placeholder);
   var handleEditorDidMount = function handleEditorDidMount(editor$1) {
     editorRef.current = editor$1;
+    editor.defineTheme('n9e-light', {
+      base: 'vs',
+      inherit: true,
+      rules: [],
+      colors: {
+        'editor.background': '#00000000',
+        focusBorder: '#00000000'
+      }
+    });
     editor.defineTheme('n9e-dark', {
       base: 'vs-dark',
       inherit: true,
@@ -2163,7 +2180,7 @@ function PromQLEditor(props) {
     }
   }, [enableAutocomplete, props.url, props.lookbackInterval, JSON.stringify(props.variablesNames), props.durationVariablesCompletion, props.httpMethod, props.apiPrefix, placeholder]);
   return React.createElement("div", {
-    className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '')
+    className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '') + (disabled ? " ant-input-disabled " + containerDisabledClassName : '') + (readOnly ? " " + containerReadOnlyClassName : '')
   }, React.createElement("div", {
     ref: containerRef
   }, React.createElement(MonacoEditor, {