@hsu-react/ui 0.0.13 → 0.0.15

package/lib/components/Markdown/Views/index.js

@@ -20,11 +20,11 @@ var _MermaidBlock = _interopRequireDefault(require("./MermaidBlock"));
 var _ArtifactBlock = _interopRequireDefault(require("./ArtifactBlock"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/** 支持 Artifacts 预览的代码块语言（对标 Claude Artifacts） */const ARTIFACT_LANGS = new Set(["html", "svg"]);
+/** Code block languages that support Artifacts preview (modeled after Claude Artifacts) */const ARTIFACT_LANGS = new Set(["html", "svg"]);
 
 /**
- * 从代码块 children 还原纯文本源码：rehype-highlight 会把代码切成嵌套的
- * <span> 高亮元素，直接 join 会得到 [object Object]，需递归抽取文本。
+ * Recover the plain-text source from code block children: rehype-highlight splits code into
+ * nested <span> highlight elements; joining directly yields [object Object], so extract text recursively.
  */
 const extractText = node => {
   if (node == null || typeof node === "boolean") return "";
@@ -57,7 +57,7 @@ const MarkdownViews = props => {
           const lang = match[1].toLowerCase();
           const codeText = extractText(children);
 
-          // Mermaid 图：直接渲染为 SVG（流式不完整时回退代码展示）
+          // Mermaid diagrams: render directly as SVG (fall back to code display when streaming output is incomplete)
           if (lang === "mermaid") {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MermaidBlock.default, {
               code: codeText
@@ -84,7 +84,7 @@ const MarkdownViews = props => {
             })]
           });
 
-          // HTML/SVG：Artifacts 预览（sandbox iframe）+ 代码两个页签
+          // HTML/SVG: Artifacts preview (sandbox iframe) + code tabs
           if (ARTIFACT_LANGS.has(lang)) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArtifactBlock.default, {
               code: codeText,

package/lib/components/Markdown/Views/index.module.scss

@@ -31,7 +31,7 @@
     td {
       padding: 4px 8px;
 
-      border: 1px solid #868686;
+      border: 1px solid var(--cf-border);
     }
   }
 

package/lib/components/Modal/_hooks/useModalDrag.d.ts

@@ -6,7 +6,7 @@ interface UseModalDragProps {
     edgeDetection?: boolean;
 }
 /**
- * 处理 Modal 拖拽功能
+ * Handle Modal drag functionality
  */
 export declare function useModalDrag({ moveable, modal, modalHeader, open, edgeDetection, }: UseModalDragProps): void;
 export {};

package/lib/components/Modal/_hooks/useModalDrag.js

@@ -7,7 +7,7 @@ exports.useModalDrag = useModalDrag;
 var _react = require("react");
 var _utils = require("../_utils");
 /**
- * 处理 Modal 拖拽功能
+ * Handle Modal drag functionality
  */
 function useModalDrag({
   moveable,

package/lib/components/Modal/_hooks/useModalElements.d.ts

@@ -3,7 +3,7 @@ interface UseModalElementsProps {
     open?: boolean;
 }
 /**
- * 查找并管理 Modal DOM 元素
+ * Locate and manage Modal DOM elements
  */
 export declare function useModalElements({ open }: UseModalElementsProps): {
     cls: string;

package/lib/components/Modal/_hooks/useModalElements.js

@@ -7,7 +7,7 @@ exports.useModalElements = useModalElements;
 var _react = require("react");
 var _hsuUtils = require("hsu-utils");
 /**
- * 查找并管理 Modal DOM 元素
+ * Locate and manage Modal DOM elements
  */
 function useModalElements({
   open

package/lib/components/Modal/_utils/calculatePosition.d.ts

@@ -1,11 +1,11 @@
 /**
- * 计算模态框位置，考虑边界检测
- * @param left 目标左边距
- * @param top 目标上边距
- * @param modalWidth 模态框宽度
- * @param modalHeight 模态框高度
- * @param edgeDetection 是否启用边界检测
- * @returns 计算后的位置
+ * Calculate the modal position, taking edge detection into account
+ * @param left Target left offset
+ * @param top Target top offset
+ * @param modalWidth Modal width
+ * @param modalHeight Modal height
+ * @param edgeDetection Whether edge detection is enabled
+ * @returns The calculated position
  */
 export declare function calculatePosition(left: number, top: number, modalWidth: number, modalHeight: number, edgeDetection: boolean): {
     left: number;

package/lib/components/Modal/_utils/calculatePosition.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calculatePosition = calculatePosition;
 /**
- * 计算模态框位置，考虑边界检测
- * @param left 目标左边距
- * @param top 目标上边距
- * @param modalWidth 模态框宽度
- * @param modalHeight 模态框高度
- * @param edgeDetection 是否启用边界检测
- * @returns 计算后的位置
+ * Calculate the modal position, taking edge detection into account
+ * @param left Target left offset
+ * @param top Target top offset
+ * @param modalWidth Modal width
+ * @param modalHeight Modal height
+ * @param edgeDetection Whether edge detection is enabled
+ * @returns The calculated position
  */
 function calculatePosition(left, top, modalWidth, modalHeight, edgeDetection) {
   if (!edgeDetection) {

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

@@ -62,7 +62,7 @@
         align-items: center;
         justify-content: flex-end;
         column-gap: 10px;
-        margin-left: auto; // title 为空时仍保持靠右
+        margin-left: auto; // Stay right-aligned even when title is empty
       }
     }
   }

package/lib/components/Operate/_hooks/useOperateEllipsis.d.ts

@@ -1,10 +1,10 @@
 import { OperateProps } from "../index";
 /**
- * 计算操作按钮是否超出显示范围
- * @param menu - 菜单项数组
- * @param maxVisible - 最大可见数量
- * @param enableEllipsis - 是否启用省略
- * @returns 是否超出
+ * Determine whether the operate buttons overflow the visible range
+ * @param menu - Array of menu items
+ * @param maxVisible - Maximum number of visible items
+ * @param enableEllipsis - Whether ellipsis is enabled
+ * @returns Whether it overflows
  */
 declare const useOperateEllipsis: (menu: OperateProps[], maxVisible?: number, enableEllipsis?: boolean) => boolean;
 export default useOperateEllipsis;

package/lib/components/Operate/_hooks/useOperateEllipsis.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 /**
- * 计算操作按钮是否超出显示范围
- * @param menu - 菜单项数组
- * @param maxVisible - 最大可见数量
- * @param enableEllipsis - 是否启用省略
- * @returns 是否超出
+ * Determine whether the operate buttons overflow the visible range
+ * @param menu - Array of menu items
+ * @param maxVisible - Maximum number of visible items
+ * @param enableEllipsis - Whether ellipsis is enabled
+ * @returns Whether it overflows
  */
 const useOperateEllipsis = (menu, maxVisible, enableEllipsis = true) => {
   return (0, _react.useMemo)(() => {

package/lib/components/Operate/index.js

@@ -19,10 +19,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * 渲染图标
- * @param icon - 图标配置
- * @param defaultIcon - 默认图标
- * @returns 渲染的图标元素
+ * Render an icon
+ * @param icon - Icon configuration
+ * @param defaultIcon - Default icon
+ * @returns The rendered icon element
  */
 const renderIcon = (icon, defaultIcon) => {
   if (icon === false) return null;
@@ -35,7 +35,7 @@ const renderIcon = (icon, defaultIcon) => {
 };
 
 /**
- * 阻止事件冒泡的处理器
+ * Handler that stops event propagation
  */
 const stopPropagation = e => {
   e?.stopPropagation();
@@ -61,15 +61,15 @@ const Operate = props => {
     checkPermission
   } = (0, _usePermissions.default)();
 
-  // 过滤菜单项（根据权限和隐藏状态）
+  // Filter menu items (by permission and hidden state)
   const filteredMenu = (0, _react.useMemo)(() => {
     return menu.filter(item => !item.hidden && checkPermission(item.hasPermi));
   }, [menu, checkPermission]);
 
-  // 计算是否超出
+  // Determine whether it overflows
   const isOverflow = (0, _useOperateEllipsis.default)(filteredMenu, maxVisible, enableEllipsis);
 
-  // 计算可见的菜单项和隐藏的菜单项
+  // Compute the visible and hidden menu items
   const {
     visibleItems,
     hiddenItems
@@ -86,23 +86,23 @@ const Operate = props => {
     };
   }, [filteredMenu, isOverflow, maxVisible]);
 
-  // 处理确认事件
+  // Handle the confirm event
   const handleConfirm = (0, _react.useCallback)(e => {
     stopPropagation(e);
     onConfirm?.() ?? onClick?.();
   }, [onConfirm, onClick]);
 
-  // 处理菜单项确认事件
+  // Handle the confirm event for a menu item
   const handleMenuItemConfirm = (0, _react.useCallback)(item => e => {
     stopPropagation(e);
     item.onConfirm?.() ?? item.onClick?.();
   }, []);
   if (hidden) return null;
 
-  // 渲染按钮的通用配置
+  // Common configuration for rendering the button
   const buttonClassName = `${_indexModule.default.Operate} ${className ?? ""}`.trim();
 
-  // 准备传递给 Button 的 props（排除 hasPermi，因为 Button 不支持 false 类型）
+  // Prepare props to pass to Button (exclude hasPermi, since Button does not support the false type)
   const buttonProps = {
     ...config,
     ...(hasPermi?.length ? {
@@ -110,9 +110,9 @@ const Operate = props => {
     } : {})
   };
 
-  // 如果有菜单，渲染多个操作按钮
+  // If there is a menu, render multiple operate buttons
   if (menu.length > 0) {
-    // 生成下拉菜单项（用于"更多"按钮）
+    // Generate dropdown menu items (for the "more" button)
     const menuItems = hiddenItems?.map(item => {
       const hasConfirm = !!item.onConfirm;
       const defaultIcon = item.delete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DeleteOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FormOutlined, {});
@@ -158,7 +158,7 @@ const Operate = props => {
           className: itemClassName,
           hasPermi: itemHasPermi
         } = item;
-        // 透传剩余 Button 属性时排除事件/配置键，避免 onConfirm 等泄漏到 DOM（React 警告）
+        // When passing through the remaining Button props, exclude event/config keys to prevent onConfirm etc. from leaking to the DOM (React warning)
         const itemButtonProps = Object.fromEntries(Object.entries(item).filter(([key]) => !["title", "icon", "delete", "className", "hasPermi", "menu", "onClick", "onConfirm", "popconfirm", "hidden", "maxVisible", "enableEllipsis", "moreIcon"].includes(key)));
         const defaultIcon = itemDelete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DeleteOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FormOutlined, {});
         const buttonContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
@@ -214,7 +214,7 @@ const Operate = props => {
     });
   }
 
-  // 单个操作按钮
+  // Single operate button
   const hasConfirm = !!onConfirm;
   const defaultIcon = isDelete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DeleteOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FormOutlined, {});
   const buttonContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {

package/lib/components/Panel/DefaultPanel/index.module.scss

@@ -45,7 +45,7 @@
 
   background: var(--cf-surface);
 
-  // CF 风格：描边白卡片
+  // CF style: outlined white card
   border-radius: 8px;
   border: 1px solid var(--cf-border);
 }

package/lib/components/Panel/IframePanel/index.module.scss

@@ -57,7 +57,7 @@
     height: 60px;
 
     font-size: 50px;
-    color: #6b7280;
+    color: var(--cf-text-2);
 
     background: var(--cf-surface);
 

package/lib/components/Panel/ListPanel/ListModalPanel/index.d.ts

@@ -13,7 +13,7 @@ interface TableTools {
     columnMgt?: IColumnMgt;
 }
 export interface ListModalPanelTabelProps extends Omit<TableProps, "title"> {
-    /** 透传给内部 Table 的 key，用于在异构列集切换时强制重挂载表格 */
+    /** Key passed through to the inner Table, used to force-remount the table when switching between heterogeneous column sets */
     key?: React.Key;
     title?: string;
     buttonGroup?: ButtonProps[];
@@ -44,7 +44,7 @@ export interface ListModalPanelProps<T extends SearchModeKeys = "Default"> exten
     modalClassName?: string;
     className?: string;
     searchProps?: SearchModePropsMap[T];
-    /** Search 组件模式：default-基础 | Advanced-高级筛选 | Collapsible-可折叠 | WithFilter-带筛选器 | WithMore-带更多项 | Card-卡片式 */
+    /** Search component mode: default-basic | Advanced-advanced filtering | Collapsible-collapsible | WithFilter-with filter | WithMore-with more items | Card-card style */
     searchMode?: T;
     tableProps?: ListModalPanelTabelProps;
     hasPermi?: string[];

package/lib/components/Panel/ListPanel/ListModalPanel/index.js

@@ -40,8 +40,8 @@ const ListModalPanel = props => {
     tableContainerClassName,
     tips,
     otherTool,
-    // 异构列集切换时用于强制重挂载表格的 key；显式提取，避免随 ...tableConfig
-    // 展开进 JSX 触发 React "key prop being spread" 警告
+    // Key used to force-remount the table when switching between heterogeneous column sets; extracted
+    // explicitly so it is not spread into JSX via ...tableConfig, which triggers React's "key prop being spread" warning
     key: tableInstanceKey,
     ...tableConfig
   } = tableProps;
@@ -54,8 +54,8 @@ const ListModalPanel = props => {
   const [_columns, setColumns] = (0, _react.useState)(columns);
   const [showColumnMgt, setShowColumnMgt] = (0, _react.useState)(false);
   const [isFullscreen, setIsFullscreen] = (0, _react.useState)(false);
-  // 弹窗打开动画是否已完成：Search 的列数/展开等 DOM 测量要等弹窗完全展开
-  // 才能取到准确尺寸（zoom 动画只变 transform，不触发 ResizeObserver）
+  // Whether the modal's opening animation has finished: Search's DOM measurements (column count/expansion, etc.)
+  // only yield accurate sizes after the modal is fully expanded (the zoom animation only changes transform and does not trigger ResizeObserver)
   const [modalReady, setModalReady] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     if (modalConfig.open) {
@@ -76,7 +76,7 @@ const ListModalPanel = props => {
     }
   }, [columnMgt, columns]);
 
-  // 根据 searchMode 渲染对应的 Search 组件
+  // Render the matching Search component based on searchMode
   const SearchComponent = (0, _react.useMemo)(() => {
     const searchClassName = (0, _classnames.default)(searchProps?.className, _indexModule.default.search);
     switch (searchMode) {

package/lib/components/Panel/ListPanel/ListModalPanel/index.module.scss

@@ -1,5 +1,5 @@
 .modal {
-  // 定高让内部“height: 100%”链路可解析（antd Modal 默认内容自适应，内层设置 height/max-height 无效）
+  // Fixed height so the inner "height: 100%" chain can resolve (antd Modal content auto-sizes by default, so setting height/max-height on inner layers has no effect)
   height: 700px;
 
   &.fullscreen {

package/lib/components/Panel/ListPanel/_components/ColumnMgt/index.js

@@ -186,7 +186,7 @@ const ColumnMgt = props => {
         const overIndex = prevState.findIndex(record => record.dataIndex === over?.id);
         const newDataSource = (0, _sortable.arrayMove)(prevState, activeIndex, overIndex);
 
-        // 更新 sort 值以反映新的顺序
+        // Update sort values to reflect the new order
         const updatedDataSource = newDataSource?.map((item, index) => ({
           ...item,
           sort: index

package/lib/components/Panel/ListPanel/index.d.ts

@@ -15,7 +15,7 @@ interface TableTools {
     columnMgt?: IColumnMgt;
 }
 export interface ListPanelTabelProps extends Omit<TableProps, "title"> {
-    /** 透传给内部 Table 的 key，用于在异构列集切换时强制重挂载表格 */
+    /** Key passed through to the inner Table, used to force-remount the table when switching between heterogeneous column sets */
     key?: React.Key;
     title?: string;
     buttonGroup?: ButtonProps[];
@@ -50,7 +50,7 @@ export interface ListPanelProps<T extends SearchModeKeys = "Default"> {
     headerTabBarChildren?: ReactNode;
     treeProps?: TreeProps;
     searchProps?: SearchModePropsMap[T];
-    /** Search 组件模式：default-基础 | Advanced-高级筛选 | Collapsible-可折叠 | WithFilter-带筛选器 | WithMore-带更多项 | Card-卡片式 */
+    /** Search component mode: default-basic | Advanced-advanced filtering | Collapsible-collapsible | WithFilter-with filter | WithMore-with more items | Card-card style */
     searchMode?: T;
     tableProps?: ListPanelTabelProps;
     hasPermi?: string[];

package/lib/components/Panel/ListPanel/index.js

@@ -56,8 +56,8 @@ const ListPanel = props => {
     tableContainerClassName,
     tips,
     otherTool,
-    // 异构列集切换时用于强制重挂载表格的 key；显式提取，避免随 ...tableConfig
-    // 展开进 JSX 触发 React "key prop being spread" 警告
+    // Key used to force-remount the table when switching between heterogeneous column sets; extracted
+    // explicitly so it is not spread into JSX via ...tableConfig, which triggers React's "key prop being spread" warning
     key: tableInstanceKey,
     ...tableConfig
   } = tableProps;
@@ -183,7 +183,7 @@ const ListPanel = props => {
     };
   }, [hasHeaderTabBar, legacyHasSelector, searchMode, searchProps]);
 
-  // 根据 searchMode 渲染对应的 Search 组件
+  // Render the matching Search component based on searchMode
   const SearchComponent = (0, _react.useMemo)(() => {
     const searchClassName = (0, _classnames.default)(searchProps?.className, _indexModule.default.search);
     switch (searchMode) {

package/lib/components/Panel/ListPanel/index.module.scss

@@ -51,14 +51,14 @@
 
   &:hover {
     &::before {
-      background: rgba(24, 144, 255, 0.45);
+      background: color-mix(in srgb, var(--primary-color) 45%, transparent);
     }
   }
 }
 
 .resizing {
   &::before {
-    background: #1890ff;
+    background: var(--primary-color);
   }
 }
 
@@ -91,7 +91,7 @@
 
     background: var(--cf-surface);
 
-    // CF 风格：描边白卡片 + 小圆角，去投影
+    // CF style: outlined white card + small border radius, no shadow
     border-radius: 8px;
     border: 1px solid var(--cf-border);
     box-shadow: none;
@@ -104,8 +104,8 @@
     column-gap: 10px;
   }
 
-  // 页面级页签：无底色容器，页签拆成独立圆角块、块间留空；
-  // margin/radius 需 !important 压过 TabBar 内部的连体分段样式（负 margin + 首尾切角）
+  // Page-level tabs: container without background; tabs split into standalone rounded blocks with gaps between them;
+  // margin/radius need !important to override TabBar's internal joined-segment styles (negative margin + first/last corner cuts)
   .headerTabBar {
     column-gap: 4px;
 

package/lib/components/Search/SearchAdvanced/index.d.ts

@@ -8,10 +8,10 @@ export interface SearchAdvancedProps extends SearchPropsWithFilter {
     affterButtonGroup?: ChakraButtonProps[];
 }
 /**
- * 高级筛选模式的 Search 组件
- * - 不显示标签（label）
- * - 使用抽屉形式展示更多筛选项
- * - 更适合复杂的筛选场景
+ * Search component in advanced filters mode
+ * - Does not display labels
+ * - Uses a drawer to present additional filter items
+ * - Better suited for complex filtering scenarios
  */
 declare const SearchAdvanced: React.FC<SearchAdvancedProps>;
 export default SearchAdvanced;

package/lib/components/Search/SearchAdvanced/index.js

@@ -12,10 +12,10 @@ var _AdvancedFiltersDrawer = require("./_components/AdvancedFiltersDrawer");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * 高级筛选模式的 Search 组件
- * - 不显示标签（label）
- * - 使用抽屉形式展示更多筛选项
- * - 更适合复杂的筛选场景
+ * Search component in advanced filters mode
+ * - Does not display labels
+ * - Uses a drawer to present additional filter items
+ * - Better suited for complex filtering scenarios
  */
 const SearchAdvanced = props => {
   const {

package/lib/components/Search/SearchAdvanced/index.module.scss

@@ -1,3 +1,3 @@
-// SearchAdvanced 组件的独立样式
-// 目前复用父级 Search 组件的样式，如需自定义可在此处添加
+// Standalone styles for the SearchAdvanced component
+// Currently reuses the parent Search component's styles; add customizations here if needed
 

package/lib/components/Search/SearchCard/_components/OptionRow/ChildrenItems/index.js

@@ -21,17 +21,17 @@ const ChildrenItems = exports.ChildrenItems = /*#__PURE__*/(0, _react.memo)(prop
     setValue
   } = props;
 
-  // 子项的名称，默认使用父项的name加上Children后缀
+  // Name of the child items; defaults to the parent item's name with a "Children" suffix
   const childrenName = (0, _react.useMemo)(() => `${parentItem.name || option.name}Children`, [parentItem.name, option.name]);
 
-  // 判断子项是否支持多选
+  // Determine whether child items support multi-select
   const isChildrenMultiple = !!parentItem.childrenMultiple;
 
-  // 优化：缓存子项点击处理函数
+  // Optimization: cache the child item click handler
   const createChildClickHandler = (0, _react.useCallback)(childItem => {
     return () => {
       if (isChildrenMultiple) {
-        // 多选模式：可以同时选择多个子项
+        // Multi-select mode: multiple child items can be selected at once
         const currentValue = value[childrenName] || [];
         const newValues = (0, _hsuUtils.array_is_includes)(currentValue, [childItem.value]) ? currentValue.filter(v => !_hsuUtils.Equal.ValEqual(v, childItem.value)) : [...currentValue, childItem.value];
         const newValue = {
@@ -39,17 +39,17 @@ const ChildrenItems = exports.ChildrenItems = /*#__PURE__*/(0, _react.memo)(prop
           [childrenName]: newValues
         };
 
-        // 更新真实返回值
+        // Update the real return value
         (0, _utils.updateRealValue)(value, option.name, newValue);
         setValue(newValue);
       } else {
-        // 单选模式：一次只能选一个子项
+        // Single-select mode: only one child item can be selected at a time
         const newValue = {
           ...value,
           [childrenName]: _hsuUtils.Equal.ValEqual(childItem.value, value[childrenName]) ? "" : childItem.value
         };
 
-        // 更新真实返回值
+        // Update the real return value
         (0, _utils.updateRealValue)(value, option.name, newValue);
         setValue(newValue);
       }
@@ -61,7 +61,7 @@ const ChildrenItems = exports.ChildrenItems = /*#__PURE__*/(0, _react.memo)(prop
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: _indexModule.default.childrenItems,
     children: parentItem.children?.map(childItem => {
-      // 判断子项是否被选中
+      // Determine whether the child item is selected
       const isChildSelected = isChildrenMultiple ? (0, _hsuUtils.array_is_includes)(value[childrenName] || [], [childItem.value]) : value?.[childrenName] === childItem.value;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: (0, _classnames.default)({

package/lib/components/Search/SearchCard/_components/OptionRow/Item/index.js

@@ -25,49 +25,49 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.memo)(props => {
   } = props;
   const [lastElementValue, setLastElementValue] = (0, _react.useState)(undefined);
 
-  // 优化：缓存激活状态计算
+  // Optimization: cache the active state calculation
   const isActive = (0, _react.useMemo)(() => {
     return option.multiple ? (0, _hsuUtils.array_is_includes)(value[option.name] || [], [item.value]) : value?.[option.name] === item.value;
   }, [option.multiple, option.name, value, item.value]);
 
-  // 优化：缓存点击处理函数
+  // Optimization: cache the click handler
   const handleClick = (0, _react.useCallback)(() => {
     try {
       if (option.multiple) {
         const currentValue = value[option.name] || [];
-        // 检查是否之前已选中
+        // Check whether it was previously selected
         const wasSelected = (0, _hsuUtils.array_is_includes)(currentValue, [item.value]);
         const newValues = wasSelected ? currentValue.filter(v => !_hsuUtils.Equal.ValEqual(v, item.value)) : [...currentValue, item.value];
 
-        // 准备新的值对象
+        // Prepare the new value object
         const newValue = {
           ...value,
           [option.name]: newValues
         };
 
-        // 如果取消选中且有子项，清除子项的选择
+        // If deselected and it has children, clear the children's selection
         const hasChildren = item.children && item.children.length > 0;
         if (wasSelected && hasChildren) {
           const childrenName = `${item.name || option.name}Children`;
           newValue[childrenName] = item.childrenMultiple ? [] : "";
         }
 
-        // 更新真实返回值
+        // Update the real return value
         (0, _utils.updateRealValue)(value, option.name, newValue);
         setValue(newValue);
       } else {
-        // 检查是否之前已选中
+        // Check whether it was previously selected
         const wasSelected = _hsuUtils.Equal.ValEqual(item.value, value[option.name]);
 
-        // 准备新的值对象
+        // Prepare the new value object
         const newValue = {
           ...value,
           [option.name]: wasSelected ? "" : item.value
         };
 
-        // 清除所有子项的选择状态
+        // Clear the selection state of all child items
         if (!wasSelected) {
-          // 清除所有子项选择状态
+          // Clear all child item selection states
           option.items?.forEach(parentItem => {
             if (parentItem.children && parentItem.children.length > 0) {
               const parentChildrenName = `${parentItem.name || option.name}Children`;
@@ -76,7 +76,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.memo)(props => {
           });
         }
 
-        // 更新真实返回值
+        // Update the real return value
         (0, _utils.updateRealValue)(value, option.name, newValue);
         setValue(newValue);
       }
@@ -105,7 +105,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.memo)(props => {
               [name ?? option.name]: e ? [...currentValue, e] : currentValue
             };
 
-            // 更新真实返回值
+            // Update the real return value
             (0, _utils.updateRealValue)(value, option.name, newValue);
             setValue(newValue);
             setLastElementValue(e);
@@ -115,7 +115,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.memo)(props => {
               [name ?? option.name]: e ?? ""
             };
 
-            // 更新真实返回值
+            // Update the real return value
             (0, _utils.updateRealValue)(value, option.name, newValue);
             setValue(newValue);
             setLastElementValue(e);