create

dashboard/src/components/template/Wbw/WbwDetailParent.tsx

@@ -0,0 +1,83 @@
+import { AutoComplete, Input } from "antd";
+import { useEffect, useState } from "react";
+import { useAppSelector } from "../../../hooks";
+
+import { inlineDict as _inlineDict } from "../../../reducers/inline-dict";
+
+import { IWbw } from "./WbwWord";
+import { IApiResponseDictData } from "../../api/Dict";
+
+export const getParentInDict = (
+  wordIn: string,
+  wordIndex: string[],
+  wordList: IApiResponseDictData[]
+): string[] => {
+  if (wordIndex.includes(wordIn)) {
+    const result = wordList.filter((word) => word.word === wordIn);
+    //查重
+    //TODO 加入信心指数并排序
+    let myMap = new Map<string, number>();
+    let parent: string[] = [];
+    for (const iterator of result) {
+      if (iterator.parent) {
+        myMap.set(iterator.parent, 1);
+      }
+    }
+    myMap.forEach((value, key, map) => {
+      parent.push(key);
+    });
+    return parent;
+  } else {
+    return [];
+  }
+};
+
+interface ValueType {
+  key?: string;
+  label: React.ReactNode;
+  value: string | number;
+}
+interface IWidget {
+  data: IWbw;
+  onChange?: Function;
+}
+const WbwDetailParentWidget = ({ data, onChange }: IWidget) => {
+  const [parentOptions, setParentOptions] = useState<ValueType[]>([]);
+  const inlineDict = useAppSelector(_inlineDict);
+
+  useEffect(() => {
+    if (!data.real.value) {
+      return;
+    }
+    const parent = getParentInDict(
+      data.word.value,
+      inlineDict.wordIndex,
+      inlineDict.wordList
+    );
+    const parentOptions = parent.map((item) => {
+      return {
+        label: item,
+        value: item,
+      };
+    });
+    setParentOptions([
+      ...parentOptions,
+      { label: data.real.value, value: data.real.value },
+    ]);
+  }, [inlineDict, data]);
+
+  return (
+    <AutoComplete
+      options={parentOptions}
+      onChange={(value: any, option: ValueType | ValueType[]) => {
+        if (typeof onChange !== "undefined") {
+          onChange({ field: "parent", value: value });
+        }
+      }}
+    >
+      <Input allowClear />
+    </AutoComplete>
+  );
+};
+
+export default WbwDetailParentWidget;