standardized typescript d.ts file

src/components/AvatarList/AvatarItem.d.ts

+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);
+}

src/components/AvatarList/index.d.ts

-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;
 }

src/components/Charts/Bar/index.d.ts

 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> {}

src/components/Charts/ChartCard/index.d.ts

 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> {}

src/components/Charts/Field/index.d.ts

 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> {}

src/components/Charts/Gauge/index.d.ts

 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> {}

src/components/Charts/MiniArea/index.d.ts

-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> {}

src/components/Charts/MiniBar/index.d.ts

 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> {}

src/components/Charts/MiniProgress/index.d.ts

 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
 > {}

src/components/Charts/Pie/index.d.ts

 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> {}

src/components/Charts/Radar/index.d.ts

 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> {}

src/components/Charts/TagCloud/index.d.ts

 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> {}

src/components/Charts/TimelineChart/index.d.ts

 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
 > {}

src/components/Charts/WaterWave/index.d.ts

 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> {}

src/components/CountDown/index.d.ts

 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> {}

src/components/DescriptionList/Description.d.ts

+import * as React from 'react';
+
+export default class Description extends React.Component<
+  {
+    term: React.ReactNode;
+    style?: React.CSSProperties;
+  },
+  any
+> {}

src/components/DescriptionList/index.d.ts

 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;
 }

src/components/Ellipsis/index.d.ts

 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> {}

src/components/Exception/index.d.ts

 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> {}

src/components/FooterToolbar/index.d.ts

 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
 > {}

src/components/GlobalFooter/index.d.ts

 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
 > {}

src/components/HeaderSearch/index.d.ts

 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
 > {}

src/components/NoticeIcon/NoticeIconTab.d.ts

+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
+> {}

src/components/NoticeIcon/index.d.ts

-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;
 }

src/components/NumberInfo/index.d.ts

 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
+> {}

src/components/PageHeader/index.d.ts

 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> {}

src/components/Result/index.d.ts

 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> {}

src/components/SiderMenu/index.less

-@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 {

src/components/TagSelect/TagSelectOption.d.ts

+import * as React from 'react';
+
+export interface ITagSelectOptionProps {
+  value: string | number;
+  style?: React.CSSProperties;
+}
+
+export default class TagSelectOption extends React.Component<
+  ITagSelectOptionProps,
+  any
+> {}

src/components/TagSelect/index.d.ts

 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>>;
 }

src/components/Trend/index.d.ts

 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> {}