ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(client): compile menu title

Browse Source
This commit is contained in:
chenos 2021-11-08 20:59:07 +08:00
parent 5cacee4e7f
commit 5e079d38f2
1 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/client/src/schemas/menu/index.tsx
View File

@ -72,6 +72,7 @@ import { createPortal } from 'react-dom';
import { Resource } from '../../resource';
import { useClient } from '../../constate';
import { useTranslation } from 'react-i18next';
import { useCompile } from '../../hooks/useCompile';
export interface MenuContextProps {
schema?: Schema;
@ -273,6 +274,8 @@ Menu.Divider = observer(AntdMenu.Divider);
Menu.Item = observer((props: any) => {
const { icon } = props;
const { schema, DesignableBar } = useDesignable();
const compile = useCompile();
const title = compile(schema.title);
return (
<AntdMenu.Item
{...props}
@ -283,7 +286,7 @@ Menu.Item = observer((props: any) => {
<SortableItem
id={schema.name}
data={{
title: schema.title,
title,
path: getSchemaPath(schema),
}}
>
@ -292,7 +295,7 @@ Menu.Item = observer((props: any) => {
<IconPicker type={icon} />
</span>
)}
{schema.title}
{title}
<DesignableBar />
</SortableItem>
</AntdMenu.Item>
@ -302,6 +305,8 @@ Menu.Item = observer((props: any) => {
Menu.Link = observer((props: any) => {
const { icon } = props;
const { schema, DesignableBar } = useDesignable();
const compile = useCompile();
const title = compile(schema.title);
return (
<AntdMenu.Item
{...props}
@ -312,7 +317,7 @@ Menu.Link = observer((props: any) => {
<SortableItem
id={schema.name}
data={{
title: schema.title,
title,
path: getSchemaPath(schema),
}}
>
@ -321,7 +326,7 @@ Menu.Link = observer((props: any) => {
<IconPicker type={icon} />
</span>
)}
{schema.title}
{title}
<DesignableBar />
</SortableItem>
{/* <Link to={props.to || schema.name}>{schema.title}</Link> */}
@ -333,6 +338,8 @@ Menu.Link = observer((props: any) => {
Menu.URL = observer((props: any) => {
const { icon } = props;
const { schema, DesignableBar } = useDesignable();
const compile = useCompile();
const title = compile(schema.title);
return (
<AntdMenu.Item
{...props}
@ -346,7 +353,7 @@ Menu.URL = observer((props: any) => {
<SortableItem
id={schema.name}
data={{
title: schema.title,
title,
path: getSchemaPath(schema),
}}
>
@ -355,7 +362,7 @@ Menu.URL = observer((props: any) => {
<IconPicker type={icon} />
</span>
)}
{schema.title}
{title}
<DesignableBar />
</SortableItem>
<DesignableBar />
@ -369,6 +376,8 @@ Menu.Action = observer((props: any) => {
const field = useField();
const [visible, setVisible] = useState(false);
const { run } = useAction();
const compile = useCompile();
const title = compile(schema.title);
return (
<VisibleContext.Provider value={[visible, setVisible]}>
<AntdMenu.Item
@ -384,11 +393,11 @@ Menu.Action = observer((props: any) => {
<SortableItem
id={schema.name}
data={{
title: schema.title,
title,
path: getSchemaPath(schema),
}}
>
{schema.title}
{title}
<DesignableBar />
</SortableItem>
</AntdMenu.Item>
@ -402,6 +411,8 @@ Menu.SubMenu = observer((props: any) => {
const { icon } = props;
const { schema, DesignableBar } = useDesignable();
const mode = useContext(MenuModeContext);
const compile = useCompile();
const title = compile(schema.title);
return mode === 'mix' ? (
<Menu.Item {...props} />
) : (
@ -413,7 +424,7 @@ Menu.SubMenu = observer((props: any) => {
<SortableItem
id={schema.name}
data={{
title: schema.title,
title,
path: getSchemaPath(schema),
}}
>
@ -422,7 +433,7 @@ Menu.SubMenu = observer((props: any) => {
<IconPicker type={icon} />
</span>
)}
{schema.title}
{title}
<DesignableBar />
</SortableItem>
// <>