|
@@ -20,144 +20,143 @@ type IWidgetHeadBar = {
|
|
|
selectedKeys?: string;
|
|
selectedKeys?: string;
|
|
|
};
|
|
};
|
|
|
const Widget = ({ selectedKeys = "" }: IWidgetHeadBar) => {
|
|
const Widget = ({ selectedKeys = "" }: IWidgetHeadBar) => {
|
|
|
- //Library head bar
|
|
|
|
|
- const intl = useIntl(); //i18n
|
|
|
|
|
- const { studioname } = useParams();
|
|
|
|
|
- const linkPalicanon = "/studio/" + studioname + "/palicanon";
|
|
|
|
|
- const linkRecent = "/studio/" + studioname + "/recent";
|
|
|
|
|
- const linkChannel = "/studio/" + studioname + "/channel/list";
|
|
|
|
|
- const linkGroup = "/studio/" + studioname + "/group/list";
|
|
|
|
|
- const linkUserdict = "/studio/" + studioname + "/dict/list";
|
|
|
|
|
- const linkTerm = "/studio/" + studioname + "/term/list";
|
|
|
|
|
- const linkCourse = "/studio/" + studioname + "/course/list";
|
|
|
|
|
- const linkArticle = "/studio/" + studioname + "/article/list";
|
|
|
|
|
- const linkAnthology = "/studio/" + studioname + "/anthology/list";
|
|
|
|
|
- const linkAnalysis = "/studio/" + studioname + "/analysis/list";
|
|
|
|
|
-
|
|
|
|
|
- const items: MenuProps["items"] = [
|
|
|
|
|
- {
|
|
|
|
|
- label: "常用",
|
|
|
|
|
- key: "basic",
|
|
|
|
|
- icon: <HomeOutlined />,
|
|
|
|
|
- children: [
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkPalicanon}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.palicanon.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "palicanon",
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkRecent}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.recent.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "recent",
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkChannel}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.channel.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "channel",
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkAnalysis}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.analysis.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "analysis",
|
|
|
|
|
- },
|
|
|
|
|
- ],
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: "高级",
|
|
|
|
|
- key: "advance",
|
|
|
|
|
- icon: <AppstoreOutlined />,
|
|
|
|
|
- children: [
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkUserdict}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.userdict.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "userdict",
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkTerm}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.term.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "term",
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkCourse}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.course.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "course",
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkArticle}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.article.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "article",
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkAnthology}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.anthology.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "anthology",
|
|
|
|
|
- },
|
|
|
|
|
- ],
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: "协作",
|
|
|
|
|
- key: "collaboration",
|
|
|
|
|
- icon: <TeamOutlined />,
|
|
|
|
|
- children: [
|
|
|
|
|
- {
|
|
|
|
|
- label: (
|
|
|
|
|
- <Link to={linkGroup}>
|
|
|
|
|
- {intl.formatMessage({
|
|
|
|
|
- id: "columns.studio.group.title",
|
|
|
|
|
- })}
|
|
|
|
|
- </Link>
|
|
|
|
|
- ),
|
|
|
|
|
- key: "group",
|
|
|
|
|
- },
|
|
|
|
|
- ],
|
|
|
|
|
- },
|
|
|
|
|
- ];
|
|
|
|
|
|
|
+ //Library head bar
|
|
|
|
|
+ const intl = useIntl(); //i18n
|
|
|
|
|
+ const { studioname } = useParams();
|
|
|
|
|
+ const linkPalicanon = "/studio/" + studioname + "/palicanon";
|
|
|
|
|
+ const linkRecent = "/studio/" + studioname + "/recent";
|
|
|
|
|
+ const linkChannel = "/studio/" + studioname + "/channel/list";
|
|
|
|
|
+ const linkGroup = "/studio/" + studioname + "/group/list";
|
|
|
|
|
+ const linkUserdict = "/studio/" + studioname + "/dict/list";
|
|
|
|
|
+ const linkTerm = "/studio/" + studioname + "/term/list";
|
|
|
|
|
+ const linkArticle = "/studio/" + studioname + "/article/list";
|
|
|
|
|
+ const linkAnthology = "/studio/" + studioname + "/anthology/list";
|
|
|
|
|
+ const linkAnalysis = "/studio/" + studioname + "/analysis/list";
|
|
|
|
|
+ const linkCourse = "/studio/" + studioname + "/course/list";
|
|
|
|
|
|
|
|
|
|
+ const items: MenuProps["items"] = [
|
|
|
|
|
+ {
|
|
|
|
|
+ label: "常用",
|
|
|
|
|
+ key: "basic",
|
|
|
|
|
+ icon: <HomeOutlined />,
|
|
|
|
|
+ children: [
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkPalicanon}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.palicanon.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "palicanon",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkRecent}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.recent.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "recent",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkChannel}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.channel.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "channel",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkAnalysis}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.analysis.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "analysis",
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: "高级",
|
|
|
|
|
+ key: "advance",
|
|
|
|
|
+ icon: <AppstoreOutlined />,
|
|
|
|
|
+ children: [
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkCourse}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.library.course.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "course",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkUserdict}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.userdict.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "userdict",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkTerm}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.term.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "term",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkArticle}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.article.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "article",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkAnthology}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.anthology.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "anthology",
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: "协作",
|
|
|
|
|
+ key: "collaboration",
|
|
|
|
|
+ icon: <TeamOutlined />,
|
|
|
|
|
+ children: [
|
|
|
|
|
+ {
|
|
|
|
|
+ label: (
|
|
|
|
|
+ <Link to={linkGroup}>
|
|
|
|
|
+ {intl.formatMessage({
|
|
|
|
|
+ id: "columns.studio.group.title",
|
|
|
|
|
+ })}
|
|
|
|
|
+ </Link>
|
|
|
|
|
+ ),
|
|
|
|
|
+ key: "group",
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ },
|
|
|
|
|
+ ];
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<Affix offsetTop={0}>
|
|
<Affix offsetTop={0}>
|