@hsu-react/ui 0.0.1

package/lib/components/Panel/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _IframePanel = _interopRequireDefault(require("./IframePanel"));
+var _ListPanel = _interopRequireDefault(require("./ListPanel"));
+var _DefaultPanel = _interopRequireDefault(require("./DefaultPanel"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Panel = {
+  List: _ListPanel.default,
+  Iframe: _IframePanel.default,
+  Default: _DefaultPanel.default
+};
+var _default = exports.default = Panel;

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { ChakraButtonProps } from "../../Button";
+import { DrawerFormProps } from "../../Form/DrawerForm";
+import { SearchPropsWithFilter } from "../_types";
+export interface SearchAdvancedProps extends SearchPropsWithFilter {
+    advancedFiltersProps?: DrawerFormProps;
+    beforeButtonGroup?: ChakraButtonProps[];
+    affterButtonGroup?: ChakraButtonProps[];
+}
+/**
+ * 高级筛选模式的 Search 组件
+ * - 不显示标签（label）
+ * - 使用抽屉形式展示更多筛选项
+ * - 更适合复杂的筛选场景
+ */
+declare const SearchAdvanced: React.FC<SearchAdvancedProps>;
+export default SearchAdvanced;

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

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _FormItem = _interopRequireDefault(require("../../FormItem"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _hooks = require("../_hooks");
+var _ButtonGroup = require("../_components/ButtonGroup");
+var _SearchButtons = require("../_components/SearchButtons");
+var _FilterDropdown = require("../_components/FilterDropdown");
+var _ExpandButton = require("../_components/ExpandButton");
+var _AdvancedFiltersDrawer = require("../_components/AdvancedFiltersDrawer");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 组件
+ * - 不显示标签（label）
+ * - 使用抽屉形式展示更多筛选项
+ * - 更适合复杂的筛选场景
+ */
+const SearchAdvanced = props => {
+  const {
+    searchItems = [],
+    moreSearchItems = [],
+    className,
+    onSearch,
+    onReset,
+    externalForm,
+    hasPermi,
+    columnNum = 4,
+    beforeButtonGroup,
+    affterButtonGroup,
+    searchData,
+    advancedFiltersProps,
+    setFilter,
+    minLabelWidth,
+    defaultExpanded = false,
+    onExpandChange,
+    autoAdaptWidth = true,
+    baseWidth,
+    onValuesChange,
+    searchDisabled = false,
+    showAllSearchItems = false,
+    searchText,
+    resetText,
+    onFilterChange,
+    columnOffsetWidth = 0
+  } = props;
+  const [form] = _antd.Form.useForm(externalForm);
+  const {
+    containerRef,
+    buttonGroupRef,
+    cls,
+    getLabelWidth,
+    processedSearchItems,
+    setSearchItems,
+    currentSearchItems,
+    totalColumnNum,
+    expand,
+    setExpand,
+    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.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: containerRef,
+      className: (0, _classnames.default)(_indexModule.default.Search, className, {
+        [_indexModule.default.advancedFilters]: true
+      }),
+      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 => {
+            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
+              }),
+              label: undefined,
+              labelWidth: undefined
+            });
+          }), (beforeButtonGroup?.length || affterButtonGroup?.length || permitted) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.ButtonGroup, {
+            beforeButtonGroup: beforeButtonGroup,
+            affterButtonGroup: affterButtonGroup,
+            expandButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandButton.ExpandButton, {
+              expand: expand,
+              toggleExpand: toggleExpand,
+              advancedFilters: true,
+              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
+            }), setFilter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterDropdown.FilterDropdown, {
+              searchItems: processedSearchItems,
+              originalSearchItems: searchItems,
+              setSearchItems: setSearchItems,
+              onFilterChange: onFilterChange
+            })]
+          })]
+        })
+      })
+    }), permitted && setExpand && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdvancedFiltersDrawer.AdvancedFiltersDrawer, {
+      expand: expand,
+      setExpand: setExpand,
+      searchItems: processedSearchItems,
+      form: form,
+      getLabelWidth: getLabelWidth,
+      minLabelWidth: minLabelWidth,
+      onSearchClick: onSearchClick,
+      onResetClick: onResetClick,
+      advancedFiltersProps: advancedFiltersProps
+    })]
+  });
+};
+var _default = exports.default = SearchAdvanced;

package/lib/components/Search/SearchAdvanced/index.module.less

@@ -0,0 +1,3 @@
+// SearchAdvanced 组件的独立样式
+// 目前复用父级 Search 组件的样式，如需自定义可在此处添加
+

