@hsu-react/ui 0.0.13 → 0.0.15

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

@@ -34,7 +34,7 @@ const OptionRow = /*#__PURE__*/(0, _react.memo)(props => {
   const labelRef = (0, _react.useRef)(null);
   const [labelWidth, setLabelWidth] = (0, _react.useState)(0);
 
-  // 测量标签宽度
+  // Measure the label width
   (0, _react.useEffect)(() => {
     if (labelRef.current) {
       const width = labelRef.current.offsetWidth;
@@ -46,21 +46,21 @@ const OptionRow = /*#__PURE__*/(0, _react.memo)(props => {
     setShowMore
   } = (0, _hooks.useSearchCardMoreOptions)(optionRef, [option], font, padding, gap);
 
-  // 优化：缓存过滤后的子项
+  // Optimization: cache the filtered child items
   const filteredChildrenItems = (0, _react.useMemo)(() => {
     return option.items.filter(item =>
-    // 过滤条件：1. 有子项 2. 父项被选中
+    // Filter criteria: 1. has children 2. the parent item is selected
     item.children && item.children.length > 0 && (option.multiple ? (0, _hsuUtils.array_is_includes)(value[option.name] || [], [item.value]) : value?.[option.name] === item.value));
   }, [option.items, option.multiple, option.name, value]);
 
-  // 优化：缓存"全部"按钮点击处理函数
+  // Optimization: cache the "All" button click handler
   const handleAllClick = (0, _react.useCallback)(() => {
     const newValue = {
       ...value,
       [option.name]: ""
     };
 
-    // 清除所有子项的选择
+    // Clear the selection of all child items
     option.items?.forEach(parentItem => {
       if (parentItem.children && parentItem.children.length > 0) {
         const parentChildrenName = `${parentItem.name || option.name}Children`;
@@ -68,12 +68,12 @@ const OptionRow = /*#__PURE__*/(0, _react.memo)(props => {
       }
     });
 
-    // 设置Real值为空
+    // Set the Real value to empty
     newValue[`${option.name}Real`] = "";
     setValue(newValue);
   }, [value, option, setValue]);
 
-  // 优化：缓存"更多"按钮点击处理函数
+  // Optimization: cache the "More" button click handler
   const handleMoreClick = (0, _react.useCallback)(() => {
     const newShowMore = {
       ...showMore,
@@ -82,7 +82,7 @@ const OptionRow = /*#__PURE__*/(0, _react.memo)(props => {
     setShowMore(newShowMore);
   }, [showMore, option.name, setShowMore]);
 
-  // 优化：缓存"全部"按钮的激活状态
+  // Optimization: cache the active state of the "All" button
   const isAllActive = (0, _react.useMemo)(() => {
     return option.multiple ? !(value[option.name] || []).length : !value?.[option.name];
   }, [option.multiple, option.name, value]);

package/lib/components/Search/SearchCard/_hooks/useSearchCardCollapse.d.ts

@@ -3,7 +3,7 @@ interface UseSearchCardCollapseProps {
     defaultCollapse?: boolean;
 }
 /**
- * 管理 SearchCard 的折叠状态
+ * Manages the collapse state of SearchCard
  */
 export declare function useSearchCardCollapse({ defaultCollapse, }: UseSearchCardCollapseProps): {
     collapse: boolean;

package/lib/components/Search/SearchCard/_hooks/useSearchCardCollapse.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSearchCardCollapse = useSearchCardCollapse;
 var _react = require("react");
 /**
- * 管理 SearchCard 的折叠状态
+ * Manages the collapse state of SearchCard
  */
 function useSearchCardCollapse({
   defaultCollapse = false

package/lib/components/Search/SearchCard/_hooks/useSearchCardMoreOptions.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from "react";
 import { Font, SearchCardOption } from "../_components/OptionRow";
 /**
- * 自定义Hook，用于计算需要显示"更多"按钮的选项
+ * Custom hook that computes which options need to display the "More" button
  */
 export declare function useSearchCardMoreOptions(containerRef: RefObject<HTMLDivElement>, options: SearchCardOption[], font?: Font, padding?: number, gap?: number): {
     showMore: Record<string, boolean>;

package/lib/components/Search/SearchCard/_hooks/useSearchCardMoreOptions.js

@@ -7,19 +7,19 @@ exports.useSearchCardMoreOptions = useSearchCardMoreOptions;
 var _hsuUtils = require("hsu-utils");
 var _react = require("react");
 var _client = require("react-dom/client");
-// 优化：缓存测量结果
+// Optimization: cache measurement results
 const measurementCache = new Map();
 function directMeasureWidth(element) {
-  // 尝试从缓存获取
+  // Try to get from the cache
   const cacheKey = JSON.stringify(element.props);
   if (measurementCache.has(cacheKey)) {
     return Promise.resolve(measurementCache.get(cacheKey));
   }
   return new Promise(resolve => {
-    // 创建隐藏容器
+    // Create a hidden container
     const container = document.createElement("div");
 
-    // 设置样式使其不可见但能正确计算尺寸
+    // Set styles so it is invisible but its size can be computed correctly
     Object.assign(container.style, {
       position: "absolute",
       visibility: "hidden",
@@ -31,26 +31,26 @@ function directMeasureWidth(element) {
     });
     document.body.appendChild(container);
 
-    // 创建根并渲染
+    // Create a root and render
     const root = (0, _client.createRoot)(container);
     try {
-      // 直接渲染元素
+      // Render the element directly
       root.render(element);
 
-      // 等待渲染完成
+      // Wait for rendering to finish
       setTimeout(() => {
         try {
-          // 获取容器中第一个子元素的宽度
+          // Get the width of the first child element in the container
           const width = container.clientWidth || 0;
 
-          // 缓存结果
+          // Cache the result
           measurementCache.set(cacheKey, width);
           resolve(width);
         } catch {
           resolve(0);
         }
 
-        // 清理
+        // Clean up
         try {
           root.unmount();
           if (document.body.contains(container)) {
@@ -63,7 +63,7 @@ function directMeasureWidth(element) {
     } catch {
       resolve(0);
 
-      // 清理
+      // Clean up
       try {
         if (document.body.contains(container)) {
           document.body.removeChild(container);
@@ -76,7 +76,7 @@ function directMeasureWidth(element) {
 }
 
 /**
- * 自定义Hook，用于计算需要显示"更多"按钮的选项
+ * Custom hook that computes which options need to display the "More" button
  */
 function useSearchCardMoreOptions(containerRef, options, font = {
   family: "PingFangSC-Regular, PingFang SC",
@@ -85,7 +85,7 @@ function useSearchCardMoreOptions(containerRef, options, font = {
 }, padding = 8, gap = 8) {
   const [showMore, setShowMore] = (0, _react.useState)({});
 
-  // 优化：缓存计算函数
+  // Optimization: cache the calculation function
   const calculateMoreOptions = (0, _react.useCallback)(async () => {
     if (containerRef.current) {
       const div = containerRef.current;
@@ -133,7 +133,7 @@ function useSearchCardMoreOptions(containerRef, options, font = {
   (0, _react.useEffect)(() => {
     calculateMoreOptions();
 
-    // 添加窗口大小调整监听器
+    // Add a window resize listener
     window.addEventListener("resize", calculateMoreOptions);
     return () => {
       window.removeEventListener("resize", calculateMoreOptions);

package/lib/components/Search/SearchCard/_hooks/useSearchCardValue.d.ts

@@ -7,7 +7,7 @@ interface UseSearchCardValueProps {
     onChange?: (data: Record<string, unknown>) => void;
 }
 /**
- * 管理 SearchCard 的值状态
+ * Manages the value state of SearchCard
  */
 export declare function useSearchCardValue({ defaultValue, searchField, options, onChange, }: UseSearchCardValueProps): {
     value: Record<string, unknown>;

package/lib/components/Search/SearchCard/_hooks/useSearchCardValue.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _hsuUtils = require("hsu-utils");
 var _utils = require("../_utils");
 /**
- * 管理 SearchCard 的值状态
+ * Manages the value state of SearchCard
  */
 function useSearchCardValue({
   defaultValue,
@@ -27,24 +27,24 @@ function useSearchCardValue({
     }
   }, [defaultValue, searchField]);
 
-  // 处理内部值更新，将所有值保存在内部状态中
+  // Handle internal value updates, keeping all values in internal state
   const handleValueChange = (0, _react.useCallback)(newValue => {
     setValue({
       ...newValue
     });
   }, []);
 
-  // 获取真实值
+  // Get the real values
   const getRealValuesData = (0, _react.useCallback)(() => {
     return (0, _utils.getRealValues)(value, options, searchField);
   }, [value, options, searchField]);
 
-  // 处理值变化
+  // Handle value changes
   (0, _react.useMemo)(() => {
     if (onChange && !_hsuUtils.Equal.ObjEqual(value, lastValue)) {
       setLastValue(value);
 
-      // 提取所有Real值
+      // Extract all Real values
       const realValues = getRealValuesData();
       onChange(realValues);
     }

package/lib/components/Search/SearchCard/_utils/getRealValues.d.ts

@@ -1,5 +1,5 @@
 import { SearchCardOption } from "../_components/OptionRow";
 /**
- * 获取真实值（提取所有Real值）
+ * Gets the real values (extracts all Real values)
  */
 export declare function getRealValues(value: Record<string, unknown>, options: SearchCardOption[], searchField: string): Record<string, unknown>;

package/lib/components/Search/SearchCard/_utils/getRealValues.js

@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getRealValues = getRealValues;
 /**
- * 获取真实值（提取所有Real值）
+ * Gets the real values (extracts all Real values)
  */
 function getRealValues(value, options, searchField) {
   const realValues = {};
 
-  // 遍历所有选项，获取其Real值
+  // Iterate over all options and get their Real values
   options?.forEach(option => {
     const realKey = `${option.name}Real`;
     if (value[realKey] !== undefined) {
-      // 将带有"Real"后缀的值使用不带后缀的原始键名
+      // Store the "Real"-suffixed value under the original key without the suffix
       realValues[option.name] = value[realKey];
     } else {
-      // 如果没有Real值，使用原始值
+      // If there is no Real value, use the original value
       realValues[option.name] = value[option.name];
     }
   });
 
-  // 保留搜索相关字段
+  // Keep search-related fields
   if (value[searchField] !== undefined) {
     realValues[searchField] = value[searchField];
   }

package/lib/components/Search/SearchCard/_utils/hasSelectedChildren.d.ts

@@ -1,4 +1,4 @@
 /**
- * 检查是否有任何子项被选中
+ * Checks whether any child item is selected
  */
 export declare function hasSelectedChildren(value: Record<string, unknown>, childrenName: string, isMultiple: boolean): boolean;

package/lib/components/Search/SearchCard/_utils/hasSelectedChildren.js

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.hasSelectedChildren = hasSelectedChildren;
 var _typeGuards = require("./typeGuards");
 /**
- * 检查是否有任何子项被选中
+ * Checks whether any child item is selected
  */
 function hasSelectedChildren(value, childrenName, isMultiple) {
   const childrenValue = value[childrenName];
   if (isMultiple) {
-    // 多选模式：检查是否为数组且长度大于0
+    // Multi-select mode: check that it is an array with length greater than 0
     return (0, _typeGuards.isArrayValue)(childrenValue) && childrenValue.length > 0;
   } else {
-    // 单选模式：检查值是否存在且不为空字符串
+    // Single-select mode: check that the value exists and is not an empty string
     return (0, _typeGuards.isValidValue)(childrenValue) && childrenValue !== "";
   }
 }

package/lib/components/Search/SearchCard/_utils/typeGuards.d.ts

@@ -1,5 +1,5 @@
 /**
- * 类型守卫函数
+ * Type guard functions
  */
 export declare const isValidValue: (value: unknown) => boolean;
 export declare const isArrayValue: (value: unknown) => value is unknown[];

package/lib/components/Search/SearchCard/_utils/typeGuards.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isValidValue = exports.isStringValue = exports.isArrayValue = void 0;
 /**
- * 类型守卫函数
+ * Type guard functions
  */
 const isValidValue = value => {
   return value !== null && value !== undefined;

package/lib/components/Search/SearchCard/_utils/updateRealValue.d.ts

@@ -1,4 +1,4 @@
 /**
- * 更新真实返回值
+ * Updates the real return value
  */
 export declare function updateRealValue(value: Record<string, unknown>, optionName: string, newValues: Record<string, unknown>): void;

package/lib/components/Search/SearchCard/_utils/updateRealValue.js

@@ -7,34 +7,34 @@ exports.updateRealValue = updateRealValue;
 var _typeGuards = require("./typeGuards");
 var _hasSelectedChildren = require("./hasSelectedChildren");
 /**
- * 更新真实返回值
+ * Updates the real return value
  */
 function updateRealValue(value, optionName, newValues) {
-  // 参数验证
+  // Parameter validation
   if (!value || !(0, _typeGuards.isStringValue)(optionName) || !newValues) {
     return;
   }
 
-  // 合并当前值和新值以获取最新状态
+  // Merge the current values and new values to get the latest state
   const mergedValues = {
     ...value,
     ...newValues
   };
 
-  // 检查是否存在子项数据
+  // Check whether child item data exists
   let hasAnyChildrenSelected = false;
   let childrenValue = null;
 
-  // 遍历所有可能的子项名称
+  // Iterate over all possible child item names
   Object.keys(mergedValues)?.forEach(key => {
     if (key.endsWith("Children")) {
-      // 找到对应的父项名称
+      // Find the corresponding parent item name
       const parentName = key.replace("Children", "");
 
-      // 只处理当前选项的子项
+      // Only handle the child items of the current option
       if (parentName === optionName) {
         try {
-          // 检查子项是否有选中值
+          // Check whether the child items have a selected value
           const currentChildrenValue = mergedValues[key];
           const hasSelected = (0, _hasSelectedChildren.hasSelectedChildren)(mergedValues, key, Array.isArray(currentChildrenValue));
           if (hasSelected) {
@@ -48,13 +48,13 @@ function updateRealValue(value, optionName, newValues) {
     }
   });
 
-  // 设置真实返回值
+  // Set the real return value
   const realValueKey = `${optionName}Real`;
   if (hasAnyChildrenSelected) {
-    // 如果有子项被选中，使用子项值
+    // If any child item is selected, use the child value
     newValues[realValueKey] = childrenValue;
   } else {
-    // 如果没有子项被选中，使用父项值
+    // If no child item is selected, use the parent value
     const parentValue = newValues[optionName] ?? value[optionName];
     newValues[realValueKey] = parentValue;
   }

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

@@ -56,7 +56,7 @@ const SearchCard = /*#__PURE__*/(0, _react.memo)(props => {
     defaultCollapse
   });
 
-  // 处理搜索
+  // Handle search
   const handleSearch = () => {
     const realValues = getRealValues();
     onChange?.({

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

@@ -61,7 +61,7 @@
     transition: all 0.3s, border-top 0s;
   }
 
-  // 当有搜索框时，调整选项框的样式
+  // When there is a search box, adjust the options box styles
   &:has(.searchBox) .optionsBox {
     border-radius: 0 0 8px 8px;
     padding-top: 12px;
@@ -177,9 +177,9 @@
 
           &.active,
           &:hover {
-            color: #0e59ef;
+            color: var(--primary-color);
 
-            background: rgba(14, 89, 239, 0.12);
+            background: color-mix(in srgb, var(--primary-color) 12%, transparent);
           }
         }
 
@@ -195,7 +195,7 @@
         .help {
           margin-left: 2px;
 
-          color: #7f7f7f;
+          color: var(--cf-text-2);
           font-size: 16px;
         }
       }
@@ -207,7 +207,7 @@
         height: max-content;
         padding: 3px 0px;
 
-        color: #7f7f7f;
+        color: var(--cf-text-2);
         font-weight: 400;
         font-size: 16px;
         font-family: PingFangSC-Regular, PingFang SC;
@@ -220,7 +220,7 @@
         transition: color 0.3s;
 
         &:hover {
-          color: #0e59ef;
+          color: var(--primary-color);
         }
       }
     }
@@ -252,8 +252,8 @@
 
         &.active,
         &:hover {
-          color: #0e59ef;
-          background: rgba(14, 89, 239, 0.12);
+          color: var(--primary-color);
+          background: color-mix(in srgb, var(--primary-color) 12%, transparent);
         }
       }
     }

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

@@ -7,10 +7,10 @@ export interface SearchCollapsibleProps extends SearchPropsWithFilter {
     affterButtonGroup?: ChakraButtonProps[];
 }
 /**
- * 可折叠模式的 Search 组件
- * - 可以完全折叠/展开整个搜索区域
- * - 通过 defaultExpanded 控制初始展开状态
- * - 适合需要隐藏搜索栏以获得更多展示空间的场景
+ * Search component in collapsible mode
+ * - The entire search area can be fully collapsed/expanded
+ * - Initial expanded state is controlled via defaultExpanded
+ * - Suitable for scenarios where the search bar needs to be hidden to gain more display space
  */
 declare const SearchCollapsible: React.FC<SearchCollapsibleProps>;
 export default SearchCollapsible;

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

@@ -14,10 +14,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
- * 可折叠模式的 Search 组件
- * - 可以完全折叠/展开整个搜索区域
- * - 通过 defaultExpanded 控制初始展开状态
- * - 适合需要隐藏搜索栏以获得更多展示空间的场景
+ * Search component in collapsible mode
+ * - The entire search area can be fully collapsed/expanded
+ * - Initial expanded state is controlled via defaultExpanded
+ * - Suitable for scenarios where the search bar needs to be hidden to gain more display space
  */
 const SearchCollapsible = props => {
   const {
@@ -28,10 +28,10 @@ const SearchCollapsible = props => {
     ...rest
   } = props;
 
-  // collapse 的语义是反的，所以需要取反 defaultExpanded
+  // The semantics of collapse are inverted, so defaultExpanded needs to be negated
   const [collapse, setCollapse] = (0, _react.useState)(!defaultExpanded);
 
-  // 处理折叠切换
+  // Handle collapse toggle
   const handleCollapseToggle = (0, _react.useCallback)(() => {
     setCollapse(prev => {
       const newCollapse = !prev;

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

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

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

@@ -6,10 +6,10 @@ export interface SearchWithFilterProps extends SearchPropsWithFilter {
     affterButtonGroup?: ChakraButtonProps[];
 }
 /**
- * 带筛选器设置的 Search 组件
- * - 提供下拉菜单，允许用户动态选择显示哪些搜索项
- * - 用户可以自定义显示的搜索字段
- * - 提供更灵活的搜索体验
+ * Search component with filter settings
+ * - Provides a dropdown menu allowing users to dynamically choose which search items are displayed
+ * - Users can customize the displayed search fields
+ * - Offers a more flexible search experience
  */
 declare const SearchWithFilter: React.FC<SearchWithFilterProps>;
 export default SearchWithFilter;

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

@@ -9,10 +9,10 @@ var _SearchBase = _interopRequireDefault(require("../_components/SearchBase"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * 带筛选器设置的 Search 组件
- * - 提供下拉菜单，允许用户动态选择显示哪些搜索项
- * - 用户可以自定义显示的搜索字段
- * - 提供更灵活的搜索体验
+ * Search component with filter settings
+ * - Provides a dropdown menu allowing users to dynamically choose which search items are displayed
+ * - Users can customize the displayed search fields
+ * - Offers a more flexible search experience
  */
 const SearchWithFilter = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchBase.default, {

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

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

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

@@ -8,10 +8,10 @@ export interface SearchWithMoreProps extends Omit<SearchPropsWithFilter, "moreSe
     affterButtonGroup?: ChakraButtonProps[];
 }
 /**
- * 带更多搜索项的 Search 组件
- * - 将搜索项分为基础项和更多项两组
- * - 初始只显示基础搜索项，点击展开后显示更多项
- * - 适合有大量搜索字段的场景
+ * Search component with a "more items" section
+ * - Splits search items into a basic group and a "more" group
+ * - Only basic items are shown initially; expanding reveals the rest
+ * - Suitable for pages with a large number of search fields
  */
 declare const SearchWithMore: React.FC<SearchWithMoreProps>;
 export default SearchWithMore;

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

@@ -9,10 +9,10 @@ var _SearchBase = _interopRequireDefault(require("../_components/SearchBase"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * 带更多搜索项的 Search 组件
- * - 将搜索项分为基础项和更多项两组
- * - 初始只显示基础搜索项，点击展开后显示更多项
- * - 适合有大量搜索字段的场景
+ * Search component with a "more items" section
+ * - Splits search items into a basic group and a "more" group
+ * - Only basic items are shown initially; expanding reveals the rest
+ * - Suitable for pages with a large number of search fields
  */
 const SearchWithMore = props => {
   const {
@@ -21,7 +21,7 @@ const SearchWithMore = props => {
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchBase.default, {
     ...rest,
-    // SearchWithMore 始终显示所有搜索项
+    // SearchWithMore always shows all search items
     showAllSearchItems: true,
     showFilter: !!setFilter
   });

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

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

package/lib/components/Search/_components/ButtonGroup/index.js

@@ -18,7 +18,7 @@ const ButtonGroup = exports.ButtonGroup = /*#__PURE__*/_react.default.forwardRef
     permitted = true
   } = props;
 
-  // 判断是否有搜索项（children 存在且不为空）
+  // Determine whether there are search items (children exists and is not empty)
   const hasSearchItems = permitted && children;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: `${_indexModule.default.buttonGroup} ${!hasSearchItems ? _indexModule.default.flexStart : ""}`,

package/lib/components/Search/_components/SearchBase/index.d.ts

@@ -3,7 +3,7 @@ import { FormInstance } from "antd";
 import { FormItemProps } from "../../../FormItem";
 import type useLabelWidth from "../../../../hooks/useLabelWidth";
 import { SearchPropsWithFilter } from "../../_types";
-/** 暴露给变体扩展渲染（如高级筛选抽屉）的上下文 */
+/** Context exposed to variant extension rendering (e.g. the advanced filters drawer) */
 export interface SearchBaseContext {
     form: FormInstance;
     expand: boolean;
@@ -14,19 +14,19 @@ export interface SearchBaseContext {
     onResetClick: () => void;
 }
 export interface SearchBaseProps extends SearchPropsWithFilter {
-    /** 高级筛选模式：搜索项不显示 label，展开按钮显示为"高级筛选" */
+    /** Advanced filters mode: search items hide their label, and the expand button shows as "advanced filters" */
     advancedFilters?: boolean;
-    /** 是否渲染 FilterDropdown（筛选器设置下拉） */
+    /** Whether to render FilterDropdown (the filter settings dropdown) */
     showFilter?: boolean;
-    /** 表单区域之后、容器之内的附加内容（如折叠开关），仅在有权限时渲染 */
+    /** Extra content after the form area but inside the container (e.g. the collapse toggle); rendered only when permitted */
     afterForm?: ReactNode;
-    /** 容器之外的附加内容（如高级筛选抽屉），仅在有权限时渲染 */
+    /** Extra content outside the container (e.g. the advanced filters drawer); rendered only when permitted */
     renderOutside?: (ctx: SearchBaseContext) => ReactNode;
 }
 /**
- * Search 各变体共享的基础实现：
- * 表单渲染、列布局、展开/收起、按钮组、权限控制。
- * 变体只负责自身差异（筛选器、折叠开关、高级筛选抽屉等）。
+ * Base implementation shared by all Search variants:
+ * form rendering, column layout, expand/collapse, button group, permission control.
+ * Variants are only responsible for their own differences (filter, collapse toggle, advanced filters drawer, etc.).
  */
 declare const SearchBase: React.FC<SearchBaseProps>;
 export default SearchBase;