@hsu-react/ui 0.0.12 → 0.0.14

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

@@ -23,14 +23,14 @@ import Copy from "../../Copy";
 import MermaidBlock from "./MermaidBlock";
 import ArtifactBlock from "./ArtifactBlock";
 
-/** 支持 Artifacts 预览的代码块语言（对标 Claude Artifacts） */
+/** Code block languages that support Artifacts preview (modeled after Claude Artifacts) */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var 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.
  */
 var extractText = function extractText(node) {
   if (node == null || typeof node === "boolean") return "";
@@ -59,7 +59,7 @@ var MarkdownViews = function MarkdownViews(props) {
           var lang = match[1].toLowerCase();
           var 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__*/_jsx(MermaidBlock, {
               code: codeText
@@ -85,7 +85,7 @@ var MarkdownViews = function MarkdownViews(props) {
             })]
           });
 
-          // HTML/SVG：Artifacts 预览（sandbox iframe）+ 代码两个页签
+          // HTML/SVG: Artifacts preview (sandbox iframe) + code tabs
           if (ARTIFACT_LANGS.has(lang)) {
             return /*#__PURE__*/_jsx(ArtifactBlock, {
               code: codeText,

package/es/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/es/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/es/components/Modal/_hooks/useModalDrag.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { calculatePosition } from "../_utils";
 /**
- * 处理 Modal 拖拽功能
+ * Handle Modal drag functionality
  */
 export function useModalDrag(_ref) {
   var moveable = _ref.moveable,

package/es/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/es/components/Modal/_hooks/useModalElements.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useMemo, useState } from "react";
 import { generateRandomStr } from "hsu-utils";
 /**
- * 查找并管理 Modal DOM 元素
+ * Locate and manage Modal DOM elements
  */
 export function useModalElements(_ref) {
   var open = _ref.open;

package/es/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/es/components/Modal/_utils/calculatePosition.js

@@ -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 function calculatePosition(left, top, modalWidth, modalHeight, edgeDetection) {
   if (!edgeDetection) {

package/es/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/es/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/es/components/Operate/_hooks/useOperateEllipsis.js

@@ -1,10 +1,10 @@
 import { useMemo } from "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
  */
 var useOperateEllipsis = function useOperateEllipsis(menu, maxVisible) {
   var enableEllipsis = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

package/es/components/Operate/index.js

@@ -26,10 +26,10 @@ import moreImg from "./more.png";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * 渲染图标
- * @param icon - 图标配置
- * @param defaultIcon - 默认图标
- * @returns 渲染的图标元素
+ * Render an icon
+ * @param icon - Icon configuration
+ * @param defaultIcon - Default icon
+ * @returns The rendered icon element
  */
 var renderIcon = function renderIcon(icon, defaultIcon) {
   if (icon === false) return null;
@@ -42,7 +42,7 @@ var renderIcon = function renderIcon(icon, defaultIcon) {
 };
 
 /**
- * 阻止事件冒泡的处理器
+ * Handler that stops event propagation
  */
 var stopPropagation = function stopPropagation(e) {
   e === null || e === void 0 || e.stopPropagation();
@@ -68,17 +68,17 @@ var Operate = function Operate(props) {
   var _usePermissions = usePermissions(),
     checkPermission = _usePermissions.checkPermission;
 
-  // 过滤菜单项（根据权限和隐藏状态）
+  // Filter menu items (by permission and hidden state)
   var filteredMenu = useMemo(function () {
     return menu.filter(function (item) {
       return !item.hidden && checkPermission(item.hasPermi);
     });
   }, [menu, checkPermission]);
 
-  // 计算是否超出
+  // Determine whether it overflows
   var isOverflow = useOperateEllipsis(filteredMenu, maxVisible, enableEllipsis);
 
-  // 计算可见的菜单项和隐藏的菜单项
+  // Compute the visible and hidden menu items
   var _useMemo = useMemo(function () {
       if (!isOverflow || maxVisible === undefined) {
         return {
@@ -94,14 +94,14 @@ var Operate = function Operate(props) {
     visibleItems = _useMemo.visibleItems,
     hiddenItems = _useMemo.hiddenItems;
 
-  // 处理确认事件
+  // Handle the confirm event
   var handleConfirm = useCallback(function (e) {
     var _onConfirm;
     stopPropagation(e);
     (_onConfirm = onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm()) !== null && _onConfirm !== void 0 ? _onConfirm : _onClick === null || _onClick === void 0 ? void 0 : _onClick();
   }, [onConfirm, _onClick]);
 
-  // 处理菜单项确认事件
+  // Handle the confirm event for a menu item
   var handleMenuItemConfirm = useCallback(function (item) {
     return function (e) {
       var _item$onConfirm, _item$onConfirm2, _item$onClick;
@@ -111,17 +111,17 @@ var Operate = function Operate(props) {
   }, []);
   if (hidden) return null;
 
-  // 渲染按钮的通用配置
+  // Common configuration for rendering the button
   var buttonClassName = "".concat(styles.Operate, " ").concat(className !== null && className !== void 0 ? className : "").trim();
 
-  // 准备传递给 Button 的 props（排除 hasPermi，因为 Button 不支持 false 类型）
+  // Prepare props to pass to Button (exclude hasPermi, since Button does not support the false type)
   var buttonProps = _objectSpread(_objectSpread({}, config), hasPermi !== null && hasPermi !== void 0 && hasPermi.length ? {
     hasPermi: hasPermi
   } : {});
 
-  // 如果有菜单，渲染多个操作按钮
+  // If there is a menu, render multiple operate buttons
   if (menu.length > 0) {
-    // 生成下拉菜单项（用于"更多"按钮）
+    // Generate dropdown menu items (for the "more" button)
     var menuItems = hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.map(function (item) {
       var _item$className, _item$hasPermi, _item$popconfirm$titl, _item$popconfirm;
       var hasConfirm = !!item.onConfirm;
@@ -170,7 +170,7 @@ var Operate = function Operate(props) {
           itemDelete = item.delete,
           itemClassName = item.className,
           itemHasPermi = item.hasPermi;
-        // 透传剩余 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)
         var itemButtonProps = Object.fromEntries(Object.entries(item).filter(function (_ref3) {
           var _ref4 = _slicedToArray(_ref3, 1),
             key = _ref4[0];
@@ -231,7 +231,7 @@ var Operate = function Operate(props) {
     });
   }
 
-  // 单个操作按钮
+  // Single operate button
   var hasConfirm = !!onConfirm;
   var defaultIcon = isDelete ? /*#__PURE__*/_jsx(DeleteOutlined, {}) : /*#__PURE__*/_jsx(FormOutlined, {});
   var buttonContent = /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({

package/es/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/es/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/es/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/es/components/Panel/ListPanel/ListModalPanel/index.js

@@ -71,8 +71,8 @@ var ListModalPanel = function ListModalPanel(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     isFullscreen = _useState6[0],
     setIsFullscreen = _useState6[1];
-  // 弹窗打开动画是否已完成：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)
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     modalReady = _useState8[0],
@@ -95,7 +95,7 @@ var ListModalPanel = function ListModalPanel(props) {
     }
   }, [columnMgt, columns]);
 
-  // 根据 searchMode 渲染对应的 Search 组件
+  // Render the matching Search component based on searchMode
   var SearchComponent = useMemo(function () {
     var searchClassName = classNames(searchProps === null || searchProps === void 0 ? void 0 : searchProps.className, styles.search);
     switch (searchMode) {

package/es/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/es/components/Panel/ListPanel/_components/ColumnMgt/index.js

@@ -221,7 +221,7 @@ var ColumnMgt = function ColumnMgt(props) {
         });
         var newDataSource = arrayMove(prevState, activeIndex, overIndex);
 
-        // 更新 sort 值以反映新的顺序
+        // Update sort values to reflect the new order
         var updatedDataSource = newDataSource === null || newDataSource === void 0 ? void 0 : newDataSource.map(function (item, index) {
           return _objectSpread(_objectSpread({}, item), {}, {
             sort: index

package/es/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/es/components/Panel/ListPanel/index.js

@@ -213,7 +213,7 @@ var ListPanel = function ListPanel(props) {
     };
   }, [hasHeaderTabBar, legacyHasSelector, searchMode, searchProps]);
 
-  // 根据 searchMode 渲染对应的 Search 组件
+  // Render the matching Search component based on searchMode
   var SearchComponent = useMemo(function () {
     var searchClassName = classNames(searchProps === null || searchProps === void 0 ? void 0 : searchProps.className, styles.search);
     switch (searchMode) {

package/es/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/es/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/es/components/Search/SearchAdvanced/index.js

@@ -14,10 +14,10 @@ import SearchBase from "../_components/SearchBase";
 import { AdvancedFiltersDrawer } from "./_components/AdvancedFiltersDrawer";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * 高级筛选模式的 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
  */
 var SearchAdvanced = function SearchAdvanced(props) {
   var className = props.className,

package/es/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/es/components/Search/SearchCard/_components/OptionRow/ChildrenItems/index.js

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

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

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