标签行间距加大 lineHeight: "2em"

dashboard/src/components/tag/TagArea.tsx

@@ -2,25 +2,39 @@ import ChapterTag, { ITagData } from "../corpus/ChapterTag";
 
 interface IWidget {
   data: ITagData[];
+  closable?: boolean;
+  max?: number;
+  onTagClose?: Function;
   onTagClick?: Function;
 }
-const Widget = ({ data, onTagClick }: IWidget) => {
+const Widget = ({
+  data,
+  closable,
+  max = 10000,
+  onTagClose,
+  onTagClick,
+}: IWidget) => {
   // TODO
   const tags = data.map((item, id) => {
-    return (
+    return id < max ? (
       <ChapterTag
-        color="green"
         key={id}
         data={item}
+        closable={closable}
+        onTagClose={(key: string) => {
+          if (typeof onTagClose !== "undefined") {
+            onTagClose(key);
+          }
+        }}
         onTagClick={(key: string) => {
           if (typeof onTagClick !== "undefined") {
             onTagClick(key);
           }
         }}
       />
-    );
+    ) : undefined;
   });
-  return <>{tags}</>;
+  return <div style={{ width: "100%", lineHeight: "2em" }}>{tags}</div>;
 };
 
 export default Widget;