|
@@ -8,11 +8,14 @@ import WordCard from "./WordCard";
|
|
|
import CaseList from "./CaseList";
|
|
import CaseList from "./CaseList";
|
|
|
import DictList from "./DictList";
|
|
import DictList from "./DictList";
|
|
|
import MyCreate from "./MyCreate";
|
|
import MyCreate from "./MyCreate";
|
|
|
|
|
+import { useIntl } from "react-intl";
|
|
|
|
|
|
|
|
export interface IDictContentData {
|
|
export interface IDictContentData {
|
|
|
dictlist: IAnchorData[];
|
|
dictlist: IAnchorData[];
|
|
|
words: IWidgetWordCardData[];
|
|
words: IWidgetWordCardData[];
|
|
|
caselist: ICaseListData[];
|
|
caselist: ICaseListData[];
|
|
|
|
|
+ time?: number;
|
|
|
|
|
+ count?: number;
|
|
|
}
|
|
}
|
|
|
export interface IApiDictContentData {
|
|
export interface IApiDictContentData {
|
|
|
ok: boolean;
|
|
ok: boolean;
|
|
@@ -27,6 +30,7 @@ interface IWidget {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const DictContentWidget = ({ word, data, compact }: IWidget) => {
|
|
const DictContentWidget = ({ word, data, compact }: IWidget) => {
|
|
|
|
|
+ const intl = useIntl();
|
|
|
return (
|
|
return (
|
|
|
<>
|
|
<>
|
|
|
<Row>
|
|
<Row>
|
|
@@ -42,9 +46,27 @@ const DictContentWidget = ({ word, data, compact }: IWidget) => {
|
|
|
key: "result",
|
|
key: "result",
|
|
|
children: (
|
|
children: (
|
|
|
<div>
|
|
<div>
|
|
|
- {data.words.map((it, id) => {
|
|
|
|
|
- return <WordCard key={id} data={it} />;
|
|
|
|
|
- })}
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ {intl.formatMessage(
|
|
|
|
|
+ {
|
|
|
|
|
+ id: "message.result",
|
|
|
|
|
+ },
|
|
|
|
|
+ { count: data.count }
|
|
|
|
|
+ )}
|
|
|
|
|
+ {" ("}
|
|
|
|
|
+ {intl.formatMessage(
|
|
|
|
|
+ {
|
|
|
|
|
+ id: "message.time",
|
|
|
|
|
+ },
|
|
|
|
|
+ { time: data.time?.toFixed(3) }
|
|
|
|
|
+ )}
|
|
|
|
|
+ {")"}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ {data.words.map((it, id) => {
|
|
|
|
|
+ return <WordCard key={id} data={it} />;
|
|
|
|
|
+ })}
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
),
|
|
),
|
|
|
},
|
|
},
|