@hsu-react/ui 0.0.12 → 0.0.14

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

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

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

@@ -5,16 +5,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
- * 将英文错误信息翻译成中文
+ * Translate English error messages into Chinese
  */
 export function translateError(message) {
   if (!message) return message;
   var translated = message;
 
-  // 先处理完整的 JSON 错误模式（优先级最高）
+  // Handle complete JSON error patterns first (highest priority)
   var 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 === null || jsonPatterns === void 0 || jsonPatterns.forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       pattern = _ref2[0],
@@ -22,7 +22,7 @@ export function translateError(message) {
     translated = translated.replace(pattern, replacement);
   });
 
-  // 处理位置信息（如果还没有被上面的模式处理）
+  // Handle position info (if not already handled by the patterns above)
   if (translated.includes("at position")) {
     var positionMatch = translated.match(/at position (\d+)/);
     if (positionMatch) {
@@ -30,26 +30,26 @@ export function translateError(message) {
     }
   }
 
-  // 处理常见的单词翻译（按长度从长到短排序，优先匹配长短语）
+  // Handle common word translations (sorted by length from long to short, matching longer phrases first)
   var 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 === null || wordTranslations === void 0 || wordTranslations.forEach(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 2),
       en = _ref4[0],
       zh = _ref4[1];
-    // 对于短语，直接替换
+    // For phrases, replace directly
     if (en.includes(" ")) {
       var regex = new RegExp(en.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi");
       translated = translated.replace(regex, zh);
     } else {
-      // 对于单词，使用单词边界
+      // For single words, use word boundaries
       var _regex = new RegExp("\\b".concat(en.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "\\b"), "gi");
       translated = translated.replace(_regex, zh);
     }
   });
 
-  // 处理常见的 SQL 错误模式
+  // Handle common SQL error patterns
   var sqlPatterns = [[/SyntaxError: (.+)/gi, "语法错误: $1"], [/Expected (.+) but found (.+)/gi, "期望 $1 但找到 $2"], [/Invalid (.+)/gi, "无效的 $1"], [/Missing (.+)/gi, "缺少 $1"], [/Unknown (.+)/gi, "未知的 $1"]];
   sqlPatterns === null || sqlPatterns === void 0 || sqlPatterns.forEach(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2),
@@ -58,28 +58,28 @@ export function translateError(message) {
     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
   var 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 === null || commonEnglishWords === void 0 || commonEnglishWords.forEach(function (_ref7) {
     var _ref8 = _slicedToArray(_ref7, 2),
       en = _ref8[0],
       zh = _ref8[1];
-    // 使用单词边界，确保只替换完整的单词
+    // Use word boundaries to ensure only complete words are replaced
     var regex = new RegExp("\\b".concat(en, "\\b"), "gi");
     translated = translated.replace(regex, zh);
   });
 
-  // 最终清理：移除多余的空格
+  // Final cleanup: remove extra spaces
   translated = translated.replace(/\s+/g, " ").trim();
   return translated;
 }

package/es/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/es/components/CodeMirror/linters/jsonLinter.js

@@ -4,10 +4,10 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { translateError } from "./errorTranslator";
 
-// 全局 JSON 解析器实例
+// Global JSON parser instance
 var jsonParser = null;
 
-// 预加载 JSON 解析器
+// Preload the JSON parser
 var loadJsonParser = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _yield$import, parse;
@@ -60,7 +60,7 @@ function resolveJsonLinterOptions() {
   };
 }
 
-// JSON 语法检查器（可传 `boolean` 表示仅开启 translate，兼容旧用法）
+// JSON syntax linter (a `boolean` can be passed to only enable translate, for backward compatibility)
 export function jsonLinter() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var _resolveJsonLinterOpt = resolveJsonLinterOptions(options),
@@ -73,7 +73,7 @@ export function jsonLinter() {
       return diagnostics;
     }
 