package/lib/components/Search/SearchCard/_components/CollapseToggle/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface CollapseToggleProps {
+    collapse: boolean;
+    onToggle: () => void;
+}
+export declare const CollapseToggle: React.FC<CollapseToggleProps>;
+export {};

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapseToggle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icon = _interopRequireDefault(require("../../../../Icon"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CollapseToggle = ({
+  collapse,
+  onToggle
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _indexModule.default.collapseExpand,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      onClick: onToggle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        icon: "mingcute:up-line",
+        className: (0, _classnames.default)(_indexModule.default.collapseExpandIcon, {
+          [_indexModule.default.collapsed]: collapse
+        }),
+        style: collapse ? {
+          transform: "rotate(180deg)"
+        } : undefined
+      })
+    })
+  });
+};
+exports.CollapseToggle = CollapseToggle;

package/lib/components/Search/SearchCard/_components/OptionRow/ChildrenItems/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ElementItem, SearchCardOption } from "..";
+interface ChildrenItemsProps {
+    parentItem: ElementItem;
+    option: SearchCardOption;
+    value: Record<string, unknown>;
+    setValue: (data: Record<string, unknown>) => void;
+}
+export declare const ChildrenItems: React.FC<ChildrenItemsProps>;
+export {};

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

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChildrenItems = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _hsuUtils = require("hsu-utils");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../../../_utils");
+var _indexModule = _interopRequireDefault(require("../../../index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const ChildrenItems = exports.ChildrenItems = /*#__PURE__*/(0, _react.memo)(props => {
+  const {
+    parentItem,
+    option,
+    value,
+    setValue
+  } = props;
+
+  // 子项的名称，默认使用父项的name加上Children后缀
+  const childrenName = (0, _react.useMemo)(() => `${parentItem.name || option.name}Children`, [parentItem.name, option.name]);
+
+  // 判断子项是否支持多选
+  const isChildrenMultiple = !!parentItem.childrenMultiple;
+
+  // 优化：缓存子项点击处理函数
+  const createChildClickHandler = (0, _react.useCallback)(childItem => {
+    return () => {
+      if (isChildrenMultiple) {
+        // 多选模式：可以同时选择多个子项
+        const currentValue = value[childrenName] || [];
+        const newValues = (0, _hsuUtils.array_is_includes)(currentValue, [childItem.value]) ? currentValue.filter(v => !_hsuUtils.Equal.ValEqual(v, childItem.value)) : [...currentValue, childItem.value];
+        const newValue = {
+          ...value,
+          [childrenName]: newValues
+        };
+
+        // 更新真实返回值
+        (0, _utils.updateRealValue)(value, option.name, newValue);
+        setValue(newValue);
+      } else {
+        // 单选模式：一次只能选一个子项
+        const newValue = {
+          ...value,
+          [childrenName]: _hsuUtils.Equal.ValEqual(childItem.value, value[childrenName]) ? "" : childItem.value
+        };
+
+        // 更新真实返回值
+        (0, _utils.updateRealValue)(value, option.name, newValue);
+        setValue(newValue);
+      }
+    };
+  }, [isChildrenMultiple, value, childrenName, option.name, setValue]);
+  if (!parentItem.children || parentItem.children.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _indexModule.default.childrenItems,
+    children: parentItem.children?.map(childItem => {
+      // 判断子项是否被选中
+      const isChildSelected = isChildrenMultiple ? (0, _hsuUtils.array_is_includes)(value[childrenName] || [], [childItem.value]) : value?.[childrenName] === childItem.value;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)({
+          [_indexModule.default.active]: isChildSelected
+        }),
+        onClick: createChildClickHandler(childItem),
+        children: childItem.label
+      }, String(childItem.value));
+    })
+  });
+});
+ChildrenItems.displayName = "ChildrenItems";

