添加默认组件变量名

dashboard/src/components/admin/HeadBar.tsx

@@ -1,10 +1,10 @@
 import { Link } from "react-router-dom";
-import { Col, Row, Input, Layout, Space } from "antd";
+import { Input, Layout, Space } from "antd";
 
 import img_banner from "../../assets/studio/images/wikipali_banner.svg";
 import UiLangSelect from "../general/UiLangSelect";
 import SignInAvatar from "../auth/SignInAvatar";
-import ToLibaray from "../auth/ToLibaray";
+import ToLibrary from "../auth/ToLibrary";
 import ThemeSelect from "../general/ThemeSelect";
 
 const { Search } = Input;
@@ -12,7 +12,7 @@ const { Header } = Layout;
 
 const onSearch = (value: string) => console.log(value);
 
-const Widget = () => {
+const HeadBarWidget = () => {
   return (
     <Header
       className="header"
@@ -45,7 +45,7 @@ const Widget = () => {
         </div>
         <div>
           <Space>
-            <ToLibaray />
+            <ToLibrary />
             <SignInAvatar />
             <UiLangSelect />
             <ThemeSelect />
@@ -56,4 +56,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default HeadBarWidget;

dashboard/src/components/admin/LeftSider.tsx

@@ -13,7 +13,7 @@ const onClick: MenuProps["onClick"] = (e) => {
 type IWidgetHeadBar = {
   selectedKeys?: string;
 };
-const Widget = ({ selectedKeys = "" }: IWidgetHeadBar) => {
+const LeftSiderWidget = ({ selectedKeys = "" }: IWidgetHeadBar) => {
   const items: MenuProps["items"] = [
     {
       label: "管理",
@@ -54,4 +54,4 @@ const Widget = ({ selectedKeys = "" }: IWidgetHeadBar) => {
   );
 };
 
-export default Widget;
+export default LeftSiderWidget;

dashboard/src/components/admin/relation/CaseSelect.tsx

@@ -6,7 +6,7 @@ interface IWidget {
   name?: string;
   width?: number | "md" | "sm" | "xl" | "xs" | "lg";
 }
-const Widget = ({ name = "case", width = "md" }: IWidget) => {
+const CaseSelectWidget = ({ name = "case", width = "md" }: IWidget) => {
   const intl = useIntl();
   const _case = [
     "nom",
@@ -38,4 +38,4 @@ const Widget = ({ name = "case", width = "md" }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CaseSelectWidget;

dashboard/src/components/admin/relation/DataImport.tsx

@@ -24,7 +24,7 @@ interface IWidget {
   trigger?: JSX.Element;
   onSuccess?: Function;
 }
-const Widget = ({
+const DataImportWidget = ({
   url,
   urlExtra,
   trigger = <>{"trigger"}</>,
@@ -96,4 +96,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default DataImportWidget;

dashboard/src/components/admin/relation/NissayaEndingEdit.tsx

@@ -17,7 +17,11 @@ interface IWidget {
   id?: string;
   onSuccess?: Function;
 }
-const Widget = ({ trigger = <>{"trigger"}</>, id, onSuccess }: IWidget) => {
+const NissayaEndingWidget = ({
+  trigger = <>{"trigger"}</>,
+  id,
+  onSuccess,
+}: IWidget) => {
   const [title, setTitle] = useState<string | undefined>(id ? "" : "新建");
   const [form] = Form.useForm<INissayaEnding>();
   const intl = useIntl();
@@ -108,4 +112,4 @@ const Widget = ({ trigger = <>{"trigger"}</>, id, onSuccess }: IWidget) => {
   );
 };
 
-export default Widget;
+export default NissayaEndingWidget;

dashboard/src/components/admin/relation/RelationEdit.tsx

@@ -22,7 +22,11 @@ interface IWidget {
   id?: string;
   onSuccess?: Function;
 }
-const Widget = ({ trigger = <>{"trigger"}</>, id, onSuccess }: IWidget) => {
+const RelationEditWidget = ({
+  trigger = <>{"trigger"}</>,
+  id,
+  onSuccess,
+}: IWidget) => {
   const [title, setTitle] = useState<string | undefined>(id ? "" : "新建");
   const [form] = Form.useForm<IRelation>();
   const formRef = useRef<ProFormInstance>();
@@ -124,4 +128,4 @@ const Widget = ({ trigger = <>{"trigger"}</>, id, onSuccess }: IWidget) => {
   );
 };
 
-export default Widget;
+export default RelationEditWidget;

dashboard/src/components/anthology/AnthologyCreate.tsx

@@ -21,7 +21,7 @@ interface IWidget {
   studio?: string;
   onSuccess?: Function;
 }
-const Widget = ({ studio, onSuccess }: IWidget) => {
+const AnthologyCreateWidget = ({ studio, onSuccess }: IWidget) => {
   const intl = useIntl();
   const formRef = useRef<ProFormInstance>();
 
@@ -76,4 +76,4 @@ const Widget = ({ studio, onSuccess }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AnthologyCreateWidget;

dashboard/src/components/anthology/AnthologyList.tsx

@@ -47,7 +47,7 @@ interface IWidget {
   showOption?: boolean;
   onTitleClick?: Function;
 }
-const Widget = ({
+const AnthologyListWidget = ({
   title,
   studioName,
   showCol,
@@ -375,4 +375,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default AnthologyListWidget;

dashboard/src/components/anthology/AnthologyModal.tsx

@@ -8,7 +8,12 @@ interface IWidget {
   onSelect?: Function;
   onCancel?: Function;
 }
-const Widget = ({ studioName, trigger, onSelect, onCancel }: IWidget) => {
+const AnthologyModalWidget = ({
+  studioName,
+  trigger,
+  onSelect,
+  onCancel,
+}: IWidget) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const showModal = () => {
@@ -49,4 +54,4 @@ const Widget = ({ studioName, trigger, onSelect, onCancel }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AnthologyModalWidget;

dashboard/src/components/anthology/AnthologySelect.tsx

@@ -11,7 +11,7 @@ interface IWidget {
   studioName?: string;
   onSelect?: Function;
 }
-const Widget = ({ studioName, onSelect }: IWidget) => {
+const AnthologyTocTreeWidget = ({ studioName, onSelect }: IWidget) => {
   const [anthology, setAnthology] = useState<IOptions[]>([
     { value: "all", label: "全部" },
     { value: "none", label: "没有加入文集的" },
@@ -49,4 +49,4 @@ const Widget = ({ studioName, onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AnthologyTocTreeWidget;

dashboard/src/components/anthology/AnthologyTocTree.tsx

@@ -11,7 +11,11 @@ interface IWidget {
   onSelect?: Function;
   onArticleSelect?: Function;
 }
-const Widget = ({ anthologyId, onSelect, onArticleSelect }: IWidget) => {
+const AnthologyTocTreeWidget = ({
+  anthologyId,
+  onSelect,
+  onArticleSelect,
+}: IWidget) => {
   const navigate = useNavigate();
   const [tocData, setTocData] = useState<ListNodeData[]>([]);
 
@@ -49,4 +53,4 @@ const Widget = ({ anthologyId, onSelect, onArticleSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AnthologyTocTreeWidget;

dashboard/src/components/anthology/EditableTocTree.tsx

@@ -13,7 +13,7 @@ interface IWidget {
   anthologyId?: string;
   onSelect?: Function;
 }
-const Widget = ({ anthologyId, onSelect }: IWidget) => {
+const EditableTocTreeWidget = ({ anthologyId, onSelect }: IWidget) => {
   const [tocData, setTocData] = useState<ListNodeData[]>([]);
 
   useEffect(() => {
@@ -77,4 +77,4 @@ const Widget = ({ anthologyId, onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default EditableTocTreeWidget;

dashboard/src/components/article/AddToAnthology.tsx

@@ -9,7 +9,12 @@ interface IWidget {
   articleIds?: string[];
   onFinally?: Function;
 }
-const Widget = ({ trigger, studioName, articleIds, onFinally }: IWidget) => {
+const AddToAnthologyWidget = ({
+  trigger,
+  studioName,
+  articleIds,
+  onFinally,
+}: IWidget) => {
   return (
     <AnthologyModal
       studioName={studioName}
@@ -43,4 +48,4 @@ const Widget = ({ trigger, studioName, articleIds, onFinally }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AddToAnthologyWidget;

dashboard/src/components/article/AnthologyCard.tsx

@@ -33,7 +33,7 @@ interface IWidgetAnthologyCard {
   data: IAnthologyData;
 }
 
-const Widget = (prop: IWidgetAnthologyCard) => {
+const AnthologyCardWidget = (prop: IWidgetAnthologyCard) => {
   const articleList = prop.data.articles.map((item, id) => {
     return <div key={id}>{item.title}</div>;
   });
@@ -65,4 +65,4 @@ const Widget = (prop: IWidgetAnthologyCard) => {
   );
 };
 
-export default Widget;
+export default AnthologyCardWidget;

dashboard/src/components/article/AnthologyDetail.tsx

@@ -20,7 +20,11 @@ interface IWidgetAnthologyDetail {
   channels?: string[];
   onArticleSelect?: Function;
 }
-const Widget = ({ aid, channels, onArticleSelect }: IWidgetAnthologyDetail) => {
+const AnthologyDetailWidget = ({
+  aid,
+  channels,
+  onArticleSelect,
+}: IWidgetAnthologyDetail) => {
   const [tableData, setTableData] = useState<IAnthologyData>();
   const navigate = useNavigate();
 
@@ -87,4 +91,4 @@ const Widget = ({ aid, channels, onArticleSelect }: IWidgetAnthologyDetail) => {
   );
 };
 
-export default Widget;
+export default AnthologyDetailWidget;

dashboard/src/components/article/AnthologyInfoEdit.tsx

@@ -20,7 +20,7 @@ interface IWidget {
   anthologyId?: string;
   onTitleChange?: Function;
 }
-const Widget = ({ anthologyId, onTitleChange }: IWidget) => {
+const AnthologyInfoEditWidget = ({ anthologyId, onTitleChange }: IWidget) => {
   const intl = useIntl();
 
   return anthologyId ? (
@@ -125,4 +125,4 @@ const Widget = ({ anthologyId, onTitleChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AnthologyInfoEditWidget;

dashboard/src/components/article/AnthologyList.tsx

@@ -10,7 +10,7 @@ interface IWidget {
   studioName?: string;
   searchKey?: string;
 }
-const Widget = ({ studioName, searchKey }: IWidget) => {
+const AnthologyListWidget = ({ studioName, searchKey }: IWidget) => {
   const [tableData, setTableData] = useState<IAnthologyData[]>([]);
   const [total, setTotal] = useState<number>();
   const [currPage, setCurrPage] = useState<number>(1);
@@ -84,4 +84,4 @@ const Widget = ({ studioName, searchKey }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AnthologyListWidget;

dashboard/src/components/article/AnthologStudioList.tsx → dashboard/src/components/article/AnthologyStudioList.tsx

@@ -16,7 +16,7 @@ interface IWidgetAnthologyList {
 	data: IAnthologyData[];
 }
 */
-const Widget = () => {
+const AnthologyStudioListWidget = () => {
   const [tableData, setTableData] = useState<IAnthologyStudioData[]>([]);
   useEffect(() => {
     console.log("useEffect");
@@ -54,4 +54,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default AnthologyStudioListWidget;

dashboard/src/components/article/Article.tsx

@@ -67,7 +67,7 @@ interface IWidgetArticle {
   onArticleChange?: Function;
   onFinal?: Function;
 }
-const Widget = ({
+const ArticleWidget = ({
   type,
   id,
   book,
@@ -316,4 +316,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ArticleWidget;

dashboard/src/components/article/ArticleCard.tsx

@@ -16,7 +16,7 @@ interface IWidgetArticleCard {
   openInCol?: Function;
   showCol?: Function;
 }
-const Widget = ({
+const ArticleCardWidget = ({
   type,
   articleId,
   data,
@@ -86,4 +86,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ArticleCardWidget;

dashboard/src/components/article/ArticleCardMainMenu.tsx

@@ -9,7 +9,7 @@ interface IWidget {
   type?: string;
   articleId?: string;
 }
-const Widget = ({ type, articleId }: IWidget) => {
+const ArticleCardMainMenuWidget = ({ type, articleId }: IWidget) => {
   const id = articleId?.split("_");
   let tocWidget = <></>;
   if (id && id.length > 0) {
@@ -71,4 +71,4 @@ const Widget = ({ type, articleId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ArticleCardMainMenuWidget;

dashboard/src/components/article/ArticleCreate.tsx

@@ -23,7 +23,7 @@ interface IWidget {
   anthologyId?: string;
   onSuccess?: Function;
 }
-const Widget = ({ studio, anthologyId, onSuccess }: IWidget) => {
+const ArticleCreateWidget = ({ studio, anthologyId, onSuccess }: IWidget) => {
   const intl = useIntl();
   const formRef = useRef<ProFormInstance>();
 
@@ -76,4 +76,4 @@ const Widget = ({ studio, anthologyId, onSuccess }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ArticleCreateWidget;

dashboard/src/components/article/ArticleSkeleton.tsx

@@ -1,6 +1,6 @@
 import { Divider, Skeleton } from "antd";
 
-const Widget = () => {
+const ArticleSkeletonWidget = () => {
   return (
     <div style={{ paddingTop: "1em" }}>
       <Skeleton title={{ width: 200 }} paragraph={{ rows: 1 }} active />
@@ -10,4 +10,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default ArticleSkeletonWidget;

dashboard/src/components/article/ArticleTplMaker.tsx

@@ -13,7 +13,7 @@ interface IWidget {
   onSelect?: Function;
   onCancel?: Function;
 }
-const Widget = ({
+const ArticleTplMakerWidget = ({
   type,
   id,
   title,
@@ -112,4 +112,4 @@ style=${styleText}`;
   );
 };
 
-export default Widget;
+export default ArticleTplMakerWidget;

dashboard/src/components/article/ArticleView.tsx

@@ -23,7 +23,7 @@ export interface IWidgetArticleData {
   articleId?: string;
 }
 
-const Widget = ({
+const ArticleViewWidget = ({
   id,
   title = "",
   subTitle,
@@ -94,4 +94,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ArticleViewWidget;

dashboard/src/components/article/EditableTree.tsx

@@ -125,7 +125,7 @@ interface IWidgetEditableTree {
   onSelect?: Function;
   onSave?: Function;
 }
-const Widget = ({
+const EditableTreeWidget = ({
   treeData,
   onChange,
   onSelect,
@@ -302,4 +302,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default EditableTreeWidget;

dashboard/src/components/article/ExerciseList.tsx

@@ -22,7 +22,7 @@ interface IWidget {
   articleId?: string;
   exerciseId?: string;
 }
-const Widget = ({ courseId, articleId, exerciseId }: IWidget) => {
+const ExerciseListWidget = ({ courseId, articleId, exerciseId }: IWidget) => {
   const [data, setData] = useState<DataItem[]>();
 
   useEffect(() => {
@@ -80,4 +80,4 @@ const Widget = ({ courseId, articleId, exerciseId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ExerciseListWidget;

dashboard/src/components/article/Find.tsx

@@ -3,7 +3,7 @@ import { Input, Space, Select } from "antd";
 
 const { Search } = Input;
 
-const Widget = () => {
+const FindWidget = () => {
   const [isLoading, setIsLoading] = useState(false);
 
   const onSearch = (value: string) => {
@@ -53,4 +53,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default FindWidget;

dashboard/src/components/article/MainMenu.tsx

@@ -2,7 +2,7 @@ import { Button, Dropdown } from "antd";
 import { AppstoreOutlined } from "@ant-design/icons";
 import { mainMenuItems } from "../library/HeadBar";
 
-const Widget = () => {
+const MainMenuWidget = () => {
   return (
     <Dropdown
       menu={{ items: mainMenuItems }}
@@ -18,4 +18,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default MainMenuWidget;

dashboard/src/components/article/ModeSwitch.tsx

@@ -9,7 +9,7 @@ interface IWidget {
   initMode?: string;
   onModeChange?: Function;
 }
-const Widget = ({ initMode = "read", onModeChange }: IWidget) => {
+const ModeSwitchWidget = ({ initMode = "read", onModeChange }: IWidget) => {
   const intl = useIntl();
   const [mode, setMode] = useState<string>(initMode);
   return (
@@ -50,4 +50,4 @@ const Widget = ({ initMode = "read", onModeChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ModeSwitchWidget;

dashboard/src/components/article/Nav.tsx

@@ -1,6 +1,6 @@
 import { Space, Select } from "antd";
 
-const Widget = () => {
+const NavWidget = () => {
   return (
     <div>
       <Space direction="vertical">
@@ -35,4 +35,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default NavWidget;

dashboard/src/components/article/PaliTextToc.tsx

@@ -10,7 +10,7 @@ interface IWidget {
   para?: number;
   channel?: string;
 }
-const Widget = ({ book, para, channel }: IWidget) => {
+const PaliTextTocWidget = ({ book, para, channel }: IWidget) => {
   const [tocList, setTocList] = useState<ListNodeData[]>([]);
   useEffect(() => {
     get<IPaliTocListResponse>(
@@ -29,4 +29,4 @@ const Widget = ({ book, para, channel }: IWidget) => {
   return <TocTree treeData={tocList} expandedKey={[`${book}-${para}`]} />;
 };
 
-export default Widget;
+export default PaliTextTocWidget;

dashboard/src/components/article/ProTabs.tsx

@@ -23,7 +23,7 @@ const setting = (
   </>
 );
 
-const Widget = () => {
+const ProTabsWidget = () => {
   const [value2, setValue2] = useState("close");
   const divSetting = useRef<HTMLDivElement>(null);
   const divDict = useRef<HTMLDivElement>(null);
@@ -170,4 +170,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default ProTabsWidget;

dashboard/src/components/article/RightPanel.tsx

@@ -15,7 +15,7 @@ interface IWidget {
   onChannelSelect?: Function;
   channelReload?: boolean;
 }
-const Widget = ({
+const RightPanelWidget = ({
   curr = "close",
   type,
   articleId,
@@ -82,4 +82,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default RightPanelWidget;

dashboard/src/components/article/RightToolsSwitch.tsx

@@ -7,7 +7,10 @@ interface IWidget {
   initMode?: string;
   onModeChange?: Function;
 }
-const Widget = ({ initMode = "close", onModeChange }: IWidget) => {
+const RightToolsSwitchWidget = ({
+  initMode = "close",
+  onModeChange,
+}: IWidget) => {
   const intl = useIntl();
   const [mode, setMode] = useState<string>(initMode);
   return (
@@ -44,4 +47,4 @@ const Widget = ({ initMode = "close", onModeChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default RightToolsSwitchWidget;

dashboard/src/components/article/TermShell.tsx

@@ -5,7 +5,7 @@ import { message } from "../../reducers/command";
 
 import TermEdit, { ITerm } from "../term/TermEdit";
 
-const Widget = () => {
+const TermShellWidget = () => {
   const [termProps, setTermProps] = useState<ITerm>();
   //接收术语消息
   const commandMsg = useAppSelector(message);
@@ -22,4 +22,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default TermShellWidget;

dashboard/src/components/article/TocTree.tsx

@@ -95,7 +95,7 @@ interface IWidgetTocTree {
   onSelect?: Function;
 }
 
-const Widget = ({ treeData, expandedKey, onSelect }: IWidgetTocTree) => {
+const TocTreeWidget = ({ treeData, expandedKey, onSelect }: IWidgetTocTree) => {
   const [tree, setTree] = useState<TreeNodeData[]>();
   const [expanded, setExpanded] = useState(expandedKey);
   console.log("new tree data", treeData);
@@ -142,4 +142,4 @@ const Widget = ({ treeData, expandedKey, onSelect }: IWidgetTocTree) => {
   );
 };
 
-export default Widget;
+export default TocTreeWidget;

dashboard/src/components/article/ToolButton.tsx

@@ -6,7 +6,7 @@ interface IWidget {
   content?: JSX.Element;
   title?: string;
 }
-const Widget = ({ icon, content, title }: IWidget) => {
+const ToolButtonWidget = ({ icon, content, title }: IWidget) => {
   const [open, setOpen] = useState(false);
 
   return (
@@ -35,4 +35,4 @@ const Widget = ({ icon, content, title }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ToolButtonWidget;

dashboard/src/components/article/ToolButtonDiscussion.tsx

@@ -50,7 +50,7 @@ interface IWidget {
   type?: string;
   articleId?: string;
 }
-const Widget = ({ type, articleId }: IWidget) => {
+const ToolButtonDiscussionWidget = ({ type, articleId }: IWidget) => {
   const [treeData, setTreeData] = useState<DataNode[]>([]);
 
   const refresh = () => {
@@ -128,4 +128,4 @@ const Widget = ({ type, articleId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ToolButtonDiscussionWidget;

dashboard/src/components/article/ToolButtonPr.tsx

@@ -49,7 +49,7 @@ interface IWidget {
   type?: string;
   articleId?: string;
 }
-const Widget = ({ type, articleId }: IWidget) => {
+const ToolButtonPrWidget = ({ type, articleId }: IWidget) => {
   const [treeData, setTreeData] = useState<DataNode[]>([]);
 
   const refresh = () => {
@@ -127,4 +127,4 @@ const Widget = ({ type, articleId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ToolButtonPrWidget;

dashboard/src/components/article/ToolButtonSearch.tsx

@@ -6,7 +6,7 @@ interface IWidget {
   type?: string;
   articleId?: string;
 }
-const Widget = ({ type, articleId }: IWidget) => {
+const ToolButtonSearchWidget = ({ type, articleId }: IWidget) => {
   const id = articleId?.split("_");
   let tocWidget = <></>;
   if (id && id.length > 0) {
@@ -21,4 +21,4 @@ const Widget = ({ type, articleId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ToolButtonSearchWidget;

dashboard/src/components/article/ToolButtonSetting.tsx

@@ -7,7 +7,7 @@ interface IWidget {
   type?: string;
   articleId?: string;
 }
-const Widget = ({ type, articleId }: IWidget) => {
+const ToolButtonSettingWidget = ({ type, articleId }: IWidget) => {
   return (
     <ToolButton
       title="设置"
@@ -17,4 +17,4 @@ const Widget = ({ type, articleId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ToolButtonSettingWidget;

dashboard/src/components/article/ToolButtonTag.tsx

@@ -6,7 +6,7 @@ interface IWidget {
   type?: string;
   articleId?: string;
 }
-const Widget = ({ type, articleId }: IWidget) => {
+const ToolButtonTagWidget = ({ type, articleId }: IWidget) => {
   const id = articleId?.split("_");
   let tocWidget = <></>;
   if (id && id.length > 0) {
@@ -19,4 +19,4 @@ const Widget = ({ type, articleId }: IWidget) => {
   return <ToolButton title="标签" icon={<TagOutlined />} content={tocWidget} />;
 };
 
-export default Widget;
+export default ToolButtonTagWidget;

dashboard/src/components/article/ToolButtonToc.tsx

@@ -7,7 +7,7 @@ interface IWidget {
   type?: string;
   articleId?: string;
 }
-const Widget = ({ type, articleId }: IWidget) => {
+const ToolButtonTocWidget = ({ type, articleId }: IWidget) => {
   const id = articleId?.split("_");
   let tocWidget = <></>;
   if (id && id.length > 0) {
@@ -24,4 +24,4 @@ const Widget = ({ type, articleId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ToolButtonTocWidget;

dashboard/src/components/auth/Avatar.tsx

@@ -19,8 +19,7 @@ import { TooltipPlacement } from "antd/lib/tooltip";
 interface IWidget {
   placement?: TooltipPlacement;
 }
-const Widget = ({ placement = "bottomRight" }: IWidget) => {
-  // TODO
+const AvatarWidget = ({ placement = "bottomRight" }: IWidget) => {
   const intl = useIntl();
   const navigate = useNavigate();
   const [userName, setUserName] = useState<string>();
@@ -93,4 +92,4 @@ const Widget = ({ placement = "bottomRight" }: IWidget) => {
   );
 };
 
-export default Widget;
+export default AvatarWidget;

dashboard/src/components/auth/SignInAvatar.tsx

@@ -15,8 +15,7 @@ import {
 import { useAppSelector } from "../../hooks";
 import { currentUser as _currentUser } from "../../reducers/current-user";
 
-const Widget = () => {
-  // TODO
+const SignInAvatarWidget = () => {
   const intl = useIntl();
   const navigate = useNavigate();
   const [userName, setUserName] = useState<string>();
@@ -95,4 +94,4 @@ const Widget = () => {
   }
 };
 
-export default Widget;
+export default SignInAvatarWidget;

dashboard/src/components/auth/StudioCard.tsx

@@ -7,7 +7,7 @@ interface IWidget {
   studio?: IStudio;
   children?: JSX.Element;
 }
-const Widget = ({ studio, children }: IWidget) => {
+const StudioCardWidget = ({ studio, children }: IWidget) => {
   const intl = useIntl();
 
   return (
@@ -46,4 +46,4 @@ const Widget = ({ studio, children }: IWidget) => {
   );
 };
 
-export default Widget;
+export default StudioCardWidget;

dashboard/src/components/auth/StudioName.tsx

@@ -15,7 +15,7 @@ interface IWidghtStudio {
   showName?: boolean;
   onClick?: Function;
 }
-const Widget = ({
+const StudioNameWidget = ({
   data,
   showAvatar = true,
   showName = true,
@@ -39,4 +39,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default StudioNameWidget;

dashboard/src/components/auth/ToLibaray.tsx → dashboard/src/components/auth/ToLibrary.tsx

@@ -2,7 +2,7 @@ import { useIntl } from "react-intl";
 import { Button } from "antd";
 import { Link } from "react-router-dom";
 
-const Widget = () => {
+const ToLibraryWidget = () => {
   const intl = useIntl();
 
   return (
@@ -25,4 +25,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default ToLibraryWidget;

dashboard/src/components/auth/ToStudio.tsx

@@ -5,7 +5,7 @@ import { Link } from "react-router-dom";
 import { useAppSelector } from "../../hooks";
 import { currentUser as _currentUser } from "../../reducers/current-user";
 
-const Widget = () => {
+const ToStudioWidget = () => {
   const intl = useIntl();
 
   const user = useAppSelector(_currentUser);
@@ -34,4 +34,4 @@ const Widget = () => {
   }
 };
 
-export default Widget;
+export default ToStudioWidget;

dashboard/src/components/auth/User.tsx

@@ -8,7 +8,7 @@ export interface IUser {
   showAvatar?: boolean;
   showName?: boolean;
 }
-const Widget = ({
+const UserWidget = ({
   nickName,
   userName,
   avatar,
@@ -25,4 +25,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default UserWidget;

dashboard/src/components/auth/UserName.tsx

@@ -4,7 +4,7 @@ export interface IUser {
   realName?: string;
   onClick?: Function;
 }
-const Widget = ({ id, nickName, realName, onClick }: IUser) => {
+const UserNameWidget = ({ id, nickName, realName, onClick }: IUser) => {
   return (
     <span
       onClick={(e) => {
@@ -18,4 +18,4 @@ const Widget = ({ id, nickName, realName, onClick }: IUser) => {
   );
 };
 
-export default Widget;
+export default UserNameWidget;

dashboard/src/components/auth/setting/SettingArticle.tsx

@@ -3,7 +3,7 @@ import { Divider } from "antd";
 import { SettingFind } from "./default";
 import SettingItem from "./SettingItem";
 
-const Widget = () => {
+const SettingArticleWidget = () => {
   return (
     <div>
       <Divider>阅读</Divider>
@@ -21,4 +21,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default SettingArticleWidget;

dashboard/src/components/auth/setting/SettingItem.tsx

@@ -26,7 +26,11 @@ interface IWidgetSettingItem {
   autoSave?: boolean;
   onChange?: Function;
 }
-const Widget = ({ data, onChange, autoSave = true }: IWidgetSettingItem) => {
+const SettingItemWidget = ({
+  data,
+  onChange,
+  autoSave = true,
+}: IWidgetSettingItem) => {
   const intl = useIntl();
   const settings: ISettingItem[] | undefined = useAppSelector(settingInfo);
   const [value, setValue] = useState(data?.defaultValue);
@@ -206,4 +210,4 @@ const Widget = ({ data, onChange, autoSave = true }: IWidgetSettingItem) => {
   }
 };
 
-export default Widget;
+export default SettingItemWidget;

dashboard/src/components/blog/BlogNav.tsx

@@ -8,7 +8,7 @@ interface IWidgetBlogNav {
   selectedKey: string;
   studio?: string;
 }
-const Widget = ({ selectedKey, studio }: IWidgetBlogNav) => {
+const BlogNavWidget = ({ selectedKey, studio }: IWidgetBlogNav) => {
   //Library head bar
   const intl = useIntl(); //i18n
   // TODO
@@ -70,4 +70,4 @@ const Widget = ({ selectedKey, studio }: IWidgetBlogNav) => {
     </Row>
   );
 };
-export default Widget;
+export default BlogNavWidget;

dashboard/src/components/blog/Profile.tsx

@@ -1,20 +1,20 @@
 import { Card } from "antd";
 
-const Widget = () => {
-	return (
-		<>
-			<Card title="简介" bordered={false} style={{ width: "100%" }}>
-				<p>Card content</p>
-				<p>Card content</p>
-				<p>Card content</p>
-			</Card>
-			<Card title="团队" bordered={false} style={{ width: "100%" }}>
-				<p>Card content</p>
-				<p>Card content</p>
-				<p>Card content</p>
-			</Card>
-		</>
-	);
+const ProfileWidget = () => {
+  return (
+    <>
+      <Card title="简介" bordered={false} style={{ width: "100%" }}>
+        <p>Card content</p>
+        <p>Card content</p>
+        <p>Card content</p>
+      </Card>
+      <Card title="团队" bordered={false} style={{ width: "100%" }}>
+        <p>Card content</p>
+        <p>Card content</p>
+        <p>Card content</p>
+      </Card>
+    </>
+  );
 };
 
-export default Widget;
+export default ProfileWidget;

dashboard/src/components/blog/TimeLine.tsx

@@ -1,47 +1,47 @@
 import { Timeline } from "antd";
 
 interface IAuthorTimeLine {
-	lable: string;
-	content: string;
-	type: string;
+  label: string;
+  content: string;
+  type: string;
 }
-const Widget = () => {
-	const data: IAuthorTimeLine[] = [
-		{
-			lable: "2015-09-1",
-			content: "Technical testing",
-			type: "translation",
-		},
-		{
-			lable: "2015-09-1",
-			content: "Technical testing",
-			type: "translation",
-		},
-		{
-			lable: "2015-09-1",
-			content: "Technical testing",
-			type: "translation",
-		},
-		{
-			lable: "2015-09-1",
-			content: "Technical testing",
-			type: "translation",
-		},
-	];
+const TimeLineWidget = () => {
+  const data: IAuthorTimeLine[] = [
+    {
+      label: "2015-09-1",
+      content: "Technical testing",
+      type: "translation",
+    },
+    {
+      label: "2015-09-1",
+      content: "Technical testing",
+      type: "translation",
+    },
+    {
+      label: "2015-09-1",
+      content: "Technical testing",
+      type: "translation",
+    },
+    {
+      label: "2015-09-1",
+      content: "Technical testing",
+      type: "translation",
+    },
+  ];
 
-	return (
-		<>
-			<Timeline mode={"left"} style={{ width: "100%" }}>
-				{data.map((item, id) => {
-					return (
-						<Timeline.Item key={id} label={item.lable}>
-							{item.content}
-						</Timeline.Item>
-					);
-				})}
-			</Timeline>
-		</>
-	);
+  return (
+    <>
+      <Timeline mode={"left"} style={{ width: "100%" }}>
+        {data.map((item, id) => {
+          return (
+            <Timeline.Item key={id} label={item.label}>
+              {item.content}
+            </Timeline.Item>
+          );
+        })}
+      </Timeline>
+    </>
+  );
 };
 
-export default Widget;
+export default TimeLineWidget;

dashboard/src/components/blog/TopArticleCard.tsx

@@ -41,7 +41,7 @@ export interface ITopArticleCardData {
 interface IWidgetTopArticleCard {
   data: ITopArticleCardData;
 }
-const Widget = (prop: IWidgetTopArticleCard) => {
+const TopArticleCardWidget = (prop: IWidgetTopArticleCard) => {
   const items: IIconParamListData[] = [
     {
       label: "经藏",
@@ -74,4 +74,4 @@ const Widget = (prop: IWidgetTopArticleCard) => {
   );
 };
 
-export default Widget;
+export default TopArticleCardWidget;

dashboard/src/components/blog/TopArticles.tsx

@@ -5,7 +5,7 @@ import TopArticleCard, { ITopArticleCardData } from "./TopArticleCard";
 interface IWidgetTopArticles {
   studio: string;
 }
-const Widget = (prop: IWidgetTopArticles) => {
+const TopArticlesWidget = (prop: IWidgetTopArticles) => {
   const data: ITopArticleCardData[] = [
     {
       title: "法句心品",
@@ -47,4 +47,4 @@ const Widget = (prop: IWidgetTopArticles) => {
   return <Row>{list}</Row>;
 };
 
-export default Widget;
+export default TopArticlesWidget;

dashboard/src/components/channel/Channel.tsx

@@ -5,8 +5,8 @@ export interface IChannel {
   id: string;
   type?: TChannelType;
 }
-const Widget = ({ name, id }: IChannel) => {
+const ChannelWidget = ({ name, id }: IChannel) => {
   return <span>{name}</span>;
 };
 
-export default Widget;
+export default ChannelWidget;

dashboard/src/components/channel/ChannelCreate.tsx

@@ -23,7 +23,7 @@ interface IWidget {
   studio?: string;
   onSuccess?: Function;
 }
-const Widget = ({ studio, onSuccess }: IWidget) => {
+const ChannelCreateWidget = ({ studio, onSuccess }: IWidget) => {
   const intl = useIntl();
   const formRef = useRef<ProFormInstance>();
 
@@ -71,4 +71,4 @@ const Widget = ({ studio, onSuccess }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChannelCreateWidget;

dashboard/src/components/channel/ChannelList.tsx

@@ -26,7 +26,9 @@ const defaultChannelFilterProps: ChannelFilterProps = {
   channelType: "translation",
 };
 
-const Widget = ({ filter = defaultChannelFilterProps }: IWidgetChannelList) => {
+const ChannelListWidget = ({
+  filter = defaultChannelFilterProps,
+}: IWidgetChannelList) => {
   const [tableData, setTableData] = useState<IChannelList[]>([]);
 
   useEffect(() => {
@@ -72,4 +74,4 @@ const Widget = ({ filter = defaultChannelFilterProps }: IWidgetChannelList) => {
   );
 };
 
-export default Widget;
+export default ChannelListWidget;

dashboard/src/components/channel/ChannelListItem.tsx

@@ -11,7 +11,12 @@ interface IWidget {
   showLike?: boolean;
 }
 
-const Widget = ({ channel, studio, showProgress, showLike }: IWidget) => {
+const ChannelListItemWidget = ({
+  channel,
+  studio,
+  showProgress,
+  showLike,
+}: IWidget) => {
   const studioName = studio.nickName.slice(0, 2);
   return (
     <>
@@ -23,4 +28,4 @@ const Widget = ({ channel, studio, showProgress, showLike }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChannelListItemWidget;

dashboard/src/components/channel/ChannelPicker.tsx

@@ -10,7 +10,7 @@ interface IWidget {
   articleId?: string;
   multiSelect?: boolean;
 }
-const Widget = ({ type, articleId, multiSelect }: IWidget) => {
+const ChannelPickerWidget = ({ type, articleId, multiSelect }: IWidget) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const showModal = () => {
@@ -51,4 +51,4 @@ const Widget = ({ type, articleId, multiSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChannelPickerWidget;

dashboard/src/components/channel/ChannelPickerTable.tsx

@@ -49,7 +49,7 @@ interface IWidget {
   reload?: boolean;
   onSelect?: Function;
 }
-const Widget = ({
+const ChannelPickerTableWidget = ({
   type,
   articleId,
   multiSelect = true,
@@ -376,4 +376,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ChannelPickerTableWidget;

dashboard/src/components/channel/ChannelSelect.tsx

@@ -17,7 +17,7 @@ interface IWidget {
   label?: string;
   onSelect?: Function;
 }
-const Widget = ({
+const ChannelSelectWidget = ({
   width = "md",
   channelId,
   name = "channel",
@@ -69,4 +69,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ChannelSelectWidget;

dashboard/src/components/channel/ChannelSentDiff.tsx

@@ -35,7 +35,7 @@ interface IWidget {
   goPrev?: Function;
   onSubmit?: Function;
 }
-const Widget = ({
+const ChannelSentDiffWidget = ({
   srcChannel,
   destChannel,
   sentences,
@@ -206,4 +206,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ChannelSentDiffWidget;

dashboard/src/components/channel/ChannelTypeSelect.tsx

@@ -1,7 +1,7 @@
 import { useIntl } from "react-intl";
 import { ProFormSelect } from "@ant-design/pro-components";
 
-const Widget = () => {
+const ChannelTypeSelectWidget = () => {
   const intl = useIntl();
 
   const channelTypeOptions = [
@@ -46,4 +46,4 @@ const Widget = () => {
   );
 };
 
-export default Widget;
+export default ChannelTypeSelectWidget;

dashboard/src/components/channel/ChapterInChannelList.tsx

@@ -29,7 +29,7 @@ interface IWidget {
   channelId?: string;
   onChange?: Function;
 }
-const Widget = ({ channelId, onChange }: IWidget) => {
+const ChpaterInChannelListWidget = ({ channelId, onChange }: IWidget) => {
   const intl = useIntl();
 
   return (
@@ -245,4 +245,4 @@ const Widget = ({ channelId, onChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChpaterInChannelListWidget;

dashboard/src/components/channel/CopyToModal.tsx

@@ -8,7 +8,7 @@ interface IWidget {
   trigger: JSX.Element | string;
   channel?: IChannel;
 }
-const Widget = ({ trigger, channel }: IWidget) => {
+const CopyToModalWidget = ({ trigger, channel }: IWidget) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [initStep, setInitStep] = useState(0);
 
@@ -50,4 +50,4 @@ const Widget = ({ trigger, channel }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CopyToModalWidget;

dashboard/src/components/channel/CopyToResult.tsx

@@ -4,7 +4,7 @@ interface IWidget {
   onClose?: Function;
   onInit?: Function;
 }
-const Widget = ({ onClose, onInit }: IWidget) => {
+const CopytoResultWidget = ({ onClose, onInit }: IWidget) => {
   return (
     <Result
       status="success"
@@ -37,4 +37,4 @@ const Widget = ({ onClose, onInit }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CopytoResultWidget;

dashboard/src/components/channel/CopyToStep.tsx

@@ -16,7 +16,7 @@ interface IWidget {
   stepChange?: Function;
   onClose?: Function;
 }
-const Widget = ({
+const CopyToStepWidget = ({
   initStep = 0,
   channel,
   type,
@@ -121,4 +121,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default CopyToStepWidget;

dashboard/src/components/channel/ProgressSvg.tsx

@@ -4,7 +4,7 @@ interface IWidget {
   data?: IFinal[];
   width?: number;
 }
-const Widget = ({ data, width = 300 }: IWidget) => {
+const ProgressSvgWidget = ({ data, width = 300 }: IWidget) => {
   //绘制句子进度
   if (typeof data === "undefined" || data.length === 0) {
     return <></>;
@@ -92,4 +92,4 @@ const Widget = ({ data, width = 300 }: IWidget) => {
   return <div style={{ width: width }}>{progress}</div>;
 };
 
-export default Widget;
+export default ProgressSvgWidget;

dashboard/src/components/channel/StudioSelect.tsx

@@ -20,7 +20,7 @@ interface IWidget {
   studioName?: string;
   onSelect?: Function;
 }
-const Widget = ({ studioName, onSelect }: IWidget) => {
+const StudioSelectWidget = ({ studioName, onSelect }: IWidget) => {
   const [anthology, setAnthology] = useState<IOptions[]>([
     { value: "all", label: "全部" },
   ]);
@@ -53,4 +53,4 @@ const Widget = ({ studioName, onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default StudioSelectWidget;

dashboard/src/components/comment/AnchorCard.tsx

@@ -10,7 +10,7 @@ interface IWidgetArticleCard {
   children?: React.ReactNode;
   onModeChange?: Function;
 }
-const Widget = ({ children, onModeChange }: IWidgetArticleCard) => {
+const AnchorCardWidget = ({ children, onModeChange }: IWidgetArticleCard) => {
   const intl = useIntl();
   const [mode, setMode] = useState<string>("read");
 
@@ -53,4 +53,4 @@ const Widget = ({ children, onModeChange }: IWidgetArticleCard) => {
   );
 };
 
-export default Widget;
+export default AnchorCardWidget;

dashboard/src/components/comment/CommentAnchor.tsx

@@ -7,7 +7,7 @@ import AnchorCard from "./AnchorCard";
 interface IWidget {
   id?: string;
 }
-const Widget = ({ id }: IWidget) => {
+const CommentAnchorWidget = ({ id }: IWidget) => {
   const [content, setContent] = useState<string>();
   useEffect(() => {
     if (typeof id === "string") {
@@ -30,4 +30,4 @@ const Widget = ({ id }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentAnchorWidget;

dashboard/src/components/comment/CommentBox.tsx

@@ -14,7 +14,12 @@ interface IWidget {
   resType?: TResType;
   onCommentCountChange?: Function;
 }
-const Widget = ({ trigger, resId, resType, onCommentCountChange }: IWidget) => {
+const CommentBoxWidget = ({
+  trigger,
+  resId,
+  resType,
+  onCommentCountChange,
+}: IWidget) => {
   const [open, setOpen] = useState(false);
   const [childrenDrawer, setChildrenDrawer] = useState(false);
   const [topicComment, setTopicComment] = useState<IComment>();
@@ -82,4 +87,4 @@ const Widget = ({ trigger, resId, resType, onCommentCountChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentBoxWidget;

dashboard/src/components/comment/CommentCreate.tsx

@@ -27,7 +27,7 @@ interface IWidget {
   onCreated?: Function;
   contentType?: TContentType;
 }
-const Widget = ({
+const CommentCreateWidget = ({
   resId,
   resType,
   contentType = "html",
@@ -179,4 +179,4 @@ const Widget = ({
   }
 };
 
-export default Widget;
+export default CommentCreateWidget;

dashboard/src/components/comment/CommentEdit.tsx

@@ -12,7 +12,7 @@ interface IWidget {
   data: IComment;
   onCreated?: Function;
 }
-const Widget = ({ data, onCreated }: IWidget) => {
+const CommentEditWidget = ({ data, onCreated }: IWidget) => {
   const intl = useIntl();
   const formItemLayout = {
     labelCol: { span: 4 },
@@ -85,4 +85,4 @@ const Widget = ({ data, onCreated }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentEditWidget;

dashboard/src/components/comment/CommentItem.tsx

@@ -22,7 +22,7 @@ interface IWidget {
   onSelect?: Function;
   onCreated?: Function;
 }
-const Widget = ({ data, onSelect, onCreated }: IWidget) => {
+const CommentItemWidget = ({ data, onSelect, onCreated }: IWidget) => {
   const [edit, setEdit] = useState(false);
   console.log(data);
   return (
@@ -53,4 +53,4 @@ const Widget = ({ data, onSelect, onCreated }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentItemWidget;

dashboard/src/components/comment/CommentList.tsx

@@ -7,7 +7,7 @@ interface IWidget {
   data: IComment[];
   onSelect?: Function;
 }
-const Widget = ({ data, onSelect }: IWidget) => {
+const CommentListWidget = ({ data, onSelect }: IWidget) => {
   return (
     <div>
       <List
@@ -53,4 +53,4 @@ const Widget = ({ data, onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentListWidget;

dashboard/src/components/comment/CommentListCard.tsx

@@ -18,7 +18,7 @@ interface IWidget {
   onSelect?: Function;
   onItemCountChange?: Function;
 }
-const Widget = ({
+const CommentListCardWidget = ({
   resId,
   resType,
   topicId,
@@ -120,4 +120,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default CommentListCardWidget;

dashboard/src/components/comment/CommentListItem.tsx

@@ -1,5 +1,5 @@
-const Widget = () => {
+const commentListItemWidget = () => {
   return <div>change password</div>;
 };
 
-export default Widget;
+export default commentListItemWidget;

dashboard/src/components/comment/CommentShow.tsx

@@ -10,7 +10,7 @@ interface IWidget {
   onEdit?: Function;
   onSelect?: Function;
 }
-const Widget = ({ data, onEdit, onSelect }: IWidget) => {
+const CommentShowWidget = ({ data, onEdit, onSelect }: IWidget) => {
   const onClick: MenuProps["onClick"] = (e) => {
     console.log("click ", e);
     switch (e.key) {
@@ -87,4 +87,4 @@ const Widget = ({ data, onEdit, onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentShowWidget;

dashboard/src/components/comment/CommentTopic.tsx

@@ -7,7 +7,7 @@ interface IWidget {
   topicId?: string;
   onItemCountChange?: Function;
 }
-const Widget = ({ topicId, onItemCountChange }: IWidget) => {
+const CommentTopicWidget = ({ topicId, onItemCountChange }: IWidget) => {
   return (
     <div>
       <CommentTopicInfo topicId={topicId} />
@@ -25,4 +25,4 @@ const Widget = ({ topicId, onItemCountChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentTopicWidget;

dashboard/src/components/comment/CommentTopicChildren.tsx

@@ -11,7 +11,10 @@ interface IWidget {
   topicId?: string;
   onItemCountChange?: Function;
 }
-const Widget = ({ topicId, onItemCountChange }: IWidget) => {
+const CommentTopicChildrenWidget = ({
+  topicId,
+  onItemCountChange,
+}: IWidget) => {
   const intl = useIntl();
   const [data, setData] = useState<IComment[]>();
   useEffect(() => {
@@ -84,4 +87,4 @@ const Widget = ({ topicId, onItemCountChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentTopicChildrenWidget;

dashboard/src/components/comment/CommentTopicInfo.tsx

@@ -11,7 +11,7 @@ const { Title, Text } = Typography;
 interface IWidget {
   topicId?: string;
 }
-const Widget = ({ topicId }: IWidget) => {
+const CommentTopicInfoWidget = ({ topicId }: IWidget) => {
   const [data, setData] = useState<IComment>();
   useEffect(() => {
     if (typeof topicId === "undefined") {
@@ -65,4 +65,4 @@ const Widget = ({ topicId }: IWidget) => {
   );
 };
 
-export default Widget;
+export default CommentTopicInfoWidget;

dashboard/src/components/corpus/BookTree.tsx

@@ -21,7 +21,7 @@ interface IWidgetBookTree {
   onSelect?: Function;
   onRootChange?: Function;
 }
-const Widget = ({
+const BookTreeWidget = ({
   root,
   path,
   multiSelect = false,
@@ -155,4 +155,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default BookTreeWidget;

dashboard/src/components/corpus/BookTreeList.tsx

@@ -32,7 +32,7 @@ interface IWidgetBookTreeList {
   onChange?: Function;
   onTocLoad?: Function;
 }
-const Widget = ({
+const BoolTreeListWidget = ({
   root = "default",
   path,
   tags,
@@ -204,4 +204,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default BoolTreeListWidget;

dashboard/src/components/corpus/BookViewer.tsx

@@ -15,7 +15,7 @@ interface IWidget {
   chapter: IChapter;
   onChange?: Function;
 }
-const Widget = ({ chapter, onChange }: IWidget) => {
+const BookViewerWidget = ({ chapter, onChange }: IWidget) => {
   const [currChapter, setCurrChapter] = useState(chapter);
   useEffect(() => {
     if (typeof onChange !== "undefined") {
@@ -61,4 +61,4 @@ const Widget = ({ chapter, onChange }: IWidget) => {
   );
 };
 
-export default Widget;
+export default BookViewerWidget;

dashboard/src/components/corpus/ChapterAppendTag.tsx

@@ -12,7 +12,7 @@ interface IWidget {
   tags?: string[];
   onTagClick?: Function;
 }
-const Widget = ({
+const ChapterAppendTagWidget = ({
   progress = 0.9,
   lang = "zh",
   type = "translation",
@@ -46,4 +46,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ChapterAppendTagWidget;

dashboard/src/components/corpus/ChapterCard.tsx

@@ -35,7 +35,7 @@ interface IWidgetChapterCard {
   onTagClick?: Function;
 }
 
-const Widget = ({ data, onTagClick }: IWidgetChapterCard) => {
+const ChpterCardWidget = ({ data, onTagClick }: IWidgetChapterCard) => {
   const path = JSON.parse(data.path);
   let url = `/article/chapter/${data.book}-${data.paragraph}`;
   url += data.channel.id ? `?channel=${data.channel.id}` : "";
@@ -92,4 +92,4 @@ const Widget = ({ data, onTagClick }: IWidgetChapterCard) => {
   );
 };
 
-export default Widget;
+export default ChpterCardWidget;

dashboard/src/components/corpus/ChapterChannelSelect.tsx

@@ -18,7 +18,12 @@ interface IWidget {
   currChannel?: string;
   onSelect?: Function;
 }
-const Widget = ({ trigger, channels, currChannel, onSelect }: IWidget) => {
+const ChapterChannelSelectWidget = ({
+  trigger,
+  channels,
+  currChannel,
+  onSelect,
+}: IWidget) => {
   const [open, setOpen] = useState(false);
 
   const handleCancel = () => {
@@ -97,4 +102,4 @@ const Widget = ({ trigger, channels, currChannel, onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChapterChannelSelectWidget;

dashboard/src/components/corpus/ChapterFilter.tsx

@@ -12,7 +12,7 @@ interface IWidget {
   onProgressChange?: Function;
   onSearch?: Function;
 }
-const Widget = ({
+const ChapterFilterWidget = ({
   onTypeChange,
   onLangChange,
   onProgressChange,
@@ -56,4 +56,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ChapterFilterWidget;

dashboard/src/components/corpus/ChapterFilterLang.tsx

@@ -8,7 +8,7 @@ import { IChapterLangListResponse } from "../api/Corpus";
 interface IWidget {
   onSelect?: Function;
 }
-const Widget = ({ onSelect }: IWidget) => {
+const ChpterFilterLangWidget = ({ onSelect }: IWidget) => {
   const [lang, setLang] = useState<DefaultOptionType[]>([]);
   useEffect(() => {
     get<IChapterLangListResponse>(`/v2/progress?view=lang`).then((json) => {
@@ -41,4 +41,4 @@ const Widget = ({ onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChpterFilterLangWidget;

dashboard/src/components/corpus/ChapterFilterProgress.tsx

@@ -5,7 +5,7 @@ const { Option } = Select;
 interface IWidget {
   onSelect?: Function;
 }
-const Widget = ({ onSelect }: IWidget) => {
+const ChpterFilterProgressWidget = ({ onSelect }: IWidget) => {
   return (
     <Select
       style={{ width: 100 }}
@@ -28,4 +28,4 @@ const Widget = ({ onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChpterFilterProgressWidget;

dashboard/src/components/corpus/ChapterFilterType.tsx

@@ -4,7 +4,7 @@ import { useIntl } from "react-intl";
 interface IWidget {
   onSelect?: Function;
 }
-const Widget = ({ onSelect }: IWidget) => {
+const ChapterFilterTypeWidget = ({ onSelect }: IWidget) => {
   const intl = useIntl();
 
   return (
@@ -40,4 +40,4 @@ const Widget = ({ onSelect }: IWidget) => {
   );
 };
 
-export default Widget;
+export default ChapterFilterTypeWidget;

dashboard/src/components/corpus/ChapterHead.tsx

@@ -14,7 +14,7 @@ export interface IChapterInfo {
 interface IWidgetPaliChapterHeading {
   data: IChapterInfo;
 }
-const Widget = (prop: IWidgetPaliChapterHeading) => {
+const ChapterHeadWidget = (prop: IWidgetPaliChapterHeading) => {
   return (
     <>
       <Title level={4}>
@@ -31,4 +31,4 @@ const Widget = (prop: IWidgetPaliChapterHeading) => {
   );
 };
 
-export default Widget;
+export default ChapterHeadWidget;

dashboard/src/components/corpus/ChapterInChannel.tsx

@@ -29,7 +29,7 @@ interface IWidgetChapterInChannel {
   channelId?: string[];
   openTarget?: React.HTMLAttributeAnchorTarget;
 }
-const Widget = ({
+const ChapterInChannelWidget = ({
   data,
   book,
   para,
@@ -179,4 +179,4 @@ const Widget = ({
   }
 };
 
-export default Widget;
+export default ChapterInChannelWidget;

dashboard/src/components/corpus/ChapterList.tsx

@@ -17,7 +17,7 @@ interface IWidget {
   onTagClick?: Function;
 }
 
-const Widget = ({
+const ChapterListWidget = ({
   searchKey,
   progress = 0.9,
   lang = "zh",
@@ -111,4 +111,4 @@ const Widget = ({
   );
 };
 
-export default Widget;
+export default ChapterListWidget;