-    // 默认必须以 `{` 开头；开启 allowArrayRoot 时亦允许 `[`
+    // By default the text must start with `{`; when allowArrayRoot is enabled, `[` is also allowed
     var trimmedStart = text.trimStart();
     var rootOk = trimmedStart.startsWith("{") || allowArrayRoot && trimmedStart.startsWith("[");
     if (!rootOk) {
@@ -95,11 +95,11 @@ export function jsonLinter() {
         var error = e;
         var message = error.message;
 
-        // 尝试从错误消息中提取位置信息
+        // Try to extract position info from the error message
         var _from = 0;
         var _to = text.length;
 
-        // 解析位置信息，例如 "Unexpected token } in JSON at position 10"
+        // Parse position info, e.g. "Unexpected token } in JSON at position 10"
         var positionMatch = message.match(/at position (\d+)/);
         if (positionMatch) {
           var position = parseInt(positionMatch[1], 10);
@@ -107,7 +107,7 @@ export function jsonLinter() {
           _to = Math.min(text.length, position + 1);
         }
 
-        // 根据 translate 参数决定是否翻译错误信息
+        // Decide whether to translate the error message based on the translate parameter
         var finalMessage = translate ? translateError(message) : message;
         diagnostics.push({
           from: _from,
@@ -117,7 +117,7 @@ export function jsonLinter() {
         });
       }
     } else {
-      // 如果解析器还未加载，尝试加载
+      // If the parser is not loaded yet, try to load it
       loadJsonParser().then(function (parser) {
         if (parser) {
           try {
@@ -132,5 +132,5 @@ export function jsonLinter() {
   };
 }
 
-// 导出预加载函数，供外部使用
+// Export the preload function for external use
 export { loadJsonParser };

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

@@ -4,14 +4,14 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { translateError } from "./errorTranslator";
 
-// 全局 SQL 解析器实例
+// Global SQL parser instance
 var sqlParser = null;
 
-// MongoDB 解析器函数类型
+// MongoDB parser function type
 
 var mongoParser = null;
 
-// 预加载 SQL 解析器
+// Preload the SQL parser
 var loadSqlParser = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _yield$import, Parser;
@@ -48,7 +48,7 @@ var loadSqlParser = /*#__PURE__*/function () {
   };
 }();
 
-// 预加载 MongoDB 解析器
+// Preload the MongoDB parser
 var loadMongoParser = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     var mongoQueryParser;
@@ -84,16 +84,16 @@ var loadMongoParser = /*#__PURE__*/function () {
   };
 }();
 
-// 检测是否为 MongoDB use 语句
+// Detect whether the text is a MongoDB use statement
 function isMongoUseStatement(text) {
   var 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.
   var usePattern = /^use\s+[a-zA-Z0-9_-]+(\s*;?\s*)$/i;
   return usePattern.test(trimmed);
 }
 
-// 校验 MongoDB use 语句
+// Validate a MongoDB use statement
 function validateMongoUseStatement(text) {
   var trimmed = text.trim();
   if (!trimmed) {
@@ -103,7 +103,7 @@ function validateMongoUseStatement(text) {
     };
   }
 
-  // 检查格式：use database_name
+  // Check the format: use database_name
   var usePattern = /^use\s+([a-zA-Z0-9_-]+)(\s*;?\s*)$/i;
   var match = trimmed.match(usePattern);
   if (!match) {
@@ -120,7 +120,7 @@ function validateMongoUseStatement(text) {
     };
   }
 
-  // 数据库名不能以数字开头
+  // The database name cannot start with a digit
   if (/^\d/.test(dbName)) {
     return {
       valid: false,
@@ -132,21 +132,21 @@ function validateMongoUseStatement(text) {
   };
 }
 
-// 检测查询类型：SQL 或 MongoDB
+// Detect the query type: SQL or MongoDB
 function detectQueryType(text) {
   var trimmed = text.trim();
 
-  // 优先判断是否可能为 MongoDB 查询（MongoDB shell 命令格式）
+  // First check whether it might be a MongoDB query (MongoDB shell command format)
   var 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)
 export function sqlLinter() {
   var translate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return function (view) {
@@ -156,25 +156,25 @@ export function sqlLinter() {
       return diagnostics;
     }
 
-    // 按行分割文本
+    // Split the text by lines
     var lines = text.split("\n");
     var currentOffset = 0;
     var nonUseLines = [];
 
-    // 第一遍遍历：单独判断 use 行，收集非 use 行
+    // First pass: check use lines individually, collect non-use lines
     for (var i = 0; i < lines.length; i++) {
       var line = lines[i];
       var lineStart = currentOffset;
       var lineEnd = currentOffset + line.length;
       var 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)) {
         var validation = validateMongoUseStatement(trimmedLine);
         if (!validation.valid) {
@@ -186,29 +186,29 @@ export function sqlLinter() {
           });
         }
       } 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
       var nonUseText = nonUseLines === null || nonUseLines === void 0 ? void 0 : nonUseLines.map(function (item) {
         return item.line;
       }).join("\n");
       var nonUseStart = nonUseLines[0].start;
       var nonUseEnd = nonUseLines[nonUseLines.length - 1].end;
 
-      // 判断查询类型
+      // Determine the query type
       var queryType = detectQueryType(nonUseText);
       if (queryType === "mongodb") {
-        // MongoDB 语句使用 mongoParser 校验
+        // Validate MongoDB statements with mongoParser
         if (mongoParser) {
           try {
             mongoParser(nonUseText);
@@ -222,7 +222,7 @@ export function sqlLinter() {
             });
           }
         } else {
-          // 如果解析器还未加载，尝试加载
+          // If the parser is not loaded yet, try to load it
           loadMongoParser().then(function (parser) {
             if (parser) {
               try {
@@ -234,7 +234,7 @@ export function sqlLinter() {
           });
         }
       } else {
-        // SQL 语句使用 SQL 解析器
+        // Validate SQL statements with the SQL parser
         if (sqlParser) {
           try {
             sqlParser.astify(nonUseText);
@@ -248,7 +248,7 @@ export function sqlLinter() {
             });
           }
         } else {
-          // 如果解析器还未加载，尝试加载
+          // If the parser is not loaded yet, try to load it
           loadSqlParser().then(function (parser) {
             if (parser) {
               try {
@@ -265,5 +265,5 @@ export function sqlLinter() {
   };
 }
 
-// 导出预加载函数，供外部使用
+// Export the preload functions for external use
 export { loadSqlParser, loadMongoParser };

package/es/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/es/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/es/components/DatePicker/defaultModalPickerGetPopupContainer.js

@@ -1,6 +1,6 @@
 /**
- * 将日期浮层挂到当前 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 function defaultModalPickerGetPopupContainer(node) {
   var _ref;

package/es/components/DatePicker/index.js

@@ -71,7 +71,7 @@ var DatePicker = function DatePicker(props) {
   var defaultValueRef = useRef(defaultValue);
   var showTimeRef = useRef(showTime);
 
-  // 保持 ref 最新
+  // Keep refs up to date
   useEffect(function () {
     onChangeRef.current = _onChange;
     valueRef.current = value;
@@ -79,7 +79,7 @@ var DatePicker = function DatePicker(props) {
     showTimeRef.current = showTime;
   }, [_onChange, value, defaultValue, showTime]);
 
-  // 格式化日期值的辅助函数
+  // Helper function for formatting date values
   var formatDateByPicker = useCallback(function (dateValue, pickerType) {
     if (pickerType === "date") {
       if (showTimeRef.current) {
@@ -100,20 +100,20 @@ var DatePicker = function DatePicker(props) {
     return "";
   }, []);
 
-  // 处理 picker 变更时的 onChange
+  // Handle onChange when the picker changes
   var handlePickerChange = useCallback(function (newPicker) {
-    // 当 picker 变更时，触发一次 onChange
+    // When the picker changes, trigger onChange once
     if (onChangeRef.current) {
       var _valueRef$current;
-      // 优先使用 value，如果没有则使用 defaultValue
+      // Prefer value; fall back to defaultValue if absent
       var currentValue = (_valueRef$current = valueRef.current) !== null && _valueRef$current !== void 0 ? _valueRef$current : defaultValueRef.current;
       if (currentValue) {
-        // 如果有当前值或默认值，使用新的 picker 格式重新格式化
+        // If there is a current or default value, reformat it with the new picker format
         var dateValue = dayjs(currentValue.toString());
         var formattedDate = formatDateByPicker(dateValue, newPicker);
         onChangeRef.current(formattedDate, newPicker);
       } else {
-        // 如果既没有值也没有默认值，触发 onChange 传入空字符串
+        // If there is neither a value nor a default value, trigger onChange with an empty string
         onChangeRef.current("", newPicker);
       }
     }
@@ -122,11 +122,11 @@ var DatePicker = function DatePicker(props) {
     if (pickerProps !== undefined) {
       var prevPicker = prevPickerRef.current;
 
-      // 标记为已初始化
+      // Mark as initialized
       if (!isInitializedRef.current) {
         isInitializedRef.current = true;
       } else {
-        // 当 picker 变更时，触发一次 onChange（排除初始化）
+        // When the picker changes, trigger onChange once (excluding initialization)
         if (prevPicker !== undefined && prevPicker !== pickerProps) {
           handlePickerChange(pickerProps);
         }

package/es/components/Editor/index.js

@@ -14,7 +14,7 @@ var EditorContent = function EditorContent(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value;
 
-  // 编辑器配置
+  // Editor configuration
   var editorConfig = {
     readOnly: true,
     autoFocus: false
@@ -49,10 +49,10 @@ var Editor = function Editor(props) {
     setHtml(value || "");
   }, [value]);
 
-  // 工具栏配置
+  // Toolbar configuration
   var toolbarConfig = {};
 
-  // 编辑器配置
+  // Editor configuration
   var editorConfig = {
     placeholder: placeholder,
     autoFocus: false,

package/es/components/Editor/index.module.scss

@@ -11,7 +11,7 @@
   border-radius: 6px;
 
   .toolbar {
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid var(--cf-border);
 
     .w-e-bar-item {
       color: var(--cf-text-3);
@@ -33,7 +33,7 @@
       cursor: not-allowed;
 
       .w-e-text-container {
-        background-color: rgba(0, 0, 0, 0.04);
+        background-color: var(--cf-subtle);
 
         color: var(--cf-text-3);
       }

package/es/components/FileCol/index.js

@@ -36,10 +36,10 @@ var FileCol = function FileCol(props) {
           className: styles.fileItem,
           children: [!hideNm && /*#__PURE__*/_jsx(Tooltip, {
             title: file.name,
-            color: "#f2f4f5",
+            color: "var(--cf-subtle)",
             styles: {
               body: {
-                color: "#131212",
+                color: "var(--cf-text)",
                 padding: "6px 16px"
               }
             },

package/es/components/FilePreview/_components/BasePreview/index.module.scss

@@ -63,7 +63,7 @@
 
     border-radius: 4px;
 
-    background-color: #fff;
+    background-color: var(--cf-surface);
 
     overflow: auto;
 
@@ -73,7 +73,7 @@
     }
 
     &::-webkit-scrollbar-track {
-      background-color: #fff;
+      background-color: var(--cf-surface);
     }
   }
 }

package/es/components/FilePreview/_components/PdfPreview/index.module.scss

@@ -133,11 +133,11 @@
 
     padding: 5px 10px;
 
-    background-color: #fff;
+    background-color: var(--cf-surface);
 
     border-radius: 4px;
 
-    box-shadow: 0 4px 15px 0 rgba(0, 73, 164, 0.11);
+    box-shadow: var(--cf-shadow-3);
 
     .toolItem {
       display: flex;
@@ -161,7 +161,7 @@
         cursor: pointer;
 
         &:hover {
-          background-color: rgba(0, 0, 0, 0.1);
+          background-color: var(--cf-row-hover);
         }
 
         &.disabled {

package/es/components/FilePreview/_hooks/useXlsxData.d.ts

@@ -4,7 +4,7 @@ interface UseXlsxDataProps {
     fileUrl?: string;
 }
 /**
- * 加载并解析 xlsx 文件
+ * Load and parse an xlsx file
  */
 export declare function useXlsxData({ fileType, fileUrl }: UseXlsxDataProps): WorkBook | undefined;
 export {};

package/es/components/FilePreview/_hooks/useXlsxData.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useState } from "react";
 import { read } from "xlsx";
 /**
- * 加载并解析 xlsx 文件
+ * Load and parse an xlsx file
  */
 export function useXlsxData(_ref) {
   var fileType = _ref.fileType,

package/es/components/FilePreview/index.module.scss

@@ -73,7 +73,7 @@
 
     border-radius: 4px;
 
-    background-color: #fff;
+    background-color: var(--cf-surface);
 
     overflow: auto;
 
@@ -83,7 +83,7 @@
     }
 
     &::-webkit-scrollbar-track {
-      background-color: #fff;
+      background-color: var(--cf-surface);
     }
   }
 }

package/es/components/Form/ModalForm/_hooks/useAdaptiveColumnNum.d.ts

@@ -1,11 +1,11 @@
 import { RefObject } from "react";
 /**
- * 根据容器宽度动态调整列数
- * @param containerRef 需要监听宽度的容器
- * @param columnNum 基础列数
- * @param enabled 是否开启自适应
- * @param minColumnNum 最小列数
- * @param maxColumnNum 最大列数
- * @param baseWidth 参考宽度（根据设计稿可调整）
+ * Dynamically adjust the column count based on container width
+ * @param containerRef Container whose width should be observed
+ * @param columnNum Base column count
+ * @param enabled Whether adaptive mode is enabled
+ * @param minColumnNum Minimum column count
+ * @param maxColumnNum Maximum column count
+ * @param baseWidth Reference width (adjustable per design spec)
  */
 export declare const useAdaptiveColumnNum: (containerRef: RefObject<HTMLElement> | HTMLElement | null, columnNum: number, enabled?: boolean, minColumnNum?: number, maxColumnNum?: number, baseWidth?: number, active?: boolean) => number;