@hsu-react/ui 0.0.13 → 0.0.14

package/lib/components/Checkbox/CheckboxGroup/index.js

@@ -26,7 +26,7 @@ const CheckboxGroup = props => {
     ...rest
   } = props;
 
-  // 获取所有非"全部"选项的值
+  // Get the values of all non-"All" options
   const normalValues = (0, _react.useMemo)(() => {
     return options?.map(option => {
       if (typeof option === "string" || typeof option === "number") {
@@ -36,7 +36,7 @@ const CheckboxGroup = props => {
     });
   }, [options]);
 
-  // 计算"全部"选项的状态
+  // Compute the state of the "All" option
   const allChecked = (0, _react.useMemo)(() => {
     if (!hasAll || !value || normalValues.length === 0) return false;
     const selectedValues = Array.isArray(value) ? value : [];
@@ -49,19 +49,19 @@ const CheckboxGroup = props => {
     return selectedCount > 0 && selectedCount < normalValues.length;
   }, [hasAll, value, normalValues]);
 
-  // 处理"全部"选项的点击
+  // Handle clicks on the "All" option
   const handleAllChange = (0, _react.useCallback)(e => {
     if (!onChange) return;
     if (e.target.checked) {
-      // 选中所有选项
+      // Select all options
       onChange(normalValues);
     } else {
-      // 取消所有选项
+      // Deselect all options
       onChange([]);
     }
   }, [onChange, normalValues]);
 
-  // 处理普通选项的点击
+  // Handle clicks on normal options
   const handleChange = (0, _react.useCallback)(checkedValues => {
     if (!onChange) return;
     onChange(checkedValues);

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

@@ -9,7 +9,7 @@
 
     height: 100%;
 
-    // 当 hasAll 为 true 时，Group 作为子元素
+    // When hasAll is true, the Group is rendered as a child element
     > :global(.ant-checkbox-group) {
       display: flex;
       flex-direction: column;
@@ -31,7 +31,7 @@
     :global(.ant-checkbox-wrapper) {
       :global(.ant-checkbox) {
         :global(.ant-checkbox-inner) {
-          border-color: rgba(204, 204, 204, 1) !important;
+          border-color: var(--cf-border) !important;
 
           background: transparent !important;
 
@@ -54,7 +54,7 @@
             background: rgba(0, 0, 0, 0.04) !important;
 
             &::after {
-              border-color: rgba(204, 204, 204, 1) !important;
+              border-color: var(--cf-border) !important;
             }
           }
 

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

@@ -4,7 +4,7 @@
   &.outline {
     :global(.ant-checkbox) {
       :global(.ant-checkbox-inner) {
-        border-color: rgba(204, 204, 204, 1) !important;
+        border-color: var(--cf-border) !important;
 
         background: transparent !important;
 
@@ -27,7 +27,7 @@
           background: rgba(0, 0, 0, 0.04) !important;
 
           &::after {
-            border-color: rgba(204, 204, 204, 1) !important;
+            border-color: var(--cf-border) !important;
           }
         }
 

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

@@ -2,18 +2,18 @@ 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 type, supports on-demand loading */
     language?: CodeMirrorLanguageType;
-    /** 是否启用语法检查 */
+    /** Whether to enable syntax linting */
     enableLint?: boolean;
-    /** 错误信息回调 */
+    /** Error message callback */
     onLintError?: (error: string | null) => void;
-    /** 是否有错误，用于显示错误边框 */
+    /** Whether there is an error, used to show the error border */
     hasError?: boolean;
-    /** 是否翻译错误信息为中文，默认 false */
+    /** Whether to translate error messages into Chinese, default false */
     translateError?: boolean;
     /**
-     * JSON 校验是否允许根节点为数组 `[...]`，默认 false（仅允许对象 `{...}`）
+     * Whether JSON validation allows the root node to be an array `[...]`, default false (only objects `{...}` are allowed)
      */
     allowJsonArrayRoot?: boolean;
 }

package/lib/components/CodeMirror/index.js

@@ -15,8 +15,8 @@ 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; } // 支持的语言类型
-// 按需引入语言支持
+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; } // Supported language types
+// Load language support on demand
 const getLanguageExtension = async language => {
   switch (language) {
     case "sql":
@@ -63,12 +63,12 @@ const CodeMirror = props => {
       if (enableLint) {
         let lintSource = null;
         if (language === "sql") {
-          // 预加载 SQL 解析器
+          // Preload the SQL parser
           await (0, _sqlLinter.loadSqlParser)();
           lintSource = (0, _sqlLinter.sqlLinter)(translateError);
           newExtensions.push((0, _lint.linter)(lintSource));
         } else if (language === "json") {
-          // 预加载 JSON 解析器
+          // Preload the JSON parser
           await (0, _jsonLinter.loadJsonParser)();
           lintSource = (0, _jsonLinter.jsonLinter)({
             translate: translateError,
@@ -77,15 +77,15 @@ const CodeMirror = props => {
           newExtensions.push((0, _lint.linter)(lintSource));
         }
 
-        // 添加错误监听扩展
+        // Add an error listener extension
         if (lintSource) {
           newExtensions.push(_reactCodemirror.EditorView.updateListener.of(update => {
             if (update.docChanged || update.viewportChanged) {
-              // 延迟执行以等待 linter 完成
+              // Delay execution to wait for the linter to finish
               setTimeout(async () => {
                 try {
                   const diagnosticsResult = lintSource?.(update.view);
-                  // 处理可能是 Promise 的情况
+                  // Handle the case where the result may be a Promise
                   const diagnostics = diagnosticsResult instanceof Promise ? await diagnosticsResult : diagnosticsResult || [];
                   const errors = diagnostics.filter(d => d.severity === "error");
                   if (errors && errors.length > 0) {
@@ -94,7 +94,7 @@ const CodeMirror = props => {
                     onLintErrorRef.current?.(null);
                   }
                 } catch (e) {
-                  // 忽略错误
+                  // Ignore errors
                   onLintErrorRef.current?.(null);
                 }
               }, 150);
@@ -102,7 +102,7 @@ const CodeMirror = props => {
           }));
         }
       } else {
-        // 如果禁用了 lint，清除错误
+        // If lint is disabled, clear the error
         onLintErrorRef.current?.(null);
       }
       setExtensions(newExtensions);

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

@@ -22,15 +22,15 @@
   }
 
   &.hasError {
-    border-color: #ff4d4f;
+    border-color: var(--cf-error);
 
     &:hover {
-      border-color: #ff4d4f;
+      border-color: var(--cf-error);
     }
 
     :global(.cm-focused) {
-      border-color: #ff4d4f;
-      box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
+      border-color: var(--cf-error);
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--cf-error) 20%, transparent);
     }
   }
 }

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

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

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

@@ -5,21 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.translateError = translateError;
 /**
- * 将英文错误信息翻译成中文
+ * Translate English error messages into Chinese
  */
 function translateError(message) {
   if (!message) return message;
   let translated = message;
 
-  // 先处理完整的 JSON 错误模式（优先级最高）
+  // Handle complete JSON error patterns first (highest priority)
   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 完整模式
+  // Apply the complete JSON patterns
   jsonPatterns?.forEach(([pattern, replacement]) => {
     translated = translated.replace(pattern, replacement);
   });
 
-  // 处理位置信息（如果还没有被上面的模式处理）
+  // Handle position info (if not already handled by the patterns above)
   if (translated.includes("at position")) {
     const positionMatch = translated.match(/at position (\d+)/);
     if (positionMatch) {
@@ -27,47 +27,47 @@ function translateError(message) {
     }
   }
 
-  // 处理常见的单词翻译（按长度从长到短排序，优先匹配长短语）
+  // Handle common word translations (sorted by length from long to short, matching longer phrases first)
   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", "但是"]];
 
-  // 应用单词翻译（按顺序，长短语优先）
+  // Apply word translations (in order, longer phrases first)
   wordTranslations?.forEach(([en, zh]) => {
-    // 对于短语，直接替换
+    // For phrases, replace directly
     if (en.includes(" ")) {
       const regex = new RegExp(en.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi");
       translated = translated.replace(regex, zh);
     } else {
-      // 对于单词，使用单词边界
+      // For single words, use word boundaries
       const regex = new RegExp(`\\b${en.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\b`, "gi");
       translated = translated.replace(regex, zh);
     }
   });
 
-  // 处理常见的 SQL 错误模式
+  // Handle common SQL error patterns
   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, "。") // 英文句号改为中文句号
+  // Clean up extra whitespace and punctuation
+  translated = translated.replace(/\s+/g, " ") // Merge multiple spaces into one
+  .replace(/\s*,\s*/g, "，") // Replace English commas with Chinese commas
+  .replace(/\s*:\s*/g, "：") // Replace English colons with Chinese colons
+  .replace(/\s*\.\s*/g, "。") // Replace English periods with Chinese periods
   .trim();
 
-  // 最后检查：如果还有明显的英文单词残留，尝试翻译常见单词
-  // 注意：这些单词可能已经在前面的翻译中被处理，这里作为兜底
+  // Final check: if obvious English words remain, try translating common words
+  // Note: these words may already have been handled by earlier translations; this is a fallback
   const commonEnglishWords = [["or", "或"], ["and", "和"], ["of", "的"], ["with", "使用"], ["without", "没有"], ["for", "为"], ["from", "从"], ["by", "通过"], ["the", "该"], ["a", "一个"], ["an", "一个"], ["is", "是"], ["are", "是"], ["was", "是"], ["were", "是"], ["has", "有"], ["have", "有"], ["in", "在"], ["at", "在"], ["to", "到"]];
 
-  // 直接替换，不需要先检查（避免正则状态问题）
+  // Replace directly without checking first (avoids regex state issues)
   commonEnglishWords?.forEach(([en, zh]) => {
-    // 使用单词边界，确保只替换完整的单词
+    // Use word boundaries to ensure only complete words are replaced
     const regex = new RegExp(`\\b${en}\\b`, "gi");
     translated = translated.replace(regex, zh);
   });
 
-  // 最终清理：移除多余的空格
+  // Final cleanup: remove extra spaces
   translated = translated.replace(/\s+/g, " ").trim();
   return translated;
 }

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

@@ -4,10 +4,10 @@ declare const loadJsonParser: () => Promise<{
     parse: (text: string) => unknown;
 } | null>;
 export interface JsonLinterOptions {
-    /** 是否翻译错误信息为中文 */
+    /** Whether to translate error messages into Chinese */
     translate?: boolean;
     /**
-     * 是否允许根节点为 JSON 数组 `[...]`（仅影响顶层字符校验，默认 false 仅允许 `{...}`）
+     * Whether to allow the root node to be a JSON array `[...]` (only affects top-level character validation; default false, only `{...}` is allowed)
      */
     allowArrayRoot?: boolean;
 }

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

@@ -8,10 +8,10 @@ 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 解析器实例
+// Global JSON parser instance
 let jsonParser = null;
 
-// 预加载 JSON 解析器
+// Preload the JSON parser
 const loadJsonParser = async () => {
   if (!jsonParser) {
     try {
@@ -41,7 +41,7 @@ function resolveJsonLinterOptions(options = false) {
   };
 }
 
-// JSON 语法检查器（可传 `boolean` 表示仅开启 translate，兼容旧用法）
+// JSON syntax linter (a `boolean` can be passed to only enable translate, for backward compatibility)
 function jsonLinter(options = false) {
   const {
     translate,
@@ -54,7 +54,7 @@ function jsonLinter(options = false) {
       return diagnostics;
     }
 
-    // 默认必须以 `{` 开头；开启 allowArrayRoot 时亦允许 `[`
+    // By default the text must start with `{`; when allowArrayRoot is enabled, `[` is also allowed
     const trimmedStart = text.trimStart();
     const rootOk = trimmedStart.startsWith("{") || allowArrayRoot && trimmedStart.startsWith("[");
     if (!rootOk) {
@@ -76,11 +76,11 @@ function jsonLinter(options = false) {
         const error = e;
         const message = error.message;
 
-        // 尝试从错误消息中提取位置信息
+        // Try to extract position info from the error message
         let from = 0;
         let to = text.length;
 
-        // 解析位置信息，例如 "Unexpected token } in JSON at position 10"
+        // Parse position info, e.g. "Unexpected token } in JSON at position 10"
         const positionMatch = message.match(/at position (\d+)/);
         if (positionMatch) {
           const position = parseInt(positionMatch[1], 10);
@@ -88,7 +88,7 @@ function jsonLinter(options = false) {
           to = Math.min(text.length, position + 1);
         }
 
-        // 根据 translate 参数决定是否翻译错误信息
+        // Decide whether to translate the error message based on the translate parameter
         const finalMessage = translate ? (0, _errorTranslator.translateError)(message) : message;
         diagnostics.push({
           from,
@@ -98,7 +98,7 @@ function jsonLinter(options = false) {
         });
       }
     } else {
-      // 如果解析器还未加载，尝试加载
+      // If the parser is not loaded yet, try to load it
       loadJsonParser().then(parser => {
         if (parser) {
           try {
@@ -113,4 +113,4 @@ function jsonLinter(options = false) {
   };
 }
 
-// 导出预加载函数，供外部使用
+// Export the preload function for external use

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

@@ -8,14 +8,14 @@ exports.sqlLinter = sqlLinter;
 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; }
-// 全局 SQL 解析器实例
+// Global SQL parser instance
 let sqlParser = null;
 
-// MongoDB 解析器函数类型
+// MongoDB parser function type
 
 let mongoParser = null;
 
-// 预加载 SQL 解析器
+// Preload the SQL parser
 const loadSqlParser = async () => {
   if (!sqlParser) {
     try {
@@ -30,7 +30,7 @@ const loadSqlParser = async () => {
   return sqlParser;
 };
 
-// 预加载 MongoDB 解析器
+// Preload the MongoDB parser
 exports.loadSqlParser = loadSqlParser;
 const loadMongoParser = async () => {
   if (!mongoParser) {
@@ -44,17 +44,17 @@ const loadMongoParser = async () => {
   return mongoParser;
 };
 
-// 检测是否为 MongoDB use 语句
+// Detect whether the text is a MongoDB use statement
 exports.loadMongoParser = loadMongoParser;
 function isMongoUseStatement(text) {
   const trimmed = text.trim();
-  // MongoDB use 语句格式：use database_name
-  // 数据库名可以包含字母、数字、下划线、连字符等
+  // MongoDB use statement format: use database_name
+  // The database name may contain letters, digits, underscores, hyphens, etc.
   const usePattern = /^use\s+[a-zA-Z0-9_-]+(\s*;?\s*)$/i;
   return usePattern.test(trimmed);
 }
 
-// 校验 MongoDB use 语句
+// Validate a MongoDB use statement
 function validateMongoUseStatement(text) {
   const trimmed = text.trim();
   if (!trimmed) {
@@ -64,7 +64,7 @@ function validateMongoUseStatement(text) {
     };
   }
 
-  // 检查格式：use database_name
+  // Check the format: use database_name
   const usePattern = /^use\s+([a-zA-Z0-9_-]+)(\s*;?\s*)$/i;
   const match = trimmed.match(usePattern);
   if (!match) {
@@ -81,7 +81,7 @@ function validateMongoUseStatement(text) {
     };
   }
 
-  // 数据库名不能以数字开头
+  // The database name cannot start with a digit
   if (/^\d/.test(dbName)) {
     return {
       valid: false,
@@ -93,21 +93,21 @@ function validateMongoUseStatement(text) {
   };
 }
 
-// 检测查询类型：SQL 或 MongoDB
+// Detect the query type: SQL or MongoDB
 function detectQueryType(text) {
   const trimmed = text.trim();
 
-  // 优先判断是否可能为 MongoDB 查询（MongoDB shell 命令格式）
+  // First check whether it might be a MongoDB query (MongoDB shell command format)
   const isMongo = trimmed.startsWith("db.") || trimmed.includes(".find(") || trimmed.includes(".aggregate(") || trimmed.includes(".insert(") || trimmed.includes(".update(") || trimmed.includes(".delete(") || trimmed.includes(".remove(") || trimmed.startsWith("use ");
   if (isMongo) {
     return "mongodb";
   }
 
-  // 默认尝试 SQL
+  // Fall back to SQL by default
   return "sql";
 }
 
-// SQL 和 MongoDB 语法检查器（自动识别）
+// SQL and MongoDB syntax linter (auto-detected)
 function sqlLinter(translate = false) {
   return view => {
     const diagnostics = [];
@@ -116,25 +116,25 @@ function sqlLinter(translate = false) {
       return diagnostics;
     }
 
-    // 按行分割文本
+    // Split the text by lines
     const lines = text.split("\n");
     let currentOffset = 0;
     const nonUseLines = [];
 
-    // 第一遍遍历：单独判断 use 行，收集非 use 行
+    // First pass: check use lines individually, collect non-use lines
     for (let i = 0; i < lines.length; i++) {
       const line = lines[i];
       const lineStart = currentOffset;
       const lineEnd = currentOffset + line.length;
       const trimmedLine = line.trim();
 
-      // 跳过空行
+      // Skip empty lines
       if (!trimmedLine) {
-        currentOffset = lineEnd + 1; // +1 是换行符
+        currentOffset = lineEnd + 1; // +1 for the newline character
         continue;
       }
 
-      // 单独判断 use 行
+      // Check use lines individually
       if (isMongoUseStatement(trimmedLine)) {
         const validation = validateMongoUseStatement(trimmedLine);
         if (!validation.valid) {
@@ -146,27 +146,27 @@ function sqlLinter(translate = false) {
           });
         }
       } else {
-        // 收集非 use 行
+        // Collect non-use lines
         nonUseLines.push({
           line: line,
           start: lineStart,
           end: lineEnd
         });
       }
-      currentOffset = lineEnd + 1; // +1 是换行符
+      currentOffset = lineEnd + 1; // +1 for the newline character
     }
 
-    // 第二遍：统一判断所有非 use 行
+    // Second pass: validate all non-use lines together
     if (nonUseLines.length > 0) {
-      // 合并所有非 use 行
+      // Merge all non-use lines
       const nonUseText = nonUseLines?.map(item => item.line).join("\n");
       const nonUseStart = nonUseLines[0].start;
       const nonUseEnd = nonUseLines[nonUseLines.length - 1].end;
 
-      // 判断查询类型
+      // Determine the query type
       const queryType = detectQueryType(nonUseText);
       if (queryType === "mongodb") {
-        // MongoDB 语句使用 mongoParser 校验
+        // Validate MongoDB statements with mongoParser
         if (mongoParser) {
           try {
             mongoParser(nonUseText);
@@ -180,7 +180,7 @@ function sqlLinter(translate = false) {
             });
           }
         } else {
-          // 如果解析器还未加载，尝试加载
+          // If the parser is not loaded yet, try to load it
           loadMongoParser().then(parser => {
             if (parser) {
               try {
@@ -192,7 +192,7 @@ function sqlLinter(translate = false) {
           });
         }
       } else {
-        // SQL 语句使用 SQL 解析器
+        // Validate SQL statements with the SQL parser
         if (sqlParser) {
           try {
             sqlParser.astify(nonUseText);
@@ -206,7 +206,7 @@ function sqlLinter(translate = false) {
             });
           }
         } else {
-          // 如果解析器还未加载，尝试加载
+          // If the parser is not loaded yet, try to load it
           loadSqlParser().then(parser => {
             if (parser) {
               try {
@@ -223,4 +223,4 @@ function sqlLinter(translate = false) {
   };
 }
 
-// 导出预加载函数，供外部使用
+// Export the preload functions for external use

package/lib/components/Copy/index.module.scss

@@ -8,16 +8,16 @@
 
   font-size: 14px;
   line-height: 18px;
-  color: #5e6772;
+  color: var(--cf-text-2);
 
   cursor: pointer;
 
   transition: color 0.3s, background-color 0.3s;
 
   &:hover {
-    color: #060607;
+    color: var(--cf-text);
 
-    background-color: #f3f5fc;
+    background-color: var(--cf-row-hover);
 
     border-radius: 4px;
   }

package/lib/components/DatePicker/defaultModalPickerGetPopupContainer.d.ts

@@ -1,5 +1,5 @@
 /**
- * 将日期浮层挂到当前 antd Modal 的 wrap 上，避免父级 overflow:hidden（如嵌入弹窗）裁切；
- * 与数据资源等大屏 BaseModal 内原先独立弹窗的常见表现一致。非弹窗场景回退 document.body。
+ * Mount the date popup on the current antd Modal's wrap to avoid clipping by a parent's overflow:hidden (e.g. when embedded in a modal);
+ * consistent with the usual behavior of formerly standalone popups inside large-screen BaseModals such as data resources. Falls back to document.body in non-modal scenarios.
  */
 export declare function defaultModalPickerGetPopupContainer(node: HTMLElement): HTMLElement;

package/lib/components/DatePicker/defaultModalPickerGetPopupContainer.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultModalPickerGetPopupContainer = defaultModalPickerGetPopupContainer;
 /**
- * 将日期浮层挂到当前 antd Modal 的 wrap 上，避免父级 overflow:hidden（如嵌入弹窗）裁切；
- * 与数据资源等大屏 BaseModal 内原先独立弹窗的常见表现一致。非弹窗场景回退 document.body。
+ * Mount the date popup on the current antd Modal's wrap to avoid clipping by a parent's overflow:hidden (e.g. when embedded in a modal);
+ * consistent with the usual behavior of formerly standalone popups inside large-screen BaseModals such as data resources. Falls back to document.body in non-modal scenarios.
  */
 function defaultModalPickerGetPopupContainer(node) {
   return node.closest(".ant-modal-wrap") ?? document.body;