mirror of https://github.com/usememos/memos.git
Merge 4547502114 into bc7decf642
This commit is contained in:
commit
0b2ae6067d
|
|
@ -1,3 +1,4 @@
|
||||||
|
import { useMemo } from "react";
|
||||||
import { Node } from "@/types/proto/api/v1/markdown_service";
|
import { Node } from "@/types/proto/api/v1/markdown_service";
|
||||||
import Renderer from "./Renderer";
|
import Renderer from "./Renderer";
|
||||||
import { BaseProps } from "./types";
|
import { BaseProps } from "./types";
|
||||||
|
|
@ -8,9 +9,19 @@ interface Props extends BaseProps {
|
||||||
children: Node[];
|
children: Node[];
|
||||||
}
|
}
|
||||||
|
|
||||||
const OrderedListItem: React.FC<Props> = ({ children }: Props) => {
|
const OrderedListItem: React.FC<Props> = ({ children, number }: Props) => {
|
||||||
|
const ml = useMemo(
|
||||||
|
() =>
|
||||||
|
number.length > 1
|
||||||
|
? {
|
||||||
|
marginLeft: 8 * (number.length - 1),
|
||||||
|
}
|
||||||
|
: {},
|
||||||
|
[number],
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li>
|
<li style={ml}>
|
||||||
{children.map((child, index) => (
|
{children.map((child, index) => (
|
||||||
<Renderer key={`${child.type}-${index}`} index={String(index)} node={child} />
|
<Renderer key={`${child.type}-${index}`} index={String(index)} node={child} />
|
||||||
))}
|
))}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue