@hsu-react/ui 0.0.1

package/es/components/Search/_components/FilterDropdown/index.js

@@ -0,0 +1,127 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from "react";
+import { Dropdown } from "antd";
+import Checkbox from "../../../Checkbox";
+import Icon from "../../../Icon";
+import styles from "../../index.module.less";
+import Button from "../../../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var FilterDropdown = function FilterDropdown(_ref) {
+  var searchItems = _ref.searchItems,
+    originalSearchItems = _ref.originalSearchItems,
+    setSearchItems = _ref.setSearchItems,
+    onFilterChange = _ref.onFilterChange;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  useEffect(function () {
+    document.addEventListener("click", function () {
+      setOpen(false);
+    });
+    return function () {
+      document.removeEventListener("click", function () {
+        setOpen(false);
+      });
+    };
+  }, [searchItems]);
+  return /*#__PURE__*/_jsx(Dropdown, {
+    open: open,
+    overlayClassName: styles.filterDropdown,
+    trigger: ["click"],
+    placement: "bottomRight",
+    menu: {
+      onClick: function onClick(e) {
+        e.domEvent.stopPropagation();
+      },
+      items: [{
+        key: "1",
+        label: /*#__PURE__*/_jsxs("div", {
+          className: styles.filterDropdownItem,
+          children: [/*#__PURE__*/_jsx(Checkbox, {
+            indeterminate: searchItems.some(function (item) {
+              return item.visible;
+            }) && !searchItems.every(function (item) {
+              return item.visible;
+            }),
+            checked: searchItems.every(function (item) {
+              return item.visible;
+            }),
+            onChange: function onChange(e) {
+              var newItems = searchItems === null || searchItems === void 0 ? void 0 : searchItems.map(function (item) {
+                return _objectSpread(_objectSpread({}, item), {}, {
+                  visible: e.target.checked
+                });
+              });
+              setSearchItems(newItems);
+              onFilterChange === null || onFilterChange === void 0 || onFilterChange(newItems);
+            },
+            children: "\u5168\u9009"
+          }), /*#__PURE__*/_jsx(Icon, {
+            icon: "basil:refresh-solid",
+            className: styles.filterDropdownItemIcon,
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              var newItems = originalSearchItems === null || originalSearchItems === void 0 ? void 0 : originalSearchItems.map(function (i) {
+                return _objectSpread(_objectSpread({}, i), {}, {
+                  visible: typeof i.visible === "boolean" ? i.visible : true
+                });
+              });
+              setSearchItems(newItems);
+              onFilterChange === null || onFilterChange === void 0 || onFilterChange(newItems);
+            }
+          })]
+        })
+      }, {
+        type: "divider"
+      }].concat(_toConsumableArray((searchItems || []).map(function (i) {
+        return {
+          label: /*#__PURE__*/_jsx(Checkbox, {
+            checked: i.visible,
+            onChange: function onChange(e) {
+              e.stopPropagation();
+              var newItems = searchItems === null || searchItems === void 0 ? void 0 : searchItems.map(function (item) {
+                if (item.name === i.name) {
+                  return _objectSpread(_objectSpread({}, item), {}, {
+                    visible: e.target.checked
+                  });
+                }
+                return item;
+              });
+              setSearchItems(newItems);
+              onFilterChange === null || onFilterChange === void 0 || onFilterChange(newItems);
+            },
+            children: i.label
+          }),
+          key: i.name
+        };
+      })))
+    },
+    children: /*#__PURE__*/_jsx(Button, {
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: "solar:settings-linear"
+      }),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setOpen(!open);
+      },
+      children: "\u8BBE\u7F6E"
+    })
+  });
+};

package/es/components/Search/_components/SearchButtons/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface SearchButtonsProps {
+    onSearch: () => void;
+    onReset: () => void;
+    searchDisabled?: boolean;
+    /** 查询按钮文本 */
+    searchText?: React.ReactNode;
+    /** 重置按钮文本 */
+    resetText?: React.ReactNode;
+}
+export declare const SearchButtons: React.FC<SearchButtonsProps>;
+export {};

