@hsu-react/ui 0.0.12 → 0.0.14

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

@@ -44,7 +44,7 @@ var OptionRow = /*#__PURE__*/memo(function (props) {
     labelWidth = _useState2[0],
     setLabelWidth = _useState2[1];
 
-  // 测量标签宽度
+  // Measure the label width
   useEffect(function () {
     if (labelRef.current) {
       var width = labelRef.current.offsetWidth;
@@ -55,22 +55,22 @@ var OptionRow = /*#__PURE__*/memo(function (props) {
     showMore = _useSearchCardMoreOpt.showMore,
     setShowMore = _useSearchCardMoreOpt.setShowMore;
 
-  // 优化：缓存过滤后的子项
+  // Optimization: cache the filtered child items
   var filteredChildrenItems = useMemo(function () {
     return option.items.filter(function (item) {
       return (
-        // 过滤条件：1. 有子项 2. 父项被选中
+        // Filter criteria: 1. has children 2. the parent item is selected
         item.children && item.children.length > 0 && (option.multiple ? array_is_includes(value[option.name] || [], [item.value]) : (value === null || value === void 0 ? void 0 : value[option.name]) === item.value)
       );
     });
   }, [option.items, option.multiple, option.name, value]);
 
-  // 优化：缓存"全部"按钮点击处理函数
+  // Optimization: cache the "All" button click handler
   var handleAllClick = useCallback(function () {
     var _option$items;
     var newValue = _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, option.name, ""));
 
-    // 清除所有子项的选择
+    // Clear the selection of all child items
     (_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");
@@ -78,18 +78,18 @@ var OptionRow = /*#__PURE__*/memo(function (props) {
       }
     });
 
-    // 设置Real值为空
+    // Set the Real value to empty
     newValue["".concat(option.name, "Real")] = "";
     setValue(newValue);
   }, [value, option, setValue]);
 
-  // 优化：缓存"更多"按钮点击处理函数
+  // Optimization: cache the "More" button click handler
   var handleMoreClick = useCallback(function () {
     var newShowMore = _objectSpread(_objectSpread({}, showMore), {}, _defineProperty({}, option.name, !showMore[option.name]));
     setShowMore(newShowMore);
   }, [showMore, option.name, setShowMore]);
 
-  // 优化：缓存"全部"按钮的激活状态
+  // Optimization: cache the active state of the "All" button
   var isAllActive = useMemo(function () {
     return option.multiple ? !(value[option.name] || []).length : !(value !== null && value !== void 0 && value[option.name]);
   }, [option.multiple, option.name, value]);

package/es/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/es/components/Search/SearchCard/_hooks/useSearchCardCollapse.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 { useState, useCallback } from "react";
 /**
- * 管理 SearchCard 的折叠状态
+ * Manages the collapse state of SearchCard
  */
 export function useSearchCardCollapse(_ref) {
   var _ref$defaultCollapse = _ref.defaultCollapse,

package/es/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/es/components/Search/SearchCard/_hooks/useSearchCardMoreOptions.js

@@ -16,19 +16,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Equal, get_string_size } from "hsu-utils";
 import { useEffect, useState, useCallback } from "react";
 import { createRoot } from "react-dom/client";
-// 优化：缓存测量结果
+// Optimization: cache measurement results
 var measurementCache = new Map();
 function directMeasureWidth(element) {
-  // 尝试从缓存获取
+  // Try to get from the cache
   var cacheKey = JSON.stringify(element.props);
   if (measurementCache.has(cacheKey)) {
     return Promise.resolve(measurementCache.get(cacheKey));
   }
   return new Promise(function (resolve) {
-    // 创建隐藏容器
+    // Create a hidden container
     var 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",
@@ -40,26 +40,26 @@ function directMeasureWidth(element) {
     });
     document.body.appendChild(container);
 
-    // 创建根并渲染
+    // Create a root and render
     var root = createRoot(container);
     try {
-      // 直接渲染元素
+      // Render the element directly
       root.render(element);
 
-      // 等待渲染完成
+      // Wait for rendering to finish
       setTimeout(function () {
         try {
-          // 获取容器中第一个子元素的宽度
+          // Get the width of the first child element in the container
           var width = container.clientWidth || 0;
 
-          // 缓存结果
+          // Cache the result
           measurementCache.set(cacheKey, width);
           resolve(width);
         } catch (_unused) {
           resolve(0);
         }
 
-        // 清理
+        // Clean up
         try {
           root.unmount();
           if (document.body.contains(container)) {
@@ -72,7 +72,7 @@ function directMeasureWidth(element) {
     } catch (_unused3) {
       resolve(0);
 
-      // 清理
+      // Clean up
       try {
         if (document.body.contains(container)) {
           document.body.removeChild(container);
@@ -85,7 +85,7 @@ function directMeasureWidth(element) {
 }
 
 /**
- * 自定义Hook，用于计算需要显示"更多"按钮的选项
+ * Custom hook that computes which options need to display the "More" button
  */
 export function useSearchCardMoreOptions(containerRef, options) {
   var font = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
@@ -100,7 +100,7 @@ export function useSearchCardMoreOptions(containerRef, options) {
     showMore = _useState2[0],
     setShowMore = _useState2[1];
 
-  // 优化：缓存计算函数
+  // Optimization: cache the calculation function
   var calculateMoreOptions = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var div, width, moreWidth, hasMore, _iterator, _step, _loop;
     return _regeneratorRuntime().wrap(function _callee$(_context2) {
@@ -222,7 +222,7 @@ export function useSearchCardMoreOptions(containerRef, options) {
   useEffect(function () {
     calculateMoreOptions();
 
-    // 添加窗口大小调整监听器
+    // Add a window resize listener
     window.addEventListener("resize", calculateMoreOptions);
     return function () {
       window.removeEventListener("resize", calculateMoreOptions);

package/es/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/es/components/Search/SearchCard/_hooks/useSearchCardValue.js

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

package/es/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/es/components/Search/SearchCard/_utils/getRealValues.js

@@ -1,22 +1,22 @@
 /**
- * 获取真实值（提取所有Real值）
+ * Gets the real values (extracts all Real values)
  */
 export function getRealValues(value, options, searchField) {
   var realValues = {};
 
-  // 遍历所有选项，获取其Real值
+  // Iterate over all options and get their Real values
   options === null || options === void 0 || options.forEach(function (option) {
     var realKey = "".concat(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/es/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/es/components/Search/SearchCard/_utils/hasSelectedChildren.js

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

package/es/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/es/components/Search/SearchCard/_utils/typeGuards.js

@@ -1,5 +1,5 @@
 /**
- * 类型守卫函数
+ * Type guard functions
  */
 export var isValidValue = function isValidValue(value) {
   return value !== null && value !== undefined;

package/es/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/es/components/Search/SearchCard/_utils/updateRealValue.js

@@ -8,32 +8,32 @@ import { isStringValue } from "./typeGuards";
 import { hasSelectedChildren } from "./hasSelectedChildren";
 
 /**
- * 更新真实返回值
+ * Updates the real return value
  */
 export function updateRealValue(value, optionName, newValues) {
   var _Object$keys;
-  // 参数验证
+  // Parameter validation
   if (!value || !isStringValue(optionName) || !newValues) {
     return;
   }
 
-  // 合并当前值和新值以获取最新状态
+  // Merge the current values and new values to get the latest state
   var mergedValues = _objectSpread(_objectSpread({}, value), newValues);
 
-  // 检查是否存在子项数据
+  // Check whether child item data exists
   var hasAnyChildrenSelected = false;
   var childrenValue = null;
 
-  // 遍历所有可能的子项名称
+  // Iterate over all possible child item names
   (_Object$keys = Object.keys(mergedValues)) === null || _Object$keys === void 0 || _Object$keys.forEach(function (key) {
     if (key.endsWith("Children")) {
-      // 找到对应的父项名称
+      // Find the corresponding parent item name
       var 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
           var currentChildrenValue = mergedValues[key];
           var hasSelected = hasSelectedChildren(mergedValues, key, Array.isArray(currentChildrenValue));
           if (hasSelected) {
@@ -47,14 +47,14 @@ export function updateRealValue(value, optionName, newValues) {
     }
   });
 
-  // 设置真实返回值
+  // Set the real return value
   var realValueKey = "".concat(optionName, "Real");
   if (hasAnyChildrenSelected) {
-    // 如果有子项被选中，使用子项值
+    // If any child item is selected, use the child value
     newValues[realValueKey] = childrenValue;
   } else {
     var _newValues$optionName;
-    // 如果没有子项被选中，使用父项值
+    // If no child item is selected, use the parent value
     var parentValue = (_newValues$optionName = newValues[optionName]) !== null && _newValues$optionName !== void 0 ? _newValues$optionName : value[optionName];
     newValues[realValueKey] = parentValue;
   }

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

@@ -57,7 +57,7 @@ var SearchCard = /*#__PURE__*/memo(function (props) {
     collapse = _useSearchCardCollaps.collapse,
     toggleCollapse = _useSearchCardCollaps.toggleCollapse;
 
-  // 处理搜索
+  // Handle search
   var handleSearch = function handleSearch() {
     var realValues = getRealValues();
     onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, realValues), {}, _defineProperty({}, searchField, internalValue)));

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

@@ -20,10 +20,10 @@ import SearchBase from "../_components/SearchBase";
 import { CollapseToggle } from "./_components/CollapseToggle";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * 可折叠模式的 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
  */
 var SearchCollapsible = function SearchCollapsible(props) {
   var className = props.className,
@@ -33,13 +33,13 @@ var SearchCollapsible = function SearchCollapsible(props) {
     setFilter = props.setFilter,
     rest = _objectWithoutProperties(props, _excluded);
 
-  // collapse 的语义是反的，所以需要取反 defaultExpanded
+  // The semantics of collapse are inverted, so defaultExpanded needs to be negated
   var _useState = useState(!defaultExpanded),
     _useState2 = _slicedToArray(_useState, 2),
     collapse = _useState2[0],
     setCollapse = _useState2[1];
 
-  // 处理折叠切换
+  // Handle collapse toggle
   var handleCollapseToggle = useCallback(function () {
     setCollapse(function (prev) {
       var newCollapse = !prev;

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

@@ -8,10 +8,10 @@ import React from "react";
 import SearchBase from "../_components/SearchBase";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * 带筛选器设置的 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
  */
 var SearchWithFilter = function SearchWithFilter(props) {
   return /*#__PURE__*/_jsx(SearchBase, _objectSpread(_objectSpread({}, props), {}, {

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

@@ -11,16 +11,16 @@ import React from "react";
 import SearchBase from "../_components/SearchBase";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * 带更多搜索项的 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
  */
 var SearchWithMore = function SearchWithMore(props) {
   var setFilter = props.setFilter,
     rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_jsx(SearchBase, _objectSpread(_objectSpread({}, rest), {}, {
-    // SearchWithMore 始终显示所有搜索项
+    // SearchWithMore always shows all search items
     showAllSearchItems: true,
     showFilter: !!setFilter
   }));

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

@@ -21,7 +21,7 @@ export var ButtonGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$permitted = props.permitted,
     permitted = _props$permitted === void 0 ? true : _props$permitted;
 
-  // 判断是否有搜索项（children 存在且不为空）
+  // Determine whether there are search items (children exists and is not empty)
   var hasSearchItems = permitted && children;
   return /*#__PURE__*/_jsxs("div", {
     className: "".concat(styles.buttonGroup, " ").concat(!hasSearchItems ? styles.flexStart : ""),

package/es/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;