支持格位公式字典

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

@@ -1,30 +1,78 @@
 import { MoreOutlined } from "@ant-design/icons";
 import { Button, Dropdown, MenuProps } from "antd";
 import { useEffect, useState } from "react";
+import { useAppSelector } from "../../../hooks";
 import { IWbw } from "./WbwWord";
+import { inlineDict as _inlineDict } from "../../../reducers/inline-dict";
 
 interface IWidget {
   data?: IWbw;
   onChange?: Function;
+  onCaseChange?: Function;
 }
-const CaseFormulaWidget = ({ data, onChange }: IWidget) => {
-  const [formula, setFormula] = useState<MenuProps["items"]>();
+const CaseFormulaWidget = ({ data, onChange, onCaseChange }: IWidget) => {
+  const [formula, setFormula] = useState<MenuProps["items"]>([]);
+  const inlineDict = useAppSelector(_inlineDict);
 
   useEffect(() => {
-    const test3: string = "{其等},{他们},{她们},{它们}/{曾}~,~{完了},~{过}";
-    const menu1 = test3.split("/").map((item) => item.split(","));
+    if (typeof data === "undefined") {
+      setFormula([]);
+      return;
+    }
+    const _case = data.case?.value.split("#");
+    if (_case?.length !== 2) {
+      setFormula([]);
+      return;
+    }
+    let grammar = _case[1];
+    if (typeof grammar !== "string" || grammar.length === 0) {
+      setFormula([]);
+      return;
+    }
+    console.log("grammar", grammar);
+    let result = inlineDict.wordList.filter(
+      (word) => word.word === "_formula_" && word.grammar === grammar
+    );
+    if (result.length === 0) {
+      //没找到，再次查找
+      grammar = "*" + grammar.split("$").slice(1).join("$");
+      result = inlineDict.wordList.filter(
+        (word) => word.word === "_formula_" && word.grammar === grammar
+      );
+    }
+    console.log("inline dict ", result);
+    let strFormula: string;
+    if (result.length > 0) {
+      strFormula = result[0].mean;
+    } else {
+      strFormula = "{无}";
+    }
+
+    const menu1 = strFormula.split("/").map((item) => item.split("$"));
     const items = menu1[0].map((item1) => {
       const children = menu1[1]
         ? menu1[1].map((item2) => {
+            let key: string;
+            let label: string;
+            if (item1.includes("@")) {
+              key = item1.replace("@", item2);
+              label = key;
+            } else if (item2.includes("@")) {
+              key = item2.replace("@", item1);
+              label = key;
+            } else {
+              key = item1 + item2;
+              label = item2;
+            }
             return {
-              key: item1 + item2,
-              label: item2,
+              key: key,
+              label: label.replaceAll("{", "").replaceAll("}", ""),
             };
           })
         : undefined;
       return {
         key: item1,
-        label: item1,
+        label: item1.replace("@", "~").replaceAll("{", "").replaceAll("}", ""),
         children: children,
       };
     });

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

@@ -49,7 +49,7 @@ const WbwMeaningWidget = ({
             </span>
           );
         } else {
-          return <Text>{item}</Text>;
+          return <Text key={index}>{item}</Text>;
         }
       });
     meaning = <Text>{eMeaning}</Text>;
@@ -96,22 +96,25 @@ const WbwMeaningWidget = ({
         {mode === "wbw" ? (
           <CaseFormula
             data={data}
-            onChange={(formula: string) => {
-              /**
-               * 有 [ ] 不替换
-               * 有{ } 祛除 { }
-               * 把 格位公式中的 ~ 替换为 data.meaning.value
-               */
+            onCaseChange={(formula: string) => {
               if (
                 data.meaning?.value &&
                 data.meaning?.value.indexOf("[") >= 0
               ) {
                 return;
               }
+            }}
+            onChange={(formula: string) => {
+              /**
+               * 有 [ ] 不自动替换
+               * 有{ } 祛除 { }
+               * 把 格位公式中的 ~ 替换为 data.meaning.value
+               */
               let meaning: string = data.meaning?.value
                 ? data.meaning?.value
                 : "";
               meaning = meaning.replace(/\{(.+?)\}/g, "");
+              meaning = meaning.replace(/\[(.+?)\]/g, "");
 
               meaning = formula
                 .replaceAll("{", "[")