package/es/components/Search/_components/SearchButtons/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import Button from "../../../Button";
+import Icon from "../../../Icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var SearchButtons = function SearchButtons(_ref) {
+  var onSearch = _ref.onSearch,
+    onReset = _ref.onReset,
+    _ref$searchDisabled = _ref.searchDisabled,
+    searchDisabled = _ref$searchDisabled === void 0 ? false : _ref$searchDisabled,
+    _ref$searchText = _ref.searchText,
+    searchText = _ref$searchText === void 0 ? "查询" : _ref$searchText,
+    _ref$resetText = _ref.resetText,
+    resetText = _ref$resetText === void 0 ? "重置" : _ref$resetText;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      onClick: onSearch,
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: "tabler:search"
+      }),
+      disabled: searchDisabled,
+      children: searchText
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: onReset,
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: "basil:refresh-solid"
+      }),
+      disabled: searchDisabled,
+      children: resetText
+    })]
+  });
+};

package/es/components/Search/_hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { useSearchExpand } from "./useSearchExpand";
+export { useSearchItems } from "./useSearchItems";
+export { useSearchForm } from "./useSearchForm";
+export { useAdaptiveColumnNum } from "./useAdaptiveColumnNum";
+export { useSearchCommon } from "./useSearchCommon";
+export type { UseSearchCommonParams, UseSearchCommonReturn } from "./useSearchCommon";

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

@@ -0,0 +1,5 @@
+export { useSearchExpand } from "./useSearchExpand";
+export { useSearchItems } from "./useSearchItems";
+export { useSearchForm } from "./useSearchForm";
+export { useAdaptiveColumnNum } from "./useAdaptiveColumnNum";
+export { useSearchCommon } from "./useSearchCommon";

package/es/components/Search/_hooks/useAdaptiveColumnNum.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from "react";
+/**
+ * 根据容器宽度动态调整列数的Hook
+ * @param containerRef 容器引用
+ * @param totalColumnNum 基础总列数（包括按钮组）
+ * @param enabled 是否启用自适应（默认true）
+ * @param minColumnNum 最小列数（默认1）
+ * @param maxColumnNum 最大列数（默认不限制）
+ * @param breakpoints 断点配置，格式：{ width: columnNum }，例如 { 1200: 5, 800: 3 }
+ * @param baseWidth 基准宽度，用于计算宽度比例（默认1200px）
+ * @returns 调整后的总列数
+ */
+export declare function useAdaptiveColumnNum(containerRef: RefObject<HTMLDivElement>, totalColumnNum: number, enabled?: boolean, minColumnNum?: number, maxColumnNum?: number, breakpoints?: Record<number, number>, baseWidth?: number): number;

package/es/components/Search/_hooks/useAdaptiveColumnNum.js

