无用

apps/web/src/App.tsx

@@ -11,11 +11,12 @@ import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
 import { AuthProvider } from './providers/auth-provider';
 import { Toaster } from 'react-hot-toast';
-
+// import PostForm from './components/models/post/PostSelect/PostSelect';
 dayjs.locale("zh-cn");
 function App() {
   return (
     <>
+    {/* <PostForm/> */}
       <AuthProvider>
         <QueryProvider>
           <ConfigProvider
@@ -35,7 +36,8 @@ function App() {
           </ConfigProvider>
         </QueryProvider>
       </AuthProvider>
-      <Toaster />
+      <Toaster /> 
+     
     </>
   );
 }

apps/web/src/components/models/post/PostSelect/PostSelect.tsx

@@ -0,0 +1,96 @@
+// import React, { useState } from 'react';
+// import { Form, Select, Input } from 'antd';
+// import axios from 'axios';
+
+// const { Option } = Select;
+
+// // 假数据
+// const fakePostsData = Array.from({ length: 15 }, (_, index) => ({
+//   id: index + 1,
+//   type: 'Lecture',
+//   name: `Lecture ${index + 1}`,
+//   description: `This is lecture number ${index + 1}`,
+// }));
+
+// // 模拟获取数据的函数
+// async function fetchPosts(query = '') {
+//   // 在实际应用中，这里应该是一个真实的API调用
+//   return fakePostsData.filter(post =>
+//     post.name.toLowerCase().includes(query.toLowerCase()) ||
+//     post.description.toLowerCase().includes(query.toLowerCase())
+//   );
+// }
+
+// const PostSelector = ({ value, onChange }) => {
+//   const [posts, setPosts] = useState([]);
+//   const [searchValue, setSearchValue] = useState('');
+
+//   const handleSearch = async (query) => {
+//     setSearchValue(query);
+//     const result = await fetchPosts(query);
+//     setPosts(result);
+//   };
+
+//   const handlePostChange = (selectedIds) => {
+//     onChange(selectedIds); // 更新父组件的状态
+//   };
+
+//   const renderOption = (post) => (
+//     <Option key={post.id} value={post.id.toString()}>
+//       {post.name} - {post.description}
+//     </Option>
+//   );
+
+//   return (
+//     <Select
+//       mode="multiple" // 支持多选
+//       showSearch
+//       placeholder="请选择或搜索讲座"
+//       optionFilterProp="children"
+//       onSearch={handleSearch}
+//       filterOption={false} // 禁用默认过滤，因为我们已经在 onSearch 中实现了自定义过滤
+//       notFoundContent={''}
+//       style={{ width: '100%' }}
+//       value={value || []}
+//       onChange={handlePostChange}
+//     >
+//       {posts.map(renderOption)}
+//     </Select>
+//   );
+// };
+
+// const PostForm = () => {
+//   const [form] = Form.useForm();
+
+//   const onFinish = (values) => {
+//     console.log('Received values of form: ', values);
+//   };
+
+//   return (
+//     <Form
+//       form={form}
+//       name="postForm"
+//       onFinish={onFinish}
+//       initialValues={{
+//         postIds: [], // 初始值为空数组
+//       }}
+//     >
+//       <Form.Item
+//         name="postIds"
+//         label="选择讲座"
+//         rules={[{ required: true, message: '请选择至少一个讲座!' }]}
+//       >
+//         <PostSelector
+//           value={form.getFieldValue('postIds')}
+//           onChange={(selectedIds) => form.setFieldsValue({ postIds: selectedIds })}
+//         />
+//       </Form.Item>
+
+//       <Form.Item>
+//         <button type="submit">提交</button>
+//       </Form.Item>
+//     </Form>
+//   );
+// };
+
+// export default PostForm;