package/lib/components/Search/SearchCard/_components/OptionRow/Item/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ElementItem, SearchCardOption } from "..";
+interface ItemProps {
+    item: ElementItem;
+    idx: number;
+    option: SearchCardOption;
+    value: Record<string, unknown>;
+    setValue: (data: Record<string, unknown>) => void;
+}
+export declare const Item: React.FC<ItemProps>;
+export {};

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

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _hsuUtils = require("hsu-utils");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
+var _Icon = _interopRequireDefault(require("../../../../../Icon"));
+var _utils = require("../../../_utils");
+var _indexModule = _interopRequireDefault(require("../../../index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const Item = exports.Item = /*#__PURE__*/(0, _react.memo)(props => {
+  const {
+    item,
+    idx,
+    option,
+    value,
+    setValue
+  } = props;
+  const [lastElementValue, setLastElementValue] = (0, _react.useState)(undefined);
+
+  // 优化：缓存激活状态计算
+  const isActive = (0, _react.useMemo)(() => {
+    return option.multiple ? (0, _hsuUtils.array_is_includes)(value[option.name] || [], [item.value]) : value?.[option.name] === item.value;
+  }, [option.multiple, option.name, value, item.value]);
+
+  // 优化：缓存点击处理函数
+  const handleClick = (0, _react.useCallback)(() => {
+    try {
+      if (option.multiple) {
+        const currentValue = value[option.name] || [];
+        // 检查是否之前已选中
+        const wasSelected = (0, _hsuUtils.array_is_includes)(currentValue, [item.value]);
+        const newValues = wasSelected ? currentValue.filter(v => !_hsuUtils.Equal.ValEqual(v, item.value)) : [...currentValue, item.value];
+
+        // 准备新的值对象
+        const newValue = {
+          ...value,
+          [option.name]: newValues
+        };
+
+        // 如果取消选中且有子项，清除子项的选择
+        const hasChildren = item.children && item.children.length > 0;
+        if (wasSelected && hasChildren) {
+          const childrenName = `${item.name || option.name}Children`;
+          newValue[childrenName] = item.childrenMultiple ? [] : "";
+        }
+
+        // 更新真实返回值
+        (0, _utils.updateRealValue)(value, option.name, newValue);
+        setValue(newValue);
+      } else {
+        // 检查是否之前已选中
+        const wasSelected = _hsuUtils.Equal.ValEqual(item.value, value[option.name]);
+
+        // 准备新的值对象
+        const newValue = {
+          ...value,
+          [option.name]: wasSelected ? "" : item.value
+        };
+
+        // 清除所有子项的选择状态
+        if (!wasSelected) {
+          // 清除所有子项选择状态
+          option.items?.forEach(parentItem => {
+            if (parentItem.children && parentItem.children.length > 0) {
+              const parentChildrenName = `${parentItem.name || option.name}Children`;
+              newValue[parentChildrenName] = parentItem.childrenMultiple ? [] : "";
+            }
+          });
+        }
+
+        // 更新真实返回值
+        (0, _utils.updateRealValue)(value, option.name, newValue);
+        setValue(newValue);
+      }
+    } catch {
+      void 0;
+    }
+  }, [item, option, value, setValue]);
+  if (item?.element) {
+    const {
+      label,
+      name
+    } = item;
+    let {
+      element
+    } = item;
+    element = {
+      ...element,
+      props: {
+        ...element.props,
+        value: option.multiple ? (0, _hsuUtils.array_is_includes)(value[name ?? option.name] || [], [lastElementValue]) ? lastElementValue : undefined : _hsuUtils.Equal.ValEqual(lastElementValue, value[name ?? option.name]) ? value[name ?? option.name] : undefined,
+        onChange: e => {
+          if (option.multiple) {
+            const currentValue = (value[name ?? option.name] || []).filter(v => !_hsuUtils.Equal.ValEqual(v, lastElementValue));
+            const newValue = {
+              ...value,
+              [name ?? option.name]: e ? [...currentValue, e] : currentValue
+            };
+
+            // 更新真实返回值
+            (0, _utils.updateRealValue)(value, option.name, newValue);
+            setValue(newValue);
+            setLastElementValue(e);
+          } else {
+            const newValue = {
+              ...value,
+              [name ?? option.name]: e ?? ""
+            };
+
+            // 更新真实返回值
+            (0, _utils.updateRealValue)(value, option.name, newValue);
+            setValue(newValue);
+            setLastElementValue(e);
+          }
+        }
+      }
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_indexModule.default.item, _indexModule.default.elementItem),
+      children: [!!label && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: _indexModule.default.label,
+        children: [label, "\uFF1A"]
+      }), element, item.help && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: item.help,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          icon: "material-symbols:help-outline",
+          className: _indexModule.default.help
+        })
+      })]
+    }, idx);
+  }
+  if (!item?.element) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: (0, _classnames.default)({
+        [_indexModule.default.active]: isActive
+      }),
+      onClick: handleClick,
+      children: [item.label, item.help && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: item.help,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          icon: "material-symbols:help-outline",
+          className: _indexModule.default.help
+        })
+      })]
+    }, String(item.value));
+  }
+  return null;
+});
+Item.displayName = "Item";