@@ -0,0 +1,114 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from "react";
+
+/**
+ * 根据容器宽度动态调整列数的Hook
+ * @param containerRef 容器引用
+ * @param totalColumnNum 基础总列数（包括按钮组）
+ * @param enabled 是否启用自适应（默认true）
+ * @param minColumnNum 最小列数（默认1）
+ * @param maxColumnNum 最大列数（默认不限制）
+ * @param breakpoints 断点配置，格式：{ width: columnNum }，例如 { 1200: 5, 800: 3 }
+ * @param baseWidth 基准宽度，用于计算宽度比例（默认1200px）
+ * @returns 调整后的总列数
+ */
+export function useAdaptiveColumnNum(containerRef, totalColumnNum) {
+  var enabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var minColumnNum = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  var maxColumnNum = arguments.length > 4 ? arguments[4] : undefined;
+  var breakpoints = arguments.length > 5 ? arguments[5] : undefined;
+  var baseWidth = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 1200;
+  var _useState = useState(totalColumnNum),
+    _useState2 = _slicedToArray(_useState, 2),
+    adaptiveColumnNum = _useState2[0],
+    setAdaptiveColumnNum = _useState2[1];
+  useEffect(function () {
+    if (!enabled) {
+      setAdaptiveColumnNum(totalColumnNum);
+      return;
+    }
+    var calculateColumnNum = function calculateColumnNum() {
+      if (!containerRef.current || !containerRef.current.offsetWidth) return;
+      var containerWidth = containerRef.current.offsetWidth;
+      var calculatedColumnNum = totalColumnNum;
+
+      // 如果提供了断点配置，优先使用断点
+      if (breakpoints) {
+        var _Object$keys;
+        var sortedBreakpoints = (_Object$keys = Object.keys(breakpoints)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(Number).sort(function (a, b) {
+          return b - a;
+        }); // 从大到小排序
+        var _iterator = _createForOfIteratorHelper(sortedBreakpoints),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var breakpoint = _step.value;
+            if (containerWidth >= breakpoint) {
+              calculatedColumnNum = breakpoints[breakpoint];
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      } else {
+        // 默认策略：根据容器宽度自动计算
+        // 基于基础列数，根据容器宽度比例调整
+        var widthRatio = containerWidth / baseWidth;
+        calculatedColumnNum = Math.round(totalColumnNum * widthRatio);
+      }
+
+      // 应用最小值和最大值限制
+      if (calculatedColumnNum < minColumnNum) {
+        calculatedColumnNum = minColumnNum;
+      }
+      if (maxColumnNum !== undefined && calculatedColumnNum > maxColumnNum) {
+        calculatedColumnNum = maxColumnNum;
+      }
+      setAdaptiveColumnNum(calculatedColumnNum);
+    };
+    var resizeObserver = new ResizeObserver(function () {
+      // 使用 requestAnimationFrame 延迟到下一帧，确保DOM已更新
+      requestAnimationFrame(function () {
+        calculateColumnNum();
+      });
+    });
+
+    // 延迟观察，确保 ref 已被赋值
+    var observeContainer = function observeContainer() {
+      if (containerRef.current) {
+        resizeObserver.observe(containerRef.current);
+      } else {
+        // 如果 ref 还未赋值，稍后重试
+        requestAnimationFrame(observeContainer);
+      }
+    };
+    observeContainer();
+
+    // 监听窗口大小变化
+    var handleWindowResize = function handleWindowResize() {
+      requestAnimationFrame(function () {
+        calculateColumnNum();
+      });
+    };
+    window.addEventListener("resize", handleWindowResize);
+
+    // 初始计算（延迟执行以确保DOM已渲染）
+    requestAnimationFrame(function () {
+      calculateColumnNum();
+    });
+    return function () {
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", handleWindowResize);
+    };
+  }, [containerRef, totalColumnNum, enabled, minColumnNum, maxColumnNum, breakpoints, baseWidth]);
+  return enabled ? adaptiveColumnNum : totalColumnNum;
+}

package/es/components/Search/_hooks/useSearchCommon.d.ts

@@ -0,0 +1,52 @@
+import { FormInstance } from "antd";
+import { RefObject } from "react";
+import { FormItemProps } from "../../FormItem";
+import useLabelWidth from "../../../hooks/useLabelWidth";
+import { ChakraButtonProps } from "../../Button";
+export interface UseSearchCommonParams {
+    form: FormInstance;
+    searchItems: FormItemProps[];
+    moreSearchItems?: FormItemProps[];
+    searchData?: Record<string, unknown>;
+    hasPermi?: string[];
+    beforeButtonGroup?: ChakraButtonProps[];
+    affterButtonGroup?: ChakraButtonProps[];
+    columnNum: number;
+    autoAdaptWidth: boolean;
+    defaultExpanded: boolean;
+    onExpandChange?: (expand: boolean) => void;
+    showAllSearchItems: boolean;
+    minLabelWidth?: boolean | number;
+    baseWidth?: number;
+    onSearch?: <T = Record<string, unknown>>(data?: Partial<T>) => void;
+    onReset?: () => void;
+    columnOffsetWidth?: number;
+}
+export interface UseSearchCommonReturn {
+    containerRef: RefObject<HTMLDivElement>;
+    buttonGroupRef: RefObject<HTMLDivElement>;
+    cls: string;
+    getLabelWidth: ReturnType<typeof useLabelWidth>[1];
+    processedSearchItems: FormItemProps[];
+    setSearchItems: (items: FormItemProps[]) => void;
+    visibleSearchItems: FormItemProps[];
+    visibleMoreSearchItems: FormItemProps[];
+    visibleSearchItemCount: number;
+    currentSearchItems: FormItemProps[];
+    totalColumnNum: number;
+    adaptiveColumnNum: number;
+    expand: boolean;
+    setExpand?: (expand: boolean) => void;
+    toggleExpand: () => void;
+    visibleItemCount: number;
+    hasCustomWidth: boolean;
+    showExpandButton: boolean;
+    onSearchClick: () => void;
+    onResetClick: () => void;
+    shouldRender: boolean;
+    permitted: boolean;
+}
+/**
+ * 提取所有 Search 组件的通用逻辑
+ */
+export declare const useSearchCommon: (params: UseSearchCommonParams) => UseSearchCommonReturn;

package/es/components/Search/_hooks/useSearchCommon.js

@@ -0,0 +1,218 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useMemo, useRef, useCallback } from "react";
+import { generateRandomStr } from "hsu-utils";
+import useLabelWidth from "../../../hooks/useLabelWidth";
+import usePermissions from "../../../hooks/usePermissions";
+import { useSearchItems } from "./useSearchItems";
+import { useSearchForm } from "./useSearchForm";
+import { useAdaptiveColumnNum } from "./useAdaptiveColumnNum";
+import { useSearchExpand } from "./useSearchExpand";
+import { cleanSearchData, calculateVisibleItems, calculateButtonGroupAndColumnWidth } from "../_utils";
+import styles from "../index.module.less";
+/**
+ * 提取所有 Search 组件的通用逻辑
+ */
+export var useSearchCommon = function useSearchCommon(params) {
+  var form = params.form,
+    searchItems = params.searchItems,
+    _params$moreSearchIte = params.moreSearchItems,
+    moreSearchItems = _params$moreSearchIte === void 0 ? [] : _params$moreSearchIte,
+    searchData = params.searchData,
+    hasPermi = params.hasPermi,
+    beforeButtonGroup = params.beforeButtonGroup,
+    affterButtonGroup = params.affterButtonGroup,
+    columnNum = params.columnNum,
+    autoAdaptWidth = params.autoAdaptWidth,
+    defaultExpanded = params.defaultExpanded,
+    onExpandChange = params.onExpandChange,
+    showAllSearchItems = params.showAllSearchItems,
+    baseWidth = params.baseWidth,
+    onSearch = params.onSearch,
+    onReset = params.onReset,
+    _params$columnOffsetW = params.columnOffsetWidth,
+    columnOffsetWidth = _params$columnOffsetW === void 0 ? 0 : _params$columnOffsetW;
+  var _useLabelWidth = useLabelWidth(),
+    _useLabelWidth2 = _slicedToArray(_useLabelWidth, 2),
+    getLabelWidth = _useLabelWidth2[1];
+  var _usePermissions = usePermissions(hasPermi),
+    permitted = _usePermissions.permitted,
+    checkPermission = _usePermissions.checkPermission;
+  var _useSearchItems = useSearchItems(searchItems),
+    processedSearchItems = _useSearchItems.searchItems,
+    setSearchItems = _useSearchItems.setSearchItems;
+  var containerRef = useRef(null);
+  var buttonGroupRef = useRef(null);
+  var cls = useMemo(function () {
+    return generateRandomStr(10);
+  }, []);
+
+  // 提取可见搜索项
+  var visibleSearchItems = useMemo(function () {
+    return processedSearchItems.filter(function (item) {
+      return item.visible !== false;
+    });
+  }, [processedSearchItems]);
+
+  // 提取可见的更多搜索项
+  var visibleMoreSearchItems = useMemo(function () {
+    return moreSearchItems.filter(function (item) {
+      return item.visible !== false;
+    });
+  }, [moreSearchItems]);
+
+  // 计算可见的搜索项数量
+  var visibleSearchItemCount = useMemo(function () {
+    return visibleSearchItems.length;
+  }, [visibleSearchItems]);
+
+  // 计算总列数（包括按钮组）
+  var baseTotalColumnNum = useMemo(function () {
+    return columnNum + 1;
+  }, [columnNum]);
+
+  // 根据容器宽度动态调整列数
+  var totalColumnNum = useAdaptiveColumnNum(containerRef, baseTotalColumnNum, autoAdaptWidth, 1,
+  // minColumnNum
+  undefined,
+  // maxColumnNum
+  undefined,
+  // breakpoints
+  baseWidth);
+
+  // 计算调整后的搜索项列数（不包括按钮组）
+  var adaptiveColumnNum = useMemo(function () {
+    return Math.max(1, totalColumnNum - 1);
+  }, [totalColumnNum]);
+
+  // 使用基于宽度的展开/收起控制
+  var _useSearchExpand = useSearchExpand(containerRef, buttonGroupRef, ".".concat(cls, " .").concat(styles.item), visibleSearchItemCount, adaptiveColumnNum, autoAdaptWidth, defaultExpanded, onExpandChange, processedSearchItems, showAllSearchItems || !!(moreSearchItems !== null && moreSearchItems !== void 0 && moreSearchItems.length), columnOffsetWidth),
+    expand = _useSearchExpand.expand,
+    setExpand = _useSearchExpand.setExpand,
+    toggleExpand = _useSearchExpand.toggleExpand,
+    visibleItemCount = _useSearchExpand.visibleItemCount;
+  useSearchForm({
+    form: form,
+    searchData: searchData
+  });
+
+  // 计算当前应该显示的搜索项
+  var currentSearchItems = useMemo(function () {
+    if (showAllSearchItems || !!(moreSearchItems !== null && moreSearchItems !== void 0 && moreSearchItems.length)) {
+      if (expand) return [].concat(_toConsumableArray(visibleSearchItems), _toConsumableArray(visibleMoreSearchItems));
+      return visibleSearchItems;
+    }
+
+    // 计算按钮组宽度和列宽（用于判断是否需要显示更多项）
+    var buttonGroupWidth;
+    var columnWidth;
+    if (!expand) {
+      var result = calculateButtonGroupAndColumnWidth(containerRef, buttonGroupRef, adaptiveColumnNum, columnOffsetWidth);
+      buttonGroupWidth = result.buttonGroupWidth;
+      columnWidth = result.columnWidth;
+    }
+
+    // 否则使用计算函数
+    return calculateVisibleItems(processedSearchItems, expand, adaptiveColumnNum, visibleItemCount, autoAdaptWidth, buttonGroupWidth, columnWidth);
+  }, [showAllSearchItems, moreSearchItems === null || moreSearchItems === void 0 ? void 0 : moreSearchItems.length, expand, processedSearchItems, adaptiveColumnNum, visibleItemCount, autoAdaptWidth, visibleSearchItems, visibleMoreSearchItems, columnOffsetWidth]);
+  var onResetClick = useCallback(function () {
+    if (!form) return;
+    form.resetFields();
+    onReset === null || onReset === void 0 || onReset();
+  }, [form, onReset]);
+  var onSearchClick = useCallback(function () {
+    if (!form) return;
+    form.validateFields().then(function (value) {
+      var cleanedData = cleanSearchData(value);
+      onSearch === null || onSearch === void 0 || onSearch(cleanedData);
+    });
+  }, [form, onSearch]);
+
+  // 检查是否有自定义宽度
+  var hasCustomWidth = useMemo(function () {
+    return processedSearchItems.some(function (item) {
+      return item.width !== undefined;
+    });
+  }, [processedSearchItems]);
+
+  // 计算实际应该显示的项数（考虑按钮组宽度大于列宽的情况）
+  var actualDisplayCount = useMemo(function () {
+    if (hasCustomWidth) {
+      return visibleItemCount;
+    }
+
+    // 计算按钮组宽度和列宽
+    var _calculateButtonGroup = calculateButtonGroupAndColumnWidth(containerRef, buttonGroupRef, adaptiveColumnNum, columnOffsetWidth),
+      buttonGroupWidth = _calculateButtonGroup.buttonGroupWidth,
+      columnWidth = _calculateButtonGroup.columnWidth;
+
+    // 判断按钮组宽度是否大于列宽，如果是，则显示 实际搜索项数量+1
+    if (buttonGroupWidth !== undefined && columnWidth !== undefined && (buttonGroupWidth > columnWidth || buttonGroupWidth < columnWidth && adaptiveColumnNum + 1 === visibleSearchItemCount)) {
+      return adaptiveColumnNum + 1;
+    }
+    return adaptiveColumnNum;
+  }, [hasCustomWidth, adaptiveColumnNum, columnOffsetWidth, visibleSearchItemCount, visibleItemCount]);
+
+  // 计算是否显示展开按钮
+  var showExpandButton = useMemo(function () {
+    // 如果有更多搜索项，显示展开按钮
+    if (showAllSearchItems || !!(moreSearchItems !== null && moreSearchItems !== void 0 && moreSearchItems.length)) {
+      if (visibleMoreSearchItems !== null && visibleMoreSearchItems !== void 0 && visibleMoreSearchItems.length) {
+        return true;
+      }
+      return false;
+    }
+
+    // 如果有自定义宽度，根据可见项数量判断
+    if (hasCustomWidth) {
+      return visibleSearchItemCount > visibleItemCount;
+    }
+    // 否则根据实际显示项数判断（考虑按钮组宽度大于列宽的情况）
+    return visibleSearchItemCount > actualDisplayCount;
+  }, [showAllSearchItems, moreSearchItems, hasCustomWidth, visibleSearchItemCount, actualDisplayCount, visibleMoreSearchItems === null || visibleMoreSearchItems === void 0 ? void 0 : visibleMoreSearchItems.length, visibleItemCount]);
+
+  // 检查按钮组是否有权限的按钮
+  var hasPermittedButtons = useCallback(function (buttonGroup) {
+    if (!(buttonGroup !== null && buttonGroup !== void 0 && buttonGroup.length)) return false;
+    return buttonGroup.some(function (button) {
+      return checkPermission(button.hasPermi);
+    });
+  }, [checkPermission]);
+
+  // 权限和内容检查
+  var shouldRender = useMemo(function () {
+    return Boolean(hasPermittedButtons(beforeButtonGroup) || hasPermittedButtons(affterButtonGroup) || permitted && searchItems.length > 0);
+  }, [searchItems.length, beforeButtonGroup, affterButtonGroup, permitted, hasPermittedButtons]);
+  return {
+    containerRef: containerRef,
+    buttonGroupRef: buttonGroupRef,
+    cls: cls,
+    getLabelWidth: getLabelWidth,
+    processedSearchItems: processedSearchItems,
+    setSearchItems: setSearchItems,
+    visibleSearchItems: visibleSearchItems,
+    visibleMoreSearchItems: visibleMoreSearchItems,
+    visibleSearchItemCount: visibleSearchItemCount,
+    currentSearchItems: currentSearchItems,
+    totalColumnNum: totalColumnNum,
+    adaptiveColumnNum: adaptiveColumnNum,
+    expand: expand,
+    setExpand: setExpand,
+    toggleExpand: toggleExpand,
+    visibleItemCount: visibleItemCount,
+    hasCustomWidth: hasCustomWidth,
+    showExpandButton: showExpandButton,
+    onSearchClick: onSearchClick,
+    onResetClick: onResetClick,
+    shouldRender: shouldRender,
+    permitted: permitted
+  };
+};

package/es/components/Search/_hooks/useSearchExpand.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { FormItemProps } from "../../FormItem";
+/**
+ * 基于宽度自适应控制展开/收起的Hook
+ * @param containerRef 容器引用
+ * @param buttonGroupRef 按钮组引用
+ * @param itemClassName 搜索项的className
+ * @param itemCount 搜索项总数
+ * @param columnNum 列数
+ * @param autoAdaptWidth 是否启用自适应宽度
+ * @param defaultExpanded 默认是否展开
+ * @param onExpandChange 展开状态变化回调
+ * @param searchItems 搜索项配置数组（可选）
+ * @param showAllSearchItems 是否显示所有搜索项
+ * @returns 展开状态及控制方法
+ */
+export declare function useSearchExpand(containerRef: React.RefObject<HTMLDivElement>, buttonGroupRef: React.RefObject<HTMLDivElement>, itemClassName: string, itemCount: number, columnNum: number, autoAdaptWidth: boolean, defaultExpanded: boolean, onExpandChange?: (expand: boolean) => void, searchItems?: FormItemProps[], showAllSearchItems?: boolean, columnOffsetWidth?: number): {
+    expand: boolean;
+    setExpand: (newExpand: boolean) => void;
+    toggleExpand: () => void;
+    visibleItemCount: number;
+};