Skip to content

Feat: add support typescript #353

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,10 @@
"files": [
"dist",
"lib",
"es"
"es",
"types"
],
"typings": "types/index.d.ts",
"scripts": {
"dev": "cross-env NODE_ENV=development ENTRY_INDEX=dev ./node_modules/.bin/webpack-dev-server --open --hot --port 3001",
"start": "cross-env NODE_ENV=development ./node_modules/.bin/webpack-dev-server --open --hot",
Expand Down
10 changes: 10 additions & 0 deletions types/affix.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import { AntdVueComponent } from './component';

/** AAffix Layout Component */
export declare class AAffix extends AntdVueComponent {
offsetBottom: number

offsetTop: number

target: () => HTMLElement
}
26 changes: 26 additions & 0 deletions types/alert.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
import { VNode } from 'vue';
import { AntdVueComponent } from './component';

type Types = 'success' | 'info' | 'warning' | 'error';
/** AAlert Layout Component */
export declare class AAlert extends AntdVueComponent {
afterClose: () => void

banner: boolean

closable: boolean

closeText: string | VNode

description: string | VNode

message: string | VNode

showIcon: boolean

iconType: string

type: Types

close: (e: MouseEvent) => void
}
25 changes: 25 additions & 0 deletions types/anchor.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import { VNode } from 'vue';
import { AntdVueComponent } from './component';

/** AAnchor Layout Component */
export declare class AAnchor extends AntdVueComponent {
affix: boolean

bounds: number

getContainer: () => HTMLElement

offsetBottom: number

offsetTop: number

showInkInFixed: boolean
}


/** ALink Layout Component */
export declare class ALink extends AntdVueComponent {
href: string

title: string | VNode
}
227 changes: 227 additions & 0 deletions types/ant-design-vue.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,227 @@
import Vue, { Component } from 'vue';

import { AMessage } from './message';
import { AIcon } from './icon';
import { ASpin } from './spin';
import { AAffix } from './affix';
import { AAlert } from './alert';
import { AAnchor, ALink } from './anchor';
import { AAutoComplete } from './auto-complete';
import { AAvatar } from './avatar';
import { ABackTop } from './back-top';
import { ABadge } from './badge';
import { ABreadcrumb, ABreadcrumbItem } from './breadcrumb';
import { AButton, AButtonGroup } from './button';
import { ACalendar } from './calendar';
import { ACard, ACardMeta, ACardGrid } from './card';
import { ACarousel, ACarouselPanel } from './carousel';
import { ACascader } from './cascader';
import { ACheckbox } from './checkbox';
import { ACheckboxGroup } from './checkbox-group';
import { ACol } from './col';
import { ACollapse } from './collapse';
import { ADatePicker } from './date-picker';
import { AInputNumber } from './input-number';
import { AInput, AInputTextArea, AInputSearch, AInputGroup } from './input';
import { AList, AListGrid, AListItem, AListItemMeta } from './list';
import { ALocaleProvider } from './locale-provider';
import { AMenu, AMenuDivider } from './menu';
import { AMenuItem } from './menu-item';
import { ASubmenu } from './menu-submenu';
import { AMenuItemGroup } from './menu-ItemGroup';
import { AModal } from './modal';
import { AMonthPicker } from './month-picker';
import { ANotification } from './notification';
import { APagination } from './pagination';
import { APopconfirm } from './popconfirm';
import { APopover } from './popover';
import { AProgress } from './progress';
import { ARadio, ARadioGroup, ARadioButton } from './radio';
import { ARangePicker } from './range-picker';
import { ARate } from './rate';
import { ARow } from './row';
import { ASelect, ASelectOption, AOptGroup } from './select';
import { ASlider } from './slider';
import { ASteps } from './steps';
import { AStep } from './step';
import { ASwitch } from './switch';
import { ATable, AColumn, AColumnGroup } from './table';
import { ATabs, ATabPane } from './tabs';
import { ATag } from './tag';
import { ATimeline, ATimelineItem } from './timeline';
import { ATimePicker } from './time-picker';
import { ATooltip } from './tooltip';
import { ATransfer } from './transfer';
import { ATreeSelect, TreeNode } from './tree-select';
import { ATree } from './tree';
import { AUpload } from './upload';
import { AWeekPicker } from './week-picker';
import { ADropdown, ADropdownButton } from './dropdown';
import { AForm } from './form';
import { AFormItem } from './form-item';
import { ALayout, ASider } from './layout';
import { ASKeleton } from './skeleton';

export const message: AMessage;

export class Icon extends AIcon {}

export class Affix extends AAffix {}

export class Alert extends AAlert {}

export class Anchor extends AAnchor {}

export class AutoComplete extends AAutoComplete {}

export class Avatar extends AAvatar {}

export class BackTop extends ABackTop {}

export class Badge extends ABadge {}

export class Breadcrumb extends ABreadcrumb {
static Item: ABreadcrumbItem & Component
}

export class Button extends AButton {
static Group: AButtonGroup & Component
}

export class Calendar extends ACalendar {}

export class Card extends ACard {
static Meta: ACardMeta & Component

static Grid: ACardGrid & Component
}

export class Carousel extends ACarousel {
static Panel: ACarouselPanel & Component
}

export class Cascader extends ACascader {}

export class Checkbox extends ACheckbox {
static Group: ACheckboxGroup & Component
}

export class Col extends ACol {}

export class Collapse extends ACollapse {}

export class DatePicker extends ADatePicker {
static MonthPicker: AMonthPicker & Component
static RangePicker: ARangePicker & Component
static WeekPicker: AWeekPicker & Component
}

export class Dropdown extends ADropdown {
static Button: ADropdownButton & Component
}

export class Form extends AForm {
static Item: AFormItem & Component
}

export class InputNumber extends AInputNumber {}

export class Input extends AInput {
static TextArea: AInputTextArea & Component
static Search: AInputSearch & Component
static Group: AInputGroup & Component
}

export class List extends AList {
static Item: AListItem & Component
}

export class ListGrid extends AListGrid {}

export class Link extends ALink {}

export class LocaleProvider extends ALocaleProvider {}

export class Menu extends AMenu {
static Divider: AMenuDivider & Component
static Item: AMenuItem & Component
static SubMenu: ASubmenu & Component
static ItemGroup: AMenuItemGroup & Component
}

export class Modal extends AModal {}

export class Notification extends ANotification {}

export class Pagination extends APagination {}

export class Popconfirm extends APopconfirm {}

export class Popover extends APopover {}

export class Progress extends AProgress {}

export class Radio extends ARadio {
static Group: ARadioGroup & Component
static Button: ARadioButton & Component
}

export class Rate extends ARate {}

export class Row extends ARow {}

export class Select extends ASelect {
static Option: ASelectOption & Component
static OptGroup: AOptGroup & Component
}

export class Slider extends ASlider {}

export class Spin extends ASpin {}

export class Steps extends ASteps {}

export class Step extends AStep {}

export class Switch extends ASwitch {}

export class Table extends ATable {
static Column: AColumn & Component
static ColumnGroup: AColumnGroup & Component
}

export class Column extends AColumn {}

export class Tabs extends ATabs {
static TabPane: ATabPane & Component
}

export class Tag extends ATag {
static CheckableTag: any & Component
}

export class TimePicker extends ATimePicker {}

export class Timeline extends ATimeline {
static Item: ATimelineItem & Component
}

export class Tooltip extends ATooltip {}

export class Transfer extends ATransfer {}

export class TreeSelect extends ATreeSelect {
static TreeNode: TreeNode & Component
}

export class Tree extends ATree {}

export class Upload extends AUpload {
static Dragger: any & Component
}

export class Layout extends ALayout {
Sider: ASider
}

export class SKeleton extends ASKeleton {}
39 changes: 39 additions & 0 deletions types/auto-complete.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import { VNode } from 'vue';
import { AntdVueComponent } from './component';

type DataSourceItemType = { value: any, text: string };

/** AAutoComplete Layout Component */
export declare class AAutoComplete extends AntdVueComponent {
allowClear: boolean

autoFocus: boolean

backfill: boolean

dataSource: VNode | DataSourceItemType[]

defaultActiveFirstOption: boolean

defaultValue: string | string[] |
{ key: string, label: string|VNode[] } | Array<{ key: string, label: string|VNode[]}>

disabled: boolean

filterOption: (inputValue: string, option: any) => boolean | boolean

optionLabelProp: string

placeholder: string | VNode

value: string | string[] |
{ key: string, label: string|VNode[] } | Array<{ key: string, label: string|VNode[]}>

defaultOpen: boolean

open: boolean

static blur: () => void

static focus: () => void
}
18 changes: 18 additions & 0 deletions types/avatar.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import { AntdVueComponent, AntdVueComponentSize } from './component';

declare enum shape { 'circle', 'square' }

/** AAvatar Layout Component */
export declare class AAvatar extends AntdVueComponent {
icon: string

shape: shape

size: AntdVueComponentSize

src: string

alt: string

loadError: () => boolean
}
9 changes: 9 additions & 0 deletions types/back-top.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import { AntdVueComponent } from './component';

/** ABackTop Layout Component */
export declare class ABackTop extends AntdVueComponent {
target: () => Window

visibilityHeight: number

}
24 changes: 24 additions & 0 deletions types/badge.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import { AntdVueComponent } from './component';

type Status = 'success' | 'processing' | 'default' | 'error' | 'warning';

/** ABadge Layout Component */
export declare class ABadge extends AntdVueComponent {
count: number | string

dot: boolean

offset: [number|string, number|string]

overflowCount: number

showZero: boolean

status: Status

text: string

numberStyle: object

title: string
}
Loading