From a28a71e9b997b722eb06b69ca30a95cf1a6086a2 Mon Sep 17 00:00:00 2001 From: jim Date: Thu, 8 Mar 2018 10:28:22 +0800 Subject: [PATCH] standardized typescript d.ts file --- src/components/AvatarList/AvatarItem.d.ts | 10 +++++++ src/components/AvatarList/index.d.ts | 21 ++++---------- src/components/Charts/Bar/index.d.ts | 4 +-- src/components/Charts/ChartCard/index.d.ts | 4 +-- src/components/Charts/Field/index.d.ts | 4 +-- src/components/Charts/Gauge/index.d.ts | 4 +-- src/components/Charts/MiniArea/index.d.ts | 12 ++++---- src/components/Charts/MiniBar/index.d.ts | 4 +-- src/components/Charts/MiniProgress/index.d.ts | 4 +-- src/components/Charts/Pie/index.d.ts | 4 +-- src/components/Charts/Radar/index.d.ts | 4 +-- src/components/Charts/TagCloud/index.d.ts | 4 +-- .../Charts/TimelineChart/index.d.ts | 4 +-- src/components/Charts/WaterWave/index.d.ts | 4 +-- src/components/CountDown/index.d.ts | 4 +-- .../DescriptionList/Description.d.ts | 9 ++++++ src/components/DescriptionList/index.d.ts | 16 ++++------ src/components/Ellipsis/index.d.ts | 4 +-- src/components/Exception/index.d.ts | 4 +-- src/components/FooterToolbar/index.d.ts | 4 +-- src/components/GlobalFooter/index.d.ts | 4 +-- src/components/HeaderSearch/index.d.ts | 6 ++-- src/components/NoticeIcon/NoticeIconTab.d.ts | 22 ++++++++++++++ src/components/NoticeIcon/index.d.ts | 29 ++++--------------- src/components/NumberInfo/index.d.ts | 7 +++-- src/components/PageHeader/index.d.ts | 6 ++-- src/components/Result/index.d.ts | 4 +-- src/components/SiderMenu/index.less | 19 ++++++++---- src/components/TagSelect/TagSelectOption.d.ts | 11 +++++++ src/components/TagSelect/index.d.ts | 23 +++++---------- src/components/Trend/index.d.ts | 4 +-- 31 files changed, 144 insertions(+), 119 deletions(-) create mode 100644 src/components/AvatarList/AvatarItem.d.ts create mode 100644 src/components/DescriptionList/Description.d.ts create mode 100644 src/components/NoticeIcon/NoticeIconTab.d.ts create mode 100644 src/components/TagSelect/TagSelectOption.d.ts diff --git a/src/components/AvatarList/AvatarItem.d.ts b/src/components/AvatarList/AvatarItem.d.ts new file mode 100644 index 00000000..5681de77 --- /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 { + constructor(props: IAvatarItemProps); +} diff --git a/src/components/AvatarList/index.d.ts b/src/components/AvatarList/index.d.ts index 101a70d4..bc8ce19c 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 | Array>; } -declare class AvatarItem extends React.Component { - constructor(props: AvatarItemProps); -} - -export default class AvatarList extends React.Component { - constructor(props: AvatarListProps); - static Item: typeof AvatarItem; +export default class AvatarList extends React.Component { + public static Item: typeof AvatarItem; } diff --git a/src/components/Charts/Bar/index.d.ts b/src/components/Charts/Bar/index.d.ts index 7be2a1a7..2813a272 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 {} +export default class Bar extends React.Component {} diff --git a/src/components/Charts/ChartCard/index.d.ts b/src/components/Charts/ChartCard/index.d.ts index 35a5852e..76470460 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 {} +export default class ChartCard extends React.Component {} diff --git a/src/components/Charts/Field/index.d.ts b/src/components/Charts/Field/index.d.ts index b1f779cd..c89aaf96 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 {} +export default class Field extends React.Component {} diff --git a/src/components/Charts/Gauge/index.d.ts b/src/components/Charts/Gauge/index.d.ts index 218fccf3..e91dd562 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 {} +export default class Gauge extends React.Component {} diff --git a/src/components/Charts/MiniArea/index.d.ts b/src/components/Charts/MiniArea/index.d.ts index d2f67e4a..2bcac70c 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 {} +export default class MiniArea extends React.Component {} diff --git a/src/components/Charts/MiniBar/index.d.ts b/src/components/Charts/MiniBar/index.d.ts index 3e2f1ec2..0c4bd6cc 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 {} +export default class MiniBar extends React.Component {} diff --git a/src/components/Charts/MiniProgress/index.d.ts b/src/components/Charts/MiniProgress/index.d.ts index 4dde6052..bbcc1d0b 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 fe2e2a8e..e9dcd1d4 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 {} +export default class Pie extends React.Component {} diff --git a/src/components/Charts/Radar/index.d.ts b/src/components/Charts/Radar/index.d.ts index 772cbf02..d0f0dcfd 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 {} +export default class Radar extends React.Component {} diff --git a/src/components/Charts/TagCloud/index.d.ts b/src/components/Charts/TagCloud/index.d.ts index e2dcc794..a85bac76 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 {} +export default class TagCloud extends React.Component {} diff --git a/src/components/Charts/TimelineChart/index.d.ts b/src/components/Charts/TimelineChart/index.d.ts index f9241fa2..5ab7a664 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 309db7b5..8f5588d2 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 {} +export default class WaterWave extends React.Component {} diff --git a/src/components/CountDown/index.d.ts b/src/components/CountDown/index.d.ts index 3c46ac79..c2d4bcf9 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 {} +export default class CountDown extends React.Component {} diff --git a/src/components/DescriptionList/Description.d.ts b/src/components/DescriptionList/Description.d.ts new file mode 100644 index 00000000..2a17be37 --- /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 fe64433a..e7b2baf6 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 4f84c7ae..4643ee76 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 {} +export default class Ellipsis extends React.Component {} diff --git a/src/components/Exception/index.d.ts b/src/components/Exception/index.d.ts index 037f866d..a0954377 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 {} +export default class Exception extends React.Component {} diff --git a/src/components/FooterToolbar/index.d.ts b/src/components/FooterToolbar/index.d.ts index 637bd4b8..130021d8 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 faf633b9..cc1224e3 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 58316dfc..a11d63a1 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; + 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 00000000..0f58e817 --- /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 76541cd6..52c4dea3 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; - title?: string; - emptyText?: React.ReactNode; - emptyImage?: string; - style?: React.CSSProperties; -} - -export class NoticeIconTab extends React.Component {} - -export default class NoticeIcon extends React.Component { - static Tab: typeof NoticeIconTab; +export default class NoticeIcon extends React.Component { + public static Tab: typeof NoticeIconTab; } diff --git a/src/components/NumberInfo/index.d.ts b/src/components/NumberInfo/index.d.ts index 2370ec6d..d9e5e7cf 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 {} +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 518f2032..62d1f880 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; + 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 {} +export default class PageHeader extends React.Component {} diff --git a/src/components/Result/index.d.ts b/src/components/Result/index.d.ts index a316332e..0c34c254 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 {} +export default class Result extends React.Component {} diff --git a/src/components/SiderMenu/index.less b/src/components/SiderMenu/index.less index ede5baf8..3e790670 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 00000000..c69d421a --- /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 e9decee1..b17d34d8 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) => void; +import TagSelectOption from './TagSelectOption'; + +export interface ITagSelectProps { + onChange?: (value: string[]) => void; expandable?: boolean; - value?: Array| Array; - 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 { - static Option: typeof TagSelectOption; - children: +export default class TagSelect extends React.Component { + public static Option: typeof TagSelectOption; + private children: | React.ReactElement | Array>; } diff --git a/src/components/Trend/index.d.ts b/src/components/Trend/index.d.ts index bb2b2a2b..fafcb05f 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 {} +export default class Trend extends React.Component {} -- GitLab