:fire: wbw test

dashboard/src/components/nut/Home.tsx

@@ -7,11 +7,19 @@ import FontBox from "./FontBox";
 import TreeTest from "./TreeTest";
 
 import { Layout } from "antd";
+import WbwDetailFm from "../template/Wbw/WbwDetailFm";
 
 const Widget = () => {
   return (
     <Layout>
       <h1>Home</h1>
+      <WbwDetailFm
+        factors={["abhi", "dhamma"]}
+        initValue={[]}
+        onChange={(value: string[]) => {
+          console.log("fm change", value);
+        }}
+      />
       <h2>TreeTest</h2>
       <TreeTest />
 

dashboard/src/components/nut/WbwTest.tsx

@@ -1,44 +0,0 @@
-import { IWbw } from "../template/Wbw/WbwWord";
-import { WbwSentCtl } from "../template/WbwSent";
-
-const Widget = () => {
-  let wbwData: IWbw[] = [];
-  const valueMake = (value: string) => {
-    return { value: value, status: 3 };
-  };
-  const valueMake2 = (value: string[]) => {
-    return { value: value, status: 3 };
-  };
-  for (let index = 0; index < 20; index++) {
-    wbwData.push({
-      word: valueMake("Word" + index),
-      real: valueMake("word" + index),
-      meaning: { value: ["意思" + index], status: 3 },
-      factors: valueMake("word+word"),
-      factorMeaning: valueMake("mean+mean"),
-      type: valueMake(".n."),
-      grammar: valueMake(".m.$.sg.$.nom."),
-      case: valueMake2(["n", "m", "sg", "nom"]),
-      confidence: 1,
-    });
-  }
-
-  return (
-    <div>
-      <div style={{ width: 700 }}>
-        <WbwSentCtl
-          data={wbwData}
-          display="block"
-          fields={{
-            meaning: true,
-            factors: true,
-            factorMeaning: true,
-            case: true,
-          }}
-        />
-      </div>
-    </div>
-  );
-};
-
-export default Widget;