@hsu-react/ui 0.0.12 → 0.0.14

package/es/components/Search/_utils/calculateButtonGroupAndColumnWidth.js

@@ -1,12 +1,12 @@
 import { measureButtonGroupWidth } from "./measureButtonGroupWidth";
 
 /**
- * 计算按钮组宽度和列宽
- * @param containerRef 容器引用
- * @param buttonGroupRef 按钮组引用
- * @param adaptiveColumnNum 自适应列数
- * @param columnOffsetWidth 列偏移宽度（默认 0）
- * @returns 按钮组宽度和列宽
+ * Computes the button group width and column width
+ * @param containerRef Container ref
+ * @param buttonGroupRef Button group ref
+ * @param adaptiveColumnNum Adaptive column count
+ * @param columnOffsetWidth Column offset width (default 0)
+ * @returns Button group width and column width
  */
 export function calculateButtonGroupAndColumnWidth(containerRef, buttonGroupRef, adaptiveColumnNum) {
   var columnOffsetWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
@@ -14,13 +14,13 @@ export function calculateButtonGroupAndColumnWidth(containerRef, buttonGroupRef,
   var columnWidth;
   if (containerRef.current && buttonGroupRef.current) {
     var containerWidth = containerRef.current.offsetWidth;
-    var availableWidth = containerWidth - 30; // 减去padding
-    var gap = 10; // 项之间的间距
+    var availableWidth = containerWidth - 30; // Subtract padding
+    var gap = 10; // Gap between items
 
-    // 计算按钮组宽度
+    // Compute the button group width
     buttonGroupWidth = measureButtonGroupWidth(buttonGroupRef.current);
 
-    // 计算列宽（单个搜索项的默认宽度）
+    // Compute the column width (default width of a single search item)
     if (adaptiveColumnNum > 0) {
       columnWidth = availableWidth - (((availableWidth - adaptiveColumnNum * gap) / (adaptiveColumnNum + 1) - columnOffsetWidth) * adaptiveColumnNum + adaptiveColumnNum * gap);
     }

package/es/components/Search/_utils/calculateVisibleItems.d.ts

@@ -1,13 +1,13 @@
 import { FormItemProps } from "../../FormItem";
 /**
- * 计算当前应该显示的搜索项
- * @param searchItems 所有搜索项
- * @param expand 是否展开
- * @param columnNum 列数
- * @param visibleItemCount 可见项数量（自适应宽度时使用）
- * @param autoAdaptWidth 是否启用自适应宽度
- * @param buttonGroupWidth 按钮组宽度（可选）
- * @param columnWidth 列宽（可选）
- * @returns 当前应该显示的搜索项
+ * Computes the search items that should currently be displayed
+ * @param searchItems All search items
+ * @param expand Whether expanded
+ * @param columnNum Column count
+ * @param visibleItemCount Visible item count (used with adaptive width)
+ * @param autoAdaptWidth Whether adaptive width is enabled
+ * @param buttonGroupWidth Button group width (optional)
+ * @param columnWidth Column width (optional)
+ * @returns The search items that should currently be displayed
  */
 export declare function calculateVisibleItems(searchItems: FormItemProps[], expand: boolean, columnNum: number, visibleItemCount: number, autoAdaptWidth: boolean, buttonGroupWidth?: number, columnWidth?: number): FormItemProps[];

package/es/components/Search/_utils/calculateVisibleItems.js

@@ -1,15 +1,15 @@
 import { shouldDisplayExtraItem } from "./shouldDisplayExtraItem";
 
 /**
- * 计算当前应该显示的搜索项
- * @param searchItems 所有搜索项
- * @param expand 是否展开
- * @param columnNum 列数
- * @param visibleItemCount 可见项数量（自适应宽度时使用）
- * @param autoAdaptWidth 是否启用自适应宽度
- * @param buttonGroupWidth 按钮组宽度（可选）
- * @param columnWidth 列宽（可选）
- * @returns 当前应该显示的搜索项
+ * Computes the search items that should currently be displayed
+ * @param searchItems All search items
+ * @param expand Whether expanded
+ * @param columnNum Column count
+ * @param visibleItemCount Visible item count (used with adaptive width)
+ * @param autoAdaptWidth Whether adaptive width is enabled
+ * @param buttonGroupWidth Button group width (optional)
+ * @param columnWidth Column width (optional)
+ * @returns The search items that should currently be displayed
  */
 export function calculateVisibleItems(searchItems, expand, columnNum, visibleItemCount, autoAdaptWidth, buttonGroupWidth, columnWidth) {
   var visibleItems = searchItems.filter(function (item) {
@@ -19,14 +19,14 @@ export function calculateVisibleItems(searchItems, expand, columnNum, visibleIte
     return item.width !== undefined;
   });
   if (!expand) {
-    // 当有自定义宽度时，使用自适应计算
+    // When there are custom widths, use adaptive calculation
     if (hasCustomWidth && autoAdaptWidth) {
       if (visibleItems.length > visibleItemCount) {
         return visibleItems.slice(0, visibleItemCount);
       }
     } else if (!hasCustomWidth) {
-      // 没有自定义宽度时，使用 columnNum（实际搜索项数量）
-      // 判断按钮组宽度是否大于列宽，如果是，则显示 实际搜索项数量+1
+      // Without custom widths, use columnNum (actual search item count)
+      // If the button group is wider than a column, display actual search item count + 1
       var displayCount = shouldDisplayExtraItem(buttonGroupWidth, columnWidth, columnNum, visibleItems.length) ? columnNum + 1 : columnNum;
       if (visibleItems.length >= displayCount) {
         return visibleItems.slice(0, displayCount);

package/es/components/Search/_utils/cleanSearchData.d.ts

@@ -1,6 +1,6 @@
 /**
- * 清理搜索数据，移除 undefined 值
- * @param data 原始搜索数据
- * @returns 清理后的搜索数据
+ * Cleans search data by removing undefined values
+ * @param data Raw search data
+ * @returns Cleaned search data
  */
 export declare function cleanSearchData<T = Record<string, unknown>>(data: Record<string, unknown>): Partial<T> | undefined;

package/es/components/Search/_utils/cleanSearchData.js

@@ -1,7 +1,7 @@
 /**
- * 清理搜索数据，移除 undefined 值
- * @param data 原始搜索数据
- * @returns 清理后的搜索数据
+ * Cleans search data by removing undefined values
+ * @param data Raw search data
+ * @returns Cleaned search data
  */
 export function cleanSearchData(data) {
   var cleaned = {};

package/es/components/Search/_utils/measureButtonGroupWidth.d.ts

@@ -1,6 +1,6 @@
 /**
- * 计算按钮组的实际宽度（所有子元素宽度总和 + 子元素间距）
- * @param buttonGroupEl 按钮组元素
- * @returns 按钮组宽度；无子元素时返回 undefined
+ * Computes the actual width of the button group (sum of all child element widths + gaps between children)
+ * @param buttonGroupEl Button group element
+ * @returns Button group width; undefined when there are no children
  */
 export declare function measureButtonGroupWidth(buttonGroupEl: HTMLElement | null): number | undefined;

package/es/components/Search/_utils/measureButtonGroupWidth.js

@@ -1,7 +1,7 @@
 /**
- * 计算按钮组的实际宽度（所有子元素宽度总和 + 子元素间距）
- * @param buttonGroupEl 按钮组元素
- * @returns 按钮组宽度；无子元素时返回 undefined
+ * Computes the actual width of the button group (sum of all child element widths + gaps between children)
+ * @param buttonGroupEl Button group element
+ * @returns Button group width; undefined when there are no children
  */
 export function measureButtonGroupWidth(buttonGroupEl) {
   if (!buttonGroupEl) return undefined;
@@ -11,7 +11,7 @@ export function measureButtonGroupWidth(buttonGroupEl) {
   buttonChildren.forEach(function (child) {
     totalWidth += child.offsetWidth;
   });
-  // 加上子元素之间的间距
+  // Add the gaps between child elements
   var childGap = 5;
   totalWidth += (buttonChildren.length - 1) * childGap;
   return totalWidth;

package/es/components/Search/_utils/shouldDisplayExtraItem.d.ts

@@ -1,11 +1,11 @@
 /**
- * 判断收起状态下是否应多显示一个搜索项
+ * Determines whether one extra search item should be displayed in collapsed state
  *
- * 规则：按钮组宽度大于列宽（按钮组独占更宽空间，首行有富余）；
- * 或按钮组宽度小于列宽且可见项刚好比列数多 1（此时收起只会藏起 1 项，不如直接放下）。
- * @param buttonGroupWidth 按钮组宽度
- * @param columnWidth 列宽
- * @param columnNum 搜索项列数（不含按钮组）
- * @param visibleCount 可见搜索项总数
+ * Rules: the button group is wider than a column (the button group takes up more space on its own, leaving spare room in the first row);
+ * or the button group is narrower than a column and the visible items exceed the column count by exactly 1 (collapsing would only hide 1 item, so it's better to just fit it in).
+ * @param buttonGroupWidth Button group width
+ * @param columnWidth Column width
+ * @param columnNum Search item column count (excluding the button group)
+ * @param visibleCount Total number of visible search items
  */
 export declare function shouldDisplayExtraItem(buttonGroupWidth: number | undefined, columnWidth: number | undefined, columnNum: number, visibleCount: number): boolean;

package/es/components/Search/_utils/shouldDisplayExtraItem.js

@@ -1,12 +1,12 @@
 /**
- * 判断收起状态下是否应多显示一个搜索项
+ * Determines whether one extra search item should be displayed in collapsed state
  *
- * 规则：按钮组宽度大于列宽（按钮组独占更宽空间，首行有富余）；
- * 或按钮组宽度小于列宽且可见项刚好比列数多 1（此时收起只会藏起 1 项，不如直接放下）。
- * @param buttonGroupWidth 按钮组宽度
- * @param columnWidth 列宽
- * @param columnNum 搜索项列数（不含按钮组）
- * @param visibleCount 可见搜索项总数
+ * Rules: the button group is wider than a column (the button group takes up more space on its own, leaving spare room in the first row);
+ * or the button group is narrower than a column and the visible items exceed the column count by exactly 1 (collapsing would only hide 1 item, so it's better to just fit it in).
+ * @param buttonGroupWidth Button group width
+ * @param columnWidth Column width
+ * @param columnNum Search item column count (excluding the button group)
+ * @param visibleCount Total number of visible search items
  */
 export function shouldDisplayExtraItem(buttonGroupWidth, columnWidth, columnNum, visibleCount) {
   return buttonGroupWidth !== undefined && columnWidth !== undefined && (buttonGroupWidth > columnWidth || buttonGroupWidth < columnWidth && columnNum + 1 === visibleCount);

package/es/components/Search/index.d.ts

@@ -27,8 +27,8 @@ export type SearchModePropsMap = {
     WithMore: React.ComponentProps<SearchFC["WithMore"]>;
 };
 /**
- * 基础 Search 组件
- * - 标准的搜索表单布局，自适应列数与展开/收起
+ * Base Search component
+ * - Standard search form layout with adaptive column count and expand/collapse
  */
 declare const Search: SearchFC;
 export default Search;

package/es/components/Search/index.js

@@ -12,13 +12,13 @@ import SearchWithFilter from "./SearchWithFilter";
 import SearchWithMore from "./SearchWithMore";
 import SearchBase from "./_components/SearchBase";
 
-// 导出所有可用的 Search 模式键名
+// Export all available Search mode key names
 
-// 导出 Search 模式映射类型
+// Export the Search mode props mapping type
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * 基础 Search 组件
- * - 标准的搜索表单布局，自适应列数与展开/收起
+ * Base Search component
+ * - Standard search form layout with adaptive column count and expand/collapse
  */
 var Search = function Search(props) {
   return /*#__PURE__*/_jsx(SearchBase, _objectSpread({}, props));

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

@@ -8,7 +8,7 @@
   width: 100%;
   padding: 14px 16px;
 
-  // CF 风格：描边白卡片（随外观切换），去投影
+  // CF style: outlined white card (follows appearance switching), no shadow
   background: var(--cf-surface);
 
   border-radius: 8px;

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

@@ -13,7 +13,7 @@
 
     .icon {
       font-size: 50px;
-      color: #ff9900;
+      color: var(--cf-warning);
     }
 
     .content {

package/es/components/Select/AutoCompleteSelect/index.js

@@ -88,7 +88,7 @@ var AutoCompleteSelect = function AutoCompleteSelect(props) {
     optionFontSize: optionFontSize
   }) : autoCompleteWidth;
 
-  // 转换 options 格式为 AutoComplete 需要的格式
+  // Convert options into the format AutoComplete requires
   var autoCompleteOptions = useMemo(function () {
     return options === null || options === void 0 ? void 0 : options.map(function (option) {
       var label = option.label,
@@ -103,16 +103,16 @@ var AutoCompleteSelect = function AutoCompleteSelect(props) {
     });
   }, [options]);
 
-  // 处理 filterOption
+  // Handle filterOption
   var handleFilterOption = useMemo(function () {
-    // 如果提供了自定义 filterOption，优先使用
+    // If a custom filterOption is provided, use it first
     if (customFilterOption) {
       return function (inputValue, option) {
         return customFilterOption(inputValue, option);
       };
     }
 
-    // 默认过滤逻辑：不区分大小写的包含匹配
+    // Default filtering logic: case-insensitive substring match
     return function (inputValue, option) {
       if (!isComposing && option) {
         var _option$value, _ref, _option$label;

package/es/components/Select/AutoCompleteSelect/index.module.scss

@@ -8,7 +8,7 @@
   height: 100%;
   padding: 0px 11px;
 
-  // CF 风格：随外观切换的描边输入控件
+  // CF style: outlined input control that follows appearance switching
   border: 1px solid var(--cf-border);
   border-radius: 6px;
 
@@ -49,7 +49,7 @@
   &.focused {
     border-color: var(--primary-color);
 
-    box-shadow: 0 0 0 2px rgba(19, 194, 194, 0.12);
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent);
 
     outline: 0;
   }
@@ -76,20 +76,20 @@
   }
 
   &:has(:global(.ant-select-status-error)) {
-    border: 1px solid #ff4d4f;
+    border: 1px solid var(--cf-error);
 
     .prefix,
     .suffix {
-      color: #ff4d4f;
+      color: var(--cf-error);
     }
   }
 
   &.legacyHasErrorStatus {
-    border: 1px solid #ff4d4f;
+    border: 1px solid var(--cf-error);
 
     .prefix,
     .suffix {
-      color: #ff4d4f;
+      color: var(--cf-error);
     }
   }
 

package/es/components/Select/IconSelect/index.module.scss

@@ -54,12 +54,12 @@
 
       font-size: 16px;
 
-      border: 1px solid #f0edea;
+      border: 1px solid var(--cf-border-weak);
 
       cursor: pointer;
 
       &.active {
-        background: #dddddd;
+        background: var(--cf-row-hover);
       }
     }
   }

package/es/components/Select/TreeSelect/_utils/getExpandedKeysByLevel.d.ts

@@ -1,8 +1,8 @@
 import { DataNode, SafeKey } from "rc-tree-select/lib/interface";
 /**
- * 根据默认展开层级计算应该展开的节点 keys（用于 TreeSelect）
- * @param treeData 树数据（DataNode 类型）
- * @param level 展开层级（从 1 开始，1 表示第一层，2 表示第二层，以此类推）
- * @returns 应该展开的节点 keys 数组
+ * Compute the node keys that should be expanded based on the default expand level (for TreeSelect)
+ * @param treeData Tree data (DataNode type)
+ * @param level Expand level (starting from 1; 1 means the first level, 2 the second, and so on)
+ * @returns Array of node keys that should be expanded
  */
 export declare const getExpandedKeysByLevel: (treeData: DataNode[], level: number) => SafeKey[];

package/es/components/Select/TreeSelect/_utils/getExpandedKeysByLevel.js

@@ -2,10 +2,10 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /**
- * 根据默认展开层级计算应该展开的节点 keys（用于 TreeSelect）
- * @param treeData 树数据（DataNode 类型）
- * @param level 展开层级（从 1 开始，1 表示第一层，2 表示第二层，以此类推）
- * @returns 应该展开的节点 keys 数组
+ * Compute the node keys that should be expanded based on the default expand level (for TreeSelect)
+ * @param treeData Tree data (DataNode type)
+ * @param level Expand level (starting from 1; 1 means the first level, 2 the second, and so on)
+ * @returns Array of node keys that should be expanded
  */
 export var getExpandedKeysByLevel = function getExpandedKeysByLevel(treeData, level) {
   if (level < 1 || !(treeData !== null && treeData !== void 0 && treeData.length)) {
@@ -19,7 +19,7 @@ export var getExpandedKeysByLevel = function getExpandedKeysByLevel(treeData, le
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var _node$children;
         var node = _step.value;
-        // 如果当前层级小于目标层级，则展开该节点
+        // Expand this node if the current level is below the target level
         if (currentLevel < level && (_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length && node.key !== undefined) {
           expandedKeys.push(node.key);
           traverse(node.children, currentLevel + 1);

package/es/components/Select/TreeSelect/index.module.scss

@@ -6,7 +6,7 @@
   width: 100%;
   height: 100%;
 
-  // CF 风格：随外观切换的描边输入控件
+  // CF style: outlined input control that follows appearance switching
   background: var(--cf-surface);
   border: 1px solid var(--cf-border);
   border-radius: 6px;

package/es/components/Select/_hooks/useSelectComposition.d.ts

@@ -2,7 +2,7 @@ interface UseSelectCompositionProps {
     onSearch?: (value: string) => void;
 }
 /**
- * 管理输入法组合状态
+ * Manage IME composition state
  */
 export declare function useSelectComposition({ onSearch, }: UseSelectCompositionProps): {
     isComposing: boolean;

package/es/components/Select/_hooks/useSelectComposition.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useState } from "react";
 /**
- * 管理输入法组合状态
+ * Manage IME composition state
  */
 export function useSelectComposition(_ref) {
   var onSearch = _ref.onSearch;

package/es/components/Select/_hooks/useSelectInputOptions.d.ts

@@ -8,7 +8,7 @@ interface UseSelectInputOptionsProps {
     optionsLength: number;
 }
 /**
- * 管理输入选项（当没有匹配项时）
+ * Manage input options (when there are no matching options)
  */
 export declare function useSelectInputOptions({ searchValue, isComposing, onChange, onSearch, optionsLength, }: UseSelectInputOptionsProps): {
     inputOptions: SelectOption<string | number>[];

package/es/components/Select/_hooks/useSelectInputOptions.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useState } from "react";
 /**
- * 管理输入选项（当没有匹配项时）
+ * Manage input options (when there are no matching options)
  */
 export function useSelectInputOptions(_ref) {
   var searchValue = _ref.searchValue,

package/es/components/Select/_utils/calculatePopupWidth.d.ts

@@ -7,7 +7,7 @@ interface CalculatePopupWidthOptions {
     valueInlabel?: "before" | "after";
 }
 /**
- * 计算弹出层宽度
+ * Calculate popup width
  */
 export declare function calculatePopupWidth({ options, selectWidth, mode, optionFontSize, valueInlabel, }: CalculatePopupWidthOptions): number;
 export {};

package/es/components/Select/_utils/calculatePopupWidth.js

@@ -1,6 +1,6 @@
 import { get_string_size } from "hsu-utils";
 /**
- * 计算弹出层宽度
+ * Calculate popup width
  */
 export function calculatePopupWidth(_ref) {
   var options = _ref.options,

package/es/components/Select/_utils/filterOption.d.ts

@@ -7,7 +7,7 @@ interface FilterOptionParams {
     valueInlabel?: "before" | "after";
 }
 /**
- * 过滤选项
+ * Filter options
  */
 export declare function filterOption({ searchValue, option, isComposing, customFilterOption, valueInlabel, }: FilterOptionParams): boolean;
 export {};

package/es/components/Select/_utils/filterOption.js

@@ -1,5 +1,5 @@
 /**
- * 过滤选项
+ * Filter options
  */
 export function filterOption(_ref) {
   var searchValue = _ref.searchValue,

package/es/components/Select/_utils/getElementPosition.d.ts

@@ -1,12 +1,13 @@
 /**
- * 获取元素相对于视口的顶部位置。
- * 下拉框为 position: fixed（相对视口定位），故此处必须返回视口坐标，
- * 不能叠加 document.scrollTop——否则当文档本身可滚动时（如文档站长页面），
- * 下拉框会被定位到 scrollTop 像素之外而“消失”。
- * 在固定布局（document 不滚动，scrollTop=0）下与原行为一致。
+ * Get the element's top position relative to the viewport.
+ * The dropdown uses position: fixed (positioned relative to the viewport), so this must
+ * return viewport coordinates and must NOT add document.scrollTop — otherwise, when the
+ * document itself is scrollable (e.g. docs-site long pages), the dropdown would be
+ * positioned scrollTop pixels away and "disappear".
+ * In fixed layouts (document does not scroll, scrollTop=0) this matches the original behavior.
  */
 export declare function getElementTop(element: HTMLDivElement): number;
 /**
- * 获取元素相对于视口的左侧位置（同上，配合 position: fixed）。
+ * Get the element's left position relative to the viewport (same as above, for position: fixed).
  */
 export declare function getElementLeft(element: HTMLDivElement): number;

package/es/components/Select/_utils/getElementPosition.js

@@ -1,16 +1,17 @@
 /**
- * 获取元素相对于视口的顶部位置。
- * 下拉框为 position: fixed（相对视口定位），故此处必须返回视口坐标，
- * 不能叠加 document.scrollTop——否则当文档本身可滚动时（如文档站长页面），
- * 下拉框会被定位到 scrollTop 像素之外而“消失”。
- * 在固定布局（document 不滚动，scrollTop=0）下与原行为一致。
+ * Get the element's top position relative to the viewport.
+ * The dropdown uses position: fixed (positioned relative to the viewport), so this must
+ * return viewport coordinates and must NOT add document.scrollTop — otherwise, when the
+ * document itself is scrollable (e.g. docs-site long pages), the dropdown would be
+ * positioned scrollTop pixels away and "disappear".
+ * In fixed layouts (document does not scroll, scrollTop=0) this matches the original behavior.
  */
 export function getElementTop(element) {
   return element.getBoundingClientRect().top;
 }
 
 /**
- * 获取元素相对于视口的左侧位置（同上，配合 position: fixed）。
+ * Get the element's left position relative to the viewport (same as above, for position: fixed).
  */
 export function getElementLeft(element) {
   return element.getBoundingClientRect().left;

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

@@ -6,12 +6,12 @@
 
   width: 100%;
   height: 100%;
-  // 父级未给定高度时（height:100% 解析为 auto），保证最小高度，
-  // 与 Input 等录入控件高度一致，避免被压扁或在搜索行中高度异常。
+  // When the parent has no explicit height (height:100% resolves to auto), guarantee a min height
+  // consistent with Input and other form controls, so it is neither squashed nor mis-sized in search rows.
   min-height: 32px;
   padding: 0px 11px;
 
-  // CF 风格：随外观切换的描边输入控件
+  // CF style: outlined input control that follows appearance switching
   border: 1px solid var(--cf-border);
   border-radius: 6px;
 
@@ -54,7 +54,7 @@
   &.focused {
     border-color: var(--primary-color);
 
-    box-shadow: 0 0 0 2px rgba(19, 194, 194, 0.12);
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent);
 
     outline: 0;
   }
@@ -81,20 +81,20 @@
   }
 
   &:has(> :global(.ant-select-status-error)) {
-    border: 1px solid #ff4d4f;
+    border: 1px solid var(--cf-error);
 
     .prefix,
     .suffix {
-      color: #ff4d4f;
+      color: var(--cf-error);
     }
   }
 
   &.legacyHasErrorStatus {
-    border: 1px solid #ff4d4f;
+    border: 1px solid var(--cf-error);
 
     .prefix,
     .suffix {
-      color: #ff4d4f;
+      color: var(--cf-error);
     }
   }
 

package/es/components/Spreadsheet/xlsxspread.js

@@ -1,6 +1,6 @@
 import * as XLSX from "xlsx";
 
-// 定义类型接口
+// Type interface definitions
 
 export function stox(wb) {
   var _wb$SheetNames;
@@ -14,7 +14,7 @@ export function stox(wb) {
     };
     var ws = wb.Sheets[name];
 
-    // 检查 ws["!ref"] 是否存在
+    // Check whether ws["!ref"] exists
     if (!ws["!ref"]) {
       out.push(o);
       return;

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

@@ -1,5 +1,5 @@
-// 让开关在表单/录入场景中与 Input、Select 等控件保持一致的 32px 最小高度。
-// 开关本体（pill）保持原始尺寸，由该容器居中占位，故不会被拉大。
+// Keep the switch at the same 32px min height as Input, Select and other controls in form/input scenarios.
+// The switch itself (pill) keeps its original size; this container centers it, so it is not stretched.
 .SwitchWrapper {
   display: inline-flex;
   align-items: center;