From a6620cbbe58cc1694a994e6714853906d1d794be Mon Sep 17 00:00:00 2001 From: tangjinzhou <415800467@qq.com> Date: Wed, 19 Sep 2018 13:21:57 +0800 Subject: [PATCH] feat: add component Vue.use method (#197) * feat: add Vue.use feat * feat: Vue.use method * docs: update docs --- components/affix/index.jsx | 8 +- components/alert/index.jsx | 9 +- components/anchor/index.jsx | 7 + components/auto-complete/index.jsx | 11 +- components/avatar/index.js | 5 + components/back-top/index.jsx | 8 +- components/badge/index.js | 6 + components/breadcrumb/index.js | 8 + components/button/button.jsx | 1 - components/button/index.js | 7 + components/calendar/index.jsx | 9 +- components/card/index.js | 8 + components/carousel/index.jsx | 9 +- components/cascader/index.jsx | 15 +- components/checkbox/index.js | 7 + components/col/index.js | 4 + components/collapse/index.js | 8 + components/date-picker/index.js | 8 + components/divider/index.jsx | 9 +- components/drawer/index.jsx | 9 +- components/dropdown/index.js | 7 + components/form/index.jsx | 6 + components/icon/index.js | 7 +- components/index.js | 8 + components/input-number/index.jsx | 9 +- components/input/index.js | 9 + components/layout/index.js | 9 + components/list/index.jsx | 13 +- components/locale-provider/index.jsx | 9 +- components/menu/index.jsx | 12 +- components/modal/index.js | 5 + components/pagination/index.js | 6 + components/popconfirm/index.jsx | 8 +- components/popover/index.jsx | 8 +- components/progress/index.jsx | 5 + components/radio/index.js | 8 + components/rate/index.jsx | 7 +- components/row/index.js | 6 + components/select/index.jsx | 11 +- components/slider/index.jsx | 9 +- components/spin/index.js | 6 + components/steps/index.jsx | 10 +- components/switch/index.jsx | 8 +- components/table/index.jsx | 6 + components/tabs/index.js | 8 + components/tag/index.js | 7 + components/time-picker/index.jsx | 9 +- components/timeline/index.jsx | 6 + components/tooltip/index.js | 6 + components/transfer/index.jsx | 49 +----- components/tree-select/index.jsx | 10 +- components/tree/index.jsx | 10 +- components/upload/index.jsx | 7 + site/components.js | 242 +++++++++++++++++---------- site/components/layout.vue | 6 +- 55 files changed, 539 insertions(+), 169 deletions(-) diff --git a/components/affix/index.jsx b/components/affix/index.jsx index d234ef756e..8aade3b47a 100644 --- a/components/affix/index.jsx +++ b/components/affix/index.jsx @@ -55,7 +55,7 @@ const AffixProps = { prefixCls: PropTypes.string, } -export default { +const Affix = { name: 'AAffix', props: AffixProps, mixins: [BaseMixin], @@ -264,3 +264,9 @@ export default { }, } +/* istanbul ignore next */ +Affix.install = function (Vue) { + Vue.component(Affix.name, Affix) +} + +export default Affix diff --git a/components/alert/index.jsx b/components/alert/index.jsx index 6b0227c41f..9f95125694 100644 --- a/components/alert/index.jsx +++ b/components/alert/index.jsx @@ -30,7 +30,7 @@ export const AlertProps = { banner: PropTypes.bool, } -export default { +const Alert = { props: AlertProps, mixins: [BaseMixin], name: 'AAlert', @@ -133,3 +133,10 @@ export default { }, } +/* istanbul ignore next */ +Alert.install = function (Vue) { + Vue.component(Alert.name, Alert) +} + +export default Alert + diff --git a/components/anchor/index.jsx b/components/anchor/index.jsx index b0926f03af..912ffea64b 100644 --- a/components/anchor/index.jsx +++ b/components/anchor/index.jsx @@ -5,4 +5,11 @@ export { AnchorProps } from './Anchor' export { AnchorLinkProps } from './AnchorLink' Anchor.Link = AnchorLink + +/* istanbul ignore next */ +Anchor.install = function (Vue) { + Vue.component(Anchor.name, Anchor) + Vue.component(Anchor.Link.name, Anchor.Link) +} + export default Anchor diff --git a/components/auto-complete/index.jsx b/components/auto-complete/index.jsx index 125f9bd8be..ad1e242243 100644 --- a/components/auto-complete/index.jsx +++ b/components/auto-complete/index.jsx @@ -31,7 +31,7 @@ const AutoCompleteProps = { // onSelect?: (value: SelectValue, option: Object) => any; } -export default { +const AutoComplete = { name: 'AAutoComplete', props: { ...AutoCompleteProps, @@ -136,3 +136,12 @@ export default { }, } +/* istanbul ignore next */ +AutoComplete.install = function (Vue) { + Vue.component(AutoComplete.name, AutoComplete) + Vue.component(AutoComplete.Option.name, AutoComplete.Option) + Vue.component(AutoComplete.OptGroup.name, AutoComplete.OptGroup) +} + +export default AutoComplete + diff --git a/components/avatar/index.js b/components/avatar/index.js index df6e933988..ef360557d6 100644 --- a/components/avatar/index.js +++ b/components/avatar/index.js @@ -1,3 +1,8 @@ import Avatar from './Avatar' +/* istanbul ignore next */ +Avatar.install = function (Vue) { + Vue.component(Avatar.name, Avatar) +} + export default Avatar diff --git a/components/back-top/index.jsx b/components/back-top/index.jsx index dd1bdadc6c..5bce3386c9 100644 --- a/components/back-top/index.jsx +++ b/components/back-top/index.jsx @@ -26,7 +26,7 @@ const BackTopProps = { prefixCls: PropTypes.string, } -export default { +const BackTop = { name: 'ABackTop', mixins: [BaseMixin], props: { @@ -130,3 +130,9 @@ export default { }, } +/* istanbul ignore next */ +BackTop.install = function (Vue) { + Vue.component(BackTop.name, BackTop) +} + +export default BackTop diff --git a/components/badge/index.js b/components/badge/index.js index 3396d8bd67..9ed53ca4ca 100644 --- a/components/badge/index.js +++ b/components/badge/index.js @@ -1,3 +1,9 @@ import Badge from './Badge' +/* istanbul ignore next */ +Badge.install = function (Vue) { + Vue.component(Badge.name, Badge) +} + export default Badge + diff --git a/components/breadcrumb/index.js b/components/breadcrumb/index.js index 0babb609f5..53365b696c 100644 --- a/components/breadcrumb/index.js +++ b/components/breadcrumb/index.js @@ -2,4 +2,12 @@ import Breadcrumb from './Breadcrumb' import BreadcrumbItem from './BreadcrumbItem' Breadcrumb.Item = BreadcrumbItem + +/* istanbul ignore next */ +Breadcrumb.install = function (Vue) { + Vue.component(Breadcrumb.name, Breadcrumb) + Vue.component(BreadcrumbItem.name, BreadcrumbItem) +} + export default Breadcrumb + diff --git a/components/button/button.jsx b/components/button/button.jsx index 6722b79d80..7a49ebffa7 100644 --- a/components/button/button.jsx +++ b/components/button/button.jsx @@ -134,6 +134,5 @@ export default { ) } }, - } diff --git a/components/button/index.js b/components/button/index.js index 77530685fd..27e001cf72 100644 --- a/components/button/index.js +++ b/components/button/index.js @@ -2,5 +2,12 @@ import Button from './button' import ButtonGroup from './button-group' Button.Group = ButtonGroup + +/* istanbul ignore next */ +Button.install = function (Vue) { + Vue.component(Button.name, Button) + Vue.component(ButtonGroup.name, ButtonGroup) +} + export default Button diff --git a/components/calendar/index.jsx b/components/calendar/index.jsx index 0411a8c8bf..f21e0f2570 100644 --- a/components/calendar/index.jsx +++ b/components/calendar/index.jsx @@ -48,7 +48,7 @@ export const CalendarProps = () => ({ validRange: PropTypes.custom(isMomentArray), }) -export default { +const Calendar = { name: 'ACalendar', mixins: [BaseMixin], props: initDefaultProps(CalendarProps(), { @@ -241,3 +241,10 @@ export default { }, } +/* istanbul ignore next */ +Calendar.install = function (Vue) { + Vue.component(Calendar.name, Calendar) +} + +export default Calendar + diff --git a/components/card/index.js b/components/card/index.js index 269939d255..507438c757 100644 --- a/components/card/index.js +++ b/components/card/index.js @@ -3,4 +3,12 @@ import Meta from './Meta' import Grid from './Grid' Card.Meta = Meta Card.Grid = Grid + +/* istanbul ignore next */ +Card.install = function (Vue) { + Vue.component(Card.name, Card) + Vue.component(Meta.name, Meta) + Vue.component(Grid.name, Grid) +} + export default Card diff --git a/components/carousel/index.jsx b/components/carousel/index.jsx index 4e97cf5ec2..9865e003c9 100644 --- a/components/carousel/index.jsx +++ b/components/carousel/index.jsx @@ -67,7 +67,7 @@ export const CarouselProps = { slickGoTo: PropTypes.number, } -export default { +const Carousel = { name: 'ACarousel', props: initDefaultProps(CarouselProps, { dots: true, @@ -157,3 +157,10 @@ export default { ) }, } + +/* istanbul ignore next */ +Carousel.install = function (Vue) { + Vue.component(Carousel.name, Carousel) +} + +export default Carousel diff --git a/components/cascader/index.jsx b/components/cascader/index.jsx index aca13e6c88..691a319138 100644 --- a/components/cascader/index.jsx +++ b/components/cascader/index.jsx @@ -24,12 +24,6 @@ const FieldNamesType = PropTypes.shape({ children: PropTypes.string, }).loose -const FilledFieldNamesType = PropTypes.shape({ - value: PropTypes.string, - label: PropTypes.string, - children: PropTypes.string, -}).loose - const CascaderExpandTrigger = PropTypes.oneOf(['click', 'hover']) const ShowSearchType = PropTypes.shape({ @@ -105,7 +99,7 @@ function getFilledFieldNames (fieldNames = {}) { const defaultDisplayRender = ({ labels }) => labels.join(' / ') -export default { +const Cascader = { inheritAttrs: false, name: 'ACascader', mixins: [BaseMixin], @@ -448,3 +442,10 @@ export default { }, } +/* istanbul ignore next */ +Cascader.install = function (Vue) { + Vue.component(Cascader.name, Cascader) +} + +export default Cascader + diff --git a/components/checkbox/index.js b/components/checkbox/index.js index f6de60d063..3775dd1094 100644 --- a/components/checkbox/index.js +++ b/components/checkbox/index.js @@ -2,5 +2,12 @@ import Checkbox from './Checkbox' import CheckboxGroup from './Group' Checkbox.Group = CheckboxGroup + +/* istanbul ignore next */ +Checkbox.install = function (Vue) { + Vue.component(Checkbox.name, Checkbox) + Vue.component(CheckboxGroup.name, CheckboxGroup) +} + export default Checkbox diff --git a/components/col/index.js b/components/col/index.js index 7769895f4e..0727cbffd4 100644 --- a/components/col/index.js +++ b/components/col/index.js @@ -1,3 +1,7 @@ import { Col } from '../grid' +/* istanbul ignore next */ +Col.install = function (Vue) { + Vue.component(Col.name, Col) +} export default Col diff --git a/components/collapse/index.js b/components/collapse/index.js index db3809adca..51df6ab0a1 100644 --- a/components/collapse/index.js +++ b/components/collapse/index.js @@ -2,4 +2,12 @@ import Collapse from './Collapse' import CollapsePanel from './CollapsePanel' Collapse.Panel = CollapsePanel + +/* istanbul ignore next */ +Collapse.install = function (Vue) { + Vue.component(Collapse.name, Collapse) + Vue.component(CollapsePanel.name, CollapsePanel) +} + export default Collapse + diff --git a/components/date-picker/index.js b/components/date-picker/index.js index 1280dc38c1..2c94d937c5 100755 --- a/components/date-picker/index.js +++ b/components/date-picker/index.js @@ -16,4 +16,12 @@ Object.assign(DatePicker, { WeekPicker: wrapPicker(WeekPicker, WeekPickerProps(), 'gggg-wo'), }) +/* istanbul ignore next */ +DatePicker.install = function (Vue) { + Vue.component(DatePicker.name, DatePicker) + Vue.component(DatePicker.RangePicker.name, DatePicker.RangePicker) + Vue.component(DatePicker.MonthPicker.name, DatePicker.MonthPicker) + Vue.component(DatePicker.WeekPicker.name, DatePicker.WeekPicker) +} + export default DatePicker diff --git a/components/divider/index.jsx b/components/divider/index.jsx index 62b310d551..884b8f28ea 100644 --- a/components/divider/index.jsx +++ b/components/divider/index.jsx @@ -1,6 +1,6 @@ import PropTypes from '../_util/vue-types' -export default { +const Divider = { name: 'ADivider', props: { prefixCls: PropTypes.string.def('ant'), @@ -30,3 +30,10 @@ export default { }, } +/* istanbul ignore next */ +Divider.install = function (Vue) { + Vue.component(Divider.name, Divider) +} + +export default Divider + diff --git a/components/drawer/index.jsx b/components/drawer/index.jsx index b99f525b6f..480c6ad7a9 100644 --- a/components/drawer/index.jsx +++ b/components/drawer/index.jsx @@ -3,7 +3,7 @@ import PropTypes from '../_util/vue-types' import BaseMixin from '../_util/BaseMixin' import { getComponentFromProp, getOptionProps } from '../_util/props-util' -export default { +const Drawer = { name: 'ADrawer', props: { closable: PropTypes.bool.def(true), @@ -180,3 +180,10 @@ export default { ) }, } + +/* istanbul ignore next */ +Drawer.install = function (Vue) { + Vue.component(Drawer.name, Drawer) +} + +export default Drawer diff --git a/components/dropdown/index.js b/components/dropdown/index.js index 0480c6b915..e27f7a8c0e 100644 --- a/components/dropdown/index.js +++ b/components/dropdown/index.js @@ -5,4 +5,11 @@ export { DropdownProps } from './dropdown' export { DropdownButtonProps } from './dropdown-button' Dropdown.Button = DropdownButton + +/* istanbul ignore next */ +Dropdown.install = function (Vue) { + Vue.component(Dropdown.name, Dropdown) + Vue.component(DropdownButton.name, DropdownButton) +} + export default Dropdown diff --git a/components/form/index.jsx b/components/form/index.jsx index 907ecfd067..1c0b87c384 100644 --- a/components/form/index.jsx +++ b/components/form/index.jsx @@ -7,4 +7,10 @@ Vue.use(antRefDirective) export { FormProps, FormCreateOption, ValidationRule } from './Form' export { FormItemProps } from './FormItem' +/* istanbul ignore next */ +Form.install = function (Vue) { + Vue.component(Form.name, Form) + Vue.component(Form.Item.name, Form.Item) +} + export default Form diff --git a/components/icon/index.js b/components/icon/index.js index 8c2623014b..81db7c0c33 100644 --- a/components/icon/index.js +++ b/components/icon/index.js @@ -1,3 +1,8 @@ import Icon from './icon' -export default Icon +/* istanbul ignore next */ +Icon.install = function (Vue) { + Vue.component(Icon.name, Icon) +} + +export default Icon diff --git a/components/index.js b/components/index.js index 424219c942..417087748a 100644 --- a/components/index.js +++ b/components/index.js @@ -127,6 +127,8 @@ const components = [ Anchor, Anchor.Link, AutoComplete, + AutoComplete.Option, + AutoComplete.OptGroup, Alert, Avatar, BackTop, @@ -203,6 +205,7 @@ const components = [ TreeSelect.TreeNode, Tabs, Tabs.TabPane, + Tabs.TabContent, Tag, Tag.CheckableTag, TimePicker, @@ -228,6 +231,11 @@ const install = function (Vue) { Vue.prototype.$confirm = Modal.confirm } +/* istanbul ignore if */ +if (typeof window !== 'undefined' && window.Vue) { + install(window.Vue) +} + export { version, install, diff --git a/components/input-number/index.jsx b/components/input-number/index.jsx index ab084cd38b..aab9dd5d86 100644 --- a/components/input-number/index.jsx +++ b/components/input-number/index.jsx @@ -28,7 +28,7 @@ export const InputNumberProps = { autoFocus: PropTypes.bool, } -export default { +const InputNumber = { name: 'AInputNumber', model: { prop: 'value', @@ -64,3 +64,10 @@ export default { return }, } + +/* istanbul ignore next */ +InputNumber.install = function (Vue) { + Vue.component(InputNumber.name, InputNumber) +} + +export default InputNumber diff --git a/components/input/index.js b/components/input/index.js index 771a05cc0d..ed780b58b4 100644 --- a/components/input/index.js +++ b/components/input/index.js @@ -10,4 +10,13 @@ Vue.use(antInputDirective) Input.Group = Group Input.Search = Search Input.TextArea = TextArea + +/* istanbul ignore next */ +Input.install = function (Vue) { + Vue.component(Input.name, Input) + Vue.component(Input.Group.name, Input.Group) + Vue.component(Input.Search.name, Input.Search) + Vue.component(Input.TextArea.name, Input.TextArea) +} + export default Input diff --git a/components/layout/index.js b/components/layout/index.js index d4a0328d74..ec34403736 100644 --- a/components/layout/index.js +++ b/components/layout/index.js @@ -2,4 +2,13 @@ import Layout from './layout' import Sider from './Sider' Layout.Sider = Sider + +/* istanbul ignore next */ +Layout.install = function (Vue) { + Vue.component(Layout.name, Layout) + Vue.component(Layout.Header.name, Layout.Header) + Vue.component(Layout.Footer.name, Layout.Footer) + Vue.component(Layout.Sider.name, Layout.Sider) + Vue.component(Layout.Content.name, Layout.Content) +} export default Layout diff --git a/components/list/index.jsx b/components/list/index.jsx index 7bb5dc443c..5c49b418ab 100644 --- a/components/list/index.jsx +++ b/components/list/index.jsx @@ -1,7 +1,6 @@ import PropTypes from '../_util/vue-types' import classNames from 'classnames' import omit from 'omit.js' -import { SpinProps } from '../spin' import LocaleReceiver from '../locale-provider/LocaleReceiver' import defaultLocale from '../locale-provider/default' @@ -51,10 +50,9 @@ export const ListProps = () => ({ locale: PropTypes.object, }) -export default { +const List = { Item, name: 'AList', - props: initDefaultProps(ListProps(), { dataSource: [], prefixCls: 'ant-list', @@ -247,3 +245,12 @@ export default { ) }, } + +/* istanbul ignore next */ +List.install = function (Vue) { + Vue.component(List.name, List) + Vue.component(List.Item.name, List.Item) + Vue.component(List.Item.Meta.name, List.Item.Meta) +} + +export default List diff --git a/components/locale-provider/index.jsx b/components/locale-provider/index.jsx index db804ac3ae..b85ea5686c 100644 --- a/components/locale-provider/index.jsx +++ b/components/locale-provider/index.jsx @@ -26,7 +26,7 @@ function setMomentLocale (locale) { } } -export default { +const LocaleProvider = { name: 'ALocaleProvider', props: { locale: PropTypes.object.def({}), @@ -70,3 +70,10 @@ export default { }, } +/* istanbul ignore next */ +LocaleProvider.install = function (Vue) { + Vue.component(LocaleProvider.name, LocaleProvider) +} + +export default LocaleProvider + diff --git a/components/menu/index.jsx b/components/menu/index.jsx index 4bbeeeeaba..9832bc9f10 100644 --- a/components/menu/index.jsx +++ b/components/menu/index.jsx @@ -30,7 +30,7 @@ export const menuProps = { focusable: PropTypes.bool.def(false), } -export default { +const Menu = { name: 'AMenu', props: menuProps, Divider: { ...Divider, name: 'AMenuDivider' }, @@ -250,3 +250,13 @@ export default { }, } +/* istanbul ignore next */ +Menu.install = function (Vue) { + Vue.component(Menu.name, Menu) + Vue.component(Menu.Item.name, Menu.Item) + Vue.component(Menu.SubMenu.name, Menu.SubMenu) + Vue.component(Menu.Divider.name, Menu.Divider) + Vue.component(Menu.ItemGroup.name, Menu.ItemGroup) +} +export default Menu + diff --git a/components/modal/index.js b/components/modal/index.js index 759838756e..aad8a3e026 100644 --- a/components/modal/index.js +++ b/components/modal/index.js @@ -60,4 +60,9 @@ Modal.warning = warning Modal.warn = warn Modal.confirm = confirm +/* istanbul ignore next */ +Modal.install = function (Vue) { + Vue.component(Modal.name, Modal) +} + export default Modal diff --git a/components/pagination/index.js b/components/pagination/index.js index 1be3f01005..ad1ef133b6 100644 --- a/components/pagination/index.js +++ b/components/pagination/index.js @@ -1,4 +1,10 @@ import Pagination from './Pagination' export { PaginationProps, PaginationConfig } from './Pagination' + +/* istanbul ignore next */ +Pagination.install = function (Vue) { + Vue.component(Pagination.name, Pagination) +} + export default Pagination diff --git a/components/popconfirm/index.jsx b/components/popconfirm/index.jsx index 506bfd1a6e..53cc2ca0db 100644 --- a/components/popconfirm/index.jsx +++ b/components/popconfirm/index.jsx @@ -13,7 +13,7 @@ import defaultLocale from '../locale-provider/default' const tooltipProps = abstractTooltipProps() const btnProps = buttonTypes() -export default { +const Popconfirm = { name: 'APopconfirm', props: { ...tooltipProps, @@ -128,3 +128,9 @@ export default { }, } +/* istanbul ignore next */ +Popconfirm.install = function (Vue) { + Vue.component(Popconfirm.name, Popconfirm) +} + +export default Popconfirm diff --git a/components/popover/index.jsx b/components/popover/index.jsx index 3cfbcb9fc3..c9f2a8d64b 100644 --- a/components/popover/index.jsx +++ b/components/popover/index.jsx @@ -5,7 +5,7 @@ import PropTypes from '../_util/vue-types' import { getOptionProps, getComponentFromProp } from '../_util/props-util' const props = abstractTooltipProps() -export default { +const Popover = { name: 'APopover', props: { ...props, @@ -58,3 +58,9 @@ export default { }, } +/* istanbul ignore next */ +Popover.install = function (Vue) { + Vue.component(Popover.name, Popover) +} + +export default Popover diff --git a/components/progress/index.jsx b/components/progress/index.jsx index bb74337621..121b05b19d 100644 --- a/components/progress/index.jsx +++ b/components/progress/index.jsx @@ -2,4 +2,9 @@ import Progress from './progress' export { ProgressProps } from './progress' +/* istanbul ignore next */ +Progress.install = function (Vue) { + Vue.component(Progress.name, Progress) +} + export default Progress diff --git a/components/radio/index.js b/components/radio/index.js index 28cdad143b..37ad83d9e0 100644 --- a/components/radio/index.js +++ b/components/radio/index.js @@ -4,6 +4,14 @@ import Button from './RadioButton' Radio.Group = Group Radio.Button = Button + +/* istanbul ignore next */ +Radio.install = function (Vue) { + Vue.component(Radio.name, Radio) + Vue.component(Radio.Group.name, Radio.Group) + Vue.component(Radio.Button.name, Radio.Button) +} + export { Button, Group } export default Radio diff --git a/components/rate/index.jsx b/components/rate/index.jsx index 365b019275..7903e9230f 100644 --- a/components/rate/index.jsx +++ b/components/rate/index.jsx @@ -16,7 +16,7 @@ export const RateProps = { autoFocus: PropTypes.bool, } -export default { +const Rate = { name: 'ARate', model: { prop: 'value', @@ -59,3 +59,8 @@ export default { }, } +/* istanbul ignore next */ +Rate.install = function (Vue) { + Vue.component(Rate.name, Rate) +} +export default Rate diff --git a/components/row/index.js b/components/row/index.js index f2512eca80..5cce4da900 100644 --- a/components/row/index.js +++ b/components/row/index.js @@ -1,2 +1,8 @@ import { Row } from '../grid' + +/* istanbul ignore next */ +Row.install = function (Vue) { + Vue.component(Row.name, Row) +} + export default Row diff --git a/components/select/index.jsx b/components/select/index.jsx index ff5ca17d53..a97d977152 100644 --- a/components/select/index.jsx +++ b/components/select/index.jsx @@ -89,7 +89,7 @@ export { SelectProps, } const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE' -export default { +const Select = { SECRET_COMBOBOX_MODE_DO_NOT_USE, Option: { ...Option, name: 'ASelectOption' }, OptGroup: { ...OptGroup, name: 'ASelectOptGroup' }, @@ -196,3 +196,12 @@ export default { }, } +/* istanbul ignore next */ +Select.install = function (Vue) { + Vue.component(Select.name, Select) + Vue.component(Select.Option.name, Select.Option) + Vue.component(Select.OptGroup.name, Select.OptGroup) +} + +export default Select + diff --git a/components/slider/index.jsx b/components/slider/index.jsx index a84209e4cf..730ad9b32a 100644 --- a/components/slider/index.jsx +++ b/components/slider/index.jsx @@ -44,7 +44,7 @@ export const SliderProps = () => ({ id: PropTypes.string, }) -export default { +const Slider = { name: 'ASlider', model: { prop: 'value', @@ -141,3 +141,10 @@ export default { return }, } + +/* istanbul ignore next */ +Slider.install = function (Vue) { + Vue.component(Slider.name, Slider) +} + +export default Slider diff --git a/components/spin/index.js b/components/spin/index.js index 4817491f99..9240d3b008 100644 --- a/components/spin/index.js +++ b/components/spin/index.js @@ -3,4 +3,10 @@ import Spin, { setDefaultIndicator } from './Spin' export { SpinProps } from './Spin' Spin.setDefaultIndicator = setDefaultIndicator + +/* istanbul ignore next */ +Spin.install = function (Vue) { + Vue.component(Spin.name, Spin) +} + export default Spin diff --git a/components/steps/index.jsx b/components/steps/index.jsx index bfc768d998..2dc0e13e4f 100644 --- a/components/steps/index.jsx +++ b/components/steps/index.jsx @@ -19,7 +19,7 @@ const getStepsProps = (defaultProps = {}) => { return initDefaultProps(props, defaultProps) } -export default { +const Steps = { name: 'ASteps', props: getStepsProps({ prefixCls: 'ant-steps', @@ -44,3 +44,11 @@ export default { }, } +/* istanbul ignore next */ +Steps.install = function (Vue) { + Vue.component(Steps.name, Steps) + Vue.component(Steps.Step.name, Steps.Step) +} + +export default Steps + diff --git a/components/switch/index.jsx b/components/switch/index.jsx index cae55c0d7f..b9a86131f9 100644 --- a/components/switch/index.jsx +++ b/components/switch/index.jsx @@ -4,7 +4,7 @@ import { getOptionProps, getComponentFromProp } from '../_util/props-util' import VcSwitch from '../vc-switch' import Wave from '../_util/wave' -export default { +const Switch = { name: 'ASwitch', model: { prop: 'checked', @@ -60,3 +60,9 @@ export default { }, } +/* istanbul ignore next */ +Switch.install = function (Vue) { + Vue.component(Switch.name, Switch) +} + +export default Switch diff --git a/components/table/index.jsx b/components/table/index.jsx index 8951d55ea0..91b87351db 100644 --- a/components/table/index.jsx +++ b/components/table/index.jsx @@ -99,5 +99,11 @@ const Table = { ) }, } +/* istanbul ignore next */ +Table.install = function (Vue) { + Vue.component(Table.name, Table) + Vue.component(Table.Column.name, Table.Column) + Vue.component(Table.ColumnGroup.name, Table.ColumnGroup) +} export default Table diff --git a/components/tabs/index.js b/components/tabs/index.js index 959135231b..2531b02214 100644 --- a/components/tabs/index.js +++ b/components/tabs/index.js @@ -3,5 +3,13 @@ import TabPane from '../vc-tabs/src/TabPane' import TabContent from '../vc-tabs/src/TabContent' Tabs.TabPane = { ...TabPane, name: 'ATabPane', __ANT_TAB_PANE: true } Tabs.TabContent = { ...TabContent, name: 'ATabContent' } + +/* istanbul ignore next */ +Tabs.install = function (Vue) { + Vue.component(Tabs.name, Tabs) + Vue.component(Tabs.TabPane.name, Tabs.TabPane) + Vue.component(Tabs.TabContent.name, Tabs.TabContent) +} + export default Tabs export { TabPane, TabContent } diff --git a/components/tag/index.js b/components/tag/index.js index ff92c960b3..68b6e22bb7 100644 --- a/components/tag/index.js +++ b/components/tag/index.js @@ -2,5 +2,12 @@ import Tag from './Tag' import CheckableTag from './CheckableTag' Tag.CheckableTag = CheckableTag + +/* istanbul ignore next */ +Tag.install = function (Vue) { + Vue.component(Tag.name, Tag) + Vue.component(Tag.CheckableTag.name, Tag.CheckableTag) +} + export default Tag diff --git a/components/time-picker/index.jsx b/components/time-picker/index.jsx index 149450abaa..0119382262 100644 --- a/components/time-picker/index.jsx +++ b/components/time-picker/index.jsx @@ -59,7 +59,7 @@ export const TimePickerProps = () => ({ addon: PropTypes.any, }) -export default { +const TimePicker = { name: 'ATimePicker', mixins: [BaseMixin], props: initDefaultProps(TimePickerProps(), { @@ -179,3 +179,10 @@ export default { }, } +/* istanbul ignore next */ +TimePicker.install = function (Vue) { + Vue.component(TimePicker.name, TimePicker) +} + +export default TimePicker + diff --git a/components/timeline/index.jsx b/components/timeline/index.jsx index 48bd15f667..1ac82797cd 100644 --- a/components/timeline/index.jsx +++ b/components/timeline/index.jsx @@ -6,4 +6,10 @@ import TimelineItem from './TimelineItem' Timeline.Item = TimelineItem +/* istanbul ignore next */ +Timeline.install = function (Vue) { + Vue.component(Timeline.name, Timeline) + Vue.component(TimelineItem.name, TimelineItem) +} + export default Timeline diff --git a/components/tooltip/index.js b/components/tooltip/index.js index ace5053038..316748f69d 100644 --- a/components/tooltip/index.js +++ b/components/tooltip/index.js @@ -1,3 +1,9 @@ import ToolTip from './Tooltip' + +/* istanbul ignore next */ +ToolTip.install = function (Vue) { + Vue.component(ToolTip.name, ToolTip) +} + export default ToolTip diff --git a/components/transfer/index.jsx b/components/transfer/index.jsx index 1628199faa..85c87324b3 100644 --- a/components/transfer/index.jsx +++ b/components/transfer/index.jsx @@ -49,7 +49,7 @@ export const TransferLocale = { itemsUnit: PropTypes.string, } -export default { +const Transfer = { name: 'ATransfer', mixins: [BaseMixin], props: initDefaultProps(TransferProps, { @@ -95,46 +95,6 @@ export default { }) } }, - // '$props': { - // handler: function (nextProps) { - // // if (nextProps.targetKeys !== currentProps.targetKeys || - // // nextProps.dataSource !== currentProps.dataSource) { - // // // clear cached splited dataSource - // // this.separatedDataSource = null - - // // if (!nextProps.selectedKeys) { - // // // clear key nolonger existed - // // // clear checkedKeys according to targetKeys - // // const { dataSource, targetKeys = [] } = nextProps - - // // const newSourceSelectedKeys = [] - // // const newTargetSelectedKeys = [] - // // dataSource.forEach(({ key }) => { - // // if (sourceSelectedKeys.includes(key) && !targetKeys.includes(key)) { - // // newSourceSelectedKeys.push(key) - // // } - // // if (targetSelectedKeys.includes(key) && targetKeys.includes(key)) { - // // newTargetSelectedKeys.push(key) - // // } - // // }) - // // this.setState({ - // // sourceSelectedKeys: newSourceSelectedKeys, - // // targetSelectedKeys: newTargetSelectedKeys, - // // }) - // // } - // // } - - // // if (nextProps.selectedKeys) { - // // const targetKeys = nextProps.targetKeys || [] - // // this.setState({ - // // sourceSelectedKeys: nextProps.selectedKeys.filter(key => !targetKeys.includes(key)), - // // targetSelectedKeys: nextProps.selectedKeys.filter(key => targetKeys.includes(key)), - // // }) - // // } - // // this.currentProps = { ...this.$props } - // }, - // deep: true, - // }, }, methods: { updateState () { @@ -434,3 +394,10 @@ export default { ) }, } + +/* istanbul ignore next */ +Transfer.install = function (Vue) { + Vue.component(Transfer.name, Transfer) +} + +export default Transfer diff --git a/components/tree-select/index.jsx b/components/tree-select/index.jsx index 29f9d4e3e5..a57e8d7fb2 100644 --- a/components/tree-select/index.jsx +++ b/components/tree-select/index.jsx @@ -8,7 +8,7 @@ import { initDefaultProps, getOptionProps, getComponentFromProp, filterEmpty } f export { TreeData, TreeSelectProps } from './interface' -export default { +const TreeSelect = { TreeNode: { ...TreeNode, name: 'ATreeSelectNode' }, SHOW_ALL, SHOW_PARENT, @@ -113,3 +113,11 @@ export default { ) }, } + +/* istanbul ignore next */ +TreeSelect.install = function (Vue) { + Vue.component(TreeSelect.name, TreeSelect) + Vue.component(TreeSelect.TreeNode.name, TreeSelect.TreeNode) +} + +export default TreeSelect diff --git a/components/tree/index.jsx b/components/tree/index.jsx index 43bf9ccd35..c461f42cc0 100644 --- a/components/tree/index.jsx +++ b/components/tree/index.jsx @@ -92,7 +92,7 @@ export const TreeProps = () => ({ openAnimation: PropTypes.any, }) -export default { +const Tree = { name: 'ATree', TreeNode: { ...TreeNode, name: 'ATreeNode' }, props: initDefaultProps(TreeProps(), { @@ -173,3 +173,11 @@ export default { ) }, } + +/* istanbul ignore next */ +Tree.install = function (Vue) { + Vue.component(Tree.name, Tree) + Vue.component(Tree.TreeNode.name, Tree.TreeNode) +} + +export default Tree diff --git a/components/upload/index.jsx b/components/upload/index.jsx index b556867470..2ee1b78364 100644 --- a/components/upload/index.jsx +++ b/components/upload/index.jsx @@ -4,4 +4,11 @@ import Dragger from './Dragger' export { UploadProps, UploadListProps, UploadChangeParam } from './interface' Upload.Dragger = Dragger + +/* istanbul ignore next */ +Upload.install = function (Vue) { + Vue.component(Upload.name, Upload) + Vue.component(Dragger.name, Dragger) +} + export default Upload diff --git a/site/components.js b/site/components.js index 859e8c721c..34fad078ae 100644 --- a/site/components.js +++ b/site/components.js @@ -57,98 +57,6 @@ import { Drawer, } from 'antd' -Vue.component(Affix.name, Affix) // a-affix -Vue.component(Anchor.name, Anchor) -Vue.component(Anchor.Link.name, Anchor.Link) -Vue.component(AutoComplete.name, AutoComplete) -Vue.component(Alert.name, Alert) -Vue.component(Avatar.name, Avatar) -Vue.component(BackTop.name, BackTop) -Vue.component(Badge.name, Badge) -Vue.component(Breadcrumb.name, Breadcrumb) -Vue.component(Breadcrumb.Item.name, Breadcrumb.Item) -Vue.component(Button.name, Button) -Vue.component(Button.Group.name, Button.Group) - -Vue.component(Calendar.name, Calendar) -Vue.component(Card.name, Card) -Vue.component(Card.Meta.name, Card.Meta) -Vue.component(Card.Grid.name, Card.Grid) -Vue.component(Collapse.name, Collapse) -Vue.component(Collapse.Panel.name, Collapse.Panel) -Vue.component(Carousel.name, Carousel) -Vue.component(Cascader.name, Cascader) -Vue.component(Checkbox.name, Checkbox) -Vue.component(Checkbox.Group.name, Checkbox.Group) -Vue.component(Col.name, Col) -Vue.component(DatePicker.name, DatePicker) -Vue.component(DatePicker.MonthPicker.name, DatePicker.MonthPicker) -Vue.component(DatePicker.RangePicker.name, DatePicker.RangePicker) -Vue.component(DatePicker.WeekPicker.name, DatePicker.WeekPicker) -Vue.component(Divider.name, Divider) -Vue.component(Dropdown.name, Dropdown) -Vue.component(Dropdown.Button.name, Dropdown.Button) -Vue.component(Form.name, Form) -Vue.component(Form.Item.name, Form.Item) -Vue.component(Icon.name, Icon) -Vue.component(Input.name, Input) -Vue.component(Input.Group.name, Input.Group) -Vue.component(Input.Search.name, Input.Search) -Vue.component(Input.TextArea.name, Input.TextArea) -Vue.component(InputNumber.name, InputNumber) -Vue.component(Layout.name, Layout) -Vue.component(Layout.Header.name, Layout.Header) -Vue.component(Layout.Footer.name, Layout.Footer) -Vue.component(Layout.Sider.name, Layout.Sider) -Vue.component(Layout.Content.name, Layout.Content) -Vue.component(List.name, List) -Vue.component(List.Item.name, List.Item) -Vue.component(List.Item.Meta.name, List.Item.Meta) -Vue.component(LocaleProvider.name, LocaleProvider) -Vue.component(Menu.name, Menu) -Vue.component(Menu.Item.name, Menu.Item) -Vue.component(Menu.SubMenu.name, Menu.SubMenu) -Vue.component(Menu.Divider.name, Menu.Divider) -Vue.component(Menu.ItemGroup.name, Menu.ItemGroup) -Vue.component(Modal.name, Modal) -Vue.component(Pagination.name, Pagination) -Vue.component(Popconfirm.name, Popconfirm) -Vue.component(Popover.name, Popover) -Vue.component(Progress.name, Progress) -Vue.component(Radio.name, Radio) -Vue.component(Radio.Group.name, Radio.Group) -Vue.component(Radio.Button.name, Radio.Button) -Vue.component(Rate.name, Rate) -Vue.component(Row.name, Row) -Vue.component(Select.name, Select) -Vue.component(Select.Option.name, Select.Option) -Vue.component(Select.OptGroup.name, Select.OptGroup) -Vue.component(Slider.name, Slider) -Vue.component(Spin.name, Spin) -Vue.component(Steps.name, Steps) -Vue.component(Steps.Step.name, Steps.Step) -Vue.component(Switch.name, Switch) -Vue.component(Table.name, Table) -Vue.component(Table.Column.name, Table.Column) -Vue.component(Table.ColumnGroup.name, Table.ColumnGroup) -Vue.component(Transfer.name, Transfer) -Vue.component(Tree.name, Tree) -Vue.component(Tree.TreeNode.name, Tree.TreeNode) -Vue.component(TreeSelect.name, TreeSelect) -Vue.component(TreeSelect.TreeNode.name, TreeSelect.TreeNode) -Vue.component(Tabs.name, Tabs) -Vue.component(Tabs.TabPane.name, Tabs.TabPane) -Vue.component(Tag.name, Tag) -Vue.component(Tag.CheckableTag.name, Tag.CheckableTag) -Vue.component(TimePicker.name, TimePicker) -Vue.component(Timeline.name, Timeline) -Vue.component(Timeline.Item.name, Timeline.Item) -Vue.component(Tooltip.name, Tooltip) -// Vue.component(Mention.name, Mention) -Vue.component(Upload.name, Upload) -Vue.component(Upload.Dragger.name, Upload.Dragger) -Vue.component(Drawer.name, Drawer) - Vue.prototype.$message = message Vue.prototype.$notification = notification Vue.prototype.$info = Modal.info @@ -156,3 +64,153 @@ Vue.prototype.$success = Modal.success Vue.prototype.$error = Modal.error Vue.prototype.$warning = Modal.warning Vue.prototype.$confirm = Modal.confirm + +/* v1.1.3+ registration methods */ +Vue.use(Affix) +Vue.use(Anchor) +Vue.use(AutoComplete) +Vue.use(Alert) +Vue.use(Avatar) +Vue.use(BackTop) +Vue.use(Badge) +Vue.use(Breadcrumb) +Vue.use(Button) +Vue.use(Calendar) +Vue.use(Card) +Vue.use(Collapse) +Vue.use(Carousel) +Vue.use(Cascader) +Vue.use(Checkbox) +Vue.use(Col) +Vue.use(DatePicker) +Vue.use(Divider) +Vue.use(Drawer) +Vue.use(Dropdown) +Vue.use(Form) +Vue.use(Icon) +Vue.use(Input) +Vue.use(InputNumber) +Vue.use(Layout) +Vue.use(List) +Vue.use(LocaleProvider) +Vue.use(Menu) +Vue.use(Modal) +Vue.use(Pagination) +Vue.use(Popconfirm) +Vue.use(Popover) +Vue.use(Progress) +Vue.use(Radio) +Vue.use(Rate) +Vue.use(Row) +Vue.use(Select) +Vue.use(Slider) +Vue.use(Spin) +Vue.use(Steps) +Vue.use(Switch) +Vue.use(Table) +Vue.use(Transfer) +Vue.use(Tree) +Vue.use(TreeSelect) +Vue.use(Tabs) +Vue.use(Tag) +Vue.use(TimePicker) +Vue.use(Timeline) +Vue.use(Tooltip) +Vue.use(Upload) + +/* v1.1.2 registration methods */ +// Vue.component(Affix.name, Affix) // a-affix +// Vue.component(Anchor.name, Anchor) +// Vue.component(Anchor.Link.name, Anchor.Link) +// Vue.component(AutoComplete.name, AutoComplete) +// Vue.component(AutoComplete.Option.name, AutoComplete.Option) +// Vue.component(AutoComplete.OptGroup.name, AutoComplete.OptGroup) +// Vue.component(Alert.name, Alert) +// Vue.component(Avatar.name, Avatar) +// Vue.component(BackTop.name, BackTop) +// Vue.component(Badge.name, Badge) +// Vue.component(Breadcrumb.name, Breadcrumb) +// Vue.component(Breadcrumb.Item.name, Breadcrumb.Item) +// Vue.component(Button.name, Button) +// Vue.component(Button.Group.name, Button.Group) + +// Vue.component(Calendar.name, Calendar) +// Vue.component(Card.name, Card) +// Vue.component(Card.Meta.name, Card.Meta) +// Vue.component(Card.Grid.name, Card.Grid) +// Vue.component(Collapse.name, Collapse) +// Vue.component(Collapse.Panel.name, Collapse.Panel) +// Vue.component(Carousel.name, Carousel) +// Vue.component(Cascader.name, Cascader) +// Vue.component(Checkbox.name, Checkbox) +// Vue.component(Checkbox.Group.name, Checkbox.Group) +// Vue.component(Col.name, Col) +// Vue.component(DatePicker.name, DatePicker) +// Vue.component(DatePicker.MonthPicker.name, DatePicker.MonthPicker) +// Vue.component(DatePicker.RangePicker.name, DatePicker.RangePicker) +// Vue.component(DatePicker.WeekPicker.name, DatePicker.WeekPicker) +// Vue.component(Divider.name, Divider) +// Vue.component(Drawer.name, Drawer) +// Vue.component(Dropdown.name, Dropdown) +// Vue.component(Dropdown.Button.name, Dropdown.Button) +// Vue.component(Form.name, Form) +// Vue.component(Form.Item.name, Form.Item) +// Vue.component(Icon.name, Icon) +// Vue.component(Input.name, Input) +// Vue.component(Input.Group.name, Input.Group) +// Vue.component(Input.Search.name, Input.Search) +// Vue.component(Input.TextArea.name, Input.TextArea) +// Vue.component(InputNumber.name, InputNumber) +// Vue.component(Layout.name, Layout) +// Vue.component(Layout.Header.name, Layout.Header) +// Vue.component(Layout.Footer.name, Layout.Footer) +// Vue.component(Layout.Sider.name, Layout.Sider) +// Vue.component(Layout.Content.name, Layout.Content) +// Vue.component(List.name, List) +// Vue.component(List.Item.name, List.Item) +// Vue.component(List.Item.Meta.name, List.Item.Meta) +// Vue.component(LocaleProvider.name, LocaleProvider) +// Vue.component(Menu.name, Menu) +// Vue.component(Menu.Item.name, Menu.Item) +// Vue.component(Menu.SubMenu.name, Menu.SubMenu) +// Vue.component(Menu.Divider.name, Menu.Divider) +// Vue.component(Menu.ItemGroup.name, Menu.ItemGroup) +// Vue.component(Modal.name, Modal) +// Vue.component(Pagination.name, Pagination) +// Vue.component(Popconfirm.name, Popconfirm) +// Vue.component(Popover.name, Popover) +// Vue.component(Progress.name, Progress) +// Vue.component(Radio.name, Radio) +// Vue.component(Radio.Group.name, Radio.Group) +// Vue.component(Radio.Button.name, Radio.Button) +// Vue.component(Rate.name, Rate) +// Vue.component(Row.name, Row) +// Vue.component(Select.name, Select) +// Vue.component(Select.Option.name, Select.Option) +// Vue.component(Select.OptGroup.name, Select.OptGroup) +// Vue.component(Slider.name, Slider) +// Vue.component(Spin.name, Spin) +// Vue.component(Steps.name, Steps) +// Vue.component(Steps.Step.name, Steps.Step) +// Vue.component(Switch.name, Switch) +// Vue.component(Table.name, Table) +// Vue.component(Table.Column.name, Table.Column) +// Vue.component(Table.ColumnGroup.name, Table.ColumnGroup) +// Vue.component(Transfer.name, Transfer) +// Vue.component(Tree.name, Tree) +// Vue.component(Tree.TreeNode.name, Tree.TreeNode) +// Vue.component(TreeSelect.name, TreeSelect) +// Vue.component(TreeSelect.TreeNode.name, TreeSelect.TreeNode) +// Vue.component(Tabs.name, Tabs) +// Vue.component(Tabs.TabPane.name, Tabs.TabPane) +// Vue.component(Tabs.TabContent.name, Tabs.TabContent) +// Vue.component(Tag.name, Tag) +// Vue.component(Tag.CheckableTag.name, Tag.CheckableTag) +// Vue.component(TimePicker.name, TimePicker) +// Vue.component(Timeline.name, Timeline) +// Vue.component(Timeline.Item.name, Timeline.Item) +// Vue.component(Tooltip.name, Tooltip) +// // Vue.component(Mention.name, Mention) +// Vue.component(Upload.name, Upload) +// Vue.component(Upload.Dragger.name, Upload.Dragger) + diff --git a/site/components/layout.vue b/site/components/layout.vue index bb9a6c7179..aeeb217f46 100644 --- a/site/components/layout.vue +++ b/site/components/layout.vue @@ -98,13 +98,13 @@ export default { const lis = [] currentSubMenu.forEach(({ cnTitle, usTitle, id }) => { const title = isCN ? cnTitle : usTitle - lis.push() + lis.push() }) const showApi = this.$route.path.indexOf('/components/') !== -1 return ( - + {lis} - {showApi ? : ''} + {showApi ? : ''} ) },