diff --git a/src/components/AvatarList/AvatarItem.d.ts b/src/components/AvatarList/AvatarItem.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5681de77c2b3634ee8a54487fe15d07044fa8ca4
--- /dev/null
+++ b/src/components/AvatarList/AvatarItem.d.ts
@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface IAvatarItemProps {
+  tips: React.ReactNode;
+  src: string;
+  style?: React.CSSProperties;
+}
+
+export default class AvatarItem extends React.Component<IAvatarItemProps, any> {
+  constructor(props: IAvatarItemProps);
+}
diff --git a/src/components/AvatarList/index.d.ts b/src/components/AvatarList/index.d.ts
index 101a70d40918c4936e00aa15499c9af99517e109..bc8ce19cfc197169e414ae103255314ebe1ed8aa 100644
--- a/src/components/AvatarList/index.d.ts
+++ b/src/components/AvatarList/index.d.ts
@@ -1,23 +1,14 @@
-import * as React from "react";
-export interface AvatarItemProps {
-  tips: React.ReactNode;
-  src: string;
-  style?: React.CSSProperties;
-}
+import * as React from 'react';
+import AvatarItem from './AvatarItem';
 
-export interface AvatarListProps {
-  size?: "large" | "small" | "mini" | "default";
+export interface IAvatarListProps {
+  size?: 'large' | 'small' | 'mini' | 'default';
   style?: React.CSSProperties;
   children:
     | React.ReactElement<AvatarItem>
     | Array<React.ReactElement<AvatarItem>>;
 }
 
-declare class AvatarItem extends React.Component<AvatarItemProps, any> {
-  constructor(props: AvatarItemProps);
-}
-
-export default class AvatarList extends React.Component<AvatarListProps, any> {
-  constructor(props: AvatarListProps);
-  static Item: typeof AvatarItem;
+export default class AvatarList extends React.Component<IAvatarListProps, any> {
+  public static Item: typeof AvatarItem;
 }
diff --git a/src/components/Charts/Bar/index.d.ts b/src/components/Charts/Bar/index.d.ts
index 7be2a1a71fe4c8ddf4c75f06b26fbe7be7ed3a17..2813a272c3b1b28d2494e46031f227ad514368a0 100644
--- a/src/components/Charts/Bar/index.d.ts
+++ b/src/components/Charts/Bar/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface BarProps {
+export interface IBarProps {
   title: React.ReactNode;
   color?: string;
   padding?: [number, number, number, number];
@@ -12,4 +12,4 @@ export interface BarProps {
   style?: React.CSSProperties;
 }
 
-export default class Bar extends React.Component<BarProps, any> {}
+export default class Bar extends React.Component<IBarProps, any> {}
diff --git a/src/components/Charts/ChartCard/index.d.ts b/src/components/Charts/ChartCard/index.d.ts
index 35a5852e9c172aaf4984202333ec52f157a545c3..76470460aede98c676da760cbb39b675cb20a648 100644
--- a/src/components/Charts/ChartCard/index.d.ts
+++ b/src/components/Charts/ChartCard/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface ChartCardProps {
+export interface IChartCardProps {
   title: React.ReactNode;
   action?: React.ReactNode;
   total?: React.ReactNode | number;
@@ -9,4 +9,4 @@ export interface ChartCardProps {
   style?: React.CSSProperties;
 }
 
-export default class ChartCard extends React.Component<ChartCardProps, any> {}
+export default class ChartCard extends React.Component<IChartCardProps, any> {}
diff --git a/src/components/Charts/Field/index.d.ts b/src/components/Charts/Field/index.d.ts
index b1f779cd6ef118cc74accf1cc826bc0630337cbe..c89aaf969f13cabbfee0275bf08ce24245d8bfe9 100644
--- a/src/components/Charts/Field/index.d.ts
+++ b/src/components/Charts/Field/index.d.ts
@@ -1,8 +1,8 @@
 import * as React from "react";
-export interface FieldProps {
+export interface IFieldProps {
   label: React.ReactNode;
   value: React.ReactNode;
   style?: React.CSSProperties;
 }
 
-export default class Field extends React.Component<FieldProps, any> {}
+export default class Field extends React.Component<IFieldProps, any> {}
diff --git a/src/components/Charts/Gauge/index.d.ts b/src/components/Charts/Gauge/index.d.ts
index 218fccf3e151e554eb0fd2ba3304c240deb9d009..e91dd562e51fb96d39ed811c826a5e18088afa5b 100644
--- a/src/components/Charts/Gauge/index.d.ts
+++ b/src/components/Charts/Gauge/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface GaugeProps {
+export interface IGaugeProps {
   title: React.ReactNode;
   color?: string;
   height: number;
@@ -8,4 +8,4 @@ export interface GaugeProps {
   style?: React.CSSProperties;
 }
 
-export default class Gauge extends React.Component<GaugeProps, any> {}
+export default class Gauge extends React.Component<IGaugeProps, any> {}
diff --git a/src/components/Charts/MiniArea/index.d.ts b/src/components/Charts/MiniArea/index.d.ts
index d2f67e4a893434e64ccd3568509934fc8c853a1d..2bcac70c5f1da3582e4bdf4e1d41e8c9e576014a 100644
--- a/src/components/Charts/MiniArea/index.d.ts
+++ b/src/components/Charts/MiniArea/index.d.ts
@@ -1,9 +1,9 @@
-import * as React from "react";
+import * as React from 'react';
 
 // g2已经更新到3.0
 // 不带的写了
 
-export interface Axis {
+export interface IAxis {
   title: any;
   line: any;
   gridAlign: any;
@@ -12,18 +12,18 @@ export interface Axis {
   grid: any;
 }
 
-export interface MiniAreaProps {
+export interface IMiniAreaProps {
   color?: string;
   height: number;
   borderColor?: string;
   line?: boolean;
   animate?: boolean;
-  xAxis?: Axis;
-  yAxis?: Axis;
+  xAxis?: IAxis;
+  yAxis?: IAxis;
   data: Array<{
     x: number;
     y: number;
   }>;
 }
 
-export default class MiniArea extends React.Component<MiniAreaProps, any> {}
+export default class MiniArea extends React.Component<IMiniAreaProps, any> {}
diff --git a/src/components/Charts/MiniBar/index.d.ts b/src/components/Charts/MiniBar/index.d.ts
index 3e2f1ec2286855f8241328e39f4262b0e71c3f0e..0c4bd6cce558f4b948691c553c65d76c8c34fc6b 100644
--- a/src/components/Charts/MiniBar/index.d.ts
+++ b/src/components/Charts/MiniBar/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface MiniBarProps {
+export interface IMiniBarProps {
   color?: string;
   height: number;
   data: Array<{
@@ -9,4 +9,4 @@ export interface MiniBarProps {
   style?: React.CSSProperties;
 }
 
-export default class MiniBar extends React.Component<MiniBarProps, any> {}
+export default class MiniBar extends React.Component<IMiniBarProps, any> {}
diff --git a/src/components/Charts/MiniProgress/index.d.ts b/src/components/Charts/MiniProgress/index.d.ts
index 4dde6052a9930907baa182f673ea2e9c9b1f1ed8..bbcc1d0b29bf1fe75501e6063806352a501bbea2 100644
--- a/src/components/Charts/MiniProgress/index.d.ts
+++ b/src/components/Charts/MiniProgress/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface MiniProgressProps {
+export interface IMiniProgressProps {
   target: number;
   color?: string;
   strokeWidth?: number;
@@ -8,6 +8,6 @@ export interface MiniProgressProps {
 }
 
 export default class MiniProgress extends React.Component<
-  MiniProgressProps,
+  IMiniProgressProps,
   any
 > {}
diff --git a/src/components/Charts/Pie/index.d.ts b/src/components/Charts/Pie/index.d.ts
index fe2e2a8e7aea2761898d41b9f313182bfa7a54ad..e9dcd1d4dffde04b38b624be1047b33c16844bea 100644
--- a/src/components/Charts/Pie/index.d.ts
+++ b/src/components/Charts/Pie/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface PieProps {
+export interface IPieProps {
   animate?: boolean;
   color?: string;
   height: number;
@@ -17,4 +17,4 @@ export interface PieProps {
   subTitle?: React.ReactNode;
 }
 
-export default class Pie extends React.Component<PieProps, any> {}
+export default class Pie extends React.Component<IPieProps, any> {}
diff --git a/src/components/Charts/Radar/index.d.ts b/src/components/Charts/Radar/index.d.ts
index 772cbf02f7b34aea4196f17016300c09db9532f2..d0f0dcfd7a380f285476b26cf057560ca34c55c5 100644
--- a/src/components/Charts/Radar/index.d.ts
+++ b/src/components/Charts/Radar/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface RadarProps {
+export interface IRadarProps {
   title?: React.ReactNode;
   height: number;
   padding?: [number, number, number, number];
@@ -12,4 +12,4 @@ export interface RadarProps {
   style?: React.CSSProperties;
 }
 
-export default class Radar extends React.Component<RadarProps, any> {}
+export default class Radar extends React.Component<IRadarProps, any> {}
diff --git a/src/components/Charts/TagCloud/index.d.ts b/src/components/Charts/TagCloud/index.d.ts
index e2dcc79428e7066c5a8b5c8da1250ef7d991ff67..a85bac76620f7d84ca401de9e76103d6a0df1fd8 100644
--- a/src/components/Charts/TagCloud/index.d.ts
+++ b/src/components/Charts/TagCloud/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface TagCloudProps {
+export interface ITagCloudProps {
   data: Array<{
     name: string;
     value: number;
@@ -8,4 +8,4 @@ export interface TagCloudProps {
   style?: React.CSSProperties;
 }
 
-export default class TagCloud extends React.Component<TagCloudProps, any> {}
+export default class TagCloud extends React.Component<ITagCloudProps, any> {}
diff --git a/src/components/Charts/TimelineChart/index.d.ts b/src/components/Charts/TimelineChart/index.d.ts
index f9241fa2e811dc7d22567f7d234143b0c0213b52..5ab7a664a41d2bea8951cb8438e88aaa696e8c53 100644
--- a/src/components/Charts/TimelineChart/index.d.ts
+++ b/src/components/Charts/TimelineChart/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface TimelineChartProps {
+export interface ITimelineChartProps {
   data: Array<{
     x: string;
     y1: string;
@@ -12,6 +12,6 @@ export interface TimelineChartProps {
 }
 
 export default class TimelineChart extends React.Component<
-  TimelineChartProps,
+  ITimelineChartProps,
   any
 > {}
diff --git a/src/components/Charts/WaterWave/index.d.ts b/src/components/Charts/WaterWave/index.d.ts
index 309db7b569fac4902f839bd1719ddd3687b40c50..8f5588d29f29baa7a5409eded24fb2cbe82e1c53 100644
--- a/src/components/Charts/WaterWave/index.d.ts
+++ b/src/components/Charts/WaterWave/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface WaterWaveProps {
+export interface IWaterWaveProps {
   title: React.ReactNode;
   color?: string;
   height: number;
@@ -7,4 +7,4 @@ export interface WaterWaveProps {
   style?: React.CSSProperties;
 }
 
-export default class WaterWave extends React.Component<WaterWaveProps, any> {}
+export default class WaterWave extends React.Component<IWaterWaveProps, any> {}
diff --git a/src/components/CountDown/index.d.ts b/src/components/CountDown/index.d.ts
index 3c46ac79330d2007d26da57ebad2bae7757866d4..c2d4bcf98484e79d63cfd1417f10f8b45faa65b3 100644
--- a/src/components/CountDown/index.d.ts
+++ b/src/components/CountDown/index.d.ts
@@ -1,9 +1,9 @@
 import * as React from "react";
-export interface CountDownProps {
+export interface ICountDownProps {
   format?: (time: number) => void;
   target: Date | number;
   onEnd?: () => void;
   style?: React.CSSProperties;
 }
 
-export default class CountDown extends React.Component<CountDownProps, any> {}
+export default class CountDown extends React.Component<ICountDownProps, any> {}
diff --git a/src/components/DescriptionList/Description.d.ts b/src/components/DescriptionList/Description.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2a17be374accc8e2a1ffa9812327398a6c3f7173
--- /dev/null
+++ b/src/components/DescriptionList/Description.d.ts
@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+export default class Description extends React.Component<
+  {
+    term: React.ReactNode;
+    style?: React.CSSProperties;
+  },
+  any
+> {}
diff --git a/src/components/DescriptionList/index.d.ts b/src/components/DescriptionList/index.d.ts
index fe64433aa99987bedec5b8a8c586af17eb168418..e7b2baf6050455a99915cc381aa2c26461d768a0 100644
--- a/src/components/DescriptionList/index.d.ts
+++ b/src/components/DescriptionList/index.d.ts
@@ -1,5 +1,7 @@
 import * as React from 'react';
-export interface DescriptionListProps {
+import Description from './Description';
+
+export interface IDescriptionListProps {
   layout?: 'horizontal' | 'vertical';
   col?: number;
   title: React.ReactNode;
@@ -8,17 +10,9 @@ export interface DescriptionListProps {
   style?: React.CSSProperties;
 }
 
-declare class Description extends React.Component<
-  {
-    term: React.ReactNode;
-    style?: React.CSSProperties;
-  },
-  any
-> {}
-
 export default class DescriptionList extends React.Component<
-  DescriptionListProps,
+  IDescriptionListProps,
   any
 > {
-  static Description: typeof Description;
+  public static Description: typeof Description;
 }
diff --git a/src/components/Ellipsis/index.d.ts b/src/components/Ellipsis/index.d.ts
index 4f84c7ae00b8597d614102692e396a08a28529b9..4643ee76de64290b89dbc5280c64914daf412f44 100644
--- a/src/components/Ellipsis/index.d.ts
+++ b/src/components/Ellipsis/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface EllipsisProps {
+export interface IEllipsisProps {
   tooltip?: boolean;
   length?: number;
   lines?: number;
@@ -7,4 +7,4 @@ export interface EllipsisProps {
   className?: string;
 }
 
-export default class Ellipsis extends React.Component<EllipsisProps, any> {}
+export default class Ellipsis extends React.Component<IEllipsisProps, any> {}
diff --git a/src/components/Exception/index.d.ts b/src/components/Exception/index.d.ts
index 037f866d03632ca4db3deabef1fe0326810d99b9..a0954377262a471d6c792bf91ae29b1c9c3c55b4 100644
--- a/src/components/Exception/index.d.ts
+++ b/src/components/Exception/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface ExceptionProps {
+export interface IExceptionProps {
   type?: "403" | "404" | "500";
   title?: React.ReactNode;
   desc?: React.ReactNode;
@@ -9,4 +9,4 @@ export interface ExceptionProps {
   style?: React.CSSProperties;
 }
 
-export default class Exception extends React.Component<ExceptionProps, any> {}
+export default class Exception extends React.Component<IExceptionProps, any> {}
diff --git a/src/components/FooterToolbar/index.d.ts b/src/components/FooterToolbar/index.d.ts
index 637bd4b8e7864bdaa5d459e793533fe5ff82ad79..130021d8d7bf5ecdc957da3742c06354451bee93 100644
--- a/src/components/FooterToolbar/index.d.ts
+++ b/src/components/FooterToolbar/index.d.ts
@@ -1,10 +1,10 @@
 import * as React from 'react';
-export interface FooterToolbarProps {
+export interface IFooterToolbarProps {
   extra: React.ReactNode;
   style?: React.CSSProperties;
 }
 
 export default class FooterToolbar extends React.Component<
-  FooterToolbarProps,
+  IFooterToolbarProps,
   any
 > {}
diff --git a/src/components/GlobalFooter/index.d.ts b/src/components/GlobalFooter/index.d.ts
index faf633b9ecb14def35693c769d93f87020a21cde..cc1224e39315a2211c6fa792988720cff6f63d0b 100644
--- a/src/components/GlobalFooter/index.d.ts
+++ b/src/components/GlobalFooter/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface GlobalFooterProps {
+export interface IGlobalFooterProps {
   links?: Array<{
     title: React.ReactNode;
     href: string;
@@ -10,6 +10,6 @@ export interface GlobalFooterProps {
 }
 
 export default class GlobalFooter extends React.Component<
-  GlobalFooterProps,
+  IGlobalFooterProps,
   any
 > {}
diff --git a/src/components/HeaderSearch/index.d.ts b/src/components/HeaderSearch/index.d.ts
index 58316dfc18b6791e47cad9588e26daa84566a95f..a11d63a156a4423ebc32efd721cf50cda5229dfa 100644
--- a/src/components/HeaderSearch/index.d.ts
+++ b/src/components/HeaderSearch/index.d.ts
@@ -1,7 +1,7 @@
 import * as React from 'react';
-export interface HeaderSearchProps {
+export interface IHeaderSearchProps {
   placeholder?: string;
-  dataSource?: Array<string>;
+  dataSource?: string[];
   onSearch?: (value: string) => void;
   onChange?: (value: string) => void;
   onPressEnter?: (value: string) => void;
@@ -9,6 +9,6 @@ export interface HeaderSearchProps {
 }
 
 export default class HeaderSearch extends React.Component<
-  HeaderSearchProps,
+  IHeaderSearchProps,
   any
 > {}
diff --git a/src/components/NoticeIcon/NoticeIconTab.d.ts b/src/components/NoticeIcon/NoticeIconTab.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0f58e8178f51f3cdafe227b2d6ec47fdc4d73790
--- /dev/null
+++ b/src/components/NoticeIcon/NoticeIconTab.d.ts
@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface INoticeIconData {
+  avatar?: string;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  datetime?: React.ReactNode;
+  extra?: React.ReactNode;
+  style?: React.CSSProperties;
+}
+
+export interface INoticeIconTabProps {
+  list?: INoticeIconData[];
+  title?: string;
+  emptyText?: React.ReactNode;
+  emptyImage?: string;
+  style?: React.CSSProperties;
+}
+
+export default class NoticeIconTab extends React.Component<
+  INoticeIconTabProps,
+  any
+> {}
diff --git a/src/components/NoticeIcon/index.d.ts b/src/components/NoticeIcon/index.d.ts
index 76541cd6c32e0ea073e65efa6aa08bac158c1c8a..52c4dea3a1abe1b822de55b7388087573ba05edd 100644
--- a/src/components/NoticeIcon/index.d.ts
+++ b/src/components/NoticeIcon/index.d.ts
@@ -1,19 +1,12 @@
-import * as React from 'react';
-export interface NoticeIconData {
-  avatar?: string;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  datetime?: React.ReactNode;
-  extra?: React.ReactNode;
-  style?: React.CSSProperties;
-}
+import React from 'react';
+import NoticeIconTab, { INoticeIconData } from './NoticeIconTab';
 
-export interface NoticeIconProps {
+export interface INoticeIconProps {
   count?: number;
   className?: string;
   loading?: boolean;
   onClear?: (tableTile: string) => void;
-  onItemClick?: (item: NoticeIconData, tabProps: NoticeIconProps) => void;
+  onItemClick?: (item: INoticeIconData, tabProps: INoticeIconProps) => void;
   onTabChange?: (tableTile: string) => void;
   popupAlign?: {
     points?: [string, string];
@@ -30,16 +23,6 @@ export interface NoticeIconProps {
   locale?: { emptyText: string; clear: string };
 }
 
-export interface NoticeIconTabProps {
-  list?: Array<NoticeIconData>;
-  title?: string;
-  emptyText?: React.ReactNode;
-  emptyImage?: string;
-  style?: React.CSSProperties;
-}
-
-export class NoticeIconTab extends React.Component<NoticeIconTabProps, any> {}
-
-export default class NoticeIcon extends React.Component<NoticeIconProps, any> {
-  static Tab: typeof NoticeIconTab;
+export default class NoticeIcon extends React.Component<INoticeIconProps, any> {
+  public static Tab: typeof NoticeIconTab;
 }
diff --git a/src/components/NumberInfo/index.d.ts b/src/components/NumberInfo/index.d.ts
index 2370ec6d68a52a320ffeccb3b0b51cb180bb39c9..d9e5e7cfcd83b1ad30c063e5e6588b0af6056409 100644
--- a/src/components/NumberInfo/index.d.ts
+++ b/src/components/NumberInfo/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface NumberInfoProps {
+export interface INumberInfoProps {
   title?: React.ReactNode | string;
   subTitle?: React.ReactNode | string;
   total?: React.ReactNode | string;
@@ -10,4 +10,7 @@ export interface NumberInfoProps {
   style?: React.CSSProperties;
 }
 
-export default class NumberInfo extends React.Component<NumberInfoProps, any> {}
+export default class NumberInfo extends React.Component<
+  INumberInfoProps,
+  any
+> {}
diff --git a/src/components/PageHeader/index.d.ts b/src/components/PageHeader/index.d.ts
index 518f2032484c52543a0346487daf01689fcc9da5..62d1f8802ee26ba511f82c23713ca293b1dfd8a4 100644
--- a/src/components/PageHeader/index.d.ts
+++ b/src/components/PageHeader/index.d.ts
@@ -1,11 +1,11 @@
 import * as React from 'react';
-export interface PageHeaderProps {
+export interface IPageHeaderProps {
   title?: React.ReactNode | string;
   logo?: React.ReactNode | string;
   action?: React.ReactNode | string;
   content?: React.ReactNode;
   extraContent?: React.ReactNode;
-  routes?: Array<any>;
+  routes?: any[];
   params?: any;
   breadcrumbList?: Array<{ title: React.ReactNode; href?: string }>;
   tabList?: Array<{ key: string; tab: React.ReactNode }>;
@@ -16,4 +16,4 @@ export interface PageHeaderProps {
   style?: React.CSSProperties;
 }
 
-export default class PageHeader extends React.Component<PageHeaderProps, any> {}
+export default class PageHeader extends React.Component<IPageHeaderProps, any> {}
diff --git a/src/components/Result/index.d.ts b/src/components/Result/index.d.ts
index a316332e1785e363bdae2ed426baef880acb29a9..0c34c254014f49c0d7322acc1dab47cbd2fd52b4 100644
--- a/src/components/Result/index.d.ts
+++ b/src/components/Result/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface ResultProps {
+export interface IResultProps {
   type: 'success' | 'error';
   title: React.ReactNode;
   description?: React.ReactNode;
@@ -8,4 +8,4 @@ export interface ResultProps {
   style?: React.CSSProperties;
 }
 
-export default class Result extends React.Component<ResultProps, any> {}
+export default class Result extends React.Component<IResultProps, any> {}
diff --git a/src/components/SiderMenu/index.less b/src/components/SiderMenu/index.less
index ede5baf871e3b134a85f5b12759d12970b1a2323..3e79067084a05f0a6dba2037e37b3848d436b0ab 100644
--- a/src/components/SiderMenu/index.less
+++ b/src/components/SiderMenu/index.less
@@ -1,11 +1,11 @@
-@import "~antd/lib/style/themes/default.less";
-@ease-in-out-circ: cubic-bezier(.78, .14, .15, .86);
+@import '~antd/lib/style/themes/default.less';
+@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
 .logo {
   height: 64px;
   position: relative;
   line-height: 64px;
   padding-left: (@menu-collapsed-width - 32px) / 2;
-  transition: all .3s;
+  transition: all 0.3s;
   background: #002140;
   overflow: hidden;
   img {
@@ -14,7 +14,7 @@
     height: 32px;
   }
   h1 {
-    color: #fff;
+    color: white;
     display: inline-block;
     vertical-align: middle;
     font-size: 20px;
@@ -26,9 +26,18 @@
 
 .sider {
   min-height: 100vh;
-  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
+  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
   position: relative;
   z-index: 10;
+  &.ligth {
+    background-color: white;
+    .logo {
+      background: white;
+      h1 {
+        color: #002140;
+      }
+    }
+  }
 }
 
 .icon {
diff --git a/src/components/TagSelect/TagSelectOption.d.ts b/src/components/TagSelect/TagSelectOption.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c69d421afab310662e9387f9cf6dd2e30e74fff6
--- /dev/null
+++ b/src/components/TagSelect/TagSelectOption.d.ts
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+export interface ITagSelectOptionProps {
+  value: string | number;
+  style?: React.CSSProperties;
+}
+
+export default class TagSelectOption extends React.Component<
+  ITagSelectOptionProps,
+  any
+> {}
diff --git a/src/components/TagSelect/index.d.ts b/src/components/TagSelect/index.d.ts
index e9decee1d99e5b3b1d9d92ca63fe5d0ad8cc42f6..b17d34d859df6b93ce17856c9dfc3d6cc00bfbcf 100644
--- a/src/components/TagSelect/index.d.ts
+++ b/src/components/TagSelect/index.d.ts
@@ -1,23 +1,16 @@
 import * as React from 'react';
-export interface TagSelectProps {
-  onChange?: (value: Array<string>) => void;
+import TagSelectOption from './TagSelectOption';
+
+export interface ITagSelectProps {
+  onChange?: (value: string[]) => void;
   expandable?: boolean;
-  value?: Array<string>| Array<number>;
-  style?: React.CSSProperties;
-}
-export interface TagSelectOptionProps {
-  value: string| number;
+  value?: string[] | number[];
   style?: React.CSSProperties;
 }
 
-export class TagSelectOption extends React.Component<
-  TagSelectOptionProps,
-  any
-> {}
-
-export default class TagSelect extends React.Component<TagSelectProps, any> {
-  static Option: typeof TagSelectOption;
-  children:
+export default class TagSelect extends React.Component<ITagSelectProps, any> {
+  public static Option: typeof TagSelectOption;
+  private children:
     | React.ReactElement<TagSelectOption>
     | Array<React.ReactElement<TagSelectOption>>;
 }
diff --git a/src/components/Trend/index.d.ts b/src/components/Trend/index.d.ts
index bb2b2a2b251294e4cd7307e04dec045339e67f6b..fafcb05f6ae46fb53fcfbd08a64776443e43c511 100644
--- a/src/components/Trend/index.d.ts
+++ b/src/components/Trend/index.d.ts
@@ -1,9 +1,9 @@
 import * as React from 'react';
 
-export interface TrendProps {
+export interface ITrendProps {
   colorful?: boolean;
   flag: 'up' | 'down';
   style?: React.CSSProperties;
 }
 
-export default class Trend extends React.Component<TrendProps, any> {}
+export default class Trend extends React.Component<ITrendProps, any> {}