create

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

@@ -0,0 +1,85 @@
+import { AutoComplete, Input } from "antd";
+import { forEach } from "lodash";
+import { useEffect, useState } from "react";
+import { useAppSelector } from "../../../hooks";
+
+import {
+  add,
+  inlineDict as _inlineDict,
+  wordIndex,
+} from "../../../reducers/inline-dict";
+import { get } from "../../../request";
+import store from "../../../store";
+import { IApiResponseDictList } from "../../api/Dict";
+import { getFactorsInDict } from "./WbwFactors";
+import { IWbw } from "./WbwWord";
+
+interface ValueType {
+  key?: string;
+  label: React.ReactNode;
+  value: string | number;
+}
+interface IWidget {
+  data: IWbw;
+  onChange?: Function;
+}
+const WbwDetailFactorWidget = ({ data, onChange }: IWidget) => {
+  const [factorOptions, setFactorOptions] = useState<ValueType[]>([]);
+  const inlineDict = useAppSelector(_inlineDict);
+  const inlineWordIndex = useAppSelector(wordIndex);
+
+  const lookup = (words: string[]) => {
+    //查询这个词在内存字典里是否有
+    let search: string[] = [];
+    for (const it of words) {
+      if (!inlineWordIndex.includes(it)) {
+        search.push(it);
+      }
+    }
+    if (search.length === 0) {
+      return;
+    }
+    get<IApiResponseDictList>(`/v2/wbwlookup?base=${search}`).then((json) => {
+      console.log("lookup ok", json.data.count);
+      store.dispatch(add(json.data.rows));
+    });
+  };
+
+  useEffect(() => {
+    if (typeof data.factors === "undefined") {
+      return;
+    }
+    lookup(data.factors.value.split("+"));
+  }, [data.factors]);
+
+  useEffect(() => {
+    const factors = getFactorsInDict(
+      data.real.value,
+      inlineDict.wordIndex,
+      inlineDict.wordList
+    );
+    const options = factors.map((item) => {
+      return {
+        label: item,
+        value: item,
+      };
+    });
+    setFactorOptions(options);
+  }, [data.real.value, inlineDict.wordIndex, inlineDict.wordList]);
+
+  return (
+    <AutoComplete
+      options={factorOptions}
+      defaultValue={data.factors?.value}
+      onChange={(value: string) => {
+        if (typeof onChange !== "undefined") {
+          onChange(value);
+        }
+      }}
+    >
+      <Input allowClear />
+    </AutoComplete>
+  );
+};
+
+export default WbwDetailFactorWidget;