@hsu-react/ui 0.0.1

package/lib/components/Checkbox/CheckboxGroup/index.module.less

@@ -0,0 +1,130 @@
+.checkboxGroup {
+  display: flex;
+  row-gap: 8px;
+
+  width: 100%;
+
+  &.hasAll {
+    flex-direction: column;
+
+    height: 100%;
+
+    // 当 hasAll 为 true 时，Group 作为子元素
+    > .ant-checkbox-group {
+      display: flex;
+      flex-direction: column;
+      row-gap: 8px;
+      flex-wrap: nowrap;
+
+      flex: 1;
+      min-height: 0px;
+
+      overflow: auto;
+    }
+  }
+
+  &.vertical {
+    flex-direction: column;
+  }
+
+  &.outline {
+    .ant-checkbox-wrapper {
+      .ant-checkbox {
+        .ant-checkbox-inner {
+          border-color: rgba(204, 204, 204, 1) !important;
+
+          background: transparent !important;
+
+          &::after {
+            border-color: rgba(0, 0, 0, 1);
+            border-width: 1px;
+          }
+        }
+
+        &.ant-checkbox-checked {
+          .ant-checkbox-inner {
+            background: rgba(255, 255, 255, 1) !important;
+          }
+        }
+      }
+
+      &.ant-checkbox-wrapper-disabled {
+        .ant-checkbox {
+          .ant-checkbox-inner {
+            background: rgba(0, 0, 0, 0.04) !important;
+
+            &::after {
+              border-color: rgba(204, 204, 204, 1) !important;
+            }
+          }
+
+          &.ant-checkbox-checked {
+            .ant-checkbox-inner {
+              background: rgba(0, 0, 0, 0.04) !important;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .ant-checkbox-wrapper {
+    align-items: center;
+
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    color: inherit;
+
+    .ant-checkbox {
+      width: 16px;
+      min-width: 16px;
+      height: 16px;
+      min-height: 16px;
+
+      border-radius: 2px;
+
+      input[type="checkbox"].ant-checkbox-input {
+        width: 100%;
+        height: 100%;
+      }
+
+      .ant-checkbox-inner {
+        width: 100%;
+        height: 100%;
+
+        border-radius: inherit;
+
+        &::after {
+          inset-inline-start: revert;
+          left: 25%;
+          top: 45%;
+
+          width: 33%;
+          height: 60%;
+        }
+      }
+
+      &-indeterminate {
+        .ant-checkbox-inner {
+          &::after {
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+
+            width: 50%;
+            height: 50%;
+          }
+        }
+      }
+    }
+
+    span {
+      font-family: inherit;
+      font-size: inherit;
+      font-weight: inherit;
+      line-height: inherit;
+      color: inherit;
+    }
+  }
+}

package/lib/components/Checkbox/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CheckboxProps as AntdCheckboxProps } from "antd";
+import { CheckboxGroupProps } from "./CheckboxGroup";
+export type { CheckboxGroupProps };
+export interface CheckboxProps extends AntdCheckboxProps {
+    outline?: boolean;
+}
+interface CheckboxFC extends React.FC<CheckboxProps> {
+    Group: React.FC<CheckboxGroupProps>;
+}
+declare const Checkbox: CheckboxFC;
+export default Checkbox;

package/lib/components/Checkbox/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Checkbox = props => {
+  const {
+    className,
+    outline,
+    ...rest
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
+    className: (0, _classnames.default)(_indexModule.default.checkbox, className, {
+      [_indexModule.default.outline]: outline
+    }),
+    ...rest
+  });
+};
+Checkbox.Group = _CheckboxGroup.default;
+var _default = exports.default = Checkbox;

package/lib/components/Checkbox/index.module.less

@@ -0,0 +1,93 @@
+.checkbox {
+  align-items: center;
+
+  &.outline {
+    .ant-checkbox {
+      .ant-checkbox-inner {
+        border-color: rgba(204, 204, 204, 1) !important;
+
+        background: transparent !important;
+
+        &::after {
+          border-color: rgba(0, 0, 0, 1);
+          border-width: 1px;
+        }
+      }
+
+      &.ant-checkbox-checked {
+        .ant-checkbox-inner {
+          background: rgba(255, 255, 255, 1) !important;
+        }
+      }
+    }
+
+    &.ant-checkbox-wrapper-disabled {
+      .ant-checkbox {
+        .ant-checkbox-inner {
+          background: rgba(0, 0, 0, 0.04) !important;
+
+          &::after {
+            border-color: rgba(204, 204, 204, 1) !important;
+          }
+        }
+
+        &.ant-checkbox-checked {
+          .ant-checkbox-inner {
+            background: rgba(0, 0, 0, 0.04) !important;
+          }
+        }
+      }
+    }
+  }
+
+  .ant-checkbox {
+    width: 16px;
+    min-width: 16px;
+    height: 16px;
+    min-height: 16px;
+
+    border-radius: 2px;
+
+    input[type="checkbox"].ant-checkbox-input {
+      width: 100%;
+      height: 100%;
+    }
+
+    .ant-checkbox-inner {
+      width: 100%;
+      height: 100%;
+
+      border-radius: inherit;
+
+      &::after {
+        inset-inline-start: revert;
+        left: 25%;
+        top: 45%;
+
+        width: 33%;
+        height: 60%;
+      }
+    }
+
+    &-indeterminate {
+      .ant-checkbox-inner {
+        &::after {
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+
+          width: 50%;
+          height: 50%;
+        }
+      }
+    }
+  }
+
+  span {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    color: inherit;
+  }
+}

package/lib/components/CodeMirror/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { ReactCodeMirrorProps } from "@uiw/react-codemirror";
+export type CodeMirrorLanguageType = "sql" | "json" | "plain";
+export interface CodeMirrorProps extends Omit<ReactCodeMirrorProps, "extensions" | "onError"> {
+    /** 语言类型，支持按需引入 */
+    language?: CodeMirrorLanguageType;
+    /** 是否启用语法检查 */
+    enableLint?: boolean;
+    /** 错误信息回调 */
+    onLintError?: (error: string | null) => void;
+    /** 是否有错误，用于显示错误边框 */
+    hasError?: boolean;
+    /** 是否翻译错误信息为中文，默认 false */
+    translateError?: boolean;
+    /**
+     * JSON 校验是否允许根节点为数组 `[...]`，默认 false（仅允许对象 `{...}`）
+     */
+    allowJsonArrayRoot?: boolean;
+}
+declare const CodeMirror: React.FC<CodeMirrorProps>;
+export default CodeMirror;

package/lib/components/CodeMirror/index.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactCodemirror = _interopRequireWildcard(require("@uiw/react-codemirror"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _codemirrorThemeVscode = require("@uiw/codemirror-theme-vscode");
+var _lint = require("@codemirror/lint");
+var _sqlLinter = require("./linters/sqlLinter");
+var _jsonLinter = require("./linters/jsonLinter");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // 支持的语言类型
+// 按需引入语言支持
+const getLanguageExtension = async language => {
+  switch (language) {
+    case "sql":
+      {
+        const {
+          sql
+        } = await Promise.resolve().then(() => _interopRequireWildcard(require("@codemirror/lang-sql")));
+        return sql();
+      }
+    case "json":
+      {
+        const {
+          json
+        } = await Promise.resolve().then(() => _interopRequireWildcard(require("@codemirror/lang-json")));
+        return json();
+      }
+    case "plain":
+    default:
+      return null;
+  }
+};
+const CodeMirror = props => {
+  const {
+    className,
+    language = "sql",
+    enableLint = true,
+    basicSetup,
+    onLintError,
+    hasError = false,
+    translateError = false,
+    allowJsonArrayRoot = false,
+    ...restProps
+  } = props;
+  const [extensions, setExtensions] = _react.default.useState([]);
+  const onLintErrorRef = (0, _react.useRef)(onLintError);
+  onLintErrorRef.current = onLintError;
+  (0, _react.useEffect)(() => {
+    const loadExtensions = async () => {
+      const languageExt = await getLanguageExtension(language);
+      const newExtensions = [_reactCodemirror.EditorView.lineWrapping];
+      if (languageExt) {
+        newExtensions.push(languageExt);
+      }
+      if (enableLint) {
+        let lintSource = null;
+        if (language === "sql") {
+          // 预加载 SQL 解析器
+          await (0, _sqlLinter.loadSqlParser)();
+          lintSource = (0, _sqlLinter.sqlLinter)(translateError);
+          newExtensions.push((0, _lint.linter)(lintSource));
+        } else if (language === "json") {
+          // 预加载 JSON 解析器
+          await (0, _jsonLinter.loadJsonParser)();
+          lintSource = (0, _jsonLinter.jsonLinter)({
+            translate: translateError,
+            allowArrayRoot: allowJsonArrayRoot
+          });
+          newExtensions.push((0, _lint.linter)(lintSource));
+        }
+
+        // 添加错误监听扩展
+        if (lintSource) {
+          newExtensions.push(_reactCodemirror.EditorView.updateListener.of(update => {
+            if (update.docChanged || update.viewportChanged) {
+              // 延迟执行以等待 linter 完成
+              setTimeout(async () => {
+                try {
+                  const diagnosticsResult = lintSource?.(update.view);
+                  // 处理可能是 Promise 的情况
+                  const diagnostics = diagnosticsResult instanceof Promise ? await diagnosticsResult : diagnosticsResult || [];
+                  const errors = diagnostics.filter(d => d.severity === "error");
+                  if (errors && errors.length > 0) {
+                    onLintErrorRef.current?.(errors[0].message);
+                  } else {
+                    onLintErrorRef.current?.(null);
+                  }
+                } catch (e) {
+                  // 忽略错误
+                  onLintErrorRef.current?.(null);
+                }
+              }, 150);
+            }
+          }));
+        }
+      } else {
+        // 如果禁用了 lint，清除错误
+        onLintErrorRef.current?.(null);
+      }
+      setExtensions(newExtensions);
+    };
+    loadExtensions();
+  }, [language, enableLint, translateError, allowJsonArrayRoot]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactCodemirror.default, {
+    minHeight: "100px",
+    theme: _codemirrorThemeVscode.vscodeLight,
+    ...restProps,
+    basicSetup: typeof basicSetup === "boolean" ? basicSetup : {
+      lineNumbers: true,
+      highlightActiveLineGutter: true,
+      foldGutter: true,
+      dropCursor: true,
+      allowMultipleSelections: true,
+      indentOnInput: true,
+      bracketMatching: true,
+      closeBrackets: true,
+      autocompletion: true,
+      highlightActiveLine: true,
+      highlightSelectionMatches: true,
+      ...(basicSetup ?? {})
+    },
+    extensions: extensions,
+    className: (0, _classnames.default)(_indexModule.default.CodeMirror, className, {
+      [_indexModule.default.hasError]: hasError
+    })
+  });
+};
+var _default = exports.default = CodeMirror;

package/lib/components/CodeMirror/index.module.less

@@ -0,0 +1,36 @@
+.CodeMirror {
+  width: 100%;
+  height: 100%;
+
+  border: 1px solid var(--cf-border);
+  border-radius: 6px;
+
+  overflow: hidden;
+
+  .cm-line {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+      "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .cm-focused {
+    outline: none;
+  }
+
+  .cm-lintRange-error {
+    background-size: auto auto;
+  }
+
+  &.hasError {
+    border-color: #ff4d4f;
+
+    &:hover {
+      border-color: #ff4d4f;
+    }
+
+    .cm-focused {
+      border-color: #ff4d4f;
+      box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
+    }
+  }
+}

package/lib/components/CodeMirror/linters/errorTranslator.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 将英文错误信息翻译成中文
+ */
+export declare function translateError(message: string): string;

package/lib/components/CodeMirror/linters/errorTranslator.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.translateError = translateError;
+/**
+ * 将英文错误信息翻译成中文
+ */
+function translateError(message) {
+  if (!message) return message;
+  let translated = message;
+
+  // 先处理完整的 JSON 错误模式（优先级最高）
+  const jsonPatterns = [[/Unexpected token (.+) in JSON at position (\d+)/gi, "JSON 中位置 $2 处意外的标记: $1"], [/Unexpected end of JSON input/gi, "JSON 输入意外结束"], [/Expected property name or '}' in JSON at position (\d+)/gi, "JSON 中位置 $1 处期望属性名或 '}'"], [/Expected double-quoted property name in JSON at position (\d+)/gi, "JSON 中位置 $1 处期望双引号属性名"], [/Expected ':' after property name in JSON at position (\d+)/gi, "JSON 中位置 $1 处属性名后期望 ':'"], [/Expected ',' or '}' after property value in JSON at position (\d+)/gi, "JSON 中位置 $1 处属性值后期望 ',' 或 '}'"], [/Expected ',' or ']' after array element in JSON at position (\d+)/gi, "JSON 中位置 $1 处数组元素后期望 ',' 或 ']'"], [/Unexpected non-whitespace character after JSON at position (\d+)/gi, "JSON 中位置 $1 处意外的非空白字符"], [/Unexpected end of JSON input/gi, "JSON 输入意外结束"]];
+
+  // 应用 JSON 完整模式
+  jsonPatterns?.forEach(([pattern, replacement]) => {
+    translated = translated.replace(pattern, replacement);
+  });
+
+  // 处理位置信息（如果还没有被上面的模式处理）
+  if (translated.includes("at position")) {
+    const positionMatch = translated.match(/at position (\d+)/);
+    if (positionMatch) {
+      translated = translated.replace(/at position \d+/, `位置 ${positionMatch[1]}`);
+    }
+  }
+
+  // 处理常见的单词翻译（按长度从长到短排序，优先匹配长短语）
+  const wordTranslations = [["but found", "但找到"], ["in JSON", "在 JSON 中"], ["at position", "位置"], ["after property", "属性后"], ["after array", "数组后"], ["property name", "属性名"], ["property value", "属性值"], ["array element", "数组元素"], ["non-whitespace character", "非空白字符"], ["double-quoted", "双引号"], ["Unexpected", "意外的"], ["Expected", "期望"], ["Invalid", "无效的"], ["Missing", "缺少"], ["Unknown", "未知的"], ["SyntaxError", "语法错误"], ["token", "标记"], ["column", "列"], ["table", "表"], ["keyword", "关键字"], ["operator", "操作符"], ["function", "函数"], ["syntax", "语法"], ["parse", "解析"], ["error", "错误"], ["end", "结束"], ["input", "输入"], ["character", "字符"], ["found", "找到"], ["but", "但是"]];
+
+  // 应用单词翻译（按顺序，长短语优先）
+  wordTranslations?.forEach(([en, zh]) => {
+    // 对于短语，直接替换
+    if (en.includes(" ")) {
+      const regex = new RegExp(en.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi");
+      translated = translated.replace(regex, zh);
+    } else {
+      // 对于单词，使用单词边界
+      const regex = new RegExp(`\\b${en.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\b`, "gi");
+      translated = translated.replace(regex, zh);
+    }
+  });
+
+  // 处理常见的 SQL 错误模式
+  const sqlPatterns = [[/SyntaxError: (.+)/gi, "语法错误: $1"], [/Expected (.+) but found (.+)/gi, "期望 $1 但找到 $2"], [/Invalid (.+)/gi, "无效的 $1"], [/Missing (.+)/gi, "缺少 $1"], [/Unknown (.+)/gi, "未知的 $1"]];
+  sqlPatterns?.forEach(([pattern, replacement]) => {
+    translated = translated.replace(pattern, replacement);
+  });
+
+  // 清理多余的空白字符和标点
+  translated = translated.replace(/\s+/g, " ") // 多个空格合并为一个
+  .replace(/\s*,\s*/g, "，") // 英文逗号改为中文逗号
+  .replace(/\s*:\s*/g, "：") // 英文冒号改为中文冒号
+  .replace(/\s*\.\s*/g, "。") // 英文句号改为中文句号
+  .trim();
+
+  // 最后检查：如果还有明显的英文单词残留，尝试翻译常见单词
+  // 注意：这些单词可能已经在前面的翻译中被处理，这里作为兜底
+  const commonEnglishWords = [["or", "或"], ["and", "和"], ["of", "的"], ["with", "使用"], ["without", "没有"], ["for", "为"], ["from", "从"], ["by", "通过"], ["the", "该"], ["a", "一个"], ["an", "一个"], ["is", "是"], ["are", "是"], ["was", "是"], ["were", "是"], ["has", "有"], ["have", "有"], ["in", "在"], ["at", "在"], ["to", "到"]];
+
+  // 直接替换，不需要先检查（避免正则状态问题）
+  commonEnglishWords?.forEach(([en, zh]) => {
+    // 使用单词边界，确保只替换完整的单词
+    const regex = new RegExp(`\\b${en}\\b`, "gi");
+    translated = translated.replace(regex, zh);
+  });
+
+  // 最终清理：移除多余的空格
+  translated = translated.replace(/\s+/g, " ").trim();
+  return translated;
+}

package/lib/components/CodeMirror/linters/jsonLinter.d.ts

@@ -0,0 +1,15 @@
+import { EditorView } from "@codemirror/view";
+import { Diagnostic } from "@codemirror/lint";
+declare const loadJsonParser: () => Promise<{
+    parse: (text: string) => unknown;
+} | null>;
+export interface JsonLinterOptions {
+    /** 是否翻译错误信息为中文 */
+    translate?: boolean;
+    /**
+     * 是否允许根节点为 JSON 数组 `[...]`（仅影响顶层字符校验，默认 false 仅允许 `{...}`）
+     */
+    allowArrayRoot?: boolean;
+}
+export declare function jsonLinter(options?: JsonLinterOptions | boolean): (view: EditorView) => Diagnostic[];
+export { loadJsonParser };

package/lib/components/CodeMirror/linters/jsonLinter.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jsonLinter = jsonLinter;
+exports.loadJsonParser = void 0;
+var _errorTranslator = require("./errorTranslator");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// 全局 JSON 解析器实例
+let jsonParser = null;
+
+// 预加载 JSON 解析器
+const loadJsonParser = async () => {
+  if (!jsonParser) {
+    try {
+      const {
+        parse
+      } = await Promise.resolve().then(() => _interopRequireWildcard(require("comment-json")));
+      jsonParser = {
+        parse
+      };
+    } catch {
+      void 0;
+    }
+  }
+  return jsonParser;
+};
+exports.loadJsonParser = loadJsonParser;
+function resolveJsonLinterOptions(options = false) {
+  if (typeof options === "boolean") {
+    return {
+      translate: options,
+      allowArrayRoot: false
+    };
+  }
+  return {
+    translate: options.translate ?? false,
+    allowArrayRoot: options.allowArrayRoot ?? false
+  };
+}
+
+// JSON 语法检查器（可传 `boolean` 表示仅开启 translate，兼容旧用法）
+function jsonLinter(options = false) {
+  const {
+    translate,
+    allowArrayRoot
+  } = resolveJsonLinterOptions(options);
+  return view => {
+    const diagnostics = [];
+    const text = view.state.doc.toString();
+    if (!text.trim()) {
+      return diagnostics;
+    }
+
+    // 默认必须以 `{` 开头；开启 allowArrayRoot 时亦允许 `[`
+    const trimmedStart = text.trimStart();
+    const rootOk = trimmedStart.startsWith("{") || allowArrayRoot && trimmedStart.startsWith("[");
+    if (!rootOk) {
+      const firstNonSpaceIndex = text.search(/\S/);
+      const from = firstNonSpaceIndex === -1 ? 0 : firstNonSpaceIndex;
+      const to = Math.min(from + 1, text.length);
+      diagnostics.push({
+        from,
+        to,
+        severity: "error",
+        message: "请输入 JSON 格式"
+      });
+      return diagnostics;
+    }
+    if (jsonParser) {
+      try {
+        jsonParser.parse(text);
+      } catch (e) {
+        const error = e;
+        const message = error.message;
+
+        // 尝试从错误消息中提取位置信息
+        let from = 0;
+        let to = text.length;
+
+        // 解析位置信息，例如 "Unexpected token } in JSON at position 10"
+        const positionMatch = message.match(/at position (\d+)/);
+        if (positionMatch) {
+          const position = parseInt(positionMatch[1], 10);
+          from = Math.max(0, position - 1);
+          to = Math.min(text.length, position + 1);
+        }
+
+        // 根据 translate 参数决定是否翻译错误信息
+        const finalMessage = translate ? (0, _errorTranslator.translateError)(message) : message;
+        diagnostics.push({
+          from,
+          to,
+          severity: "error",
+          message: finalMessage
+        });
+      }
+    } else {
+      // 如果解析器还未加载，尝试加载
+      loadJsonParser().then(parser => {
+        if (parser) {
+          try {
+            parser.parse(text);
+          } catch {
+            void 0;
+          }
+        }
+      });
+    }
+    return diagnostics;
+  };
+}
+
+// 导出预加载函数，供外部使用

package/lib/components/CodeMirror/linters/sqlLinter.d.ts

@@ -0,0 +1,9 @@
+import { EditorView } from "@codemirror/view";
+import { Diagnostic } from "@codemirror/lint";
+type MongoParser = (query: string) => unknown;
+declare const loadSqlParser: () => Promise<{
+    astify: (sql: string) => unknown;
+} | null>;
+declare const loadMongoParser: () => Promise<MongoParser | null>;
+export declare function sqlLinter(translate?: boolean): (view: EditorView) => Diagnostic[];
+export { loadSqlParser, loadMongoParser };