@hsu-react/ui 0.0.1

package/lib/components/Search/_hooks/useSearchExpand.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSearchExpand = useSearchExpand;
+var _react = require("react");
+/**
+ * 基于宽度自适应控制展开/收起的Hook
+ * @param containerRef 容器引用
+ * @param buttonGroupRef 按钮组引用
+ * @param itemClassName 搜索项的className
+ * @param itemCount 搜索项总数
+ * @param columnNum 列数
+ * @param autoAdaptWidth 是否启用自适应宽度
+ * @param defaultExpanded 默认是否展开
+ * @param onExpandChange 展开状态变化回调
+ * @param searchItems 搜索项配置数组（可选）
+ * @param showAllSearchItems 是否显示所有搜索项
+ * @returns 展开状态及控制方法
+ */
+function useSearchExpand(containerRef, buttonGroupRef, itemClassName, itemCount, columnNum, autoAdaptWidth, defaultExpanded, onExpandChange, searchItems, showAllSearchItems, columnOffsetWidth = 0) {
+  const [expand, setExpand] = (0, _react.useState)(defaultExpanded);
+  const [visibleItemCount, setVisibleItemCount] = (0, _react.useState)(columnNum);
+  (0, _react.useEffect)(() => {
+    if (!autoAdaptWidth || !containerRef.current || !!showAllSearchItems) {
+      return;
+    }
+    const container = containerRef.current;
+    const calculateVisibleItems = () => {
+      if (!containerRef.current || !buttonGroupRef.current) return;
+      const containerWidth = container.offsetWidth;
+      // 减去padding
+      const availableWidth = containerWidth - 30; // 15px padding on each side
+
+      // 获取按钮组的实际宽度（计算所有子元素宽度总和）
+      let buttonGroupWidth = 0;
+      const buttonChildren = Array.from(buttonGroupRef.current.children);
+      if (buttonChildren.length > 0) {
+        // 计算所有子元素的宽度总和
+        let totalWidth = 0;
+        buttonChildren?.forEach(child => {
+          totalWidth += child.offsetWidth;
+        });
+        // 加上子元素之间的间距（column-gap: 10px）
+        const childGap = 5;
+        totalWidth += (buttonChildren.length - 1) * childGap;
+        buttonGroupWidth = totalWidth;
+      }
+
+      // 获取所有搜索项元素
+      const items = container.querySelectorAll(`${itemClassName}`);
+
+      // 计算第一行能放下的搜索项数量
+      let count = 0;
+      let usedWidth = 0;
+      const gap = 10; // 项之间的间距
+
+      // 计算默认单个项的宽度（容器宽度除以列数）
+      const defaultItemWidth = (availableWidth - (columnNum - 1) * gap) / columnNum - columnOffsetWidth;
+
+      // 遍历所有搜索项（包括未渲染的）
+      for (let i = 0; i < itemCount; i++) {
+        let itemWidth = 0;
+
+        // 如果DOM中有这个item，使用实际宽度
+        if (i < items.length) {
+          const item = items[i];
+          itemWidth = item.offsetWidth;
+        } else if (searchItems && searchItems[i]?.width !== undefined) {
+          // 如果DOM中没有，但有设置宽度，使用设置的宽度
+          const configWidth = searchItems[i].width;
+          if (typeof configWidth === "number") {
+            itemWidth = configWidth;
+          } else if (typeof configWidth === "string") {
+            // 处理百分比或像素值
+            if (configWidth.endsWith("%")) {
+              const percent = parseFloat(configWidth) / 100;
+              itemWidth = availableWidth * percent;
+            } else {
+              itemWidth = parseFloat(configWidth);
+            }
+          }
+        } else {
+          // 如果DOM中没有且没有设置宽度，使用默认计算宽度
+          itemWidth = defaultItemWidth;
+        }
+
+        // 计算加上当前项后的总宽度（包括gap）
+        const nextWidth = usedWidth + itemWidth + (i > 0 ? gap : 0);
+
+        // 检查是否还能放下按钮组（需要预留gap和按钮组宽度）
+        if (nextWidth + gap + buttonGroupWidth <= availableWidth) {
+          count++;
+          usedWidth = nextWidth;
+        } else {
+          break;
+        }
+      }
+
+      // 至少显示1个搜索项
+      count = Math.max(1, count);
+      setVisibleItemCount(count);
+
+      // 如果所有项都能显示，则不需要展开
+      if (count >= itemCount) {
+        setExpand(false);
+      }
+    };
+    const resizeObserver = new ResizeObserver(() => {
+      // 使用 requestAnimationFrame 延迟到下一帧，确保DOM已更新
+      requestAnimationFrame(() => {
+        calculateVisibleItems();
+      });
+    });
+
+    // MutationObserver 监听DOM变化
+    const mutationObserver = new MutationObserver(() => {
+      // 使用 requestAnimationFrame 延迟到下一帧
+      requestAnimationFrame(() => {
+        calculateVisibleItems();
+      });
+    });
+    resizeObserver.observe(container);
+    mutationObserver.observe(container, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+
+    // 监听窗口大小变化
+    const handleWindowResize = () => {
+      requestAnimationFrame(() => {
+        calculateVisibleItems();
+      });
+    };
+    window.addEventListener("resize", handleWindowResize);
+
+    // 初始计算（延迟执行以确保DOM已渲染）
+    requestAnimationFrame(() => {
+      calculateVisibleItems();
+    });
+    return () => {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+      window.removeEventListener("resize", handleWindowResize);
+    };
+  }, [containerRef, buttonGroupRef, itemClassName, itemCount, columnNum, autoAdaptWidth, searchItems, showAllSearchItems, columnOffsetWidth]);
+  const toggleExpand = (0, _react.useCallback)(() => {
+    const newExpand = !expand;
+    setExpand(newExpand);
+    onExpandChange?.(newExpand);
+  }, [expand, onExpandChange]);
+  const handleSetExpand = (0, _react.useCallback)(newExpand => {
+    setExpand(newExpand);
+    onExpandChange?.(newExpand);
+  }, [onExpandChange]);
+  return {
+    expand,
+    setExpand: handleSetExpand,
+    toggleExpand,
+    visibleItemCount: autoAdaptWidth ? visibleItemCount : columnNum
+  };
+}

package/lib/components/Search/_hooks/useSearchForm.d.ts

@@ -0,0 +1,10 @@
+import { FormInstance } from "antd";
+interface UseSearchFormProps {
+    form: FormInstance;
+    searchData?: Record<string, unknown>;
+}
+/**
+ * 管理搜索表单数据
+ */
+export declare function useSearchForm({ form, searchData }: UseSearchFormProps): void;
+export {};

package/lib/components/Search/_hooks/useSearchForm.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSearchForm = useSearchForm;
+var _react = require("react");
+var _hsuUtils = require("hsu-utils");
+/**
+ * 管理搜索表单数据
+ */
+function useSearchForm({
+  form,
+  searchData
+}) {
+  (0, _react.useEffect)(() => {
+    if (searchData && !_hsuUtils.Equal.ObjEqual(searchData, form.getFieldsValue())) {
+      form.resetFields();
+      form.setFieldsValue(searchData);
+    }
+  }, [form, searchData]);
+}

package/lib/components/Search/_hooks/useSearchItems.d.ts

@@ -0,0 +1,12 @@
+import { FormItemProps } from "../../FormItem";
+/**
+ * 管理搜索项状态
+ *
+ * 通过 useMemo 直接从入参派生，仅把用户在 FilterDropdown 里手动切换的
+ * visible 覆盖保存为 state；避免 useEffect 镜像 prop 时因为父组件传入
+ * 新数组引用而反复 setState，从而触发 Maximum update depth 循环。
+ */
+export declare function useSearchItems(searchItems: FormItemProps[]): {
+    searchItems: FormItemProps[];
+    setSearchItems: (items: FormItemProps[]) => void;
+};

package/lib/components/Search/_hooks/useSearchItems.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSearchItems = useSearchItems;
+var _react = require("react");
+/**
+ * 管理搜索项状态
+ *
+ * 通过 useMemo 直接从入参派生，仅把用户在 FilterDropdown 里手动切换的
+ * visible 覆盖保存为 state；避免 useEffect 镜像 prop 时因为父组件传入
+ * 新数组引用而反复 setState，从而触发 Maximum update depth 循环。
+ */
+function useSearchItems(searchItems) {
+  const [visibilityOverrides, setVisibilityOverrides] = (0, _react.useState)({});
+  const processedSearchItems = (0, _react.useMemo)(() => {
+    return searchItems?.map(i => {
+      const key = i.name !== undefined && i.name !== null ? String(i.name) : "";
+      const override = key ? visibilityOverrides[key] : undefined;
+      return {
+        ...i,
+        visible: override !== undefined ? override : typeof i.visible === "boolean" ? i.visible : true
+      };
+    }) ?? [];
+  }, [searchItems, visibilityOverrides]);
+  const setSearchItems = (0, _react.useCallback)(items => {
+    const overrides = {};
+    items?.forEach(item => {
+      if (item.name !== undefined && item.name !== null && typeof item.visible === "boolean") {
+        overrides[String(item.name)] = item.visible;
+      }
+    });
+    setVisibilityOverrides(overrides);
+  }, []);
+  return {
+    searchItems: processedSearchItems,
+    setSearchItems
+  };
+}

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

@@ -0,0 +1,48 @@
+import { FormInstance } from "antd";
+import { ReactNode } from "react";
+import { FormItemProps } from "../../FormItem";
+import { ChakraButtonProps } from "../../Button";
+/**
+ * Search 组件的基础属性接口
+ */
+export interface BaseSearchProps {
+    searchItems?: FormItemProps[];
+    moreSearchItems?: FormItemProps[];
+    onSearch?: <T = Record<string, unknown>>(data?: Partial<T>) => void;
+    onReset?: () => void;
+    className?: string;
+    externalForm?: FormInstance;
+    hasPermi?: string[];
+    /** 搜索项列数（不包括按钮组，总列数为 columnNum + 1） */
+    columnNum?: number;
+    beforeButtonGroup?: ChakraButtonProps[];
+    affterButtonGroup?: ChakraButtonProps[];
+    searchData?: Record<string, unknown>;
+    minLabelWidth?: boolean | number;
+    /** 默认是否展开 */
+    defaultExpanded?: boolean;
+    /** 展开状态变化时的回调 */
+    onExpandChange?: (expand: boolean) => void;
+    /** 是否启用基于宽度的自适应布局（默认显示一行包括按钮） */
+    autoAdaptWidth?: boolean;
+    /** 自适应布局的基准宽度（默认1200px） */
+    baseWidth?: number;
+    onValuesChange?: (value: Record<string, unknown>, values: Record<string, unknown>) => void;
+    searchDisabled?: boolean;
+    showAllSearchItems?: boolean;
+    /** 查询按钮文本 */
+    searchText?: ReactNode;
+    /** 重置按钮文本 */
+    resetText?: ReactNode;
+    /** 列偏移宽度，用于调整列宽计算（默认 0） */
+    columnOffsetWidth?: number;
+}
+/**
+ * 带筛选器的 Search 组件属性接口
+ */
+export interface SearchPropsWithFilter extends BaseSearchProps {
+    /** 是否显示筛选器 */
+    setFilter?: boolean;
+    /** FilterDropdown 勾选项变化时的回调 */
+    onFilterChange?: (items: FormItemProps[]) => void;
+}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Search/_utils/calculateButtonGroupAndColumnWidth.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from "react";
+/**
+ * 计算按钮组宽度和列宽
+ * @param containerRef 容器引用
+ * @param buttonGroupRef 按钮组引用
+ * @param adaptiveColumnNum 自适应列数
+ * @param columnOffsetWidth 列偏移宽度（默认 0）
+ * @returns 按钮组宽度和列宽
+ */
+export declare function calculateButtonGroupAndColumnWidth(containerRef: RefObject<HTMLDivElement>, buttonGroupRef: RefObject<HTMLDivElement>, adaptiveColumnNum: number, columnOffsetWidth?: number): {
+    buttonGroupWidth: number | undefined;
+    columnWidth: number | undefined;
+};

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateButtonGroupAndColumnWidth = calculateButtonGroupAndColumnWidth;
+/**
+ * 计算按钮组宽度和列宽
+ * @param containerRef 容器引用
+ * @param buttonGroupRef 按钮组引用
+ * @param adaptiveColumnNum 自适应列数
+ * @param columnOffsetWidth 列偏移宽度（默认 0）
+ * @returns 按钮组宽度和列宽
+ */
+function calculateButtonGroupAndColumnWidth(containerRef, buttonGroupRef, adaptiveColumnNum, columnOffsetWidth = 0) {
+  let buttonGroupWidth;
+  let columnWidth;
+  if (containerRef.current && buttonGroupRef.current) {
+    const containerWidth = containerRef.current.offsetWidth;
+    const availableWidth = containerWidth - 30; // 减去padding
+    const gap = 10; // 项之间的间距
+
+    // 计算按钮组宽度
+    const buttonChildren = Array.from(buttonGroupRef.current.children);
+    if (buttonChildren.length > 0) {
+      let totalWidth = 0;
+      buttonChildren?.forEach(child => {
+        totalWidth += child.offsetWidth;
+      });
+      const childGap = 5;
+      totalWidth += (buttonChildren.length - 1) * childGap;
+      buttonGroupWidth = totalWidth;
+    }
+
+    // 计算列宽（单个搜索项的默认宽度）
+    if (adaptiveColumnNum > 0) {
+      columnWidth = availableWidth - (((availableWidth - adaptiveColumnNum * gap) / (adaptiveColumnNum + 1) - columnOffsetWidth) * adaptiveColumnNum + adaptiveColumnNum * gap);
+    }
+    if (buttonGroupWidth !== undefined && columnWidth !== undefined && buttonGroupWidth > columnWidth) {
+      containerRef.current.style.setProperty("--column-compensate-width", `${columnOffsetWidth}px`);
+    } else {
+      containerRef.current.style.setProperty("--column-compensate-width", `${0}px`);
+    }
+  }
+  return {
+    buttonGroupWidth,
+    columnWidth
+  };
+}

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

@@ -0,0 +1,13 @@
+import { FormItemProps } from "../../FormItem";
+/**
+ * 计算当前应该显示的搜索项
+ * @param searchItems 所有搜索项
+ * @param expand 是否展开
+ * @param columnNum 列数
+ * @param visibleItemCount 可见项数量（自适应宽度时使用）
+ * @param autoAdaptWidth 是否启用自适应宽度
+ * @param buttonGroupWidth 按钮组宽度（可选）
+ * @param columnWidth 列宽（可选）
+ * @returns 当前应该显示的搜索项
+ */
+export declare function calculateVisibleItems(searchItems: FormItemProps[], expand: boolean, columnNum: number, visibleItemCount: number, autoAdaptWidth: boolean, buttonGroupWidth?: number, columnWidth?: number): FormItemProps[];

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateVisibleItems = calculateVisibleItems;
+/**
+ * 计算当前应该显示的搜索项
+ * @param searchItems 所有搜索项
+ * @param expand 是否展开
+ * @param columnNum 列数
+ * @param visibleItemCount 可见项数量（自适应宽度时使用）
+ * @param autoAdaptWidth 是否启用自适应宽度
+ * @param buttonGroupWidth 按钮组宽度（可选）
+ * @param columnWidth 列宽（可选）
+ * @returns 当前应该显示的搜索项
+ */
+function calculateVisibleItems(searchItems, expand, columnNum, visibleItemCount, autoAdaptWidth, buttonGroupWidth, columnWidth) {
+  const visibleItems = searchItems.filter(item => item.visible);
+  const hasCustomWidth = searchItems.find(item => item.width !== undefined);
+  if (!expand) {
+    // 当有自定义宽度时，使用自适应计算
+    if (hasCustomWidth && autoAdaptWidth) {
+      if (visibleItems.length > visibleItemCount) {
+        return visibleItems.slice(0, visibleItemCount);
+      }
+    } else if (!hasCustomWidth) {
+      // 没有自定义宽度时，使用 columnNum（实际搜索项数量）
+      // 判断按钮组宽度是否大于列宽，如果是，则显示 实际搜索项数量+1
+      let displayCount = columnNum;
+      if (buttonGroupWidth !== undefined && columnWidth !== undefined && (buttonGroupWidth > columnWidth || buttonGroupWidth < columnWidth && columnNum + 1 === visibleItems.length)) {
+        displayCount = columnNum + 1;
+      }
+      if (visibleItems.length >= displayCount) {
+        return visibleItems.slice(0, displayCount);
+      }
+    }
+  }
+  return visibleItems;
+}

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanSearchData = cleanSearchData;
+/**
+ * 清理搜索数据，移除 undefined 值
+ * @param data 原始搜索数据
+ * @returns 清理后的搜索数据
+ */
+function cleanSearchData(data) {
+  const cleaned = {};
+  let hasValue = false;
+  for (const key in data) {
+    if (data[key] !== undefined) {
+      cleaned[key] = data[key];
+      hasValue = true;
+    }
+  }
+  return hasValue ? cleaned : undefined;
+}

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

@@ -0,0 +1,3 @@
+export { cleanSearchData } from "./cleanSearchData";
+export { calculateVisibleItems } from "./calculateVisibleItems";
+export { calculateButtonGroupAndColumnWidth } from "./calculateButtonGroupAndColumnWidth";

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "calculateButtonGroupAndColumnWidth", {
+  enumerable: true,
+  get: function () {
+    return _calculateButtonGroupAndColumnWidth.calculateButtonGroupAndColumnWidth;
+  }
+});
+Object.defineProperty(exports, "calculateVisibleItems", {
+  enumerable: true,
+  get: function () {
+    return _calculateVisibleItems.calculateVisibleItems;
+  }
+});
+Object.defineProperty(exports, "cleanSearchData", {
+  enumerable: true,
+  get: function () {
+    return _cleanSearchData.cleanSearchData;
+  }
+});
+var _cleanSearchData = require("./cleanSearchData");
+var _calculateVisibleItems = require("./calculateVisibleItems");
+var _calculateButtonGroupAndColumnWidth = require("./calculateButtonGroupAndColumnWidth");

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { SearchCardProps } from "./SearchCard";
+import SearchAdvanced from "./SearchAdvanced";
+import SearchCollapsible from "./SearchCollapsible";
+import SearchWithFilter from "./SearchWithFilter";
+import SearchWithMore from "./SearchWithMore";
+import { BaseSearchProps } from "./_types";
+import { ChakraButtonProps } from "../Button";
+export interface SearchProps extends BaseSearchProps {
+    beforeButtonGroup?: ChakraButtonProps[];
+    affterButtonGroup?: ChakraButtonProps[];
+}
+interface SearchFC extends React.FC<SearchProps> {
+    Card: React.FC<SearchCardProps>;
+    Advanced: typeof SearchAdvanced;
+    Collapsible: typeof SearchCollapsible;
+    WithFilter: typeof SearchWithFilter;
+    WithMore: typeof SearchWithMore;
+}
+export type SearchModeKeys = "Default" | keyof Omit<SearchFC, keyof React.FC<SearchProps>>;
+export type SearchModePropsMap = {
+    Default: SearchProps;
+    Card: React.ComponentProps<SearchFC["Card"]>;
+    Advanced: React.ComponentProps<SearchFC["Advanced"]>;
+    Collapsible: React.ComponentProps<SearchFC["Collapsible"]>;
+    WithFilter: React.ComponentProps<SearchFC["WithFilter"]>;
+    WithMore: React.ComponentProps<SearchFC["WithMore"]>;
+};
+declare const Search: SearchFC;
+export default Search;

