目录风格改变时更新路由

dashboard/src/pages/library/community/list.tsx

@@ -1,7 +1,9 @@
+import { useNavigate } from "react-router-dom";
 import { useState } from "react";
 import { Affix, Row, Col, Divider, Space } from "antd";
 import { Typography } from "antd";
 import { TagOutlined } from "@ant-design/icons";
+
 import ChannelList from "../../../components/channel/ChannelList";
 import BookTree from "../../../components/corpus/BookTree";
 import ChapterFilter from "../../../components/corpus/ChapterFilter";
@@ -16,21 +18,18 @@ const Widget = () => {
   const [progress, setProgress] = useState(0.9);
   const [lang, setLang] = useState("zh");
   const [type, setType] = useState("translation");
-
+  const navigate = useNavigate();
   return (
     <Row>
       <Col xs={0} sm={6} md={5}>
         <Affix offsetTop={0}>
           <div style={{ height: "100vh", overflowY: "auto" }}>
             <BookTree
+              onRootChange={(root: string) =>
+                navigate("/palicanon/list/" + root)
+              }
               onChange={(key: string, path: string[]) => {
-                /*
-                navigate(
-                  `/community/list/${key.split(",").join("-").toLowerCase()}`
-                );
-                */
                 setTags(key.split(","));
-
                 console.log(key);
               }}
             />

dashboard/src/pages/library/palicanon/bypath.tsx

@@ -17,7 +17,7 @@ const Widget = () => {
   const defaultPath: string[] = path ? path.split("-") : [];
   const [bookRoot, setBookRoot] = useState(root);
   const [bookPath, setBookPath] = useState(defaultPath);
-  const [bookTag, setBookTag] = useState([""]);
+  const [bookTag, setBookTag] = useState<string[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [openPara, setOpenPara] = useState({ book: 0, para: 0 });
   const [drawerTitle, setDrawerTitle] = useState("");
@@ -52,13 +52,16 @@ const Widget = () => {
                   <BookTree
                     root={bookRoot}
                     path={bookPath}
+                    onRootChange={(root: string) =>
+                      navigate("/palicanon/list/" + root)
+                    }
                     onChange={(key: string, path: string[]) => {
                       navigate(
                         `/palicanon/list/${bookRoot}/${path
                           .join("-")
                           .toLowerCase()}`
                       );
-                      console.log(key);
+                      console.log("key", key);
                       setBookTag(key.split(","));
                       setBookPath(path);
                     }}
@@ -68,6 +71,7 @@ const Widget = () => {
             </Col>
             <Col xs={24} sm={18} md={14}>
               <BookTreeList
+                tags={bookTag}
                 root={bookRoot}
                 path={bookPath}
                 onChange={(e: IEventBookTreeOnchange) => {