package/lib/components/Search/SearchCard/_components/OptionRow/index.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+export interface ElementItem {
+    element?: React.ReactElement;
+    label?: string;
+    value?: string | number | boolean;
+    name?: string;
+    children?: ElementItem[];
+    childrenMultiple?: boolean;
+    help?: string;
+}
+export interface SearchCardOption {
+    label?: string;
+    name: string;
+    items: ElementItem[];
+    hideAll?: boolean;
+    multiple?: boolean;
+}
+export interface Font {
+    family?: string;
+    size?: number;
+    weight?: string;
+}
+interface OptionRowProps {
+    option: SearchCardOption;
+    value: Record<string, unknown>;
+    setValue: (data: Record<string, unknown>) => void;
+    font?: Font;
+    padding?: number;
+    gap?: number;
+    legacyHasSelector?: boolean;
+}
+declare const OptionRow: React.FC<OptionRowProps>;
+export default OptionRow;

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

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _hsuUtils = require("hsu-utils");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Icon = _interopRequireDefault(require("../../../../Icon"));
+var _hooks = require("../../_hooks");
+var _Item = require("./Item");
+var _ChildrenItems = require("./ChildrenItems");
+var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const OptionRow = /*#__PURE__*/(0, _react.memo)(props => {
+  const {
+    option,
+    value,
+    setValue,
+    font = {
+      family: "PingFangSC-Regular, PingFang SC",
+      size: 14,
+      weight: "400"
+    },
+    padding = 8,
+    gap = 8,
+    legacyHasSelector = false
+  } = props;
+  const optionRef = (0, _react.useRef)(null);
+  const labelRef = (0, _react.useRef)(null);
+  const [labelWidth, setLabelWidth] = (0, _react.useState)(0);
+
+  // 测量标签宽度
+  (0, _react.useEffect)(() => {
+    if (labelRef.current) {
+      const width = labelRef.current.offsetWidth;
+      setLabelWidth(width);
+    }
+  }, [option.label]);
+  const {
+    showMore,
+    setShowMore
+  } = (0, _hooks.useSearchCardMoreOptions)(optionRef, [option], font, padding, gap);
+
+  // 优化：缓存过滤后的子项
+  const filteredChildrenItems = (0, _react.useMemo)(() => {
+    return option.items.filter(item =>
+    // 过滤条件：1. 有子项 2. 父项被选中
+    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]);
+
+  // 优化：缓存"全部"按钮点击处理函数
+  const handleAllClick = (0, _react.useCallback)(() => {
+    const newValue = {
+      ...value,
+      [option.name]: ""
+    };
+
+    // 清除所有子项的选择
+    option.items?.forEach(parentItem => {
+      if (parentItem.children && parentItem.children.length > 0) {
+        const parentChildrenName = `${parentItem.name || option.name}Children`;
+        newValue[parentChildrenName] = parentItem.childrenMultiple ? [] : "";
+      }
+    });
+
+    // 设置Real值为空
+    newValue[`${option.name}Real`] = "";
+    setValue(newValue);
+  }, [value, option, setValue]);
+
+  // 优化：缓存"更多"按钮点击处理函数
+  const handleMoreClick = (0, _react.useCallback)(() => {
+    const newShowMore = {
+      ...showMore,
+      [option.name]: !showMore[option.name]
+    };
+    setShowMore(newShowMore);
+  }, [showMore, option.name, setShowMore]);
+
+  // 优化：缓存"全部"按钮的激活状态
+  const isAllActive = (0, _react.useMemo)(() => {
+    return option.multiple ? !(value[option.name] || []).length : !value?.[option.name];
+  }, [option.multiple, option.name, value]);
+  const hasElementItem = (0, _react.useMemo)(() => {
+    return option.items?.some(item => !!item.element);
+  }, [option.items]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _indexModule.default.optionContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_indexModule.default.option, {
+        [_indexModule.default.legacyHasElementItem]: legacyHasSelector && hasElementItem
+      }),
+      ref: optionRef,
+      children: [!!option.label && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        ref: labelRef,
+        children: [option.label, "\uFF1A"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(_indexModule.default.optionItems, {
+          [_indexModule.default.itemsCollapse]: !showMore[option.name]
+        }),
+        children: [!option.hideAll && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)({
+            [_indexModule.default.active]: isAllActive
+          }),
+          onClick: handleAllClick,
+          children: "\u5168\u90E8"
+        }), option.items?.map((item, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.Item, {
+          item: item,
+          idx: idx,
+          option: option,
+          value: value,
+          setValue: setValue
+        }, String(item.value)))]
+      }), typeof showMore[option.name] === "boolean" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: _indexModule.default.more,
+        onClick: handleMoreClick,
+        children: ["\u66F4\u591A", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          icon: "icon-park-solid:down-one"
+        })]
+      })]
+    }, option.name), filteredChildrenItems?.map((item, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _indexModule.default.childrenRow,
+      style: {
+        marginLeft: labelWidth + 4
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChildrenItems.ChildrenItems, {
+        parentItem: item,
+        option: option,
+        value: value,
+        setValue: setValue
+      })
+    }, `${String(item.value)}-children-${idx}`))]
+  });
+});
+OptionRow.displayName = "OptionRow";
+var _default = exports.default = OptionRow;