package/lib/components/Search/index.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _FormItem = _interopRequireDefault(require("../FormItem"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _hooks = require("./_hooks");
+var _SearchCard = _interopRequireDefault(require("./SearchCard"));
+var _SearchAdvanced = _interopRequireDefault(require("./SearchAdvanced"));
+var _SearchCollapsible = _interopRequireDefault(require("./SearchCollapsible"));
+var _SearchWithFilter = _interopRequireDefault(require("./SearchWithFilter"));
+var _SearchWithMore = _interopRequireDefault(require("./SearchWithMore"));
+var _ButtonGroup = require("./_components/ButtonGroup");
+var _SearchButtons = require("./_components/SearchButtons");
+var _ExpandButton = require("./_components/ExpandButton");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// 导出所有可用的 Search 模式键名
+
+// 导出 Search 模式映射类型
+
+const Search = props => {
+  const {
+    searchItems = [],
+    moreSearchItems = [],
+    className,
+    onSearch,
+    onReset,
+    externalForm,
+    hasPermi,
+    columnNum = 4,
+    beforeButtonGroup,
+    affterButtonGroup,
+    searchData,
+    minLabelWidth,
+    defaultExpanded = false,
+    onExpandChange,
+    autoAdaptWidth = true,
+    baseWidth,
+    onValuesChange,
+    searchDisabled = false,
+    showAllSearchItems = false,
+    searchText,
+    resetText,
+    columnOffsetWidth = 0
+  } = props;
+  const [form] = _antd.Form.useForm(externalForm);
+  const {
+    containerRef,
+    buttonGroupRef,
+    cls,
+    getLabelWidth,
+    currentSearchItems,
+    totalColumnNum,
+    expand,
+    toggleExpand,
+    showExpandButton,
+    onSearchClick,
+    onResetClick,
+    shouldRender,
+    permitted
+  } = (0, _hooks.useSearchCommon)({
+    form,
+    searchItems,
+    moreSearchItems,
+    searchData,
+    hasPermi,
+    beforeButtonGroup,
+    affterButtonGroup,
+    columnNum,
+    autoAdaptWidth,
+    defaultExpanded,
+    onExpandChange,
+    showAllSearchItems,
+    minLabelWidth,
+    baseWidth,
+    onSearch,
+    onReset,
+    columnOffsetWidth
+  });
+  if (!shouldRender) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: containerRef,
+    className: (0, _classnames.default)(_indexModule.default.Search, className),
+    style: {
+      "--column-number": totalColumnNum,
+      "--column-offset-width": `${columnOffsetWidth}px`
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(_indexModule.default.searchOption, _indexModule.default[expand.toString()]),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Form, {
+        form: form,
+        className: (0, _classnames.default)(_indexModule.default.option, cls),
+        onValuesChange: onValuesChange,
+        children: [permitted && currentSearchItems?.map((item, idx) => {
+          const visibleCurrentItems = currentSearchItems.filter(i => i.visible !== false);
+          const columnIndex = idx % totalColumnNum;
+          const sameColumnItems = visibleCurrentItems.filter((_, _idx) => _idx % totalColumnNum === columnIndex);
+          return /*#__PURE__*/(0, _react.createElement)(_FormItem.default, {
+            ...item,
+            key: item.name,
+            className: (0, _classnames.default)(_indexModule.default.item, item.className, {
+              [_indexModule.default.unFill]: item.width !== undefined
+            }),
+            labelWidth: item.width !== undefined ? undefined : getLabelWidth(sameColumnItems, undefined, minLabelWidth)
+          });
+        }), (beforeButtonGroup?.length || affterButtonGroup?.length || permitted) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.ButtonGroup, {
+          beforeButtonGroup: beforeButtonGroup,
+          affterButtonGroup: affterButtonGroup,
+          expandButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandButton.ExpandButton, {
+            expand: expand,
+            toggleExpand: toggleExpand,
+            advancedFilters: false,
+            showExpandButton: showExpandButton,
+            showAllSearchItems: showAllSearchItems || !!moreSearchItems?.length
+          }),
+          permitted: permitted,
+          ref: buttonGroupRef,
+          children: currentSearchItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchButtons.SearchButtons, {
+            onSearch: onSearchClick,
+            onReset: onResetClick,
+            searchDisabled: searchDisabled,
+            searchText: searchText,
+            resetText: resetText
+          })
+        })]
+      })
+    })
+  });
+};
+Search.Card = _SearchCard.default;
+Search.Advanced = _SearchAdvanced.default;
+Search.Collapsible = _SearchCollapsible.default;
+Search.WithFilter = _SearchWithFilter.default;
+Search.WithMore = _SearchWithMore.default;
+var _default = exports.default = Search;