@fc-components/monaco-editor 0.1.10 → 0.1.12

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,8 +2003,10 @@ 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,
+    onEnter = props.onEnter,
     onBlur = props.onBlur,
     editorDidMount = props.editorDidMount;
   var autocompleteDisposeFun = useRef(null);
@@ -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,
@@ -2053,10 +2070,32 @@ function PromQLEditor(props) {
       keybinding: KeyMod.CtrlCmd | KeyCode.KeyF,
       command: null
     });
-    // handle: shift + enter
+    // 设置 Shift + Enter 为在光标位置换行
     editor$1.addCommand(KeyMod.Shift | KeyCode.Enter, function () {
-      onShiftEnter == null || onShiftEnter(editor$1.getValue());
+      // 在光标位置插入换行符
+      var position = editor$1.getPosition();
+      if (position) {
+        editor$1.executeEdits('shift-enter', [{
+          range: new Range(position.lineNumber, position.column, position.lineNumber, position.column),
+          text: '\n'
+        }]);
+        // 将光标移动到新行
+        editor$1.setPosition({
+          lineNumber: position.lineNumber + 1,
+          column: 1
+        });
+      }
     }, 'isEditorFocused' + id);
+    // 完全阻止 Enter 键的默认行为（包括换行）
+    editor.addKeybindingRule({
+      keybinding: KeyCode.Enter,
+      command: '-',
+      when: '!suggestWidgetVisible'
+    });
+    // handle: enter - 只有在没有建议窗口时才执行自定义行为
+    editor$1.addCommand(KeyCode.Enter, function () {
+      onEnter == null || onEnter(editor$1.getValue());
+    }, '!suggestWidgetVisible && isEditorFocused' + id);
     editor$1.onDidChangeModelContent(function () {
       var model = editor$1.getModel();
       if (model) {
@@ -2163,7 +2202,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, {