refactor: 删除 FilterModal 筛选弹窗组件
- 移除 FilterModal.js 文件 - 简化组件结构,筛选功能保留在 CardHeader 的 UnifiedSearchBox 中 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,58 +0,0 @@
|
|||||||
// src/views/Community/components/DynamicNewsCard/FilterModal.js
|
|
||||||
// 筛选弹窗组件
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
import {
|
|
||||||
Modal,
|
|
||||||
ModalOverlay,
|
|
||||||
ModalContent,
|
|
||||||
ModalHeader,
|
|
||||||
ModalBody,
|
|
||||||
ModalCloseButton,
|
|
||||||
} from '@chakra-ui/react';
|
|
||||||
import UnifiedSearchBox from '../UnifiedSearchBox';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 筛选弹窗组件
|
|
||||||
* @param {boolean} isOpen - Modal 是否打开
|
|
||||||
* @param {function} onClose - 关闭 Modal 回调
|
|
||||||
* @param {object} filters - 当前筛选条件
|
|
||||||
* @param {array} popularKeywords - 热门关键词
|
|
||||||
* @param {function} onSearch - 搜索回调
|
|
||||||
* @param {function} onSearchFocus - 搜索框聚焦回调
|
|
||||||
* @param {string} mode - 当前模式 ('vertical' | 'four-row')
|
|
||||||
* @param {number} pageSize - 每页大小 (10 | 30)
|
|
||||||
*/
|
|
||||||
const FilterModal = ({
|
|
||||||
isOpen,
|
|
||||||
onClose,
|
|
||||||
filters,
|
|
||||||
popularKeywords,
|
|
||||||
onSearch,
|
|
||||||
onSearchFocus,
|
|
||||||
mode,
|
|
||||||
pageSize
|
|
||||||
}) => {
|
|
||||||
return (
|
|
||||||
<Modal isOpen={isOpen} onClose={onClose} size="4xl" scrollBehavior="outside">
|
|
||||||
<ModalOverlay />
|
|
||||||
<ModalContent maxW="90vw">
|
|
||||||
<ModalHeader>筛选条件</ModalHeader>
|
|
||||||
<ModalCloseButton />
|
|
||||||
<ModalBody pb={6} overflow="visible">
|
|
||||||
{/* 直接复用 UnifiedSearchBox */}
|
|
||||||
<UnifiedSearchBox
|
|
||||||
filters={filters}
|
|
||||||
popularKeywords={popularKeywords}
|
|
||||||
onSearch={onSearch}
|
|
||||||
onSearchFocus={onSearchFocus}
|
|
||||||
mode={mode}
|
|
||||||
pageSize={pageSize}
|
|
||||||
/>
|
|
||||||
</ModalBody>
|
|
||||||
</ModalContent>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default FilterModal;
|
|
||||||
Reference in New Issue
Block a user