expdsn
/
ai-bot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优秀了项目结构

This commit is contained in:
expdsn 2025-03-04 15:20:17 +08:00
parent e2e2be9010
commit fb65612978
8 changed files with 80 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/(main)/page.tsx
View File

@ -2,7 +2,7 @@ import SiderNav from "../_ui/SiderNav";
import Search from "../_ui/Search";
import LinkListBox from "../_ui/LinkListBox";
import { getLinkTypeList } from "../_lib/data/linkType";
import { getLinkList, getLinkListAll } from "../_lib/data/link";
import { getLinkList } from "../_lib/data/link";
import Footer from "../_ui/footer";
export default async function Page() {

1
app/_lib/data/link.ts
View File

@ -14,6 +14,7 @@ export type Link = {
logoLink: string;
isHot?: boolean;
addTime: number;
subLinkType?: string[];
}

2
app/_lib/data/linkType.ts
View File

@ -11,7 +11,7 @@ export type LinkType = {
_id: string;
href?: string;
priority?: number;
subLinkType?: string[];
subCategory?: string[];
location?: string;
}

55
app/_ui/LinkListBox.tsx
View File

@ -2,15 +2,16 @@
import Link from "next/link";
import { LinkType } from "../_lib/data/linkType";
import { Link as _Link } from "../_lib/data/link";
import { useEffect, useMemo } from "react";
import { useEffect, useMemo, useState } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faArrowRight, faClock, faFire, faRightFromBracket, faRightLong, faTimeline, faTimesCircle, faTimesRectangle, faVolumeTimes } from "@fortawesome/free-solid-svg-icons";
import { useAtom } from "jotai";
import { linkTypeAtom } from "../_lib/atom";
import Image from "next/image";
import clsx from "clsx";
const PICTURE_PREFIX = 'https://newuitab.oss-cn-hangzhou.aliyuncs.com/ai_upload/downloads/'
export const LinkBlock = ({ val }: { val: _Link }) => {
return <Link className="flex gap-x-2 bg-white rounded-lg py-4 pl-2 cursor-pointer duration-150 hover:-translate-y-1 shadow-sm"
return <Link className="flex gap-x-2 bg-white rounded-lg py-4 px-2 cursor-pointer duration-150 hover:-translate-y-1 shadow-sm"
href={val.articleId ? `/article/${val.articleId}` : val.link || ''} target="_blank">
<img src={val.logoLink.startsWith('http') ? val.logoLink : (PICTURE_PREFIX + val.logoLink)} className="w-[40px] h-[40px]"></img>
<div className="flex-1 w-0 flex flex-col justify-between">
@ -19,10 +20,25 @@ export const LinkBlock = ({ val }: { val: _Link }) => {
</div>
</Link>
}
export default function LinkListBox({ linkTypeList, linkList, showHot, showRecent }: { linkTypeList: LinkType[]; linkList: _Link[]; showHot: boolean; showRecent: boolean }) {
const hotList = useMemo(() => linkList.filter((val, index) => val.isHot && index < 12), [linkList])
const recentList = useMemo(() => linkList.map(val => val).sort((a, b) => b.addTime - a.addTime).filter((_, idx) => idx < 12), [linkList])
const [currentId] = useAtom(linkTypeAtom)
const [selectSubType, setSelectSubType] = useState<Map<string, string>>(new Map())
useEffect(() => {
if (linkTypeList.length === 0) return
for (let i = 0; i < linkTypeList.length; i++) {
const item = linkTypeList[i];
console.log(item);
if (item.subCategory?.length) {
setSelectSubType(pre => {
return new Map(pre.set(item._id, item.subCategory?.length ? item.subCategory[0] : ''));
})
}
}
}, [linkTypeList, setSelectSubType])
useEffect(() => {
console.log(currentId);
@ -77,7 +93,6 @@ export default function LinkListBox({ linkTypeList, linkList, showHot, showRecen
<span>{item.label}</span>
{
linkList.filter(val => val.type === item._id).length >= 42 &&
<Link
href={"/detail/" + item._id}
className="absolute cursor-pointer hover:text-[#333] right-1 text-[#666] flex gap-x-1 items-center text-[14px] ">
@ -86,12 +101,40 @@ export default function LinkListBox({ linkTypeList, linkList, showHot, showRecen
</Link>
}
</div>
{
item.subCategory && item.subCategory.length > 0 &&
<div className=" flex gap-x-3 text-[#666] py-2 text-[16px]">
{
item.subCategory.map(subItem => (
<div key={subItem}
onClick={() => {
setSelectSubType(pre => {
return new Map(pre.set(item._id, subItem))
})
}}
className={clsx(" px-3 py-1 rounded-lg ",
selectSubType.get(item._id) === subItem ?
"text-white bg-orange-300"
: "bg-[#f5f5f5] shadow hover:bg-orange-300/30 cursor-pointer"
)}>
{subItem}
</div>
))
}
</div>
}
<div className=" grid grid-cols-3 lg:grid-cols-6 gap-4 ">
{
linkList.filter(val => val.type === item._id).filter((_, idx) => idx < 42).map(val => (
<LinkBlock val={val} key={val._id} />
item.subCategory ?
linkList.filter(val => val.type === item._id && val.subLinkType?.includes(selectSubType.get(item._id) || '-1')).filter((_, idx) => idx < 42).map(val => (
<LinkBlock val={val} key={val._id} />
))
))
:
linkList.filter(val => val.type === item._id).filter((_, idx) => idx < 42).map(val => (
<LinkBlock val={val} key={val._id} />
))
}
</div>
</div>

11
app/_ui/MarkdownView.tsx
View File

@ -1,8 +1,11 @@
"use client";
import { MdPreview} from 'md-editor-rt';
import { Editor } from "@bytemd/react";
export default function MarkdownView({ value = '' }: { value?: string }) {
export default function MyMarkdownEdit({ value = '', onChange }: { value?: string; onChange?: (val: string) => void }) {
return (
<MdPreview id='markdown-view' value={value} />
<Editor
value={value}
onChange={onChange}
// plugins={plugins}
/>
)
}

2
app/_ui/footer.tsx
View File

@ -1,5 +1,5 @@
export default function Footer() {
return <div className="h-[300px] w-full bg-red-200">
return <div className="h-[100px] w-full ">
</div>
}

28
app/admin/(default)/dashboard/article/detail/AddOrEdit.tsx
View File

@ -8,16 +8,13 @@ import { Button, Card, Col, DatePicker, Form, Input, InputNumber, message, Row,
import { useRouter } from 'next/navigation'
import 'md-editor-rt/lib/style.css';
import '@ant-design/v5-patch-for-react-19';
import { mRequest } from '@/app/_lib/request';
import dayjs from 'dayjs';
import { Editor } from "@bytemd/react";
import gfm from '@bytemd/plugin-gfm'
import { useEffect, useMemo, useRef, useState } from 'react';
import { valueType } from 'antd/es/statistic/utils';
import { getLinkList, updateLink } from '@/app/_lib/data/link';
import { debounce } from '@/app/_lib/utils';
import { useRequest } from 'ahooks';
import { updateUser } from '@/app/_lib/data/user';
import MyMarkdownEdit from '@/app/_ui/MarkdownView';
const plugins = [
gfm(),
// Add more plugins here
@ -27,12 +24,13 @@ const plugins = [
export default function AddOrEdit({ editData }: { editData?: ArticleType | null }) {
const router = useRouter()
const fetchRef = useRef(0)
const formRef = useRef(null)
const [form] = Form.useForm();
const [fetching, setFetching] = useState(false);
const [options, setOptions] = useState<any[]>([]);
const { data: linkList = [] } = useRequest(() => getLinkList({ filter: { articleId: editData?._id } }).then(res => res.list))
const { data: linkList = [] } = useRequest(() => getLinkList({ filter: { articleId: editData?._id || '-1' } }).then(res => res.list))
useEffect(() => {
if (linkList.length === 0) {
if (linkList.length !== 0) {
form.setFieldValue('linkId', linkList.map(item => ({ key: item._id, value: item._id, label: item.name })))
return
}
@ -78,7 +76,7 @@ export default function AddOrEdit({ editData }: { editData?: ArticleType | null
<Card title="新增文章" className='mt-2'>
<Form<ArticleType>
ref={formRef}
form={form}
onFinish={async (res: any) => {
const linkIdList = res.linkId
const addTime = res.addTime.unix()
@ -100,8 +98,13 @@ export default function AddOrEdit({ editData }: { editData?: ArticleType | null
addTime: dayjs().unix()
}).then(id => {
console.log(id);
linkIdList.map((item: any) => {
updateLink(
item.value,
{
articleId: id
})
})
})
}
@ -206,10 +209,7 @@ export default function AddOrEdit({ editData }: { editData?: ArticleType | null
message: '请输入内容'
}
]}>
{/* <MDEditor className='my-markdown ' /> */}
<Editor
plugins={plugins} value={''}
/>
<MyMarkdownEdit />
</Form.Item>
<Form.Item className="flex justify-end">

6
app/admin/(default)/layout.tsx
View File

@ -28,6 +28,12 @@ export default function Layout({
href: '/admin/dashboard/article'
},
{
label: '营销文章管理',
iconElement: <FontAwesomeIcon icon={faMagnet} className=" fa-fw"></FontAwesomeIcon>,
_id: 'adArticleMenagement',
href: '/admin/dashboard/adArticle'
},
{
label: '搜索管理',
iconElement: <FontAwesomeIcon icon={faSearch}></FontAwesomeIcon>,