diff --git a/babel.config.js b/babel.config.js index 27fec6e80..fa5ee221e 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,3 +1,3 @@ module.exports = { - presets: ['@vant/cli/preset'] + presets: ['@vant/cli/preset'], }; diff --git a/src/action-sheet/demo/index.vue b/src/action-sheet/demo/index.vue index 0ea774aeb..d10c1a82a 100644 --- a/src/action-sheet/demo/index.vue +++ b/src/action-sheet/demo/index.vue @@ -53,7 +53,7 @@ export default { showTitle: '展示标题栏', showCancel: '展示取消按钮', showDescription: '展示描述信息', - description: '这是一段描述信息' + description: '这是一段描述信息', }, 'en-US': { buttonText: 'Show ActionSheet', @@ -63,8 +63,8 @@ export default { showTitle: 'ActionSheet with title', showCancel: 'ActionSheet with cancel button', showDescription: 'ActionSheet with description', - description: 'Description' - } + description: 'Description', + }, }, data() { @@ -73,7 +73,7 @@ export default { show2: false, show3: false, show4: false, - show5: false + show5: false, }; }, @@ -82,7 +82,7 @@ export default { return [ { name: this.$t('option') }, { name: this.$t('option') }, - { name: this.$t('option'), subname: this.$t('subname') } + { name: this.$t('option'), subname: this.$t('subname') }, ]; }, @@ -90,9 +90,9 @@ export default { return [ { name: this.$t('option'), color: GREEN }, { loading: true }, - { name: this.$t('disabledOption'), disabled: true } + { name: this.$t('disabledOption'), disabled: true }, ]; - } + }, }, methods: { @@ -103,8 +103,8 @@ export default { onCancel() { this.$toast('cancel'); - } - } + }, + }, }; diff --git a/src/action-sheet/index.tsx b/src/action-sheet/index.tsx index 47e9fa1e5..49dc369a9 100644 --- a/src/action-sheet/index.tsx +++ b/src/action-sheet/index.tsx @@ -97,7 +97,7 @@ function ActionSheet( return [ {item.name}, - item.subname && {item.subname} + item.subname && {item.subname}, ]; } @@ -162,24 +162,24 @@ ActionSheet.props = { closeOnClickAction: Boolean, round: { type: Boolean, - default: true + default: true, }, closeIcon: { type: String, - default: 'cross' + default: 'cross', }, safeAreaInsetBottom: { type: Boolean, - default: true + default: true, }, overlay: { type: Boolean, - default: true + default: true, }, closeOnClickOverlay: { type: Boolean, - default: true - } + default: true, + }, }; export default createComponent(ActionSheet); diff --git a/src/action-sheet/test/index.spec.js b/src/action-sheet/test/index.spec.js index bc9fb4556..d4aba0675 100644 --- a/src/action-sheet/test/index.spec.js +++ b/src/action-sheet/test/index.spec.js @@ -18,15 +18,15 @@ test('callback events', () => { propsData: { value: true, actions, - cancelText: 'Cancel' + cancelText: 'Cancel', }, context: { on: { input: onInput, cancel: onCancel, - select: onSelect - } - } + select: onSelect, + }, + }, }); const options = wrapper.findAll('.van-action-sheet__item'); @@ -58,17 +58,17 @@ test('click overlay and close', async () => { `, components: { - ActionSheet + ActionSheet, }, data() { return { - getContainer: () => div + getContainer: () => div, }; }, methods: { onInput, - onClickOverlay - } + onClickOverlay, + }, }); await later(); @@ -84,10 +84,10 @@ test('disable lazy-render', () => { lazyRender: false, actions: [ { name: 'Option' }, - { name: 'Option' } + { name: 'Option' }, ], - cancelText: 'Cancel' - } + cancelText: 'Cancel', + }, }); expect(wrapper).toMatchSnapshot(); @@ -97,13 +97,13 @@ test('render title and default slot', () => { const wrapper = mount(ActionSheet, { propsData: { value: true, - title: 'Title' + title: 'Title', }, scopedSlots: { default() { return 'Default'; - } - } + }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -113,8 +113,8 @@ test('get container', () => { const wrapper = mount(ActionSheet, { propsData: { value: true, - getContainer: 'body' - } + getContainer: 'body', + }, }); expect(wrapper.vm.$el.parentNode).toEqual(document.body); @@ -126,13 +126,13 @@ test('close-on-click-action prop', () => { propsData: { value: true, actions: [{ name: 'Option' }], - closeOnClickAction: true + closeOnClickAction: true, }, context: { on: { - input: onInput - } - } + input: onInput, + }, + }, }); const option = wrapper.find('.van-action-sheet__item'); @@ -146,8 +146,8 @@ test('round prop', () => { propsData: { value: true, round: true, - actions: [{ name: 'Option' }] - } + actions: [{ name: 'Option' }], + }, }); expect(wrapper).toMatchSnapshot(); @@ -157,8 +157,8 @@ test('color option', () => { const wrapper = mount(ActionSheet, { propsData: { value: true, - actions: [{ name: 'Option', color: 'red' }] - } + actions: [{ name: 'Option', color: 'red' }], + }, }); expect(wrapper).toMatchSnapshot(); @@ -169,8 +169,8 @@ test('description prop', () => { propsData: { value: true, description: 'This is a description', - actions: [{ name: 'Option' }] - } + actions: [{ name: 'Option' }], + }, }); expect(wrapper).toMatchSnapshot(); @@ -181,8 +181,8 @@ test('close-icon prop', () => { propsData: { value: true, title: 'Title', - closeIcon: 'cross' - } + closeIcon: 'cross', + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/address-edit/Detail.js b/src/address-edit/Detail.js index 66baaeab3..71621c09b 100644 --- a/src/address-edit/Detail.js +++ b/src/address-edit/Detail.js @@ -14,13 +14,13 @@ export default createComponent({ detailRows: Number, searchResult: Array, detailMaxlength: Number, - showSearchResult: Boolean + showSearchResult: Boolean, }, computed: { shouldShowSearchResult() { return this.focused && this.searchResult && this.showSearchResult; - } + }, }, methods: { @@ -71,12 +71,12 @@ export default createComponent({ return
; } - } + }, }} /> )); } - } + }, }, render() { @@ -100,5 +100,5 @@ export default createComponent({ {this.genSearchResult()} ); - } + }, }); diff --git a/src/address-edit/demo/index.vue b/src/address-edit/demo/index.vue index b681b2ecd..afb4534da 100644 --- a/src/address-edit/demo/index.vue +++ b/src/address-edit/demo/index.vue @@ -26,32 +26,32 @@ export default { areaColumnsPlaceholder: ['请选择', '请选择', '请选择'], searchResult: [{ name: '黄龙万科中心', - address: '杭州市西湖区' + address: '杭州市西湖区', }, { - name: '黄龙万科中心G座' + name: '黄龙万科中心G座', }, { name: '黄龙万科中心H座', - address: '杭州市西湖区' - }] + address: '杭州市西湖区', + }], }, 'en-US': { areaColumnsPlaceholder: ['Choose', 'Choose', 'Choose'], searchResult: [{ name: 'Name1', - address: 'Address' + address: 'Address', }, { - name: 'Name2' + name: 'Name2', }, { name: 'Name3', - address: 'Address' - }] - } + address: 'Address', + }], + }, }, data() { return { areaList, - searchResult: [] + searchResult: [], }; }, @@ -66,8 +66,8 @@ export default { onChangeDetail(val) { this.searchResult = val ? this.$t('searchResult') : []; - } - } + }, + }, }; diff --git a/src/address-edit/index.js b/src/address-edit/index.js index f9d55b849..c02d6108b 100644 --- a/src/address-edit/index.js +++ b/src/address-edit/index.js @@ -21,7 +21,7 @@ const defaultData = { areaCode: '', postalCode: '', addressDetail: '', - isDefault: false + isDefault: false, }; function isPostal(value) { @@ -43,36 +43,36 @@ export default createComponent({ deleteButtonText: String, showArea: { type: Boolean, - default: true + default: true, }, showDetail: { type: Boolean, - default: true + default: true, }, detailRows: { type: Number, - default: 1 + default: 1, }, detailMaxlength: { type: Number, - default: 200 + default: 200, }, addressInfo: { type: Object, - default: () => ({ ...defaultData }) + default: () => ({ ...defaultData }), }, telValidator: { type: Function, - default: isMobile + default: isMobile, }, postalValidator: { type: Function, - default: isPostal + default: isPostal, }, areaColumnsPlaceholder: { type: Array, - default: () => [] - } + default: () => [], + }, }, data() { @@ -85,8 +85,8 @@ export default createComponent({ name: '', areaCode: '', postalCode: '', - addressDetail: '' - } + addressDetail: '', + }, }; }, @@ -105,7 +105,7 @@ export default createComponent({ return arr.filter(text => text).join('/'); } return ''; - } + }, }, watch: { @@ -113,18 +113,18 @@ export default createComponent({ handler(val) { this.data = { ...defaultData, - ...val + ...val, }; this.setAreaCode(val.areaCode); }, deep: true, - immediate: true + immediate: true, }, areaList() { this.setAreaCode(this.data.areaCode); - } + }, }, methods: { @@ -209,7 +209,7 @@ export default createComponent({ onDelete() { Dialog.confirm({ - title: t('confirmDelete') + title: t('confirmDelete'), }) .then(() => { this.$emit('delete', this.data); @@ -243,7 +243,7 @@ export default createComponent({ setTimeout(() => { this.detailFocused = false; }); - } + }, }, render() { @@ -368,5 +368,5 @@ export default createComponent({
); - } + }, }); diff --git a/src/address-edit/test/index.spec.js b/src/address-edit/test/index.spec.js index 80325de03..ce5e5a3c9 100644 --- a/src/address-edit/test/index.spec.js +++ b/src/address-edit/test/index.spec.js @@ -11,7 +11,7 @@ const addressInfo = { addressDetail: '详细地址', areaCode: '110101', postalCode: '10000', - isDefault: true + isDefault: true, }; const createComponent = () => { @@ -20,8 +20,8 @@ const createComponent = () => { areaList, addressInfo, showPostal: true, - showSetDefault: true - } + showSetDefault: true, + }, }); const button = wrapper.find('.van-button'); @@ -33,7 +33,7 @@ const createComponent = () => { field, button, wrapper, - errorInfo + errorInfo, }; }; @@ -48,8 +48,8 @@ test('create a AddressEdit with props', () => { addressInfo, showPostal: true, showSetDefault: true, - showSearchResult: true - } + showSearchResult: true, + }, }); expect(wrapper).toMatchSnapshot(); @@ -60,7 +60,7 @@ test('valid area placeholder confirm', async () => { propsData: { areaList, areaColumnsPlaceholder: ['请选择', '请选择', '请选择'], - } + }, }); const { data } = wrapper.vm; @@ -100,8 +100,8 @@ test('validator props', async () => { areaList, validator(key, value) { return `${key}${value}`; - } - } + }, + }, }); const { errorInfo, data } = wrapper.vm; @@ -192,13 +192,13 @@ test('watch address info', () => { test('set/get area code', async () => { const wrapper = mount(AddressEdit, { - propsData: { areaList } + propsData: { areaList }, }); expect(wrapper.vm.getArea()).toEqual([ { code: '110000', name: '北京市' }, { code: '110100', name: '北京市' }, - { code: '110101', name: '东城区' } + { code: '110101', name: '东城区' }, ]); wrapper.vm.setAreaCode('110102'); @@ -208,7 +208,7 @@ test('set/get area code', async () => { expect(wrapper.vm.getArea()).toEqual([ { code: '110000', name: '北京市' }, { code: '110100', name: '北京市' }, - { code: '110102', name: '西城区' } + { code: '110102', name: '西城区' }, ]); wrapper.vm.$refs = []; @@ -221,9 +221,9 @@ test('watch area code', async () => { propsData: { areaList: {}, addressInfo: { - areaCode: '110101' - } - } + areaCode: '110101', + }, + }, }); expect(wrapper.vm.data.city).toEqual(''); @@ -240,9 +240,9 @@ test('show search result', async () => { searchResult: [ { name: 'name1', address: 'address1' }, { name: 'name2' }, - { address: 'address2' } - ] - } + { address: 'address2' }, + ], + }, }); const field = wrapper.findAll('.van-field__control').at(3); @@ -266,8 +266,8 @@ test('delete address', async () => { const wrapper = mount(AddressEdit, { attachToDocument: true, propsData: { - showDelete: true - } + showDelete: true, + }, }); const deleteButton = wrapper.findAll('.van-button').at(1); diff --git a/src/address-list/Item.tsx b/src/address-list/Item.tsx index b7ab87c8e..ea04dc14e 100644 --- a/src/address-list/Item.tsx +++ b/src/address-list/Item.tsx @@ -77,7 +77,7 @@ function AddressItem( {`${data.name} ${data.tel}`} {genTag()} , -
{data.address}
+
{data.address}
, ]; if (switchable && !disabled) { @@ -99,7 +99,7 @@ function AddressItem( clickable={switchable && !disabled} scopedSlots={{ default: genContent, - 'right-icon': genRightIcon + 'right-icon': genRightIcon, }} onClick={onClick} {...inherit(ctx)} @@ -111,7 +111,7 @@ AddressItem.props = { data: Object, disabled: Boolean, switchable: Boolean, - defaultTagText: String + defaultTagText: String, }; export default createComponent( diff --git a/src/address-list/demo/index.vue b/src/address-list/demo/index.vue index 6982e2772..8a6190849 100644 --- a/src/address-list/demo/index.vue +++ b/src/address-list/demo/index.vue @@ -24,27 +24,27 @@ export default { name: '张三', tel: '13000000000', address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室', - isDefault: true + isDefault: true, }, { id: '2', name: '李四', tel: '1310000000', - address: '浙江省杭州市拱墅区莫干山路 50 号' - } + address: '浙江省杭州市拱墅区莫干山路 50 号', + }, ], disabledList: [ { id: '3', name: '王五', tel: '1320000000', - address: '浙江省杭州市滨江区江南大道 15 号' - } + address: '浙江省杭州市滨江区江南大道 15 号', + }, ], add: '新增地址', edit: '编辑地址', disabledText: '以下地址超出配送范围', - defaultTagText: '默认' + defaultTagText: '默认', }, 'en-US': { list: [ @@ -53,33 +53,33 @@ export default { name: 'John Snow', tel: '13000000000', address: 'Somewhere', - isDefault: true + isDefault: true, }, { id: '2', name: 'Ned Stark', tel: '1310000000', - address: 'Somewhere' - } + address: 'Somewhere', + }, ], disabledList: [ { id: '3', name: 'Tywin', tel: '1320000000', - address: 'Somewhere' - } + address: 'Somewhere', + }, ], add: 'Add', edit: 'Edit', disabledText: 'The following address is out of range', - defaultTagText: 'Default' - } + defaultTagText: 'Default', + }, }, data() { return { - chosenAddressId: '1' + chosenAddressId: '1', }; }, @@ -90,8 +90,8 @@ export default { onEdit(item, index) { this.$toast(`${this.$t('edit')}:${index}`); - } - } + }, + }, }; diff --git a/src/address-list/index.tsx b/src/address-list/index.tsx index 19c58fc90..a5557189f 100644 --- a/src/address-list/index.tsx +++ b/src/address-list/index.tsx @@ -94,8 +94,8 @@ AddressList.props = { defaultTagText: String, switchable: { type: Boolean, - default: true - } + default: true, + }, }; export default createComponent(AddressList); diff --git a/src/address-list/test/index.spec.js b/src/address-list/test/index.spec.js index c4ed57d4b..bd651cee6 100644 --- a/src/address-list/test/index.spec.js +++ b/src/address-list/test/index.spec.js @@ -6,22 +6,22 @@ const list = [ id: '1', name: '张三', tel: '13000000000', - address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室' + address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室', }, { id: '2', name: '李四', tel: '1310000000', - address: '浙江省杭州市拱墅区莫干山路 50 号' - } + address: '浙江省杭州市拱墅区莫干山路 50 号', + }, ]; test('unswitchable', () => { const wrapper = mount(AddressList, { propsData: { list, - switchable: false - } + switchable: false, + }, }); expect(wrapper).toMatchSnapshot(); @@ -31,13 +31,13 @@ test('select event', () => { const onSelect = jest.fn(); const wrapper = mount(AddressList, { propsData: { - list + list, }, context: { on: { - select: onSelect - } - } + select: onSelect, + }, + }, }); wrapper.find('.van-radio__icon').trigger('click'); @@ -49,13 +49,13 @@ test('click-item event', () => { const onClickItem = jest.fn(); const wrapper = mount(AddressList, { propsData: { - list + list, }, context: { on: { - 'click-item': onClickItem - } - } + 'click-item': onClickItem, + }, + }, }); wrapper.find('.van-address-item').trigger('click'); diff --git a/src/area/demo/area-en.js b/src/area/demo/area-en.js index 5acfdee10..666aa2b35 100644 --- a/src/area/demo/area-en.js +++ b/src/area/demo/area-en.js @@ -2,7 +2,7 @@ export default { province_list: { 110000: 'Beijing', 330000: 'Zhejiang', - 810000: 'Hong Kong' + 810000: 'Hong Kong', }, city_list: { 110100: 'Beijing City', @@ -13,7 +13,7 @@ export default { 331100: 'Lishui', 810100: 'Hong Kong Island', 810200: 'Kowloon', - 810300: 'New Territories' + 810300: 'New Territories', }, county_list: { 110101: 'Dongcheng', @@ -66,6 +66,6 @@ export default { 810305: 'Yuen Long', 810306: 'Tuen Mun', 810307: 'Tsuen Wan', - 810309: 'Lantau Island' - } + 810309: 'Lantau Island', + }, }; diff --git a/src/area/demo/area.js b/src/area/demo/area.js index 8fea7a4ea..c1cf1755d 100644 --- a/src/area/demo/area.js +++ b/src/area/demo/area.js @@ -34,7 +34,7 @@ export default { 710000: '台湾省', 810000: '香港特别行政区', 820000: '澳门特别行政区', - 900000: '海外' + 900000: '海外', }, city_list: { 110100: '北京市', @@ -648,7 +648,7 @@ export default { 987600: '瓦利斯和富图纳', 988200: '萨摩亚', 988700: '也门', - 989400: '赞比亚' + 989400: '赞比亚', }, county_list: { 110101: '东城区', @@ -4035,6 +4035,6 @@ export default { 810308: '葵青区', 810309: '离岛区', 820101: '澳门半岛', - 820201: '离岛' - } + 820201: '离岛', + }, }; diff --git a/src/area/demo/area.simple.js b/src/area/demo/area.simple.js index 8f694ceac..248a9be0e 100644 --- a/src/area/demo/area.simple.js +++ b/src/area/demo/area.simple.js @@ -1,13 +1,13 @@ export default { province_list: { 110000: '北京市', - 120000: '天津市' + 120000: '天津市', }, city_list: { 110100: '北京市', 110200: '县', 120100: '天津市', - 120200: '县' + 120200: '县', }, county_list: { 110101: '东城区', @@ -16,6 +16,6 @@ export default { 110229: '延庆县', 120101: '和平区', 120102: '河东区', - 120225: '蓟县' - } + 120225: '蓟县', + }, }; diff --git a/src/area/demo/index.vue b/src/area/demo/index.vue index 68113206a..bea0112bf 100644 --- a/src/area/demo/index.vue +++ b/src/area/demo/index.vue @@ -48,13 +48,13 @@ export default { title4: 'Columns Placeholder', columnsPlaceholder: ['Choose', 'Choose', 'Choose'], areaList: AreaListEn, - } + }, }, data() { return { - value: '330302' + value: '330302', }; - } + }, }; diff --git a/src/area/index.js b/src/area/index.js index 4d4bc3aaa..ef999d8a4 100644 --- a/src/area/index.js +++ b/src/area/index.js @@ -16,26 +16,26 @@ export default createComponent({ value: String, areaList: { type: Object, - default: () => ({}) + default: () => ({}), }, columnsNum: { type: [Number, String], - default: 3 + default: 3, }, isOverseaCode: { type: Function, - default: isOverseaCode + default: isOverseaCode, }, columnsPlaceholder: { type: Array, - default: () => [] - } + default: () => [], + }, }, data() { return { code: this.value, - columns: [{ values: [] }, { values: [] }, { values: [] }] + columns: [{ values: [] }, { values: [] }, { values: [] }], }; }, @@ -60,9 +60,9 @@ export default createComponent({ return { province: this.columnsPlaceholder[0] || '', city: this.columnsPlaceholder[1] || '', - county: this.columnsPlaceholder[2] || '' + county: this.columnsPlaceholder[2] || '', }; - } + }, }, watch: { @@ -73,14 +73,14 @@ export default createComponent({ areaList: { deep: true, - handler: 'setValues' + handler: 'setValues', }, columnsNum() { this.$nextTick(() => { this.setValues(); }); - } + }, }, mounted() { @@ -98,7 +98,7 @@ export default createComponent({ const list = this[type]; result = Object.keys(list).map(listCode => ({ code: listCode, - name: list[listCode] + name: list[listCode], })); if (code) { @@ -121,7 +121,7 @@ export default createComponent({ result.unshift({ code: `${code}${codeFill}`, - name: this.placeholderMap[type] + name: this.placeholderMap[type], }); } @@ -218,7 +218,7 @@ export default createComponent({ picker.setIndexes([ this.getIndex('province', code), this.getIndex('city', code), - this.getIndex('county', code) + this.getIndex('county', code), ]); }, @@ -236,7 +236,7 @@ export default createComponent({ country: '', province: '', city: '', - county: '' + county: '', }; if (!values.length) { @@ -266,14 +266,14 @@ export default createComponent({ reset(code) { this.code = code || ''; this.setValues(); - } + }, }, render() { const on = { ...this.$listeners, change: this.onChange, - confirm: this.onConfirm + confirm: this.onConfirm, }; return ( @@ -293,5 +293,5 @@ export default createComponent({ {...{ on }} /> ); - } + }, }); diff --git a/src/area/test/index.spec.js b/src/area/test/index.spec.js index 90baed817..fbe0087f6 100644 --- a/src/area/test/index.spec.js +++ b/src/area/test/index.spec.js @@ -5,13 +5,13 @@ import { mount, later, triggerDrag } from '../../../test'; const firstOption = [ { code: '110000', name: '北京市' }, { code: '110100', name: '北京市' }, - { code: '110101', name: '东城区' } + { code: '110101', name: '东城区' }, ]; const secondOption = [ { code: '120000', name: '天津市' }, { code: '120100', name: '天津市' }, - { code: '120101', name: '和平区' } + { code: '120101', name: '和平区' }, ]; test('confirm & cancel event', async () => { @@ -19,12 +19,12 @@ test('confirm & cancel event', async () => { const onCancel = jest.fn(); const wrapper = mount(Area, { propsData: { - areaList + areaList, }, listeners: { confirm: onConfirm, - cancel: onCancel - } + cancel: onCancel, + }, }); await later(); @@ -39,8 +39,8 @@ test('confirm & cancel event', async () => { test('watch areaList & code', async () => { const wrapper = mount(Area, { propsData: { - areaList - } + areaList, + }, }); expect(wrapper).toMatchSnapshot(); @@ -50,7 +50,7 @@ test('watch areaList & code', async () => { expect(wrapper).toMatchSnapshot(); wrapper.setProps({ - value: '' + value: '', }); expect(wrapper).toMatchSnapshot(); }); @@ -59,11 +59,11 @@ test('change option', () => { const onChange = jest.fn(); const wrapper = mount(Area, { propsData: { - areaList + areaList, }, listeners: { - change: onChange - } + change: onChange, + }, }); const columns = wrapper.findAll('.van-picker-column'); @@ -83,11 +83,11 @@ test('change option', () => { test('getValues method', () => { const wrapper = mount(Area, { propsData: { - areaList + areaList, }, created() { expect(this.getValues()).toEqual([]); - } + }, }); expect(wrapper.vm.getValues()).toEqual(firstOption); @@ -97,8 +97,8 @@ test('reset method', async () => { const wrapper = mount(Area, { propsData: { areaList, - value: '120225' - } + value: '120225', + }, }); await later(); @@ -111,12 +111,12 @@ test('columns-num prop', async () => { const wrapper = mount(Area, { propsData: { areaList, - columnsNum: 3 - } + columnsNum: 3, + }, }); wrapper.setProps({ - columnsNum: 2 + columnsNum: 2, }); await later(); diff --git a/src/button/demo/index.vue b/src/button/demo/index.vue index 7afe90853..4e891756c 100644 --- a/src/button/demo/index.vue +++ b/src/button/demo/index.vue @@ -101,7 +101,7 @@ export default { customColor: '自定义颜色', pure: '单色按钮', gradient: '渐变色按钮', - blockElement: '块级元素' + blockElement: '块级元素', }, 'en-US': { type: 'Type', @@ -130,9 +130,9 @@ export default { customColor: 'Custom Color', pure: 'Pure', gradient: 'Gradient', - blockElement: 'Block Element' - } - } + blockElement: 'Block Element', + }, + }, }; diff --git a/src/button/index.tsx b/src/button/index.tsx index 322b49961..033bdeda0 100644 --- a/src/button/index.tsx +++ b/src/button/index.tsx @@ -54,7 +54,7 @@ function Button( disabled, loading, hairline, - loadingText + loadingText, } = props; const style: Record = {}; @@ -97,10 +97,10 @@ function Button( hairline, block: props.block, round: props.round, - square: props.square - } + square: props.square, + }, ]), - { [BORDER_SURROUND]: hairline } + { [BORDER_SURROUND]: hairline }, ]; function Content() { @@ -165,20 +165,20 @@ Button.props = { loadingType: String, tag: { type: String, - default: 'button' + default: 'button', }, type: { type: String, - default: 'default' + default: 'default', }, size: { type: String, - default: 'normal' + default: 'normal', }, loadingSize: { type: String, - default: '20px' - } + default: '20px', + }, }; export default createComponent(Button); diff --git a/src/button/test/index.spec.js b/src/button/test/index.spec.js index 0039635b9..36d498735 100644 --- a/src/button/test/index.spec.js +++ b/src/button/test/index.spec.js @@ -5,8 +5,8 @@ test('loading size', () => { const wrapper = mount(Button, { propsData: { loading: true, - loadingSize: '10px' - } + loadingSize: '10px', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -16,9 +16,9 @@ test('click event', () => { const wrapper = mount(Button, { context: { on: { - click: onClick - } - } + click: onClick, + }, + }, }); wrapper.trigger('click'); @@ -29,13 +29,13 @@ test('not trigger click event when disabled', () => { const onClick = jest.fn(); const wrapper = mount(Button, { propsData: { - disabled: true + disabled: true, }, context: { on: { - click: onClick - } - } + click: onClick, + }, + }, }); wrapper.trigger('click'); @@ -46,13 +46,13 @@ test('not trigger click event when loading', () => { const onClick = jest.fn(); const wrapper = mount(Button, { propsData: { - loading: true + loading: true, }, context: { on: { - click: onClick - } - } + click: onClick, + }, + }, }); wrapper.trigger('click'); @@ -64,9 +64,9 @@ test('touchstart event', () => { const wrapper = mount(Button, { context: { on: { - touchstart: onTouchstart - } - } + touchstart: onTouchstart, + }, + }, }); wrapper.trigger('touchstart'); @@ -76,8 +76,8 @@ test('touchstart event', () => { test('hide border when color is gradient', () => { const wrapper = mount(Button, { propsData: { - color: 'linear-gradient(#000, #fff)' - } + color: 'linear-gradient(#000, #fff)', + }, }); expect(wrapper.element.style.border).toEqual('0px'); diff --git a/src/calendar/components/Header.js b/src/calendar/components/Header.js index f7cc1ccff..8e0ba74dc 100644 --- a/src/calendar/components/Header.js +++ b/src/calendar/components/Header.js @@ -6,7 +6,7 @@ const [createComponent] = createNamespace('calendar-header'); export default createComponent({ props: { title: String, - monthTitle: String + monthTitle: String, }, methods: { @@ -29,7 +29,7 @@ export default createComponent({ ))} ); - } + }, }, render() { @@ -40,5 +40,5 @@ export default createComponent({ {this.genWeekDays()} ); - } + }, }); diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js index 26d25c498..eb0622016 100644 --- a/src/calendar/components/Month.js +++ b/src/calendar/components/Month.js @@ -15,12 +15,12 @@ export default createComponent({ showTitle: Boolean, rowHeight: Number, formatter: Function, - currentDate: [Date, Array] + currentDate: [Date, Array], }, data() { return { - visible: false + visible: false, }; }, @@ -43,7 +43,7 @@ export default createComponent({ Math.ceil((this.totalDay + this.offset) / 7) * this.rowHeight; return { - paddingBottom: `${padding}px` + paddingBottom: `${padding}px`, }; } }, @@ -61,7 +61,7 @@ export default createComponent({ date, type, text: day, - bottomInfo: this.getBottomInfo(type) + bottomInfo: this.getBottomInfo(type), }; if (this.formatter) { @@ -72,7 +72,7 @@ export default createComponent({ } return days; - } + }, }, mounted() { @@ -219,7 +219,7 @@ export default createComponent({ {BottomInfo} ); - } + }, }, render() { @@ -229,5 +229,5 @@ export default createComponent({ {this.genDays()} ); - } + }, }); diff --git a/src/calendar/demo/index.vue b/src/calendar/demo/index.vue index 3235d2a28..8637f11c0 100644 --- a/src/calendar/demo/index.vue +++ b/src/calendar/demo/index.vue @@ -129,7 +129,7 @@ export default { customPosition: '自定义弹出位置', customCalendar: '自定义日历', confirmDisabledText: '请选择结束时间', - tiledDisplay: '平铺展示' + tiledDisplay: '平铺展示', }, 'en-US': { in: 'In', @@ -150,8 +150,8 @@ export default { customPosition: 'Custom Position', customCalendar: 'Custom Calendar', confirmDisabledText: 'Select End Time', - tiledDisplay: 'Tiled display' - } + tiledDisplay: 'Tiled display', + }, }, data() { @@ -166,7 +166,7 @@ export default { customConfirm: [], customRange: null, customDayText: [], - customPosition: null + customPosition: null, }, type: 'single', round: true, @@ -281,7 +281,7 @@ export default { onConfirm(date) { this.showCalendar = false; this.date[this.id] = date; - } - } + }, + }, }; diff --git a/src/calendar/index.js b/src/calendar/index.js index 300a2a6c2..24d3091dc 100644 --- a/src/calendar/index.js +++ b/src/calendar/index.js @@ -8,7 +8,7 @@ import { compareMonth, createComponent, calcDateNum, - ROW_HEIGHT + ROW_HEIGHT, } from './utils'; import Popup from '../popup'; @@ -29,12 +29,12 @@ export default createComponent({ confirmDisabledText: String, type: { type: String, - default: 'single' + default: 'single', }, minDate: { type: Date, validator: isDate, - default: () => new Date() + default: () => new Date(), }, maxDate: { type: Date, @@ -42,50 +42,50 @@ export default createComponent({ default() { const now = new Date(); return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()); - } + }, }, position: { type: String, - default: 'bottom' + default: 'bottom', }, rowHeight: { type: Number, - default: ROW_HEIGHT + default: ROW_HEIGHT, }, round: { type: Boolean, - default: true + default: true, }, poppable: { type: Boolean, - default: true + default: true, }, showMark: { type: Boolean, - default: true + default: true, }, showConfirm: { type: Boolean, - default: true + default: true, }, safeAreaInsetBottom: { type: Boolean, - default: true + default: true, }, closeOnClickOverlay: { type: Boolean, - default: true + default: true, }, maxRange: { type: Number, - default: null - } + default: null, + }, }, data() { return { monthTitle: '', - currentDate: this.getInitialDate() + currentDate: this.getInitialDate(), }; }, @@ -114,7 +114,7 @@ export default createComponent({ } return !this.currentDate; - } + }, }, watch: { @@ -129,7 +129,7 @@ export default createComponent({ defaultDate(val) { this.currentDate = val; - } + }, }, mounted() { @@ -331,7 +331,7 @@ export default createComponent({ return (
{this.genFooterContent()} @@ -346,7 +346,7 @@ export default createComponent({ title={this.title} monthTitle={this.monthTitle} scopedSlots={{ - title: () => this.slots('title') + title: () => this.slots('title'), }} />
@@ -355,7 +355,7 @@ export default createComponent({ {this.genFooter()}
); - } + }, }, render() { @@ -377,5 +377,5 @@ export default createComponent({ } return this.genCalendar(); - } + }, }); diff --git a/src/calendar/test/index.spec.js b/src/calendar/test/index.spec.js index 8c94182db..a2e691faa 100644 --- a/src/calendar/test/index.spec.js +++ b/src/calendar/test/index.spec.js @@ -23,8 +23,8 @@ test('select event when type is single', async () => { propsData: { minDate, maxDate, - poppable: false - } + poppable: false, + }, }); await later(); @@ -43,8 +43,8 @@ test('select event when type is range', async () => { type: 'range', minDate, maxDate, - poppable: false - } + poppable: false, + }, }); await later(); @@ -68,8 +68,8 @@ test('should not trigger select event when click disabled day', async () => { propsData: { minDate, maxDate, - poppable: false - } + poppable: false, + }, }); await later(); @@ -87,8 +87,8 @@ test('confirm event when type is single', async () => { propsData: { minDate, maxDate, - poppable: false - } + poppable: false, + }, }); await later(); @@ -110,8 +110,8 @@ test('confirm event when type is range', async () => { type: 'range', minDate, maxDate, - poppable: false - } + poppable: false, + }, }); await later(); @@ -131,8 +131,8 @@ test('confirm event when type is range', async () => { test('default single date', async () => { const wrapper = mount(Calendar, { propsData: { - poppable: false - } + poppable: false, + }, }); await later(); @@ -145,8 +145,8 @@ test('default range date', async () => { const wrapper = mount(Calendar, { propsData: { type: 'range', - poppable: false - } + poppable: false, + }, }); await later(); @@ -163,8 +163,8 @@ test('reset method', async () => { minDate, maxDate, type: 'range', - poppable: false - } + poppable: false, + }, }); await later(); @@ -188,8 +188,8 @@ test('set show-confirm to false', async () => { maxDate, type: 'range', poppable: false, - showConfirm: false - } + showConfirm: false, + }, }); await later(); @@ -209,8 +209,8 @@ test('row-height prop', async () => { minDate, maxDate, poppable: false, - rowHeight: 50 - } + rowHeight: 50, + }, }); await later(); @@ -243,8 +243,8 @@ test('formatter prop', async () => { } return day; - } - } + }, + }, }); await later(); @@ -257,12 +257,12 @@ test('title & footer slot', async () => { propsData: { minDate, maxDate, - poppable: false + poppable: false, }, scopedSlots: { title: () => 'Custom Title', - footer: () => 'Custom Footer' - } + footer: () => 'Custom Footer', + }, }); await later(); @@ -275,8 +275,8 @@ test('should reset when type changed', async () => { propsData: { minDate, maxDate, - poppable: false - } + poppable: false, + }, }); await later(); @@ -297,8 +297,8 @@ test('default-date prop in single type', async () => { minDate, maxDate, defaultDate: getNextDay(minDate), - poppable: false - } + poppable: false, + }, }); await later(); @@ -317,8 +317,8 @@ test('default-date prop in range type', async () => { type: 'range', minDate, maxDate, - poppable: false - } + poppable: false, + }, }); await later(); @@ -340,13 +340,13 @@ test('popup wrapper', async () => { const wrapper = mount(Calendar, { propsData: { minDate, - maxDate + maxDate, }, listeners: { input(value) { wrapper.setProps({ value }); - } - } + }, + }, }); await later(); @@ -367,8 +367,8 @@ test('set show-mark prop to false', async () => { minDate, maxDate, showMark: false, - poppable: false - } + poppable: false, + }, }); await later(); @@ -382,8 +382,8 @@ test('color prop when type is single', async () => { minDate, maxDate, color: 'blue', - poppable: false - } + poppable: false, + }, }); await later(); @@ -399,8 +399,8 @@ test('color prop when type is range', async () => { minDate, maxDate, color: 'blue', - poppable: false - } + poppable: false, + }, }); await later(); @@ -414,8 +414,8 @@ test('should scroll to current month when show', async done => { type: 'range', minDate: new Date(2010, 0, 10), maxDate: new Date(2010, 11, 10), - defaultDate: [new Date(2010, 3, 1), new Date(2010, 5, 1)] - } + defaultDate: [new Date(2010, 3, 1), new Date(2010, 5, 1)], + }, }); Element.prototype.scrollIntoView = function() { @@ -435,8 +435,8 @@ test('max-range prop', async () => { minDate, maxDate, maxRange: 1, - poppable: false - } + poppable: false, + }, }); await later(); diff --git a/src/card/demo/index.vue b/src/card/demo/index.vue index 1f0e5ef6a..1576bed3d 100644 --- a/src/card/demo/index.vue +++ b/src/card/demo/index.vue @@ -75,19 +75,19 @@ export default { 'zh-CN': { title: '商品名称', discountInfo: '营销信息', - customContent: '自定义内容' + customContent: '自定义内容', }, 'en-US': { discountInfo: 'Discount Info', - customContent: 'Custom Content' - } + customContent: 'Custom Content', + }, }, data() { return { - imageURL: 'https://img.yzcdn.cn/vant/t-thirt.jpg' + imageURL: 'https://img.yzcdn.cn/vant/t-thirt.jpg', }; - } + }, }; diff --git a/src/card/index.tsx b/src/card/index.tsx index 21cfe56b1..33e33adb7 100644 --- a/src/card/index.tsx +++ b/src/card/index.tsx @@ -206,8 +206,8 @@ Card.props = { originPrice: [Number, String], currency: { type: String, - default: '¥' - } + default: '¥', + }, }; export default createComponent(Card); diff --git a/src/card/test/index.spec.js b/src/card/test/index.spec.js index 6f1ef2718..4563041f1 100644 --- a/src/card/test/index.spec.js +++ b/src/card/test/index.spec.js @@ -6,16 +6,16 @@ test('click event', () => { const wrapper = mount(Card, { context: { on: { - click: onClick - } - } + click: onClick, + }, + }, }); wrapper.trigger('click'); expect(onClick).toHaveBeenCalledWith( expect.objectContaining({ - isTrusted: expect.any(Boolean) + isTrusted: expect.any(Boolean), }) ); }); @@ -24,20 +24,20 @@ test('click-thumb event', () => { const onClickThumb = jest.fn(); const wrapper = mount(Card, { propsData: { - thumb: 'xx' + thumb: 'xx', }, context: { on: { - 'click-thumb': onClickThumb - } - } + 'click-thumb': onClickThumb, + }, + }, }); wrapper.find('.van-card__thumb').trigger('click'); expect(onClickThumb).toHaveBeenCalledWith( expect.objectContaining({ - isTrusted: expect.any(Boolean) + isTrusted: expect.any(Boolean), }) ); }); @@ -46,8 +46,8 @@ test('render price & num slot', () => { const wrapper = mount(Card, { scopedSlots: { num: () => 'Custom Num', - price: () => 'Custom Price' - } + price: () => 'Custom Price', + }, }); expect(wrapper).toMatchSnapshot(); @@ -56,8 +56,8 @@ test('render price & num slot', () => { test('render origin-price slot', () => { const wrapper = mount(Card, { scopedSlots: { - 'origin-price': () => 'Custom Origin Price' - } + 'origin-price': () => 'Custom Origin Price', + }, }); expect(wrapper).toMatchSnapshot(); @@ -66,8 +66,8 @@ test('render origin-price slot', () => { test('render bottom slot', () => { const wrapper = mount(Card, { scopedSlots: { - bottom: () => 'Custom Bottom' - } + bottom: () => 'Custom Bottom', + }, }); expect(wrapper).toMatchSnapshot(); @@ -77,8 +77,8 @@ test('render thumb & tag slot', () => { const wrapper = mount(Card, { scopedSlots: { tag: () => 'Custom Tag', - thumb: () => 'Custom Thumb' - } + thumb: () => 'Custom Thumb', + }, }); expect(wrapper).toMatchSnapshot(); @@ -88,8 +88,8 @@ test('render title & desc slot', () => { const wrapper = mount(Card, { scopedSlots: { title: () => 'Custom Title', - desc: () => 'Custom desc' - } + desc: () => 'Custom desc', + }, }); expect(wrapper).toMatchSnapshot(); @@ -99,8 +99,8 @@ test('render price & price-top slot', () => { const wrapper = mount(Card, { scopedSlots: { price: () => 'Custom Price', - 'price-top': () => 'Custom Price-top' - } + 'price-top': () => 'Custom Price-top', + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/cell-group/index.tsx b/src/cell-group/index.tsx index 7fcaeef32..2cc2d2819 100644 --- a/src/cell-group/index.tsx +++ b/src/cell-group/index.tsx @@ -45,8 +45,8 @@ CellGroup.props = { title: String, border: { type: Boolean, - default: true - } + default: true, + }, }; export default createComponent(CellGroup); diff --git a/src/cell/demo/index.vue b/src/cell/demo/index.vue index 04ff5c10a..e9b3900b6 100644 --- a/src/cell/demo/index.vue +++ b/src/cell/demo/index.vue @@ -76,7 +76,7 @@ export default { urlRoute: 'URL 跳转', vueRoute: '路由跳转', useSlots: '使用插槽', - verticalCenter: '垂直居中' + verticalCenter: '垂直居中', }, 'en-US': { cell: 'Cell title', @@ -90,9 +90,9 @@ export default { urlRoute: 'URL', vueRoute: 'Vue Router', useSlots: 'Use Slots', - verticalCenter: 'Vertical center' - } - } + verticalCenter: 'Vertical center', + }, + }, }; diff --git a/src/cell/index.tsx b/src/cell/index.tsx index 78a512e7d..3ff175ee9 100644 --- a/src/cell/index.tsx +++ b/src/cell/index.tsx @@ -109,7 +109,7 @@ function Cell( clickable, center: props.center, required: props.required, - borderless: !props.border + borderless: !props.border, }; if (size) { @@ -135,7 +135,7 @@ function Cell( Cell.props = { ...cellProps, - ...routeProps + ...routeProps, }; export default createComponent(Cell); diff --git a/src/cell/shared.ts b/src/cell/shared.ts index 127007c38..5721801f4 100644 --- a/src/cell/shared.ts +++ b/src/cell/shared.ts @@ -33,6 +33,6 @@ export const cellProps = { arrowDirection: String, border: { type: Boolean, - default: true - } + default: true, + }, }; diff --git a/src/cell/test/index.spec.js b/src/cell/test/index.spec.js index 88152ceb8..b5969f6fd 100644 --- a/src/cell/test/index.spec.js +++ b/src/cell/test/index.spec.js @@ -7,9 +7,9 @@ test('click event', () => { const wrapper = mount(Cell, { context: { on: { - click - } - } + click, + }, + }, }); wrapper.trigger('click'); @@ -20,8 +20,8 @@ test('arrow direction', () => { const wrapper = mount(Cell, { propsData: { isLink: true, - arrowDirection: 'down' - } + arrowDirection: 'down', + }, }); expect(wrapper).toMatchSnapshot(); @@ -38,8 +38,8 @@ test('render slot', () => { `, components: { - Cell - } + Cell, + }, }); expect(wrapper).toMatchSnapshot(); @@ -50,9 +50,9 @@ test('title-style prop', () => { propsData: { title: 'title', titleStyle: { - color: 'red' - } - } + color: 'red', + }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -61,8 +61,8 @@ test('title-style prop', () => { test('CellGroup title slot', () => { const wrapper = mount(CellGroup, { scopedSlots: { - title: () => 'CustomTitle' - } + title: () => 'CustomTitle', + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/checkbox-group/index.js b/src/checkbox-group/index.js index 0f52b2717..f9c5e0e50 100644 --- a/src/checkbox-group/index.js +++ b/src/checkbox-group/index.js @@ -13,14 +13,14 @@ export default createComponent({ checkedColor: String, value: { type: Array, - default: () => [] - } + default: () => [], + }, }, watch: { value(val) { this.$emit('change', val); - } + }, }, methods: { @@ -38,10 +38,10 @@ export default createComponent({ const names = children.map(item => item.name); this.$emit('input', names); - } + }, }, render() { return
{this.slots()}
; - } + }, }); diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue index 4d9c2f712..f1728f892 100644 --- a/src/checkbox/demo/index.vue +++ b/src/checkbox/demo/index.vue @@ -41,7 +41,7 @@ {{ $t('customIcon') }} @@ -110,7 +110,7 @@ export default { toggleAll: '全选与反选', checkAll: '全选', inverse: '反选', - disabledLabelClick: '禁用文本点击' + disabledLabelClick: '禁用文本点击', }, 'en-US': { checkbox: 'Checkbox', @@ -124,8 +124,8 @@ export default { toggleAll: 'Toggle All', checkAll: 'Check All', inverse: 'Inverse', - disabledLabelClick: 'Disable the click event of label' - } + disabledLabelClick: 'Disable the click event of label', + }, }, data() { @@ -139,14 +139,14 @@ export default { list: [ 'a', 'b', - 'c' + 'c', ], result: ['a', 'b'], result2: [], result3: [], checkAllResult: [], activeIcon: 'https://img.yzcdn.cn/vant/user-active.png', - inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png' + inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png', }; }, @@ -161,8 +161,8 @@ export default { toggleAll() { this.$refs.group.toggleAll(); - } - } + }, + }, }; diff --git a/src/checkbox/index.js b/src/checkbox/index.js index ad81fd92d..e89f49245 100644 --- a/src/checkbox/index.js +++ b/src/checkbox/index.js @@ -7,7 +7,7 @@ export default createComponent({ mixins: [CheckboxMixin({ bem, role: 'checkbox', - parent: 'vanCheckbox' + parent: 'vanCheckbox', })], computed: { @@ -22,14 +22,14 @@ export default createComponent({ } else { this.$emit('input', val); } - } - } + }, + }, }, watch: { value(val) { this.$emit('change', val); - } + }, }, methods: { @@ -67,6 +67,6 @@ export default createComponent({ parent.$emit('input', value); } } - } - } + }, + }, }); diff --git a/src/checkbox/test/index.spec.js b/src/checkbox/test/index.spec.js index 54fa87612..d130efe2b 100644 --- a/src/checkbox/test/index.spec.js +++ b/src/checkbox/test/index.spec.js @@ -20,8 +20,8 @@ test('switch checkbox', async () => { test('disabled', () => { const wrapper = mount(Checkbox, { propsData: { - disabled: true - } + disabled: true, + }, }); wrapper.find('.van-checkbox__icon').trigger('click'); @@ -31,11 +31,11 @@ test('disabled', () => { test('label disabled', () => { const wrapper = mount(Checkbox, { scopedSlots: { - default: () => 'Label' + default: () => 'Label', }, propsData: { - labelDisabled: true - } + labelDisabled: true, + }, }); wrapper.find('.van-checkbox__label').trigger('click'); @@ -54,9 +54,9 @@ test('checkbox group', async () => { `, data() { return { - result: [] + result: [], }; - } + }, }); const icons = wrapper.findAll('.van-checkbox__icon'); @@ -77,8 +77,8 @@ test('click event', () => { const onClick = jest.fn(); const wrapper = mount(Checkbox, { listeners: { - click: onClick - } + click: onClick, + }, }); wrapper.trigger('click'); @@ -92,11 +92,11 @@ test('click event', () => { test('label-position prop', () => { const wrapper = mount(Checkbox, { scopedSlots: { - default: () => 'Label' + default: () => 'Label', }, propsData: { - labelPosition: 'left' - } + labelPosition: 'left', + }, }); expect(wrapper).toMatchSnapshot(); @@ -109,7 +109,7 @@ test('icon-size prop', () => { label label - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -122,7 +122,7 @@ test('checked-color prop', () => { label label - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -140,9 +140,9 @@ test('bind-group prop', async () => { return { value: false, result: [], - list: ['a', 'b', 'c'] + list: ['a', 'b', 'c'], }; - } + }, }); const icons = wrapper.findAll('.van-checkbox__icon'); @@ -163,14 +163,14 @@ test('toggleAll method', async () => { `, data() { return { - result: ['a'] + result: ['a'], }; }, methods: { toggleAll(checked) { this.$refs.group.toggleAll(checked); - } - } + }, + }, }); wrapper.vm.toggleAll(); diff --git a/src/circle/demo/index.vue b/src/circle/demo/index.vue index 7fd239c94..6f668b5a4 100644 --- a/src/circle/demo/index.vue +++ b/src/circle/demo/index.vue @@ -85,7 +85,7 @@ export default { customStyle: '样式定制', customColor: '颜色定制', customWidth: '宽度定制', - counterClockwise: '逆时针' + counterClockwise: '逆时针', }, 'en-US': { gradient: 'Gradient', @@ -93,8 +93,8 @@ export default { customStyle: 'Custom Style', customColor: 'Custom Color', customWidth: 'Custom Width', - counterClockwise: 'Counter Clockwise' - } + counterClockwise: 'Counter Clockwise', + }, }, data() { @@ -106,8 +106,8 @@ export default { currentRate4: 70, gradientColor: { '0%': '#3fecff', - '100%': '#6149f6' - } + '100%': '#6149f6', + }, }; }, @@ -118,8 +118,8 @@ export default { reduce() { this.rate = format(this.rate - 20); - } - } + }, + }, }; diff --git a/src/circle/index.js b/src/circle/index.js index 0931229fb..dbc17151e 100644 --- a/src/circle/index.js +++ b/src/circle/index.js @@ -24,40 +24,40 @@ export default createComponent({ strokeLinecap: String, value: { type: Number, - default: 0 + default: 0, }, speed: { type: Number, - default: 0 + default: 0, }, size: { type: [String, Number], - default: 100 + default: 100, }, fill: { type: String, - default: 'none' + default: 'none', }, rate: { type: Number, - default: 100 + default: 100, }, layerColor: { type: String, - default: WHITE + default: WHITE, }, color: { type: [String, Object], - default: BLUE + default: BLUE, }, strokeWidth: { type: Number, - default: 40 + default: 40, }, clockwise: { type: Boolean, - default: true - } + default: true, + }, }, beforeCreate() { @@ -69,7 +69,7 @@ export default createComponent({ const size = addUnit(this.size); return { width: size, - height: size + height: size, }; }, @@ -88,7 +88,7 @@ export default createComponent({ stroke: `${this.color}`, strokeWidth: `${this.strokeWidth + 1}px`, strokeLinecap: this.strokeLinecap, - strokeDasharray: `${offset}px ${PERIMETER}px` + strokeDasharray: `${offset}px ${PERIMETER}px`, }; }, @@ -96,7 +96,7 @@ export default createComponent({ return { fill: `${this.fill}`, stroke: `${this.layerColor}`, - strokeWidth: `${this.strokeWidth}px` + strokeWidth: `${this.strokeWidth}px`, }; }, @@ -122,7 +122,7 @@ export default createComponent({ ); - } + }, }, watch: { @@ -143,8 +143,8 @@ export default createComponent({ this.$emit('input', this.endRate); } }, - immediate: true - } + immediate: true, + }, }, methods: { @@ -158,7 +158,7 @@ export default createComponent({ if (this.increase ? rate < this.endRate : rate > this.endRate) { this.rafId = raf(this.animate); } - } + }, }, render() { @@ -178,5 +178,5 @@ export default createComponent({ (this.text &&
{this.text}
)}
); - } + }, }); diff --git a/src/circle/test/index.spec.js b/src/circle/test/index.spec.js index 17349e8db..5b6a1481f 100644 --- a/src/circle/test/index.spec.js +++ b/src/circle/test/index.spec.js @@ -6,15 +6,15 @@ test('speed is 0', async () => { const wrapper = mount(Circle, { propsData: { rate: 50, - value: 0 + value: 0, }, listeners: { input(value) { Vue.nextTick(() => { wrapper.setProps({ value }); }); - } - } + }, + }, }); await later(); @@ -26,11 +26,11 @@ test('animate', async () => { mount(Circle, { propsData: { rate: 50, - speed: 100 + speed: 100, }, listeners: { - input: onInput - } + input: onInput, + }, }); await later(50); @@ -41,8 +41,8 @@ test('animate', async () => { test('size prop', () => { const wrapper = mount(Circle, { propsData: { - size: 100 - } + size: 100, + }, }); expect(wrapper).toMatchSnapshot(); @@ -51,8 +51,8 @@ test('size prop', () => { test('stroke-linecap prop', () => { const wrapper = mount(Circle, { propsData: { - strokeLinecap: 'square' - } + strokeLinecap: 'square', + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/col/demo/index.vue b/src/col/demo/index.vue index 3356f896d..c3a8470d8 100644 --- a/src/col/demo/index.vue +++ b/src/col/demo/index.vue @@ -89,13 +89,13 @@ export default { i18n: { 'zh-CN': { title2: '在列元素之间增加间距', - title3: 'Flex 布局' + title3: 'Flex 布局', }, 'en-US': { title2: 'Column Spacing', - title3: 'Flex Layout' - } - } + title3: 'Flex Layout', + }, + }, }; diff --git a/src/col/index.js b/src/col/index.js index 04bb11902..9fe9a4e69 100644 --- a/src/col/index.js +++ b/src/col/index.js @@ -8,8 +8,8 @@ export default createComponent({ offset: [Number, String], tag: { type: String, - default: 'div' - } + default: 'div', + }, }, computed: { @@ -20,13 +20,13 @@ export default createComponent({ style() { const padding = `${this.gutter / 2}px`; return this.gutter ? { paddingLeft: padding, paddingRight: padding } : {}; - } + }, }, methods: { onClick(event) { this.$emit('click', event); - } + }, }, render() { @@ -40,5 +40,5 @@ export default createComponent({ {this.slots()} ); - } + }, }); diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js index a601edbb8..bce427033 100644 --- a/src/collapse-item/index.js +++ b/src/collapse-item/index.js @@ -18,14 +18,14 @@ export default createComponent({ disabled: Boolean, isLink: { type: Boolean, - default: true - } + default: true, + }, }, data() { return { show: null, - inited: null + inited: null, }; }, @@ -53,7 +53,7 @@ export default createComponent({ return accordion ? value === this.currentName : value.some(name => name === this.currentName); - } + }, }, created() { @@ -96,7 +96,7 @@ export default createComponent({ this.onTransitionEnd(); } }); - } + }, }, methods: { @@ -162,7 +162,7 @@ export default createComponent({ ); } - } + }, }, render() { @@ -172,5 +172,5 @@ export default createComponent({ {this.genContent()} ); - } + }, }); diff --git a/src/collapse/demo/index.vue b/src/collapse/demo/index.vue index 28fc3fb88..82bfe46fd 100644 --- a/src/collapse/demo/index.vue +++ b/src/collapse/demo/index.vue @@ -50,22 +50,22 @@ export default { 'zh-CN': { accordion: '手风琴', titleSlot: '自定义标题内容', - text: '代码是写出来给人看的，附带能在机器上运行' + text: '代码是写出来给人看的，附带能在机器上运行', }, 'en-US': { accordion: 'Accordion', titleSlot: 'Custom title', - text: 'Content' - } + text: 'Content', + }, }, data() { return { active1: [0], active2: 0, - active3: [] + active3: [], }; - } + }, }; diff --git a/src/collapse/index.js b/src/collapse/index.js index 118935b02..0a1beab4a 100644 --- a/src/collapse/index.js +++ b/src/collapse/index.js @@ -12,8 +12,8 @@ export default createComponent({ value: [String, Number, Array], border: { type: Boolean, - default: true - } + default: true, + }, }, methods: { @@ -25,7 +25,7 @@ export default createComponent({ } this.$emit('change', name); this.$emit('input', name); - } + }, }, render() { @@ -34,5 +34,5 @@ export default createComponent({ {this.slots()} ); - } + }, }); diff --git a/src/collapse/test/index.spec.js b/src/collapse/test/index.spec.js index 65f329dc2..6702cd9d9 100644 --- a/src/collapse/test/index.spec.js +++ b/src/collapse/test/index.spec.js @@ -14,14 +14,14 @@ const component = { accordion: Boolean, border: { type: Boolean, - default: true - } + default: true, + }, }, data() { return { - active: this.accordion ? '' : [] + active: this.accordion ? '' : [], }; - } + }, }; test('basic mode', async () => { @@ -45,8 +45,8 @@ test('basic mode', async () => { test('accordion', async () => { const wrapper = mount(component, { propsData: { - accordion: true - } + accordion: true, + }, }); const titles = wrapper.findAll('.van-collapse-item__title'); @@ -78,9 +78,9 @@ test('render collapse-item slot', () => { `, data() { return { - active: [] + active: [], }; - } + }, }); expect(wrapper).toMatchSnapshot(); @@ -89,8 +89,8 @@ test('render collapse-item slot', () => { test('disable border', () => { const wrapper = mount(component, { propsData: { - border: false - } + border: false, + }, }); expect(wrapper).toMatchSnapshot(); @@ -106,14 +106,14 @@ test('lazy render collapse content', async () => { `, components: { Collapse, - CollapseItem + CollapseItem, }, data() { return { content: '', - active: [] + active: [], }; - } + }, }); const titles = wrapper.findAll('.van-collapse-item__title'); @@ -136,9 +136,9 @@ test('warn when value type is incorrect', () => { `, data() { return { - active: 0 + active: 0, }; - } + }, }); expect(error).toHaveBeenCalledTimes(1); diff --git a/src/contact-card/demo/index.vue b/src/contact-card/demo/index.vue index 98a912098..10ae5b5a1 100644 --- a/src/contact-card/demo/index.vue +++ b/src/contact-card/demo/index.vue @@ -56,13 +56,13 @@ export default { 'zh-CN': { name: '张三', defaultLabel: '设为默认联系人', - defaultTagText: '默认' + defaultTagText: '默认', }, 'en-US': { name: 'John Snow', defaultLabel: 'Set as the default contact', - defaultTagText: 'default' - } + defaultTagText: 'default', + }, }, data() { @@ -72,7 +72,7 @@ export default { showList: false, showEdit: false, isEdit: false, - list: [] + list: [], }; }, @@ -82,7 +82,7 @@ export default { name: this.$t('name'), tel: '13000000000', id: 0, - isDefault: 1 + isDefault: 1, }; }, @@ -93,7 +93,7 @@ export default { currentContact() { const id = this.chosenContactId; return id !== null ? this.list.filter(item => item.id === id)[0] : {}; - } + }, }, created() { @@ -135,8 +135,8 @@ export default { if (this.chosenContactId === info.id) { this.chosenContactId = null; } - } - } + }, + }, }; diff --git a/src/contact-card/index.tsx b/src/contact-card/index.tsx index c5c90d105..fce43ca47 100644 --- a/src/contact-card/index.tsx +++ b/src/contact-card/index.tsx @@ -37,7 +37,7 @@ function ContactCard( return [
{`${t('name')}：${props.name}`}
, -
{`${t('tel')}：${props.tel}`}
+
{`${t('tel')}：${props.tel}`}
, ]; } @@ -63,12 +63,12 @@ ContactCard.props = { addText: String, editable: { type: Boolean, - default: true + default: true, }, type: { type: String, - default: 'add' - } + default: 'add', + }, }; export default createComponent(ContactCard); diff --git a/src/contact-card/test/index.spec.js b/src/contact-card/test/index.spec.js index 91bd01001..3166c5518 100644 --- a/src/contact-card/test/index.spec.js +++ b/src/contact-card/test/index.spec.js @@ -5,7 +5,7 @@ import { mount, later } from '../../../test'; const contactInfo = { name: 'test', - tel: '123123213' + tel: '123123213', }; describe('ContactCard', () => { @@ -14,9 +14,9 @@ describe('ContactCard', () => { const wrapper = mount(ContactCard, { context: { on: { - click - } - } + click, + }, + }, }); wrapper.trigger('click'); @@ -27,13 +27,13 @@ describe('ContactCard', () => { const click = jest.fn(); const wrapper = mount(ContactCard, { propsData: { - editable: false + editable: false, }, context: { on: { - click - } - } + click, + }, + }, }); wrapper.trigger('click'); @@ -45,8 +45,8 @@ describe('ContactList', () => { test('render', () => { const wrapper = mount(ContactList, { propsData: { - list: [contactInfo] - } + list: [contactInfo], + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -55,13 +55,13 @@ describe('ContactList', () => { const onSelect = jest.fn(); const wrapper = mount(ContactList, { propsData: { - list: [contactInfo] + list: [contactInfo], }, context: { on: { - select: onSelect - } - } + select: onSelect, + }, + }, }); wrapper.find('.van-radio__icon').trigger('click'); @@ -74,8 +74,8 @@ describe('ContactEdit', () => { const createComponent = () => { const wrapper = mount(ContactEdit, { propsData: { - contactInfo - } + contactInfo, + }, }); const button = wrapper.find('.van-button'); @@ -86,7 +86,7 @@ describe('ContactEdit', () => { data, field, button, - errorInfo + errorInfo, }; }; @@ -114,7 +114,7 @@ describe('ContactEdit', () => { expect(errorInfo.tel).toBeFalsy(); expect(wrapper.emitted('save')[0][0]).toEqual({ name: 'test', - tel: '13000000000' + tel: '13000000000', }); }); @@ -127,8 +127,8 @@ describe('ContactEdit', () => { test('delete contact', async () => { const wrapper = mount(ContactEdit, { propsData: { - isEdit: true - } + isEdit: true, + }, }); const deleteButton = wrapper.findAll('.van-button').at(1); diff --git a/src/contact-edit/index.js b/src/contact-edit/index.js index f82a22af6..54c03e6ff 100644 --- a/src/contact-edit/index.js +++ b/src/contact-edit/index.js @@ -10,7 +10,7 @@ const [createComponent, bem, t] = createNamespace('contact-edit'); const defaultContact = { tel: '', - name: '' + name: '', }; export default createComponent({ @@ -22,24 +22,24 @@ export default createComponent({ setDefaultLabel: String, contactInfo: { type: Object, - default: () => ({ ...defaultContact }) + default: () => ({ ...defaultContact }), }, telValidator: { type: Function, - default: isMobile - } + default: isMobile, + }, }, data() { return { data: { ...defaultContact, - ...this.contactInfo + ...this.contactInfo, }, errorInfo: { name: '', - tel: '' - } + tel: '', + }, }; }, @@ -47,9 +47,9 @@ export default createComponent({ contactInfo(val) { this.data = { ...defaultContact, - ...val + ...val, }; - } + }, }, methods: { @@ -83,11 +83,11 @@ export default createComponent({ onDelete() { Dialog.confirm({ - message: t('confirmDelete') + message: t('confirmDelete'), }).then(() => { this.$emit('delete', this.data); }); - } + }, }, render() { @@ -152,5 +152,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/contact-list/index.tsx b/src/contact-list/index.tsx index 9027d47bc..402d9c181 100644 --- a/src/contact-list/index.tsx +++ b/src/contact-list/index.tsx @@ -122,7 +122,7 @@ ContactList.props = { value: null as any, list: Array, addText: String, - defaultTagText: String + defaultTagText: String, }; export default createComponent(ContactList); diff --git a/src/count-down/demo/index.vue b/src/count-down/demo/index.vue index 2ddec37fb..bf0d6d2f0 100644 --- a/src/count-down/demo/index.vue +++ b/src/count-down/demo/index.vue @@ -60,7 +60,7 @@ export default { reset: '重置', pause: '暂停', start: '开始', - finished: '倒计时结束' + finished: '倒计时结束', }, 'en-US': { millisecond: 'Millisecond', @@ -71,13 +71,13 @@ export default { reset: 'Reset', pause: 'Pause', start: 'Start', - finished: 'Finished' - } + finished: 'Finished', + }, }, data() { return { - time: 30 * 60 * 60 * 1000 + time: 30 * 60 * 60 * 1000, }; }, @@ -92,8 +92,8 @@ export default { reset() { this.$refs.countDown.reset(); - } - } + }, + }, }; diff --git a/src/count-down/index.js b/src/count-down/index.js index 6331ef602..3996c01ad 100644 --- a/src/count-down/index.js +++ b/src/count-down/index.js @@ -9,21 +9,21 @@ export default createComponent({ millisecond: Boolean, time: { type: Number, - default: 0 + default: 0, }, format: { type: String, - default: 'HH:mm:ss' + default: 'HH:mm:ss', }, autoStart: { type: Boolean, - default: true - } + default: true, + }, }, data() { return { - remain: 0 + remain: 0, }; }, @@ -34,14 +34,14 @@ export default createComponent({ formattedTime() { return parseFormat(this.format, this.timeData); - } + }, }, watch: { time: { immediate: true, - handler: 'reset' - } + handler: 'reset', + }, }, activated() { @@ -146,7 +146,7 @@ export default createComponent({ this.pause(); this.$emit('finish'); } - } + }, }, render() { @@ -155,5 +155,5 @@ export default createComponent({ {this.slots('default', this.timeData) || this.formattedTime} ); - } + }, }); diff --git a/src/count-down/test/index.spec.js b/src/count-down/test/index.spec.js index 63b296754..a2256bda6 100644 --- a/src/count-down/test/index.spec.js +++ b/src/count-down/test/index.spec.js @@ -4,8 +4,8 @@ import { mount, later } from '../../../test'; test('macro task finish event', async () => { const wrapper = mount(CountDown, { propsData: { - time: 1 - } + time: 1, + }, }); expect(wrapper.emitted('finish')).toBeFalsy(); @@ -17,8 +17,8 @@ test('micro task finish event', async () => { const wrapper = mount(CountDown, { propsData: { time: 1, - millisecond: true - } + millisecond: true, + }, }); expect(wrapper.emitted('finish')).toBeFalsy(); @@ -30,8 +30,8 @@ test('macro task re-render', async () => { const wrapper = mount(CountDown, { propsData: { time: 1000, - format: 'SSS' - } + format: 'SSS', + }, }); const prevSnapShot = wrapper.html(); @@ -46,8 +46,8 @@ test('micro task re-render', async () => { propsData: { time: 100, format: 'SSS', - millisecond: true - } + millisecond: true, + }, }); const prevSnapShot = wrapper.html(); @@ -62,8 +62,8 @@ test('disable auto-start prop', async () => { propsData: { time: 100, format: 'SSS', - autoStart: false - } + autoStart: false, + }, }); await later(50); @@ -76,8 +76,8 @@ test('start method', async () => { time: 100, format: 'SSS', autoStart: false, - millisecond: true - } + millisecond: true, + }, }); const prevSnapShot = wrapper.html(); @@ -97,8 +97,8 @@ test('pause method', async () => { propsData: { time: 100, format: 'SSS', - millisecond: true - } + millisecond: true, + }, }); const prevSnapShot = wrapper.html(); @@ -114,8 +114,8 @@ test('reset method', async () => { propsData: { time: 100, format: 'SSS', - millisecond: true - } + millisecond: true, + }, }); const prevSnapShot = wrapper.html(); @@ -131,8 +131,8 @@ test('complete format prop', () => { propsData: { time: 30 * 60 * 60 * 1000 - 1, autoStart: false, - format: 'DD-HH-mm-ss-SSS' - } + format: 'DD-HH-mm-ss-SSS', + }, }); expect(wrapper).toMatchSnapshot(); @@ -143,8 +143,8 @@ test('milliseconds format SS', () => { propsData: { time: 1500, autoStart: false, - format: 'ss-SS' - } + format: 'ss-SS', + }, }); expect(wrapper).toMatchSnapshot(); @@ -155,8 +155,8 @@ test('milliseconds format S', () => { propsData: { time: 1500, autoStart: false, - format: 'ss-S' - } + format: 'ss-S', + }, }); expect(wrapper).toMatchSnapshot(); @@ -167,8 +167,8 @@ test('incomplate format prop', () => { propsData: { time: 30 * 60 * 60 * 1000 - 1, autoStart: false, - format: 'HH-mm-ss-SSS' - } + format: 'HH-mm-ss-SSS', + }, }); expect(wrapper).toMatchSnapshot(); @@ -190,14 +190,14 @@ test('pause when deactivated', async () => { `, data() { return { - render: true + render: true, }; }, methods: { getCountDown() { return this.$refs.countDown; - } - } + }, + }, }); const countDown = wrapper.vm.getCountDown(); diff --git a/src/count-down/utils.ts b/src/count-down/utils.ts index 811f537da..63c17264e 100644 --- a/src/count-down/utils.ts +++ b/src/count-down/utils.ts @@ -25,7 +25,7 @@ export function parseTimeData(time: number): TimeData { hours, minutes, seconds, - milliseconds + milliseconds, }; } diff --git a/src/coupon-cell/index.tsx b/src/coupon-cell/index.tsx index 5be6426eb..d9f2eb184 100644 --- a/src/coupon-cell/index.tsx +++ b/src/coupon-cell/index.tsx @@ -55,31 +55,31 @@ function CouponCell( } CouponCell.model = { - prop: 'chosenCoupon' + prop: 'chosenCoupon', }; CouponCell.props = { title: String, coupons: { type: Array, - default: () => [] + default: () => [], }, currency: { type: String, - default: '¥' + default: '¥', }, border: { type: Boolean, - default: true + default: true, }, editable: { type: Boolean, - default: true + default: true, }, chosenCoupon: { type: Number, - default: -1 - } + default: -1, + }, }; export default createComponent(CouponCell); diff --git a/src/coupon-list/demo/index.vue b/src/coupon-list/demo/index.vue index 852c13800..0414e5ebd 100644 --- a/src/coupon-list/demo/index.vue +++ b/src/coupon-list/demo/index.vue @@ -33,25 +33,25 @@ export default { coupon: { name: '优惠券名称', reason: '优惠券不可用原因', - description: '描述信息' + description: '描述信息', }, - exchange: '兑换成功' + exchange: '兑换成功', }, 'en-US': { coupon: { name: 'Coupon name', reason: 'Coupon unavailable reason', - description: 'Description' + description: 'Description', }, - exchange: 'Success' - } + exchange: 'Success', + }, }, data() { return { showList: false, chosenCoupon: -1, - exchangedCoupons: [] + exchangedCoupons: [], }; }, @@ -75,7 +75,7 @@ export default { startAt: 1489104000, endAt: 1514592000, valueDesc: '1.5', - unitDesc: '元' + unitDesc: '元', }; }, @@ -85,7 +85,7 @@ export default { id: 2, value: 12, valueDesc: '8.8', - unitDesc: '折' + unitDesc: '折', }; }, @@ -93,7 +93,7 @@ export default { return { ...this.coupon, id: 3, - reason: this.$t('coupon.reason') + reason: this.$t('coupon.reason'), }; }, @@ -103,9 +103,9 @@ export default { valueDesc: '1', unitDesc: '折', id: 4, - reason: this.$t('coupon.reason') + reason: this.$t('coupon.reason'), }; - } + }, }, methods: { @@ -117,12 +117,12 @@ export default { this.$toast(this.$t('exchange')); this.exchangedCoupons.push({ ...this.coupon, - id: this.randomId() + id: this.randomId(), }); }, randomId(max = 999999) { return Math.floor(Math.random() * max) + 1; - } - } + }, + }, }; diff --git a/src/coupon-list/index.js b/src/coupon-list/index.js index 20e7d9fd9..24354dc83 100644 --- a/src/coupon-list/index.js +++ b/src/coupon-list/index.js @@ -10,7 +10,7 @@ const EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png'; export default createComponent({ model: { - prop: 'code' + prop: 'code', }, props: { @@ -24,51 +24,51 @@ export default createComponent({ exchangeButtonDisabled: Boolean, exchangeMinLength: { type: Number, - default: 1 + default: 1, }, chosenCoupon: { type: Number, - default: -1 + default: -1, }, coupons: { type: Array, - default: () => [] + default: () => [], }, disabledCoupons: { type: Array, - default: () => [] + default: () => [], }, displayedCouponIndex: { type: Number, - default: -1 + default: -1, }, showExchangeBar: { type: Boolean, - default: true + default: true, }, showCloseButton: { type: Boolean, - default: true + default: true, }, showCount: { type: Boolean, - default: true + default: true, }, currency: { type: String, - default: '¥' + default: '¥', }, emptyImage: { type: String, - default: EMPTY_IMAGE - } + default: EMPTY_IMAGE, + }, }, data() { return { tab: 0, winHeight: window.innerHeight, - currentCode: this.code || '' + currentCode: this.code || '', }; }, @@ -84,9 +84,9 @@ export default createComponent({ listStyle() { return { - height: this.winHeight - (this.showExchangeBar ? 140 : 94) + 'px' + height: this.winHeight - (this.showExchangeBar ? 140 : 94) + 'px', }; - } + }, }, watch: { @@ -98,7 +98,7 @@ export default createComponent({ this.$emit('input', code); }, - displayedCouponIndex: 'scrollToShowCoupon' + displayedCouponIndex: 'scrollToShowCoupon', }, mounted() { @@ -152,7 +152,7 @@ export default createComponent({ onClick={this.onClickExchangeButton} /> ); - } + }, }, render() { @@ -234,5 +234,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/coupon-list/test/index.spec.js b/src/coupon-list/test/index.spec.js index c27cf80da..b0f20afc2 100644 --- a/src/coupon-list/test/index.spec.js +++ b/src/coupon-list/test/index.spec.js @@ -13,17 +13,17 @@ const coupon = { name: 'name', description: 'description', startAt: 1489104000, - endAt: 1514592000 + endAt: 1514592000, }; const coupon2 = { ...coupon, - denominations: 100 + denominations: 100, }; const coupon3 = { ...coupon, - denominations: 123 + denominations: 123, }; const emptyCoupon = { @@ -32,7 +32,7 @@ const emptyCoupon = { denominations: 0, originCondition: 0, startAt: 1489104000, - endAt: 1514592000 + endAt: 1514592000, }; const discountCoupon = { @@ -42,7 +42,7 @@ const discountCoupon = { denominations: 0, originCondition: 50, value: 12, - description: '' + description: '', }; const discountCoupon2 = { @@ -52,28 +52,28 @@ const discountCoupon2 = { denominations: 0, originCondition: 50, value: 12, - description: '' + description: '', }; const disabledCoupon = { ...coupon, id: 3, - reason: 'reason' + reason: 'reason', }; const disabledDiscountCoupon = { ...discountCoupon, discount: 10, id: 4, - reason: '' + reason: '', }; test('render disabled coupon', () => { const wrapper = mount(Coupon, { propsData: { coupon: disabledCoupon, - disabled: true - } + disabled: true, + }, }); expect(wrapper).toMatchSnapshot(); @@ -84,8 +84,8 @@ test('render coupon list', async () => { propsData: { chosenCoupon: 1, coupons: [emptyCoupon, coupon, coupon2, coupon3, discountCoupon, discountCoupon2], - disabledCoupons: [disabledCoupon, disabledDiscountCoupon] - } + disabledCoupons: [disabledCoupon, disabledDiscountCoupon], + }, }); await later(); expect(wrapper).toMatchSnapshot(); @@ -95,8 +95,8 @@ test('render empty coupon list', () => { const wrapper = mount(CouponList, { propsData: { coupons: [], - disabledCoupons: [] - } + disabledCoupons: [], + }, }); wrapper.findAll('.van-tab').at(1).trigger('click'); expect(wrapper).toMatchSnapshot(); @@ -105,8 +105,8 @@ test('render empty coupon list', () => { test('empty-image prop', () => { const wrapper = mount(CouponList, { propsData: { - emptyImage: 'https://img.yzcdn.com/xxx.png' - } + emptyImage: 'https://img.yzcdn.com/xxx.png', + }, }); expect(wrapper).toMatchSnapshot(); @@ -118,7 +118,7 @@ test('exchange coupon', () => { wrapper.setData({ currentCode: '1', - displayedCouponIndex: 1 + displayedCouponIndex: 1, }); exchange.trigger('click'); wrapper.setProps({ code: '2' }); @@ -136,9 +136,9 @@ test('render coupon cell', () => { const wrapper = mount(CouponCell, { context: { on: { - click: onClick - } - } + click: onClick, + }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -150,8 +150,8 @@ test('render coupon cell with coupon', () => { const wrapper = mount(CouponCell, { propsData: { coupons: [{ value: 100 }], - chosenCoupon: 0 - } + chosenCoupon: 0, + }, }); expect(wrapper).toMatchSnapshot(); }); diff --git a/src/coupon/index.js b/src/coupon/index.js index f8fc8081f..c374b724a 100644 --- a/src/coupon/index.js +++ b/src/coupon/index.js @@ -27,8 +27,8 @@ export default createComponent({ disabled: Boolean, currency: { type: String, - default: '¥' - } + default: '¥', + }, }, computed: { @@ -58,7 +58,7 @@ export default createComponent({ conditionMessage() { const condition = formatAmount(this.coupon.originCondition); return condition === '0' ? t('unlimited') : t('condition', condition); - } + }, }, render() { @@ -83,5 +83,5 @@ export default createComponent({ {description &&

{description}

} ); - } + }, }); diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js index 55c33c69a..9b3d6b78b 100644 --- a/src/datetime-picker/DatePicker.js +++ b/src/datetime-picker/DatePicker.js @@ -14,18 +14,18 @@ export default createComponent({ ...sharedProps, type: { type: String, - default: 'datetime' + default: 'datetime', }, minDate: { type: Date, default: () => new Date(currentYear - 10, 0, 1), - validator: isDate + validator: isDate, }, maxDate: { type: Date, default: () => new Date(currentYear + 10, 11, 31), - validator: isDate - } + validator: isDate, + }, }, watch: { @@ -39,7 +39,7 @@ export default createComponent({ if (val.valueOf() !== this.innerValue.valueOf()) { this.innerValue = val; } - } + }, }, computed: { @@ -57,30 +57,30 @@ export default createComponent({ const result = [ { type: 'year', - range: [minYear, maxYear] + range: [minYear, maxYear], }, { type: 'month', - range: [minMonth, maxMonth] + range: [minMonth, maxMonth], }, { type: 'day', - range: [minDate, maxDate] + range: [minDate, maxDate], }, { type: 'hour', - range: [minHour, maxHour] + range: [minHour, maxHour], }, { type: 'minute', - range: [minMinute, maxMinute] - } + range: [minMinute, maxMinute], + }, ]; if (this.type === 'date') result.splice(3, 2); if (this.type === 'year-month') result.splice(2, 3); return result; - } + }, }, methods: { @@ -128,7 +128,7 @@ export default createComponent({ [`${type}Month`]: month, [`${type}Date`]: date, [`${type}Hour`]: hour, - [`${type}Minute`]: minute + [`${type}Minute`]: minute, }; }, @@ -179,7 +179,7 @@ export default createComponent({ let values = [ formatter('year', `${value.getFullYear()}`), formatter('month', padZero(value.getMonth() + 1)), - formatter('day', padZero(value.getDate())) + formatter('day', padZero(value.getDate())), ]; if (this.type === 'datetime') { @@ -196,6 +196,6 @@ export default createComponent({ this.$nextTick(() => { this.getPicker().setValues(values); }); - } - } + }, + }, }); diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js index 4e235d88f..cc4e13eed 100644 --- a/src/datetime-picker/TimePicker.js +++ b/src/datetime-picker/TimePicker.js @@ -12,20 +12,20 @@ export default createComponent({ ...sharedProps, minHour: { type: Number, - default: 0 + default: 0, }, maxHour: { type: Number, - default: 23 + default: 23, }, minMinute: { type: Number, - default: 0 + default: 0, }, maxMinute: { type: Number, - default: 59 - } + default: 59, + }, }, computed: { @@ -33,14 +33,14 @@ export default createComponent({ return [ { type: 'hour', - range: [this.minHour, this.maxHour] + range: [this.minHour, this.maxHour], }, { type: 'minute', - range: [this.minMinute, this.maxMinute] - } + range: [this.minMinute, this.maxMinute], + }, ]; - } + }, }, watch: { @@ -57,7 +57,7 @@ export default createComponent({ this.innerValue = val; this.updateColumnValue(val); } - } + }, }, methods: { @@ -100,6 +100,6 @@ export default createComponent({ this.$nextTick(() => { this.getPicker().setValues(values); }); - } - } + }, + }, }); diff --git a/src/datetime-picker/demo/index.vue b/src/datetime-picker/demo/index.vue index 009d53f4a..5256bec5b 100644 --- a/src/datetime-picker/demo/index.vue +++ b/src/datetime-picker/demo/index.vue @@ -57,7 +57,7 @@ export default { title4: '选择时间', year: '年', month: '月', - optionFilter: '选项过滤器' + optionFilter: '选项过滤器', }, 'en-US': { title1: 'Choose DateTime', @@ -66,8 +66,8 @@ export default { title4: 'Choose Time', year: ' Year', month: ' Month', - optionFilter: 'Option Filter' - } + optionFilter: 'Option Filter', + }, }, data() { @@ -99,7 +99,7 @@ export default { } return values; - } - } + }, + }, }; diff --git a/src/datetime-picker/index.js b/src/datetime-picker/index.js index a49fef0ef..311cec6ef 100644 --- a/src/datetime-picker/index.js +++ b/src/datetime-picker/index.js @@ -7,7 +7,7 @@ const [createComponent, bem] = createNamespace('datetime-picker'); export default createComponent({ props: { ...TimePicker.props, - ...DatePicker.props + ...DatePicker.props, }, render() { @@ -18,9 +18,9 @@ export default createComponent({ class={bem()} {...{ props: this.$props, - on: this.$listeners + on: this.$listeners, }} /> ); - } + }, }); diff --git a/src/datetime-picker/shared.js b/src/datetime-picker/shared.js index aa685e225..468c40907 100644 --- a/src/datetime-picker/shared.js +++ b/src/datetime-picker/shared.js @@ -9,18 +9,18 @@ export const sharedProps = { filter: Function, showToolbar: { type: Boolean, - default: true + default: true, }, formatter: { type: Function, - default: (type, value) => value - } + default: (type, value) => value, + }, }; export const TimePickerMixin = { data() { return { - innerValue: this.formatValue(this.value) + innerValue: this.formatValue(this.value), }; }, @@ -38,16 +38,16 @@ export const TimePickerMixin = { return { type, - values + values, }; }); }, columns() { return this.originColumns.map(column => ({ - values: column.values.map(value => this.formatter(column.type, value)) + values: column.values.map(value => this.formatter(column.type, value)), })); - } + }, }, watch: { @@ -55,7 +55,7 @@ export const TimePickerMixin = { innerValue(val) { this.$emit('input', val); - } + }, }, mounted() { @@ -78,7 +78,7 @@ export const TimePickerMixin = { onCancel() { this.$emit('cancel'); - } + }, }, render() { @@ -97,5 +97,5 @@ export const TimePickerMixin = { {...{ props }} /> ); - } + }, }; diff --git a/src/datetime-picker/test/date-picker.spec.js b/src/datetime-picker/test/date-picker.spec.js index cfba0df9e..d4a4ba869 100644 --- a/src/datetime-picker/test/date-picker.spec.js +++ b/src/datetime-picker/test/date-picker.spec.js @@ -16,8 +16,8 @@ test('filter prop', () => { filter, minDate: new Date(2020, 0, 1), maxDate: new Date(2025, 10, 1), - value: new Date(2020, 10, 1, 0, 0) - } + value: new Date(2020, 10, 1, 0, 0), + }, }); expect(wrapper).toMatchSnapshot(); @@ -30,8 +30,8 @@ test('formatter prop', async () => { formatter, minDate: new Date(2010, 0, 1), maxDate: new Date(2025, 10, 1), - value: new Date(2020, 10, 1, 0, 0) - } + value: new Date(2020, 10, 1, 0, 0), + }, }); expect(wrapper).toMatchSnapshot(); @@ -45,7 +45,7 @@ test('formatter prop', async () => { '05 month', '05 day', '00 hour', - '00 minute' + '00 minute', ]); }); @@ -56,8 +56,8 @@ test('confirm event', () => { propsData: { value: date, minDate: new Date(2020, 0, 1), - maxDate: new Date(2025, 10, 1) - } + maxDate: new Date(2025, 10, 1), + }, }); wrapper.find('.van-picker__confirm').trigger('click'); @@ -80,8 +80,8 @@ test('max-date prop', () => { const wrapper = mount(DatePicker, { propsData: { value: new Date(2020, 10, 30, 30, 30), - maxDate - } + maxDate, + }, }); wrapper.find('.van-picker__confirm').trigger('click'); @@ -93,8 +93,8 @@ test('min-date prop', () => { const wrapper = mount(DatePicker, { propsData: { value: new Date(2020, 0, 0, 0, 0), - minDate - } + minDate, + }, }); wrapper.find('.van-picker__confirm').trigger('click'); @@ -104,8 +104,8 @@ test('min-date prop', () => { test('dynamic set value', () => { const wrapper = mount(DatePicker, { propsData: { - value: new Date(2019, 1, 1) - } + value: new Date(2019, 1, 1), + }, }); wrapper.setProps({ value: new Date(2019, 1, 1) }); @@ -132,8 +132,8 @@ test('use min-date with filter', async () => { } return values; - } - } + }, + }, }); await later(); diff --git a/src/datetime-picker/test/datetime-picker.spec.js b/src/datetime-picker/test/datetime-picker.spec.js index f8083d6a9..431a2892f 100644 --- a/src/datetime-picker/test/datetime-picker.spec.js +++ b/src/datetime-picker/test/datetime-picker.spec.js @@ -8,8 +8,8 @@ test('confirm & cancel event', () => { const wrapper = mount(DatetimePicker, { listeners: { confirm: onConfirm, - cancel: onCancel - } + cancel: onCancel, + }, }); wrapper.find('.van-picker__confirm').trigger('click'); @@ -24,8 +24,8 @@ test('time type', () => { propsData: { type: 'time', minHour: 22, - minMinute: 58 - } + minMinute: 58, + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/datetime-picker/test/time-picker.spec.js b/src/datetime-picker/test/time-picker.spec.js index d0fbaa619..f1ba196ca 100644 --- a/src/datetime-picker/test/time-picker.spec.js +++ b/src/datetime-picker/test/time-picker.spec.js @@ -14,8 +14,8 @@ test('format initial value', () => { const wrapper = mount(TimePicker, { propsData: { minHour: 22, - minMinute: 58 - } + minMinute: 58, + }, }); expect(wrapper).toMatchSnapshot(); @@ -26,8 +26,8 @@ test('max-hour & max-minute', () => { propsData: { value: '23:59', maxHour: 2, - maxMinute: 2 - } + maxMinute: 2, + }, }); expect(wrapper).toMatchSnapshot(); @@ -37,8 +37,8 @@ test('filter prop', () => { const wrapper = mount(TimePicker, { propsData: { filter, - value: '12:00' - } + value: '12:00', + }, }); expect(wrapper).toMatchSnapshot(); @@ -49,8 +49,8 @@ test('formatter prop', async () => { propsData: { filter, formatter, - value: '12:00' - } + value: '12:00', + }, }); expect(wrapper).toMatchSnapshot(); @@ -65,8 +65,8 @@ test('formatter prop', async () => { test('confirm event', () => { const wrapper = mount(TimePicker, { propsData: { - value: '12:00' - } + value: '12:00', + }, }); triggerDrag(wrapper.find('.van-picker-column'), 0, -100); @@ -97,8 +97,8 @@ test('change min-minute and emit correct value', async () => { const wrapper = mount(TimePicker, { propsData: { value: '12:00', - minMinute: 0 - } + minMinute: 0, + }, }); await later(); @@ -112,7 +112,7 @@ test('set max-hour & max-minute smaller than current then emit correct value', a const wrapper = mount(TimePicker, { propsData: { value: '23:59', - } + }, }); await later(); wrapper.setProps({ diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js index 41799eb05..7b19cbc9a 100644 --- a/src/dialog/Dialog.js +++ b/src/dialog/Dialog.js @@ -23,28 +23,28 @@ export default createComponent({ showCancelButton: Boolean, transition: { type: String, - default: 'van-dialog-bounce' + default: 'van-dialog-bounce', }, showConfirmButton: { type: Boolean, - default: true + default: true, }, overlay: { type: Boolean, - default: true + default: true, }, closeOnClickOverlay: { type: Boolean, - default: false - } + default: false, + }, }, data() { return { loading: { confirm: false, - cancel: false - } + cancel: false, + }, }; }, @@ -90,7 +90,7 @@ export default createComponent({ onClosed() { this.$emit('closed'); - } + }, }, render() { @@ -166,5 +166,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/dialog/demo/index.vue b/src/dialog/demo/index.vue index 3aa786cd2..40ea2178c 100644 --- a/src/dialog/demo/index.vue +++ b/src/dialog/demo/index.vue @@ -16,7 +16,7 @@ {{ $t('componentCall') }} - + @@ -31,22 +31,22 @@ export default { confirm: '确认弹窗', asyncClose: '异步关闭', componentCall: '组件调用', - content: '代码是写出来给人看的，附带能在机器上运行' + content: '代码是写出来给人看的，附带能在机器上运行', }, 'en-US': { alert1: 'Alert', alert2: 'Alert without title', confirm: 'Confirm dialog', asyncClose: 'Async Close', - componentCall: 'Component Call' - } + componentCall: 'Component Call', + }, }, data() { return { show: false, currentRate: 0, - image: 'https://img.yzcdn.cn/vant/apple-3.jpg' + image: 'https://img.yzcdn.cn/vant/apple-3.jpg', }; }, @@ -54,20 +54,20 @@ export default { onClickAlert() { this.$dialog.alert({ title: this.$t('title'), - message: this.$t('content') + message: this.$t('content'), }); }, onClickAlert2() { this.$dialog.alert({ - message: this.$t('content') + message: this.$t('content'), }); }, onClickConfirm() { this.$dialog.confirm({ title: this.$t('title'), - message: this.$t('content') + message: this.$t('content'), }); }, @@ -83,10 +83,10 @@ export default { this.$dialog.confirm({ title: this.$t('title'), message: this.$t('content'), - beforeClose + beforeClose, }); - } - } + }, + }, }; diff --git a/src/dialog/index.js b/src/dialog/index.js index 690ad1536..f803c01e8 100644 --- a/src/dialog/index.js +++ b/src/dialog/index.js @@ -17,8 +17,8 @@ function initInstance() { el: document.createElement('div'), // avoid missing animation when first rendered propsData: { - lazyRender: false - } + lazyRender: false, + }, }); instance.$on('input', value => { @@ -39,7 +39,7 @@ function Dialog(options) { Object.assign(instance, Dialog.currentOptions, options, { resolve, - reject + reject, }); }); } @@ -68,14 +68,14 @@ Dialog.defaultOptions = { closeOnClickOverlay: false, callback: action => { instance[action === 'confirm' ? 'resolve' : 'reject'](action); - } + }, }; Dialog.alert = Dialog; Dialog.confirm = options => Dialog({ showCancelButton: true, - ...options + ...options, }); Dialog.close = () => { diff --git a/src/dialog/test/index.spec.js b/src/dialog/test/index.spec.js index 552192a29..476433ad4 100644 --- a/src/dialog/test/index.spec.js +++ b/src/dialog/test/index.spec.js @@ -7,7 +7,7 @@ test('Dialog function call', async () => { Dialog.close(); Dialog.alert({ message: '1', - showCancelButton: true + showCancelButton: true, }); await later(); @@ -38,8 +38,8 @@ test('before close', () => { value: true, showCancelButton: true, closeOnClickOverlay: true, - beforeClose: (action, done) => done(false) - } + beforeClose: (action, done) => done(false), + }, }); const cancel = wrapper.find('.van-dialog__cancel'); @@ -52,7 +52,7 @@ test('before close', () => { if (action === 'cancel') { done(); } - } + }, }); const overlay = document.querySelector('.van-overlay'); @@ -81,8 +81,8 @@ test('button color', () => { value: true, showCancelButton: true, cancelButtonColor: 'white', - confirmButtonColor: 'red' - } + confirmButtonColor: 'red', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -93,8 +93,8 @@ test('button text', () => { value: true, showCancelButton: true, cancelButtonText: 'Custom cancel', - confirmButtonText: 'Custom confirm' - } + confirmButtonText: 'Custom confirm', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -106,11 +106,11 @@ test('dialog component', () => { test('default slot', () => { const wrapper = mount(DialogComponent, { propsData: { - value: true + value: true, }, scopedSlots: { - default: () => 'Custom Message' - } + default: () => 'Custom Message', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -118,11 +118,11 @@ test('default slot', () => { test('title slot', () => { const wrapper = mount(DialogComponent, { propsData: { - value: true + value: true, }, scopedSlots: { - title: () => 'Custom Title' - } + title: () => 'Custom Title', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -139,8 +139,8 @@ test('width prop', () => { const wrapper = mount(DialogComponent, { propsData: { value: true, - width: 200 - } + width: 200, + }, }); expect(wrapper.element.style.width).toEqual('200px'); diff --git a/src/divider/demo/index.vue b/src/divider/demo/index.vue index 44f333df0..56d4d2806 100644 --- a/src/divider/demo/index.vue +++ b/src/divider/demo/index.vue @@ -47,22 +47,22 @@ export default { dashed: '虚线', withText: '展示文本', contentPosition: '内容位置', - customStyle: '自定义样式' + customStyle: '自定义样式', }, 'en-US': { text: 'Text', dashed: 'Dashed', withText: 'With Text', contentPosition: 'Content Position', - customStyle: 'Custom Style' - } + customStyle: 'Custom Style', + }, }, data() { return { - BLUE + BLUE, }; - } + }, }; diff --git a/src/divider/index.tsx b/src/divider/index.tsx index d3756bce0..032ac33ed 100644 --- a/src/divider/index.tsx +++ b/src/divider/index.tsx @@ -27,7 +27,7 @@ function Divider( class={bem({ dashed: props.dashed, hairline: props.hairline, - [`content-${props.contentPosition}`]: slots.default + [`content-${props.contentPosition}`]: slots.default, })} {...inherit(ctx, true)} > @@ -40,12 +40,12 @@ Divider.props = { dashed: Boolean, hairline: { type: Boolean, - default: true + default: true, }, contentPosition: { type: String, - default: 'center' - } + default: 'center', + }, }; export default createComponent(Divider); diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js index d7c400d77..cac652759 100644 --- a/src/dropdown-item/index.js +++ b/src/dropdown-item/index.js @@ -18,15 +18,15 @@ export default createComponent({ titleClass: String, options: { type: Array, - default: () => [] - } + default: () => [], + }, }, data() { return { transition: true, showPopup: false, - showWrapper: false + showWrapper: false, }; }, @@ -38,13 +38,13 @@ export default createComponent({ const match = this.options.filter(option => option.value === this.value); return match.length ? match[0].text : ''; - } + }, }, watch: { showPopup(val) { this.bindScroll(val); - } + }, }, beforeCreate() { @@ -86,7 +86,7 @@ export default createComponent({ if (this.getContainer) { event.stopPropagation(); } - } + }, }, render() { @@ -97,7 +97,7 @@ export default createComponent({ duration, direction, activeColor, - closeOnClickOverlay + closeOnClickOverlay, } = this.parent; const Options = this.options.map(option => { @@ -164,5 +164,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/dropdown-menu/demo/index.vue b/src/dropdown-menu/demo/index.vue index b9c9038f4..d833a9bd8 100644 --- a/src/dropdown-menu/demo/index.vue +++ b/src/dropdown-menu/demo/index.vue @@ -55,13 +55,13 @@ export default { option1: [ { text: '全部商品', value: 0 }, { text: '新款商品', value: 1 }, - { text: '活动商品', value: 2 } + { text: '活动商品', value: 2 }, ], option2: [ { text: '默认排序', value: 'a' }, { text: '好评排序', value: 'b' }, - { text: '销量排序', value: 'c' } - ] + { text: '销量排序', value: 'c' }, + ], }, 'en-US': { disableMenu: 'Disable Menu', @@ -74,14 +74,14 @@ export default { option1: [ { text: 'Option1', value: 0 }, { text: 'Option2', value: 1 }, - { text: 'Option3', value: 2 } + { text: 'Option3', value: 2 }, ], option2: [ { text: 'Option A', value: 'a' }, { text: 'Option B', value: 'b' }, - { text: 'Option C', value: 'c' } - ] - } + { text: 'Option C', value: 'c' }, + ], + }, }, data() { @@ -89,7 +89,7 @@ export default { switch1: true, switch2: false, value1: 0, - value2: 'a' + value2: 'a', }; }, @@ -100,13 +100,13 @@ export default { option2() { return this.$t('option2'); - } + }, }, methods: { onConfirm() { this.$refs.item.toggle(); - } - } + }, + }, }; diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js index e1bf411cd..c65c78762 100644 --- a/src/dropdown-menu/index.js +++ b/src/dropdown-menu/index.js @@ -11,44 +11,44 @@ export default createComponent({ ParentMixin('vanDropdownMenu'), ClickOutsideMixin({ event: 'click', - method: 'onClickOutside' - }) + method: 'onClickOutside', + }), ], props: { activeColor: String, overlay: { type: Boolean, - default: true + default: true, }, zIndex: { type: Number, - default: 10 + default: 10, }, duration: { type: Number, - default: 0.2 + default: 0.2, }, direction: { type: String, - default: 'down' + default: 'down', }, closeOnClickOverlay: { type: Boolean, - default: true - } + default: true, + }, }, data() { return { - offset: 0 + offset: 0, }; }, computed: { scroller() { return getScroller(this.$el); - } + }, }, methods: { @@ -77,7 +77,7 @@ export default createComponent({ this.children.forEach(item => { item.toggle(false); }); - } + }, }, render() { @@ -96,9 +96,9 @@ export default createComponent({ class={[ bem('title', { active: item.showPopup, - down: item.showPopup === (this.direction === 'down') + down: item.showPopup === (this.direction === 'down'), }), - item.titleClass + item.titleClass, ]} style={{ color: item.showPopup ? this.activeColor : '' }} > @@ -113,5 +113,5 @@ export default createComponent({ {this.slots('default')} ); - } + }, }); diff --git a/src/dropdown-menu/test/index.spec.js b/src/dropdown-menu/test/index.spec.js index 38d43f08d..c0f8fc877 100644 --- a/src/dropdown-menu/test/index.spec.js +++ b/src/dropdown-menu/test/index.spec.js @@ -16,10 +16,10 @@ function renderWrapper(options = {}) { closeOnClickOutside: options.closeOnClickOutside, options: [ { text: 'A', value: 0, icon: options.icon }, - { text: 'B', value: 1, icon: options.icon } - ] + { text: 'B', value: 1, icon: options.icon }, + ], }; - } + }, }); } @@ -42,7 +42,7 @@ test('show dropdown item', async () => { test('render option icon', async () => { const wrapper = renderWrapper({ - icon: 'success' + icon: 'success', }); await later(); @@ -55,7 +55,7 @@ test('render option icon', async () => { test('close-on-click-outside', async () => { const wrapper = renderWrapper({ - closeOnClickOutside: true + closeOnClickOutside: true, }); await later(); @@ -69,7 +69,7 @@ test('close-on-click-outside', async () => { test('disable close-on-click-outside', async () => { const wrapper = renderWrapper({ - closeOnClickOutside: false + closeOnClickOutside: false, }); await later(); @@ -86,7 +86,7 @@ test('direction up', async () => { window.innerHeight = 1000; const wrapper = renderWrapper({ - direction: 'up' + direction: 'up', }); await later(); @@ -140,10 +140,10 @@ test('destroy one item', async () => { render: true, options: [ { text: 'A', value: 0 }, - { text: 'B', value: 1 } - ] + { text: 'B', value: 1 }, + ], }; - } + }, }); await later(); @@ -163,10 +163,10 @@ test('disable dropdown item', async () => { value: 0, options: [ { text: 'A', value: 0 }, - { text: 'B', value: 1 } - ] + { text: 'B', value: 1 }, + ], }; - } + }, }); const title = wrapper.find('.van-dropdown-menu__title'); @@ -189,13 +189,13 @@ test('change event', async () => { value: 0, options: [ { text: 'A', value: 0 }, - { text: 'B', value: 1 } - ] + { text: 'B', value: 1 }, + ], }; }, methods: { - onChange - } + onChange, + }, }); await later(); @@ -232,7 +232,7 @@ test('toggle method', async done => { expect(wrapper).toMatchSnapshot(); done(); - } + }, }); }); @@ -246,7 +246,7 @@ test('title slot', () => { - ` + `, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/field/demo/index.vue b/src/field/demo/index.vue index 48b90e710..c89420f6d 100644 --- a/src/field/demo/index.vue +++ b/src/field/demo/index.vue @@ -221,7 +221,7 @@ export default { numberPlaceholder: 'Number', messagePlaceholder: 'Message', alignPlaceHolder: 'Input Align Right', - } + }, }, data() { @@ -240,15 +240,15 @@ export default { message2: '', phone: '', phone2: '12345', - formatValue: '' + formatValue: '', }; }, methods: { formatter(value) { return value.replace(/\d/g, ''); - } - } + }, + }, }; diff --git a/src/field/index.js b/src/field/index.js index bac4a7bb5..10c15af45 100644 --- a/src/field/index.js +++ b/src/field/index.js @@ -33,20 +33,20 @@ export default createComponent({ showWordLimit: Boolean, type: { type: String, - default: 'text' - } + default: 'text', + }, }, data() { return { - focused: false + focused: false, }; }, watch: { value() { this.$nextTick(this.adjustSize); - } + }, }, mounted() { @@ -71,7 +71,7 @@ export default createComponent({ input: this.onInput, keypress: this.onKeypress, focus: this.onFocus, - blur: this.onBlur + blur: this.onBlur, }; delete listeners.click; @@ -84,7 +84,7 @@ export default createComponent({ if (labelWidth) { return { width: addUnit(labelWidth) }; } - } + }, }, methods: { @@ -230,22 +230,22 @@ export default createComponent({ ref: 'input', class: bem('control', this.inputAlign), domProps: { - value: this.value + value: this.value, }, attrs: { ...this.$attrs, disabled: this.disabled, readonly: this.readonly, - placeholder: this.placeholder + placeholder: this.placeholder, }, on: this.listeners, // add model directive to skip IME composition directives: [ { name: 'model', - value: this.value - } - ] + value: this.value, + }, + ], }; if (type === 'textarea') { @@ -306,14 +306,14 @@ export default createComponent({ ); } - } + }, }, render() { const { slots, labelAlign } = this; const scopedSlots = { - icon: this.genLeftIcon + icon: this.genLeftIcon, }; if (slots('label')) { @@ -336,7 +336,7 @@ export default createComponent({ class={bem({ error: this.error, [`label-${labelAlign}`]: labelAlign, - 'min-height': this.type === 'textarea' && !this.autosize + 'min-height': this.type === 'textarea' && !this.autosize, })} scopedSlots={scopedSlots} onClick={this.onClick} @@ -363,5 +363,5 @@ export default createComponent({ )} ); - } + }, }); diff --git a/src/field/test/index.spec.js b/src/field/test/index.spec.js index 8dc19a6fa..977e8ba97 100644 --- a/src/field/test/index.spec.js +++ b/src/field/test/index.spec.js @@ -22,8 +22,8 @@ test('click icon event', () => { propsData: { value: 'a', leftIcon: 'contact', - rightIcon: 'search' - } + rightIcon: 'search', + }, }); wrapper.find('.van-field__left-icon').trigger('click'); @@ -37,8 +37,8 @@ test('number type', () => { const wrapper = mount(Field, { propsData: { value: '', - type: 'number' - } + type: 'number', + }, }); const input = wrapper.find('input'); @@ -60,8 +60,8 @@ test('digit type', () => { const wrapper = mount(Field, { propsData: { value: '', - type: 'digit' - } + type: 'digit', + }, }); const input = wrapper.find('input'); @@ -83,8 +83,8 @@ test('render textarea', async () => { const wrapper = mount(Field, { propsData: { type: 'textarea', - autosize: true - } + autosize: true, + }, }); await later(); @@ -95,8 +95,8 @@ test('autosize textarea field', () => { const wrapper = mount(Field, { propsData: { type: 'textarea', - autosize: {} - } + autosize: {}, + }, }); const value = '1'.repeat(20); @@ -112,9 +112,9 @@ test('autosize object', async () => { type: 'textarea', autosize: { maxHeight: 100, - minHeight: 50 - } - } + minHeight: 50, + }, + }, }); const textarea = wrapper.find('.van-field__control'); @@ -147,12 +147,12 @@ test('focus method', () => { test('maxlength', async () => { const wrapper = mount(Field, { attrs: { - maxlength: 3 + maxlength: 3, }, propsData: { value: 1234, - type: 'number' - } + type: 'number', + }, }); const input = wrapper.find('input'); @@ -170,8 +170,8 @@ test('clearable', () => { const wrapper = mount(Field, { propsData: { value: 'test', - clearable: true - } + clearable: true, + }, }); expect(wrapper).toMatchSnapshot(); @@ -192,8 +192,8 @@ test('render input slot', () => { `, components: { - Field - } + Field, + }, }); expect(wrapper).toMatchSnapshot(); @@ -207,8 +207,8 @@ test('render label slot', () => { `, components: { - Field - } + Field, + }, }); expect(wrapper).toMatchSnapshot(); @@ -217,8 +217,8 @@ test('render label slot', () => { test('size prop', () => { const wrapper = mount(Field, { propsData: { - size: 'large' - } + size: 'large', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -227,8 +227,8 @@ test('label-width prop with unit', () => { const wrapper = mount(Field, { propsData: { label: 'Label', - labelWidth: '10rem' - } + labelWidth: '10rem', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -237,8 +237,8 @@ test('label-width prop without unit', () => { const wrapper = mount(Field, { propsData: { label: 'Label', - labelWidth: 100 - } + labelWidth: 100, + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -247,8 +247,8 @@ test('label-class prop', () => { const wrapper = mount(Field, { propsData: { label: 'Label', - labelClass: 'custom-label-class' - } + labelClass: 'custom-label-class', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -257,8 +257,8 @@ test('arrow-direction prop', () => { const wrapper = mount(Field, { propsData: { isLink: true, - arrowDirection: 'up' - } + arrowDirection: 'up', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -267,8 +267,8 @@ test('formatter prop', () => { const wrapper = mount(Field, { propsData: { value: 'abc123', - formatter: (value) => value.replace(/\d/g, '') - } + formatter: (value) => value.replace(/\d/g, ''), + }, }); const input = wrapper.find('input'); diff --git a/src/goods-action-button/index.js b/src/goods-action-button/index.js index adda27524..88d769785 100644 --- a/src/goods-action-button/index.js +++ b/src/goods-action-button/index.js @@ -14,7 +14,7 @@ export default createComponent({ text: String, color: String, loading: Boolean, - disabled: Boolean + disabled: Boolean, }, computed: { @@ -26,14 +26,14 @@ export default createComponent({ isLast() { const next = this.parent && this.parent.children[this.index + 1]; return !next || next.$options.name !== this.$options.name; - } + }, }, methods: { onClick(event) { this.$emit('click', event); route(this.$router, this); - } + }, }, render() { @@ -42,9 +42,9 @@ export default createComponent({ class={bem([ { first: this.isFirst, - last: this.isLast + last: this.isLast, }, - this.type + this.type, ])} square size="large" @@ -57,5 +57,5 @@ export default createComponent({ {this.slots() || this.text} ); - } + }, }); diff --git a/src/goods-action-icon/index.js b/src/goods-action-icon/index.js index 1137a2bb6..588e040e6 100644 --- a/src/goods-action-icon/index.js +++ b/src/goods-action-icon/index.js @@ -14,7 +14,7 @@ export default createComponent({ icon: String, color: String, info: [Number, String], - iconClass: null + iconClass: null, }, methods: { @@ -39,7 +39,7 @@ export default createComponent({ color={this.color} /> ); - } + }, }, render() { @@ -49,5 +49,5 @@ export default createComponent({ {this.slots() || this.text} ); - } + }, }); diff --git a/src/goods-action/demo/index.vue b/src/goods-action/demo/index.vue index 0c39a2126..95895b300 100644 --- a/src/goods-action/demo/index.vue +++ b/src/goods-action/demo/index.vue @@ -55,7 +55,7 @@ export default { clickIcon: '点击图标', clickButton: '点击按钮', customIconColor: '自定义图标颜色', - customButtonColor: '自定义按钮颜色' + customButtonColor: '自定义按钮颜色', }, 'en-US': { icon1: 'Icon1', @@ -68,8 +68,8 @@ export default { clickIcon: 'Click Icon', clickButton: 'Click Button', customIconColor: 'Custom Icon Color', - customButtonColor: 'Custom Button Color' - } + customButtonColor: 'Custom Button Color', + }, }, methods: { onClickIcon() { @@ -77,8 +77,8 @@ export default { }, onClickButton() { this.$toast(this.$t('clickButton')); - } - } + }, + }, }; diff --git a/src/goods-action/index.js b/src/goods-action/index.js index 121725664..e677b7c50 100644 --- a/src/goods-action/index.js +++ b/src/goods-action/index.js @@ -7,7 +7,7 @@ export default createComponent({ mixins: [ParentMixin('vanGoodsAction')], props: { - safeAreaInsetBottom: Boolean + safeAreaInsetBottom: Boolean, }, render() { @@ -16,5 +16,5 @@ export default createComponent({ {this.slots()} ); - } + }, }); diff --git a/src/goods-action/test/index.spec.js b/src/goods-action/test/index.spec.js index 7780cf2db..71f21d360 100644 --- a/src/goods-action/test/index.spec.js +++ b/src/goods-action/test/index.spec.js @@ -18,7 +18,7 @@ test('Button render default slot', () => { const wrapper = mount({ render(h) { return h(Button, null, ['Default Content']); - } + }, }); expect(wrapper).toMatchSnapshot(); @@ -28,7 +28,7 @@ test('Icon render default slot', () => { const wrapper = mount({ render(h) { return h(Icon, null, ['Default Content']); - } + }, }); expect(wrapper).toMatchSnapshot(); @@ -40,10 +40,10 @@ test('Icon render icon slot', () => { return h(Icon, { scopedSlots: { default: () => 'Text', - icon: () => 'Custom Icon' - } + icon: () => 'Custom Icon', + }, }); - } + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/grid-item/index.js b/src/grid-item/index.js index 4a0de1011..88ce87579 100644 --- a/src/grid-item/index.js +++ b/src/grid-item/index.js @@ -15,7 +15,7 @@ export default createComponent({ dot: Boolean, text: String, icon: String, - info: [Number, String] + info: [Number, String], }, computed: { @@ -24,7 +24,7 @@ export default createComponent({ const percent = `${100 / columnNum}%`; const style = { - flexBasis: percent + flexBasis: percent, }; if (square) { @@ -50,10 +50,10 @@ export default createComponent({ return { right: gutterValue, bottom: gutterValue, - height: 'auto' + height: 'auto', }; } - } + }, }, methods: { @@ -96,9 +96,9 @@ export default createComponent({ return [ this.genIcon(), - this.slots('text') || (this.text && {this.text}) + this.slots('text') || (this.text && {this.text}), ]; - } + }, }, render() { @@ -115,9 +115,9 @@ export default createComponent({ center, square, clickable, - surround: border && gutter + surround: border && gutter, }), - { [BORDER]: border } + { [BORDER]: border }, ]} onClick={this.onClick} > @@ -125,5 +125,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/grid/demo/index.vue b/src/grid/demo/index.vue index 4833886b2..e1850c9ae 100644 --- a/src/grid/demo/index.vue +++ b/src/grid/demo/index.vue @@ -66,7 +66,7 @@ export default { customContent: '自定义内容', urlRoute: 'URL 跳转', vueRoute: '路由跳转', - showInfo: '提示信息' + showInfo: '提示信息', }, 'en-US': { text: 'Text', @@ -77,9 +77,9 @@ export default { customContent: 'Custom Content', urlRoute: 'URL', vueRoute: 'Vue Router', - showInfo: 'Show Info' - } - } + showInfo: 'Show Info', + }, + }, }; diff --git a/src/grid/index.js b/src/grid/index.js index 83174c2ed..0c4ab9de5 100644 --- a/src/grid/index.js +++ b/src/grid/index.js @@ -14,16 +14,16 @@ export default createComponent({ clickable: Boolean, columnNum: { type: Number, - default: 4 + default: 4, }, center: { type: Boolean, - default: true + default: true, }, border: { type: Boolean, - default: true - } + default: true, + }, }, computed: { @@ -32,10 +32,10 @@ export default createComponent({ if (gutter) { return { - paddingLeft: addUnit(gutter) + paddingLeft: addUnit(gutter), }; } - } + }, }, render() { @@ -47,5 +47,5 @@ export default createComponent({ {this.slots()} ); - } + }, }); diff --git a/src/grid/test/index.spec.js b/src/grid/test/index.spec.js index b888db3e7..77377b69f 100644 --- a/src/grid/test/index.spec.js +++ b/src/grid/test/index.spec.js @@ -9,8 +9,8 @@ test('click grid item', () => { `, methods: { - onClick - } + onClick, + }, }); const Item = wrapper.find('.van-grid-item__content'); @@ -27,7 +27,7 @@ test('sqaure and set gutter', () => { - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -39,7 +39,7 @@ test('icon-size prop', () => { - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -53,7 +53,7 @@ test('render icon-slot', () => {
- ` + `, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/icon/demo/index.vue b/src/icon/demo/index.vue index 3ad3d7166..6c97ebd39 100644 --- a/src/icon/demo/index.vue +++ b/src/icon/demo/index.vue @@ -120,7 +120,7 @@ export default { filled: '实底风格', demo: '用法示例', color: '图标颜色', - size: '图标大小' + size: '图标大小', }, 'en-US': { title: 'Icon List', @@ -131,8 +131,8 @@ export default { filled: 'Filled', demo: 'Demo', color: 'Icon Color', - size: 'Icon Size' - } + size: 'Icon Size', + }, }, data() { @@ -142,7 +142,7 @@ export default { return { tab: 0, demoIcon: 'chat-o', - demoImage: 'https://b.yzcdn.cn/vant/icon-demo-1126.png' + demoImage: 'https://b.yzcdn.cn/vant/icon-demo-1126.png', }; }, @@ -168,10 +168,10 @@ export default { type: 'success', duration: 1500, className: 'demo-icon-notify', - message: `${this.$t('copied')}：${tag}` + message: `${this.$t('copied')}：${tag}`, }); - } - } + }, + }, }; diff --git a/src/icon/index.tsx b/src/icon/index.tsx index 826e6744b..acbb2c8df 100644 --- a/src/icon/index.tsx +++ b/src/icon/index.tsx @@ -29,7 +29,7 @@ function isImage(name?: string): boolean { // compatible with legacy usage, should be removed in next major version const LEGACY_MAP: Record = { medel: 'medal', - 'medel-o': 'medal-o' + 'medel-o': 'medal-o', }; function correctName(name?: string) { @@ -49,11 +49,11 @@ function Icon( @@ -72,12 +72,12 @@ Icon.props = { color: String, tag: { type: String, - default: 'i' + default: 'i', }, classPrefix: { type: String, - default: bem() - } + default: bem(), + }, }; export default createComponent(Icon); diff --git a/src/icon/test/index.spec.js b/src/icon/test/index.spec.js index 6d52493c2..60062101f 100644 --- a/src/icon/test/index.spec.js +++ b/src/icon/test/index.spec.js @@ -4,8 +4,8 @@ import { mount } from '../../../test'; test('render icon with builtin icon name', () => { const wrapper = mount(Icon, { propsData: { - name: 'success' - } + name: 'success', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -13,8 +13,8 @@ test('render icon with builtin icon name', () => { test('render icon with url name', () => { const wrapper = mount(Icon, { propsData: { - name: 'https://img.yzcdn.com/icon.jpg' - } + name: 'https://img.yzcdn.com/icon.jpg', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -22,8 +22,8 @@ test('render icon with url name', () => { test('render icon with local image', () => { const wrapper = mount(Icon, { propsData: { - name: '/assets/icon.jpg' - } + name: '/assets/icon.jpg', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -32,7 +32,7 @@ test('render icon default slot', () => { const wrapper = mount({ render(h) { return h(Icon, { props: { name: 'success' } }, ['Default slot']); - } + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -40,8 +40,8 @@ test('render icon default slot', () => { test('tag prop', () => { const wrapper = mount(Icon, { propsData: { - tag: 'div' - } + tag: 'div', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -49,8 +49,8 @@ test('tag prop', () => { test('dot prop', () => { const wrapper = mount(Icon, { propsData: { - dot: true - } + dot: true, + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -58,8 +58,8 @@ test('dot prop', () => { test('size without unit', () => { const wrapper = mount(Icon, { propsData: { - size: 20 - } + size: 20, + }, }); expect(wrapper).toMatchSnapshot(); }); diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js index dae739a86..99ce67827 100644 --- a/src/image-preview/ImagePreview.js +++ b/src/image-preview/ImagePreview.js @@ -20,9 +20,9 @@ function getDistance(touches) { export default createComponent({ mixins: [ PopupMixin({ - skipToggleEvent: true + skipToggleEvent: true, }), - TouchMixin + TouchMixin, ], props: { @@ -32,40 +32,40 @@ export default createComponent({ showIndicators: Boolean, images: { type: Array, - default: () => [] + default: () => [], }, loop: { type: Boolean, - default: true + default: true, }, swipeDuration: { type: Number, - default: 500 + default: 500, }, overlay: { type: Boolean, - default: true + default: true, }, showIndex: { type: Boolean, - default: true + default: true, }, startPosition: { type: Number, - default: 0 + default: 0, }, minZoom: { type: Number, - default: 1 / 3 + default: 1 / 3, }, maxZoom: { type: Number, - default: 3 + default: 3, }, overlayClass: { type: String, - default: bem('overlay') - } + default: bem('overlay'), + }, }, data() { @@ -76,7 +76,7 @@ export default createComponent({ active: 0, moving: false, zooming: false, - doubleClickTimer: null + doubleClickTimer: null, }; }, @@ -84,7 +84,7 @@ export default createComponent({ imageStyle() { const { scale } = this; const style = { - transitionDuration: this.zooming || this.moving ? '0s' : '.3s' + transitionDuration: this.zooming || this.moving ? '0s' : '.3s', }; if (scale !== 1) { @@ -93,7 +93,7 @@ export default createComponent({ } return style; - } + }, }, watch: { @@ -106,7 +106,7 @@ export default createComponent({ } else { this.$emit('close', { index: this.active, - url: this.images[this.active] + url: this.images[this.active], }); } }, @@ -127,8 +127,8 @@ export default createComponent({ }); } }, - immediate: true - } + immediate: true, + }, }, methods: { @@ -288,7 +288,7 @@ export default createComponent({ genImages() { const imageSlots = { - loading: () => + loading: () => , }; return ( @@ -320,7 +320,7 @@ export default createComponent({ ))} ); - } + }, }, render() { @@ -337,5 +337,5 @@ export default createComponent({
); - } + }, }); diff --git a/src/image-preview/demo/index.vue b/src/image-preview/demo/index.vue index 006992795..f679ac2e8 100644 --- a/src/image-preview/demo/index.vue +++ b/src/image-preview/demo/index.vue @@ -41,7 +41,7 @@ const images = [ 'https://img.yzcdn.cn/vant/apple-1.jpg', 'https://img.yzcdn.cn/vant/apple-2.jpg', 'https://img.yzcdn.cn/vant/apple-3.jpg', - 'https://img.yzcdn.cn/vant/apple-4.jpg' + 'https://img.yzcdn.cn/vant/apple-4.jpg', ]; export default { @@ -51,22 +51,22 @@ export default { button2: '指定初始位置', button3: '异步关闭', componentCall: '组件调用', - index: index => `第${index + 1}页` + index: index => `第${index + 1}页`, }, 'en-US': { button1: 'Show Images', button2: 'Custom Start Position', button3: 'Async Close', componentCall: 'Component Call', - index: index => `Page: ${index}` - } + index: index => `Page: ${index}`, + }, }, data() { return { show: false, images, - index: 0 + index: 0, }; }, @@ -86,7 +86,7 @@ export default { swipeDuration: 300, asyncClose: !!timer, closeOnPopstate: true, - startPosition: typeof position === 'number' ? position : 0 + startPosition: typeof position === 'number' ? position : 0, }); if (timer) { @@ -94,8 +94,8 @@ export default { instance.close(); }, timer); } - } - } + }, + }, }; diff --git a/src/image-preview/index.js b/src/image-preview/index.js index 74101998a..da75d722c 100644 --- a/src/image-preview/index.js +++ b/src/image-preview/index.js @@ -19,12 +19,12 @@ const defaultConfig = { startPosition: 0, swipeDuration: 500, showIndicators: false, - closeOnPopstate: false + closeOnPopstate: false, }; const initInstance = () => { instance = new (Vue.extend(VueImagePreview))({ - el: document.createElement('div') + el: document.createElement('div'), }); document.body.appendChild(instance.$el); diff --git a/src/image-preview/test/index.spec.js b/src/image-preview/test/index.spec.js index 9662ad50c..4f4632607 100644 --- a/src/image-preview/test/index.spec.js +++ b/src/image-preview/test/index.spec.js @@ -15,12 +15,12 @@ function triggerZoom(el, x, y) { const images = [ 'https://img.yzcdn.cn/1.png', 'https://img.yzcdn.cn/2.png', - 'https://img.yzcdn.cn/3.png' + 'https://img.yzcdn.cn/3.png', ]; test('render image', async () => { const wrapper = mount(ImagePreviewVue, { - propsData: { images, value: true } + propsData: { images, value: true }, }); expect(wrapper).toMatchSnapshot(); @@ -43,13 +43,13 @@ test('async close prop', async () => { propsData: { images, value: true, - asyncClose: true + asyncClose: true, }, listeners: { input(value) { wrapper.setProps({ value }); - } - } + }, + }, }); const swipe = wrapper.find('.van-swipe__track'); @@ -99,7 +99,7 @@ test('onClose option', () => { const instance = ImagePreview({ images, startPostion: 1, - onClose + onClose, }); instance.close(); @@ -115,7 +115,7 @@ test('onChange option', async done => { onChange(index) { expect(index).toEqual(2); done(); - } + }, }); const swipe = instance.$el.querySelector('.van-swipe__track'); @@ -132,7 +132,7 @@ test('zoom', async () => { Element.prototype.getBoundingClientRect = jest.fn(() => ({ width: 100 })); const wrapper = mount(ImagePreviewVue, { - propsData: { images, value: true } + propsData: { images, value: true }, }); const image = wrapper.find('img'); @@ -146,8 +146,8 @@ test('set show-index prop to false', () => { const wrapper = mount(ImagePreviewVue, { propsData: { value: true, - showIndex: false - } + showIndex: false, + }, }); expect(wrapper).toMatchSnapshot(); @@ -159,7 +159,7 @@ test('index slot', () => { - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -171,7 +171,7 @@ test('cover slot', () => { - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -182,8 +182,8 @@ test('closeOnPopstate', () => { propsData: { images, value: true, - closeOnPopstate: true - } + closeOnPopstate: true, + }, }); trigger(window, 'popstate'); @@ -191,7 +191,7 @@ test('closeOnPopstate', () => { wrapper.setProps({ value: true, - closeOnPopstate: false + closeOnPopstate: false, }); trigger(window, 'popstate'); @@ -202,12 +202,12 @@ test('lazy-load prop', () => { const wrapper = mount(ImagePreviewVue, { propsData: { images, - lazyLoad: true - } + lazyLoad: true, + }, }); wrapper.setProps({ - value: true + value: true, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/image/demo/index.vue b/src/image/demo/index.vue index a56fffee7..54af0dcc1 100644 --- a/src/image/demo/index.vue +++ b/src/image/demo/index.vue @@ -70,7 +70,7 @@ export default { error: '加载失败提示', defaultTip: '默认提示', customTip: '自定义提示', - loadFail: '加载失败' + loadFail: '加载失败', }, 'en-US': { fitMode: 'Fit Mode', @@ -79,16 +79,16 @@ export default { error: 'Error', defaultTip: 'Default Tip', customTip: 'Custom Tip', - loadFail: 'Load failed' - } + loadFail: 'Load failed', + }, }, data() { return { image: 'https://img.yzcdn.cn/vant/cat.jpeg', - fits: ['contain', 'cover', 'fill', 'none', 'scale-down'] + fits: ['contain', 'cover', 'fill', 'none', 'scale-down'], }; - } + }, }; diff --git a/src/image/index.js b/src/image/index.js index 10adb82d5..be8b2d1ef 100644 --- a/src/image/index.js +++ b/src/image/index.js @@ -15,26 +15,26 @@ export default createComponent({ lazyLoad: Boolean, showError: { type: Boolean, - default: true + default: true, }, showLoading: { type: Boolean, - default: true + default: true, }, errorIcon: { type: String, - default: 'warning-o' + default: 'warning-o', }, loadingIcon: { type: String, - default: 'photo-o' - } + default: 'photo-o', + }, }, data() { return { loading: true, - error: false + error: false, }; }, @@ -42,7 +42,7 @@ export default createComponent({ src() { this.loading = true; this.error = false; - } + }, }, computed: { @@ -63,7 +63,7 @@ export default createComponent({ } return style; - } + }, }, created() { @@ -138,11 +138,11 @@ export default createComponent({ const imgData = { class: bem('img'), attrs: { - alt: this.alt + alt: this.alt, }, style: { - objectFit: this.fit - } + objectFit: this.fit, + }, }; if (this.error) { @@ -161,7 +161,7 @@ export default createComponent({ {...imgData} /> ); - } + }, }, render() { @@ -175,5 +175,5 @@ export default createComponent({ {this.genPlaceholder()} ); - } + }, }); diff --git a/src/image/test/index.spec.js b/src/image/test/index.spec.js index 2f7055375..543642dd7 100644 --- a/src/image/test/index.spec.js +++ b/src/image/test/index.spec.js @@ -13,8 +13,8 @@ test('click event', () => { test('load event', () => { const wrapper = mount(Image, { propsData: { - src: 'https://img.yzcdn.cn/vant/cat.jpeg' - } + src: 'https://img.yzcdn.cn/vant/cat.jpeg', + }, }); wrapper.find('img').trigger('load'); @@ -29,8 +29,8 @@ test('load event', () => { test('error event', () => { const wrapper = mount(Image, { propsData: { - src: 'https://img.yzcdn.cn/vant/cat.jpeg' - } + src: 'https://img.yzcdn.cn/vant/cat.jpeg', + }, }); wrapper.find('img').trigger('error'); @@ -42,8 +42,8 @@ test('lazy load', () => { const wrapper = mount(Image, { propsData: { src: 'https://img.yzcdn.cn/vant/cat.jpeg', - lazyLoad: true - } + lazyLoad: true, + }, }); expect(wrapper).toMatchSnapshot(); @@ -53,7 +53,7 @@ test('lazy-load load event', done => { const wrapper = mount(Image, { propsData: { lazyLoad: true, - src: 'https://img.yzcdn.cn/vant/cat.jpeg' + src: 'https://img.yzcdn.cn/vant/cat.jpeg', }, mocks: { $Lazyload: { @@ -70,16 +70,16 @@ test('lazy-load load event', done => { }, $off() { done(); - } - } - } + }, + }, + }, }); }); test('lazy-load error event', done => { const wrapper = mount(Image, { propsData: { - lazyLoad: true + lazyLoad: true, }, mocks: { $Lazyload: { @@ -96,17 +96,17 @@ test('lazy-load error event', done => { }, $off() { done(); - } - } - } + }, + }, + }, }); }); test('show-loading prop', () => { const wrapper = mount(Image, { propsData: { - showLoading: false - } + showLoading: false, + }, }); expect(wrapper).toMatchSnapshot(); @@ -116,8 +116,8 @@ test('show-error prop', () => { const wrapper = mount(Image, { propsData: { showError: false, - src: 'https://img.yzcdn.cn/vant/cat.jpeg' - } + src: 'https://img.yzcdn.cn/vant/cat.jpeg', + }, }); wrapper.find('img').trigger('error'); @@ -129,8 +129,8 @@ test('error-icon prop', () => { const wrapper = mount(Image, { propsData: { errorIcon: 'error', - src: 'https://img.yzcdn.cn/vant/cat.jpeg' - } + src: 'https://img.yzcdn.cn/vant/cat.jpeg', + }, }); wrapper.find('img').trigger('error'); @@ -141,8 +141,8 @@ test('error-icon prop', () => { test('loading-icon prop', () => { const wrapper = mount(Image, { propsData: { - loadingIcon: 'success' - } + loadingIcon: 'success', + }, }); expect(wrapper).toMatchSnapshot(); @@ -152,8 +152,8 @@ test('radius prop', () => { const wrapper = mount(Image, { propsData: { radius: 3, - src: 'https://img.yzcdn.cn/vant/cat.jpeg' - } + src: 'https://img.yzcdn.cn/vant/cat.jpeg', + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js index cb2b9bd7a..2852203a8 100644 --- a/src/index-anchor/index.js +++ b/src/index-anchor/index.js @@ -8,7 +8,7 @@ export default createComponent({ mixins: [ChildrenMixin('vanIndexBar', { indexKey: 'childrenIndex' })], props: { - index: [Number, String] + index: [Number, String], }, data() { @@ -16,7 +16,7 @@ export default createComponent({ top: 0, left: null, width: null, - active: false + active: false, }; }, @@ -32,10 +32,10 @@ export default createComponent({ left: this.left ? `${this.left}px` : null, width: this.width ? `${this.width}px` : null, transform: `translate3d(0, ${this.top}px, 0)`, - color: this.parent.highlightColor + color: this.parent.highlightColor, }; } - } + }, }, mounted() { @@ -45,7 +45,7 @@ export default createComponent({ methods: { scrollIntoView() { this.$el.scrollIntoView(); - } + }, }, render() { @@ -61,5 +61,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/index-bar/demo/index.vue b/src/index-bar/demo/index.vue index cd1bb1b96..9465ad7d8 100644 --- a/src/index-bar/demo/index.vue +++ b/src/index-bar/demo/index.vue @@ -41,12 +41,12 @@ export default { i18n: { 'zh-CN': { text: '文本', - customIndexList: '自定义索引列表' + customIndexList: '自定义索引列表', }, 'en-US': { text: 'Text', - customIndexList: 'Custom Index List' - } + customIndexList: 'Custom Index List', + }, }, data() { @@ -60,8 +60,8 @@ export default { BLUE, activeTab: 0, indexList, - customIndexList: [1, 2, 3, 4, 5, 6, 8, 9, 10] + customIndexList: [1, 2, 3, 4, 5, 6, 8, 9, 10], }; - } + }, }; diff --git a/src/index-bar/index.js b/src/index-bar/index.js index d804b147a..ae3fa2baa 100644 --- a/src/index-bar/index.js +++ b/src/index-bar/index.js @@ -10,7 +10,7 @@ import { getElementTop, getRootScrollTop, setRootScrollTop, - getScroller + getScroller, } from '../utils/dom/scroll'; const [createComponent, bem] = createNamespace('index-bar'); @@ -25,25 +25,25 @@ export default createComponent({ } bind(this.scroller, 'scroll', this.onScroll); - }) + }), ], props: { sticky: { type: Boolean, - default: true + default: true, }, zIndex: { type: Number, - default: 1 + default: 1, }, highlightColor: { type: String, - default: GREEN + default: GREEN, }, stickyOffsetTop: { type: Number, - default: 0 + default: 0, }, indexList: { type: Array, @@ -56,13 +56,13 @@ export default createComponent({ } return indexList; - } - } + }, + }, }, data() { return { - activeAnchorIndex: null + activeAnchorIndex: null, }; }, @@ -72,16 +72,16 @@ export default createComponent({ if (highlightColor) { /* istanbul ignore else */ return { - color: highlightColor + color: highlightColor, }; } - } + }, }, watch: { indexList() { this.$nextTick(this.onScroll); - } + }, }, methods: { @@ -94,7 +94,7 @@ export default createComponent({ const scrollerRect = this.getScrollerRect(); const rects = this.children.map(item => ({ height: item.height, - top: this.getElementTop(item.$el, scrollerRect) + top: this.getElementTop(item.$el, scrollerRect), })); const active = this.getActiveAnchorIndex(scrollTop, rects); @@ -132,7 +132,7 @@ export default createComponent({ const { scroller } = this; let scrollerRect = { top: 0, - left: 0 + left: 0, }; if (scroller.getBoundingClientRect) { @@ -210,7 +210,7 @@ export default createComponent({ onTouchEnd() { this.active = null; - } + }, }, render() { @@ -244,5 +244,5 @@ export default createComponent({ {this.slots('default')} ); - } + }, }); diff --git a/src/index-bar/test/index.spec.js b/src/index-bar/test/index.spec.js index 60030718b..e65ebb4c6 100644 --- a/src/index-bar/test/index.spec.js +++ b/src/index-bar/test/index.spec.js @@ -10,7 +10,7 @@ function mockOffsetHeight(offsetHeight) { Object.defineProperty(HTMLElement.prototype, 'offsetHeight', { get() { return offsetHeight; - } + }, }); } @@ -21,7 +21,7 @@ test('custom anchor text', () => { Title A Title B - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -37,8 +37,8 @@ test('click and scroll to anchor', () => { `, methods: { - onSelect - } + onSelect, + }, }); const fn = mockScrollIntoView(); @@ -60,8 +60,8 @@ test('touch and scroll to anchor', () => { `, methods: { - onSelect - } + onSelect, + }, }); const fn = mockScrollIntoView(); @@ -77,7 +77,7 @@ test('touch and scroll to anchor', () => { if (index === 3) { return { - dataset: {} + dataset: {}, }; } }; @@ -102,7 +102,7 @@ test('scroll and update active anchor', () => { Element.prototype.getBoundingClientRect = function () { const { index } = this.dataset; return { - top: index ? index * 10 : 0 + top: index ? index * 10 : 0, }; }; @@ -121,9 +121,9 @@ test('scroll and update active anchor', () => { `, data() { return { - sticky: false + sticky: false, }; - } + }, }); window.scrollTop = 0; diff --git a/src/info/index.tsx b/src/info/index.tsx index 53725edae..d7bbeb954 100644 --- a/src/info/index.tsx +++ b/src/info/index.tsx @@ -34,7 +34,7 @@ function Info( Info.props = { dot: Boolean, - info: [Number, String] + info: [Number, String], }; export default createComponent(Info); diff --git a/src/info/test/index.spec.js b/src/info/test/index.spec.js index e18f83032..d0a2e1678 100644 --- a/src/info/test/index.spec.js +++ b/src/info/test/index.spec.js @@ -4,8 +4,8 @@ import { mount } from '../../../test'; test('should not render when info is empty string', () => { const wrapper = mount(Info, { propsData: { - info: '' - } + info: '', + }, }); expect(wrapper).toMatchSnapshot(); @@ -14,8 +14,8 @@ test('should not render when info is empty string', () => { test('should not render when info is empty undefined', () => { const wrapper = mount(Info, { propsData: { - info: undefined - } + info: undefined, + }, }); expect(wrapper).toMatchSnapshot(); @@ -24,8 +24,8 @@ test('should not render when info is empty undefined', () => { test('should render when info is zero', () => { const wrapper = mount(Info, { propsData: { - info: 0 - } + info: 0, + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/lazyload/demo/index.vue b/src/lazyload/demo/index.vue index 46a2ec0a4..f484ed1c9 100644 --- a/src/lazyload/demo/index.vue +++ b/src/lazyload/demo/index.vue @@ -1,7 +1,7 @@

{{ tips }}

@@ -53,21 +53,21 @@ export default { text: '刷新次数', success: '刷新成功', successTip: '成功提示', - customTips: '自定义提示' + customTips: '自定义提示', }, 'en-US': { try: 'Try it down', text: 'Refresh Count', success: 'Refresh success', successTip: 'Success Tip', - customTips: 'Custom Tips' - } + customTips: 'Custom Tips', + }, }, data() { return { count: 0, - isLoading: false + isLoading: false, }; }, @@ -78,7 +78,7 @@ export default { } return this.$t('try'); - } + }, }, mounted() { @@ -104,8 +104,8 @@ export default { this.isLoading = false; this.count++; }, 1000); - } - } + }, + }, }; diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js index c83f20e16..cf36ad745 100644 --- a/src/pull-refresh/index.js +++ b/src/pull-refresh/index.js @@ -20,27 +20,27 @@ export default createComponent({ loadingText: String, value: { type: Boolean, - required: true + required: true, }, successDuration: { type: Number, - default: 500 + default: 500, }, animationDuration: { type: Number, - default: 300 + default: 300, }, headHeight: { type: Number, - default: DEFAULT_HEAD_HEIGHT - } + default: DEFAULT_HEAD_HEIGHT, + }, }, data() { return { status: 'normal', distance: 0, - duration: 0 + duration: 0, }; }, @@ -54,10 +54,10 @@ export default createComponent({ headStyle() { if (this.headHeight !== DEFAULT_HEAD_HEIGHT) { return { - height: `${this.headHeight}px` + height: `${this.headHeight}px`, }; } - } + }, }, watch: { @@ -71,7 +71,7 @@ export default createComponent({ } else { this.setStatus(0, false); } - } + }, }, mounted() { @@ -189,13 +189,13 @@ export default createComponent({ setTimeout(() => { this.setStatus(0); }, this.successDuration); - } + }, }, render() { const style = { transitionDuration: `${this.duration}ms`, - transform: this.distance ? `translate3d(0,${this.distance}px, 0)` : '' + transform: this.distance ? `translate3d(0,${this.distance}px, 0)` : '', }; return ( @@ -208,5 +208,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/pull-refresh/test/index.spec.js b/src/pull-refresh/test/index.spec.js index f3bd238d6..25591e727 100644 --- a/src/pull-refresh/test/index.spec.js +++ b/src/pull-refresh/test/index.spec.js @@ -4,13 +4,13 @@ import { mount, later, trigger, triggerDrag } from '../../../test'; test('change head content when pulling down', async () => { const wrapper = mount(PullRefresh, { propsData: { - value: false + value: false, }, listeners: { input(value) { wrapper.setProps({ value }); - } - } + }, + }, }); const track = wrapper.find('.van-pull-refresh__track'); @@ -54,8 +54,8 @@ test('custom content by slots', async () => { }, loading({ distance }) { return `loading ${distance}`; - } - } + }, + }, }); const track = wrapper.find('.van-pull-refresh__track'); @@ -78,8 +78,8 @@ test('custom content by slots', async () => { test('pull a short distance', () => { const wrapper = mount(PullRefresh, { propsData: { - value: false - } + value: false, + }, }); const track = wrapper.find('.van-pull-refresh__track'); @@ -90,8 +90,8 @@ test('pull a short distance', () => { test('not in page top', () => { const wrapper = mount(PullRefresh, { propsData: { - value: false - } + value: false, + }, }); window.scrollTop = 100; @@ -109,13 +109,13 @@ test('render success text', async () => { const wrapper = mount(PullRefresh, { propsData: { successText: 'success', - successDuration: 0 + successDuration: 0, }, listeners: { input(value) { wrapper.setProps({ value }); - } - } + }, + }, }); const track = wrapper.find('.van-pull-refresh__track'); @@ -138,13 +138,13 @@ test('render success text', async () => { test('render success slot', async () => { const wrapper = mount(PullRefresh, { scopedSlots: { - success: () => 'Custom Success' + success: () => 'Custom Success', }, listeners: { input(value) { wrapper.setProps({ value }); - } - } + }, + }, }); const track = wrapper.find('.van-pull-refresh__track'); @@ -160,8 +160,8 @@ test('render success slot', async () => { test('should set height when using head-height', async () => { const wrapper = mount(PullRefresh, { propsData: { - headHeight: 100 - } + headHeight: 100, + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/radio-group/index.js b/src/radio-group/index.js index 10f64d44f..889e28033 100644 --- a/src/radio-group/index.js +++ b/src/radio-group/index.js @@ -10,13 +10,13 @@ export default createComponent({ value: null, disabled: Boolean, checkedColor: String, - iconSize: [Number, String] + iconSize: [Number, String], }, watch: { value(value) { this.$emit('change', value); - } + }, }, render() { @@ -25,5 +25,5 @@ export default createComponent({ {this.slots()} ); - } + }, }); diff --git a/src/radio/demo/index.vue b/src/radio/demo/index.vue index 904c2c8f3..56a5d628e 100644 --- a/src/radio/demo/index.vue +++ b/src/radio/demo/index.vue @@ -40,13 +40,13 @@ {{ $t('radio') }} 1 {{ $t('radio') }} 2 @@ -90,7 +90,7 @@ export default { customColor: '自定义颜色', customShape: '自定义形状', withCell: '与 Cell 组件一起使用', - disabledLabelClick: '禁用文本点击' + disabledLabelClick: '禁用文本点击', }, 'en-US': { radio: 'Radio', @@ -101,8 +101,8 @@ export default { customColor: 'Custom Color', customShape: 'Custom Shape', withCell: 'Inside a Cell', - disabledLabelClick: 'Disable the click event of label' - } + disabledLabelClick: 'Disable the click event of label', + }, }, data() { @@ -117,10 +117,10 @@ export default { radioShape: '1', icon: { active: 'https://img.yzcdn.cn/vant/user-active.png', - inactive: 'https://img.yzcdn.cn/vant/user-inactive.png' - } + inactive: 'https://img.yzcdn.cn/vant/user-inactive.png', + }, }; - } + }, }; diff --git a/src/radio/index.js b/src/radio/index.js index d72affa7d..e69d2c32f 100644 --- a/src/radio/index.js +++ b/src/radio/index.js @@ -7,7 +7,7 @@ export default createComponent({ mixins: [CheckboxMixin({ bem, role: 'radio', - parent: 'vanRadio' + parent: 'vanRadio', })], computed: { @@ -18,17 +18,17 @@ export default createComponent({ set(val) { (this.parent || this).$emit('input', val); - } + }, }, checked() { return this.currentValue === this.name; - } + }, }, methods: { toggle() { this.currentValue = this.name; - } - } + }, + }, }); diff --git a/src/radio/test/index.spec.js b/src/radio/test/index.spec.js index 63132930d..0174cc846 100644 --- a/src/radio/test/index.spec.js +++ b/src/radio/test/index.spec.js @@ -17,9 +17,9 @@ test('radio-group change', () => { data() { return { result: 'a', - list: ['a', 'b', 'c', 'd'] + list: ['a', 'b', 'c', 'd'], }; - } + }, }); const icons = wrapper.findAll('.van-radio__icon'); @@ -54,9 +54,9 @@ test('radio group disabled', () => { data() { return { result: 'a', - list: ['a', 'b', 'c', 'd'] + list: ['a', 'b', 'c', 'd'], }; - } + }, }); const icons = wrapper.findAll('.van-radio__icon'); @@ -72,7 +72,7 @@ test('icon-size prop', () => { label label - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -85,7 +85,7 @@ test('checked-color prop', () => { label label - ` + `, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/rate/demo/index.vue b/src/rate/demo/index.vue index 9fbdd0992..574d9f894 100644 --- a/src/rate/demo/index.vue +++ b/src/rate/demo/index.vue @@ -64,7 +64,7 @@ export default { customIcon: '自定义图标', customStyle: '自定义样式', customCount: '自定义数量', - readonly: '只读状态' + readonly: '只读状态', }, 'en-US': { halfStar: 'Half Star', @@ -72,8 +72,8 @@ export default { customIcon: 'Custom Icon', customStyle: 'Custom Style', customCount: 'Custom Count', - readonly: 'Readonly' - } + readonly: 'Readonly', + }, }, data() { @@ -83,9 +83,9 @@ export default { value3: 3, value4: 2.5, value5: 4, - value6: 3 + value6: 3, }; - } + }, }; diff --git a/src/rate/index.js b/src/rate/index.js index 8a657c407..97470e7ca 100644 --- a/src/rate/index.js +++ b/src/rate/index.js @@ -28,36 +28,36 @@ export default createComponent({ allowHalf: Boolean, value: { type: Number, - default: 0 + default: 0, }, icon: { type: String, - default: 'star' + default: 'star', }, voidIcon: { type: String, - default: 'star-o' + default: 'star-o', }, color: { type: String, - default: '#ffd21e' + default: '#ffd21e', }, voidColor: { type: String, - default: '#c7c7c7' + default: '#c7c7c7', }, disabledColor: { type: String, - default: '#bdbdbd' + default: '#bdbdbd', }, count: { type: Number, - default: 5 + default: 5, }, touchable: { type: Boolean, - default: true - } + default: true, + }, }, computed: { @@ -76,7 +76,7 @@ export default createComponent({ gutterWithUnit() { return addUnit(this.gutter); - } + }, }, mounted() { @@ -148,7 +148,7 @@ export default createComponent({ voidIcon, disabled, voidColor, - disabledColor + disabledColor, } = this; const score = index + 1; const isFull = status === 'full'; @@ -196,7 +196,7 @@ export default createComponent({ )} ); - } + }, }, render() { @@ -204,7 +204,7 @@ export default createComponent({
this.genStar(status, index))}
); - } + }, }); diff --git a/src/rate/test/index.spec.js b/src/rate/test/index.spec.js index 8203dcf52..76b59c845 100644 --- a/src/rate/test/index.spec.js +++ b/src/rate/test/index.spec.js @@ -5,7 +5,7 @@ function mockGetBoundingClientRect(items) { items.filter((icon, index) => { icon.element.getBoundingClientRect = () => ({ left: index * 25, - width: 25 + width: 25, }); return true; }); @@ -21,8 +21,8 @@ test('change event', () => { onInput(value); wrapper.setProps({ value }); }, - change: onChange - } + change: onChange, + }, }); const item4 = wrapper.findAll('.van-rate__icon').at(3); @@ -41,12 +41,12 @@ test('allow half', () => { const wrapper = mount(Rate, { propsData: { - allowHalf: true + allowHalf: true, }, listeners: { input: onInput, - change: onChange - } + change: onChange, + }, }); const item4 = wrapper.findAll('.van-rate__icon--half').at(3); @@ -61,12 +61,12 @@ test('disabled', () => { const wrapper = mount(Rate, { propsData: { - disabled: true + disabled: true, }, listeners: { input: onInput, - change: onChange - } + change: onChange, + }, }); const item4 = wrapper.findAll('.van-rate__item').at(3); @@ -81,8 +81,8 @@ test('touchmove to select item', () => { const onChange = jest.fn(); const wrapper = mount(Rate, { listeners: { - change: onChange - } + change: onChange, + }, }); const icons = wrapper.findAll('.van-rate__item'); @@ -100,11 +100,11 @@ test('touchmove to select half item', () => { const onChange = jest.fn(); const wrapper = mount(Rate, { propsData: { - allowHalf: true + allowHalf: true, }, listeners: { - change: onChange - } + change: onChange, + }, }); const icons = wrapper.findAll('.van-rate__item'); @@ -121,8 +121,8 @@ test('touchmove to select half item', () => { test('gutter prop', () => { const wrapper = mount(Rate, { propsData: { - gutter: 10 - } + gutter: 10, + }, }); expect(wrapper).toMatchSnapshot(); @@ -131,8 +131,8 @@ test('gutter prop', () => { test('size prop', () => { const wrapper = mount(Rate, { propsData: { - size: '2rem' - } + size: '2rem', + }, }); expect(wrapper).toMatchSnapshot(); @@ -142,11 +142,11 @@ test('untouchable', () => { const onChange = jest.fn(); const wrapper = mount(Rate, { propsData: { - touchable: false + touchable: false, }, listeners: { - change: onChange - } + change: onChange, + }, }); triggerDrag(wrapper, 100, 0); diff --git a/src/row/index.js b/src/row/index.js index fbd580373..a27f2a08b 100644 --- a/src/row/index.js +++ b/src/row/index.js @@ -9,18 +9,18 @@ export default createComponent({ justify: String, tag: { type: String, - default: 'div' + default: 'div', }, gutter: { type: [Number, String], - default: 0 - } + default: 0, + }, }, methods: { onClick(event) { this.$emit('click', event); - } + }, }, render() { @@ -35,12 +35,12 @@ export default createComponent({ class={bem({ flex, [`align-${align}`]: flex && align, - [`justify-${justify}`]: flex && justify + [`justify-${justify}`]: flex && justify, })} onClick={this.onClick} > {this.slots()} ); - } + }, }); diff --git a/src/search/demo/index.vue b/src/search/demo/index.vue index b64350f32..03a567324 100644 --- a/src/search/demo/index.vue +++ b/src/search/demo/index.vue @@ -40,19 +40,19 @@ export default { label: '地址', placeholder: '请输入搜索关键词', customButton: '自定义按钮', - listenToEvents: '事件监听' + listenToEvents: '事件监听', }, 'en-US': { label: 'Address', placeholder: 'Placeholder', customButton: 'Custom Action Button', - listenToEvents: 'Listen to Events' - } + listenToEvents: 'Listen to Events', + }, }, data() { return { - value: '' + value: '', }; }, @@ -63,7 +63,7 @@ export default { onCancel() { this.$toast(this.$t('cancel')); - } - } + }, + }, }; diff --git a/src/search/index.tsx b/src/search/index.tsx index 5b24de49d..ccf3135ff 100644 --- a/src/search/index.tsx +++ b/src/search/index.tsx @@ -79,8 +79,8 @@ function Search( emit(ctx, 'search', props.value); } emit(ctx, 'keypress', event); - } - } + }, + }, }; const inheritData = inherit(ctx); @@ -103,7 +103,7 @@ function Search( clearable={props.clearable} scopedSlots={{ 'left-icon': slots['left-icon'], - 'right-icon': slots['right-icon'] + 'right-icon': slots['right-icon'], }} {...fieldData} /> @@ -121,20 +121,20 @@ Search.props = { showAction: Boolean, shape: { type: String, - default: 'square' + default: 'square', }, clearable: { type: Boolean, - default: true + default: true, }, background: { type: String, - default: '#fff' + default: '#fff', }, leftIcon: { type: String, - default: 'search' - } + default: 'search', + }, }; export default createComponent(Search); diff --git a/src/search/test/index.spec.js b/src/search/test/index.spec.js index fa5bb4eb4..fd4773cd5 100644 --- a/src/search/test/index.spec.js +++ b/src/search/test/index.spec.js @@ -6,9 +6,9 @@ test('input event', () => { const wrapper = mount(Search, { context: { on: { - input: onInput - } - } + input: onInput, + }, + }, }); const input = wrapper.find('input'); @@ -25,14 +25,14 @@ test('cancel event', () => { const wrapper = mount(Search, { propsData: { value: 'test', - showAction: true + showAction: true, }, context: { on: { input: onInput, - cancel: onCancel - } - } + cancel: onCancel, + }, + }, }); const cancel = wrapper.find('.van-search__action'); @@ -50,9 +50,9 @@ test('search event', () => { context: { on: { search: onSearch, - keypress: onKeypress - } - } + keypress: onKeypress, + }, + }, }); const input = wrapper.find('input'); @@ -68,8 +68,8 @@ test('label slot', () => { scopedSlots: { label() { return 'Custom Label'; - } - } + }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -78,8 +78,8 @@ test('label slot', () => { test('left-icon prop', () => { const wrapper = mount(Search, { propsData: { - leftIcon: 'setting-o' - } + leftIcon: 'setting-o', + }, }); expect(wrapper).toMatchSnapshot(); @@ -88,8 +88,8 @@ test('left-icon prop', () => { test('right-icon prop', () => { const wrapper = mount(Search, { propsData: { - rightIcon: 'setting-o' - } + rightIcon: 'setting-o', + }, }); expect(wrapper).toMatchSnapshot(); @@ -98,8 +98,8 @@ test('right-icon prop', () => { test('right-icon slot', () => { const wrapper = mount(Search, { scopedSlots: { - 'right-icon': () => 'Custom Right Icon' - } + 'right-icon': () => 'Custom Right Icon', + }, }); expect(wrapper).toMatchSnapshot(); @@ -109,8 +109,8 @@ test('action-text prop', () => { const wrapper = mount(Search, { propsData: { actionText: 'Custom Text', - showAction: true - } + showAction: true, + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js index ab4034bce..537d5d656 100644 --- a/src/sidebar-item/index.js +++ b/src/sidebar-item/index.js @@ -13,13 +13,13 @@ export default createComponent({ dot: Boolean, info: [Number, String], title: String, - disabled: Boolean + disabled: Boolean, }, computed: { select() { return this.index === +this.parent.activeKey; - } + }, }, methods: { @@ -32,7 +32,7 @@ export default createComponent({ this.parent.$emit('input', this.index); this.parent.$emit('change', this.index); route(this.$router, this); - } + }, }, render() { @@ -47,5 +47,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/sidebar/demo/index.vue b/src/sidebar/demo/index.vue index 64653b482..52c871cdd 100644 --- a/src/sidebar/demo/index.vue +++ b/src/sidebar/demo/index.vue @@ -48,14 +48,14 @@ export default { showInfo: '提示信息', disabled: '禁用选项', changeEvent: '监听切换事件', - selectTip: '你切换到了' + selectTip: '你切换到了', }, 'en-US': { showInfo: 'Show Info', disabled: 'Disabled', changeEvent: 'Change Event', - selectTip: 'You select ' - } + selectTip: 'You select ', + }, }, data() { @@ -63,7 +63,7 @@ export default { activeKey1: 0, activeKey2: 0, activeKey3: 0, - activeKey4: 0 + activeKey4: 0, }; }, @@ -71,10 +71,10 @@ export default { onChange(index) { this.$notify({ type: 'primary', - message: `${this.$t('selectTip')} ${this.$t('title')}${index + 1}` + message: `${this.$t('selectTip')} ${this.$t('title')}${index + 1}`, }); - } - } + }, + }, }; diff --git a/src/sidebar/index.js b/src/sidebar/index.js index e9c361df7..dad186e5b 100644 --- a/src/sidebar/index.js +++ b/src/sidebar/index.js @@ -7,17 +7,17 @@ export default createComponent({ mixins: [ParentMixin('vanSidebar')], model: { - prop: 'activeKey' + prop: 'activeKey', }, props: { activeKey: { type: [Number, String], - default: 0 - } + default: 0, + }, }, render() { return
{this.slots()}
; - } + }, }); diff --git a/src/sidebar/test/index.spec.js b/src/sidebar/test/index.spec.js index d6092cc71..508eba73f 100644 --- a/src/sidebar/test/index.spec.js +++ b/src/sidebar/test/index.spec.js @@ -12,8 +12,8 @@ test('click event & change event', () => { `, methods: { onClick, - onChange - } + onChange, + }, }); wrapper.find('.van-sidebar-item').trigger('click'); @@ -32,9 +32,9 @@ test('v-model', () => { `, data() { return { - active: 0 + active: 0, }; - } + }, }); wrapper.findAll('.van-sidebar-item').at(1).trigger('click'); @@ -51,9 +51,9 @@ test('disabled prop', () => { `, data() { return { - active: 0 + active: 0, }; - } + }, }); wrapper.findAll('.van-sidebar-item').at(1).trigger('click'); diff --git a/src/skeleton/demo/index.vue b/src/skeleton/demo/index.vue index f722e8e02..14a24fbed 100644 --- a/src/skeleton/demo/index.vue +++ b/src/skeleton/demo/index.vue @@ -27,7 +27,7 @@ :loading="!show" >
- +

{{ $t('title') }}

{{ $t('desc') }}

@@ -45,21 +45,21 @@ export default { showAvatar: '显示头像', showChildren: '显示子组件', title: '关于 Vant', - desc: 'Vant 是一套轻量、可靠的移动端 Vue 组件库，提供了丰富的基础组件和业务组件，帮助开发者快速搭建移动应用。' + desc: 'Vant 是一套轻量、可靠的移动端 Vue 组件库，提供了丰富的基础组件和业务组件，帮助开发者快速搭建移动应用。', }, 'en-US': { showAvatar: 'Show Avatar', showChildren: 'Show Children', title: 'About Vant', - desc: 'Vant is a set of Mobile UI Components built on Vue.' - } + desc: 'Vant is a set of Mobile UI Components built on Vue.', + }, }, data() { return { - show: false + show: false, }; - } + }, }; diff --git a/src/skeleton/index.tsx b/src/skeleton/index.tsx index ab467382b..8ae234fec 100644 --- a/src/skeleton/index.tsx +++ b/src/skeleton/index.tsx @@ -88,32 +88,32 @@ Skeleton.props = { avatar: Boolean, row: { type: Number, - default: 0 + default: 0, }, loading: { type: Boolean, - default: true + default: true, }, animate: { type: Boolean, - default: true + default: true, }, avatarSize: { type: String, - default: '32px' + default: '32px', }, avatarShape: { type: String, - default: 'round' + default: 'round', }, titleWidth: { type: [Number, String], - default: '40%' + default: '40%', }, rowWidth: { type: [Number, String, Array], - default: DEFAULT_ROW_WIDTH - } + default: DEFAULT_ROW_WIDTH, + }, }; export default createComponent(Skeleton); diff --git a/src/skeleton/test/index.spec.js b/src/skeleton/test/index.spec.js index 81d3ccb12..e725c5f82 100644 --- a/src/skeleton/test/index.spec.js +++ b/src/skeleton/test/index.spec.js @@ -5,8 +5,8 @@ test('row-width array', () => { const wrapper = mount(Skeleton, { propsData: { row: 4, - rowWidth: ['100%', 30, '5rem'] - } + rowWidth: ['100%', 30, '5rem'], + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -18,7 +18,7 @@ test('render chidren', () => {
Content
`, - components: { Skeleton } + components: { Skeleton }, }); expect(wrapper).toMatchSnapshot(); }); @@ -28,8 +28,8 @@ test('avatar shape', () => { propsData: { avatar: true, avatarSize: 20, - avatarShape: 'square' - } + avatarShape: 'square', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -38,8 +38,8 @@ test('disable animate', () => { const wrapper = mount(Skeleton, { propsData: { row: 1, - aniamte: false - } + aniamte: false, + }, }); expect(wrapper).toMatchSnapshot(); }); diff --git a/src/sku/Sku.js b/src/sku/Sku.js index 3bf18ea75..88e561395 100644 --- a/src/sku/Sku.js +++ b/src/sku/Sku.js @@ -48,19 +48,19 @@ export default createComponent({ properties: Array, quota: { type: Number, - default: 0 + default: 0, }, quotaUsed: { type: Number, - default: 0 + default: 0, }, startSaleNum: { type: Number, - default: 1 + default: 1, }, initialSku: { type: Object, - default: () => ({}) + default: () => ({}), }, stockThreshold: { type: Number, @@ -68,27 +68,27 @@ export default createComponent({ }, showSoldoutSku: { type: Boolean, - default: true + default: true, }, showAddCartBtn: { type: Boolean, - default: true + default: true, }, bodyOffsetTop: { type: Number, - default: 200 + default: 200, }, messageConfig: { type: Object, default: () => ({ placeholderMap: {}, uploadImg: () => Promise.resolve(), - uploadMaxSize: 5 - }) + uploadMaxSize: 5, + }), }, customStepperConfig: { type: Object, - default: () => ({}) + default: () => ({}), }, }, @@ -97,7 +97,7 @@ export default createComponent({ selectedSku: {}, selectedProp: {}, selectedNum: 1, - show: this.value + show: this.value, }; }, @@ -108,7 +108,7 @@ export default createComponent({ this.$emit('sku-close', { selectedSkuValues: this.selectedSkuValues, selectedNum: this.selectedNum, - selectedSkuComb: this.selectedSkuComb + selectedSkuComb: this.selectedSkuComb, }); if (this.resetStepperOnHide) { @@ -138,8 +138,8 @@ export default createComponent({ return [ 'van-sku-group-container', { - 'van-sku-group-container--hide-soldout': !this.showSoldoutSku - } + 'van-sku-group-container--hide-soldout': !this.showSoldoutSku, + }, ]; }, @@ -152,7 +152,7 @@ export default createComponent({ const maxHeight = window.innerHeight - this.bodyOffsetTop; return { - maxHeight: maxHeight + 'px' + maxHeight: maxHeight + 'px', }; }, @@ -189,7 +189,7 @@ export default createComponent({ skuComb = { id: this.sku.collection_id, price: Math.round(this.sku.price * 100), - stock_num: this.sku.stock_num + stock_num: this.sku.stock_num, }; } if (skuComb) { @@ -272,7 +272,7 @@ export default createComponent({ {this.stock} , - ` ${t('stockUnit')}` + ` ${t('stockUnit')}`, ]; }, @@ -290,7 +290,7 @@ export default createComponent({ .map(item => item.k); return `${t('select')} ${unselectedSku.concat(unselectedProp).join('；')}`; - } + }, }, created() { @@ -459,7 +459,7 @@ export default createComponent({ const params = { index, imageList: this.imageList, - indexImage + indexImage, }; this.$emit('open-preview', params); @@ -470,7 +470,7 @@ export default createComponent({ closeOnPopstate: true, onClose: () => { this.$emit('close-preview', params); - } + }, }); }, @@ -541,9 +541,9 @@ export default createComponent({ selectedNum: this.selectedNum, selectedSkuComb: this.selectedSkuComb, messages: this.getSkuMessages(), - cartMessages: this.getSkuCartMessages() + cartMessages: this.getSkuCartMessages(), }; - } + }, }, render() { @@ -561,7 +561,7 @@ export default createComponent({ selectedProp, selectedNum, stepperTitle, - selectedSkuComb + selectedSkuComb, } = this; const slotsProps = { @@ -570,7 +570,7 @@ export default createComponent({ selectedNum, skuEventBus, selectedSku, - selectedSkuComb + selectedSkuComb, }; const slots = name => this.slots(name, slotsProps); @@ -694,5 +694,5 @@ export default createComponent({ {Actions} ); - } + }, }); diff --git a/src/sku/components/SkuActions.tsx b/src/sku/components/SkuActions.tsx index a437d477d..81385e6f3 100644 --- a/src/sku/components/SkuActions.tsx +++ b/src/sku/components/SkuActions.tsx @@ -49,7 +49,7 @@ SkuActions.props = { buyText: String, addCartText: String, skuEventBus: Object, - showAddCartBtn: Boolean + showAddCartBtn: Boolean, }; export default createComponent(SkuActions); diff --git a/src/sku/components/SkuHeader.tsx b/src/sku/components/SkuHeader.tsx index 58139e4cf..cba98856c 100644 --- a/src/sku/components/SkuHeader.tsx +++ b/src/sku/components/SkuHeader.tsx @@ -61,7 +61,7 @@ SkuHeader.props = { sku: Object, goods: Object, skuEventBus: Object, - selectedSku: Object + selectedSku: Object, }; export default createComponent(SkuHeader); diff --git a/src/sku/components/SkuImgUploader.js b/src/sku/components/SkuImgUploader.js index 091066f48..df49ed637 100644 --- a/src/sku/components/SkuImgUploader.js +++ b/src/sku/components/SkuImgUploader.js @@ -11,15 +11,15 @@ export default createComponent({ uploadImg: Function, maxSize: { type: Number, - default: 6 - } + default: 6, + }, }, data() { return { // 正在上传的图片 base64 paddingImg: '', - uploadFail: false + uploadFail: false, }; }, @@ -67,14 +67,14 @@ export default createComponent({ ? ( [ , -
+
, ] ) : ( )}
); - } + }, }, render() { @@ -89,7 +89,7 @@ export default createComponent({ onClick={() => { this.$emit('input', ''); }} - /> + />, ], true )} @@ -97,7 +97,7 @@ export default createComponent({ {this.paddingImg && this.genUploader( [ , - this.genMask() + this.genMask(), ], !this.uploadFail )} @@ -109,5 +109,5 @@ export default createComponent({ )}
); - } + }, }); diff --git a/src/sku/components/SkuMessages.js b/src/sku/components/SkuMessages.js index 27b6412c1..5f9edb884 100644 --- a/src/sku/components/SkuMessages.js +++ b/src/sku/components/SkuMessages.js @@ -12,22 +12,22 @@ export default createComponent({ props: { messages: { type: Array, - default: () => [] + default: () => [], }, messageConfig: Object, - goodsId: [Number, String] + goodsId: [Number, String], }, data() { return { - messageValues: this.resetMessageValues(this.messages) + messageValues: this.resetMessageValues(this.messages), }; }, watch: { messages(val) { this.messageValues = this.resetMessageValues(val); - } + }, }, methods: { @@ -108,7 +108,7 @@ export default createComponent({ } } } - } + }, }, render() { @@ -142,5 +142,5 @@ export default createComponent({ )))} ); - } + }, }); diff --git a/src/sku/components/SkuRow.tsx b/src/sku/components/SkuRow.tsx index ae3445966..f231e12bb 100644 --- a/src/sku/components/SkuRow.tsx +++ b/src/sku/components/SkuRow.tsx @@ -31,7 +31,7 @@ function SkuRow( } SkuRow.props = { - skuRow: Object + skuRow: Object, }; export default createComponent(SkuRow); diff --git a/src/sku/components/SkuRowItem.js b/src/sku/components/SkuRowItem.js index 885322e14..ad57cd229 100644 --- a/src/sku/components/SkuRowItem.js +++ b/src/sku/components/SkuRowItem.js @@ -11,17 +11,17 @@ export default createComponent({ selectedSku: Object, skuList: { type: Array, - default: () => [] - } + default: () => [], + }, }, computed: { choosable() { return isSkuChoosable(this.skuList, this.selectedSku, { key: this.skuKeyStr, - valueId: this.skuValue.id + valueId: this.skuValue.id, }); - } + }, }, methods: { @@ -29,10 +29,10 @@ export default createComponent({ if (this.choosable) { this.skuEventBus.$emit('sku:select', { ...this.skuValue, - skuKeyStr: this.skuKeyStr + skuKeyStr: this.skuKeyStr, }); } - } + }, }, render() { @@ -45,8 +45,8 @@ export default createComponent({ 'van-sku-row__item', { 'van-sku-row__item--active': choosed, - 'van-sku-row__item--disabled': !this.choosable - } + 'van-sku-row__item--disabled': !this.choosable, + }, ]} onClick={this.onSelect} > @@ -54,5 +54,5 @@ export default createComponent({ {this.skuValue.name} ); - } + }, }); diff --git a/src/sku/components/SkuRowPropItem.js b/src/sku/components/SkuRowPropItem.js index 48920c2a2..1c59b66a6 100644 --- a/src/sku/components/SkuRowPropItem.js +++ b/src/sku/components/SkuRowPropItem.js @@ -29,12 +29,12 @@ export default createComponent({ 'van-sku-row__item', { 'van-sku-row__item--active': choosed, - } + }, ]} onClick={this.onSelect} > {this.skuValue.name} ); - } + }, }); diff --git a/src/sku/components/SkuStepper.js b/src/sku/components/SkuStepper.js index 5018ef961..9a8bb9095 100644 --- a/src/sku/components/SkuStepper.js +++ b/src/sku/components/SkuStepper.js @@ -19,11 +19,11 @@ export default createComponent({ hideQuotaText: Boolean, quota: { type: Number, - default: 0 + default: 0, }, quotaUsed: { type: Number, - default: 0 + default: 0, }, startSaleNum: { type: Number, @@ -35,7 +35,7 @@ export default createComponent({ return { currentNum: this.selectedNum, // 购买限制类型: 限购/库存 - limitType: STOCK_LIMIT + limitType: STOCK_LIMIT, }; }, @@ -59,7 +59,7 @@ export default createComponent({ this.currentNum = start; } this.checkState(start, this.stepperLimit); - } + }, }, computed: { @@ -172,5 +172,5 @@ export default createComponent({
); - } + }, }); diff --git a/src/sku/constants.js b/src/sku/constants.js index e1de2beca..85eb653a3 100644 --- a/src/sku/constants.js +++ b/src/sku/constants.js @@ -1,11 +1,11 @@ export const LIMIT_TYPE = { QUOTA_LIMIT: 0, - STOCK_LIMIT: 1 + STOCK_LIMIT: 1, }; export const UNSELECTED_SKU_VALUE_ID = ''; export default { LIMIT_TYPE, - UNSELECTED_SKU_VALUE_ID + UNSELECTED_SKU_VALUE_ID, }; diff --git a/src/sku/demo/data.ts b/src/sku/demo/data.ts index d04b25eeb..515976862 100644 --- a/src/sku/demo/data.ts +++ b/src/sku/demo/data.ts @@ -7,7 +7,7 @@ export const skuData = { title: '测试商品', picture: 'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg', - price: 1 + price: 1, }, sku: { price: '1.00', @@ -24,15 +24,15 @@ export const skuData = { id: '30349', name: '天蓝色', imgUrl: - 'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg' + 'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg', }, { id: '1215', - name: '白色' - } + name: '白色', + }, ], k_s: 's1', - count: 2 + count: 2, }, { k: '尺寸', @@ -40,16 +40,16 @@ export const skuData = { v: [ { id: '1193', - name: '1' + name: '1', }, { id: '1194', - name: '2' - } + name: '2', + }, ], k_s: 's2', - count: 2 - } + count: 2, + }, ], list: [ { @@ -63,7 +63,7 @@ export const skuData = { s4: '0', s5: '0', stock_num: 110, - goods_id: 946755 + goods_id: 946755, }, { id: 2260, @@ -76,7 +76,7 @@ export const skuData = { s4: '0', s5: '0', stock_num: 0, - goods_id: 946755 + goods_id: 946755, }, { id: 2257, @@ -89,7 +89,7 @@ export const skuData = { s4: '0', s5: '0', stock_num: 111, - goods_id: 946755 + goods_id: 946755, }, { id: 2258, @@ -102,8 +102,8 @@ export const skuData = { s4: '0', s5: '0', stock_num: 6, - goods_id: 946755 - } + goods_id: 946755, + }, ], messages: [ { @@ -112,7 +112,7 @@ export const skuData = { multiple: '0', name: '留言1', type: 'text', - required: '1' + required: '1', }, { datetime: '0', @@ -120,7 +120,7 @@ export const skuData = { multiple: 0, name: '留言2', type: 'id_no', - required: 0 + required: 0, }, { datetime: '0', @@ -128,7 +128,7 @@ export const skuData = { multiple: 0, name: '留言3', type: 'image', - required: 0 + required: 0, }, { datetime: '0', @@ -136,7 +136,7 @@ export const skuData = { multiple: 1, name: '留言4', type: 'text', - required: 0 + required: 0, }, { datetime: '0', @@ -144,7 +144,7 @@ export const skuData = { name: '数字', multiple: 0, type: 'tel', - required: 0 + required: 0, }, { datetime: '0', @@ -152,7 +152,7 @@ export const skuData = { name: '邮件', multiple: 0, type: 'email', - required: 0 + required: 0, }, { datetime: '0', @@ -160,7 +160,7 @@ export const skuData = { name: '日期', multiple: 0, type: 'date', - required: 0 + required: 0, }, { datetime: '0', @@ -168,7 +168,7 @@ export const skuData = { name: '时间含日期', multiple: 0, type: 'time', - required: 0 + required: 0, }, { datetime: '0', @@ -176,8 +176,8 @@ export const skuData = { name: '时间', multiple: 0, type: 'time', - required: 0 - } + required: 0, + }, ], }, properties: [ @@ -194,7 +194,7 @@ export const skuData = { id: 1223, name: '去冰', price: 1, - } + }, ], }, { @@ -205,7 +205,7 @@ export const skuData = { id: 1244, name: '分开打包', price: 9, - } + }, ], }, { @@ -227,9 +227,9 @@ export const skuData = { id: 1226, name: '珍珠', price: 5, - } + }, ], - } + }, ], }; diff --git a/src/sku/demo/index.vue b/src/sku/demo/index.vue index cb8f2436e..967daeafe 100644 --- a/src/sku/demo/index.vue +++ b/src/sku/demo/index.vue @@ -164,15 +164,15 @@ export default { hideSoldoutSku: '隐藏售罄规格', stepperTitle: '我要买', button1: '积分兑换', - button2: '买买买' + button2: '买买买', }, 'en-US': { title2: 'Custom Stepper Related Config', hideSoldoutSku: 'Hide Soldout Sku', stepperTitle: 'Stepper title', button1: 'Button', - button2: 'Button' - } + button2: 'Button', + }, }, data() { @@ -201,14 +201,14 @@ export default { this.$toast('库存不够了'); } } - } + }, }, messageConfig: { uploadImg: (file, img) => new Promise(resolve => { setTimeout(() => resolve(img), 1000); }), - uploadMaxSize: 3 - } + uploadMaxSize: 3, + }, }; }, @@ -223,8 +223,8 @@ export default { onPointClicked() { this.$toast('积分兑换'); - } - } + }, + }, }; diff --git a/src/sku/lang.ts b/src/sku/lang.ts index 7c68e4a39..a5de84375 100644 --- a/src/sku/lang.ts +++ b/src/sku/lang.ts @@ -16,21 +16,21 @@ export default { stock: '剩余', stockUnit: '件', quotaTip: (quota: number) => `每人限购${quota}件`, - quotaUsedTip: (quota: number, count: number) => `每人限购${quota}件，你已购买${count}件` + quotaUsedTip: (quota: number, count: number) => `每人限购${quota}件，你已购买${count}件`, }, vanSkuActions: { buy: '立即购买', - addCart: '加入购物车' + addCart: '加入购物车', }, vanSkuImgUploader: { oversize: (maxSize: number) => `最大可上传图片为${maxSize}MB，请尝试压缩图片尺寸`, - fail: '上传失败
重新上传' + fail: '上传失败
重新上传', }, vanSkuStepper: { quotaLimit: (quota: number) => `限购${quota}件`, quotaStart: (start: number) => `${start}件起售`, comma: '，', - num: '购买数量' + num: '购买数量', }, vanSkuMessages: { fill: '请填写', @@ -40,7 +40,7 @@ export default { tel: '请填写正确的数字格式留言', mobile: '手机号长度为6-20位数字', email: '请填写正确的邮箱', - id_no: '请填写正确的身份证号码' + id_no: '请填写正确的身份证号码', }, placeholder: { id_no: '输入身份证号码', @@ -50,11 +50,11 @@ export default { date: '点击选择日期', time: '点击选择时间', textarea: '点击填写段落文本', - mobile: '输入手机号码' - } + mobile: '输入手机号码', + }, }, vanSkuRow: { multiple: '可多选', }, - } + }, }; diff --git a/src/sku/test/index.spec.js b/src/sku/test/index.spec.js index 911e829bb..cbc8b37e7 100644 --- a/src/sku/test/index.spec.js +++ b/src/sku/test/index.spec.js @@ -15,8 +15,8 @@ test('resetSelectedSku method', () => { goodsId: skuData.goods_id, quotaUsed: skuData.quota_used, hideStock: skuData.sku.hide_stock, - startSaleNum: skuData.start_sale_num - } + startSaleNum: skuData.start_sale_num, + }, }); wrapper.find('.van-button--danger').trigger('click'); diff --git a/src/sku/utils/skuHelper.js b/src/sku/utils/skuHelper.js index 602800a18..ca2973be7 100644 --- a/src/sku/utils/skuHelper.js +++ b/src/sku/utils/skuHelper.js @@ -95,7 +95,7 @@ export const isSkuChoosable = (skuList, selectedSku, skuToChoose) => { // 先假设sku已选中，拼入已选中sku对象中 const matchedSku = { ...selectedSku, - [key]: valueId + [key]: valueId, }; // 再判断剩余sku是否全部不可选，若不可选则当前sku不可选中 diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue index c18b24dbb..d4c914697 100644 --- a/src/slider/demo/index.vue +++ b/src/slider/demo/index.vue @@ -74,7 +74,7 @@ export default { customStyle: '自定义样式', customButton: '自定义按钮', text: '当前值：', - vertical: '垂直方向' + vertical: '垂直方向', }, 'en-US': { title1: 'Basic Usage', @@ -84,8 +84,8 @@ export default { customStyle: 'Custom Style', customButton: 'Custom Button', text: 'Current value: ', - vertical: 'Vertical' - } + vertical: 'Vertical', + }, }, data() { @@ -96,15 +96,15 @@ export default { value4: 50, value5: 50, value6: 50, - value7: 50 + value7: 50, }; }, methods: { onChange(value) { this.$toast(this.$t('text') + value); - } - } + }, + }, }; diff --git a/src/slider/index.js b/src/slider/index.js index 5bf453a4f..24a3207a9 100644 --- a/src/slider/index.js +++ b/src/slider/index.js @@ -14,36 +14,36 @@ export default createComponent({ inactiveColor: String, min: { type: Number, - default: 0 + default: 0, }, max: { type: Number, - default: 100 + default: 100, }, step: { type: Number, - default: 1 + default: 1, }, value: { type: Number, - default: 0 + default: 0, }, barHeight: { type: [Number, String], - default: 2 - } + default: 2, + }, }, data() { return { - dragStatus: '' + dragStatus: '', }; }, computed: { range() { return this.max - this.min; - } + }, }, created() { @@ -131,13 +131,13 @@ export default createComponent({ return ( Math.round(Math.max(this.min, Math.min(value, this.max)) / this.step) * this.step ); - } + }, }, render() { const { vertical } = this; const style = { - background: this.inactiveColor + background: this.inactiveColor, }; const mainAxis = vertical ? 'height' : 'width'; @@ -146,7 +146,7 @@ export default createComponent({ const barStyle = { [mainAxis]: `${((this.value - this.min) * 100) / this.range}%`, [crossAxis]: addUnit(this.barHeight), - background: this.activeColor + background: this.activeColor, }; if (this.dragStatus) { @@ -175,5 +175,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/slider/test/index.spec.js b/src/slider/test/index.spec.js index b83d9563f..ca5d23c2c 100644 --- a/src/slider/test/index.spec.js +++ b/src/slider/test/index.spec.js @@ -3,7 +3,7 @@ import { mount, trigger, triggerDrag, - mockGetBoundingClientRect + mockGetBoundingClientRect, } from '../../../test'; function mockRect(vertical) { @@ -11,7 +11,7 @@ function mockRect(vertical) { width: vertical ? 0 : 100, height: vertical ? 100 : 0, top: vertical ? 0 : 100, - left: vertical ? 100 : 0 + left: vertical ? 100 : 0, }); } @@ -21,8 +21,8 @@ test('drag button', () => { const wrapper = mount(Slider, { propsData: { value: 50, - disabled: true - } + disabled: true, + }, }); wrapper.vm.$on('input', value => { @@ -52,8 +52,8 @@ it('click bar', () => { const wrapper = mount(Slider, { propsData: { value: 50, - disabled: true - } + disabled: true, + }, }); wrapper.vm.$on('input', value => { @@ -76,8 +76,8 @@ test('drag button vertical', () => { const wrapper = mount(Slider, { propsData: { value: 50, - vertical: true - } + vertical: true, + }, }); wrapper.vm.$on('input', value => { @@ -97,8 +97,8 @@ it('click vertical', () => { const wrapper = mount(Slider, { propsData: { value: 50, - vertical: true - } + vertical: true, + }, }); wrapper.vm.$on('input', value => { @@ -115,8 +115,8 @@ it('bar height', () => { const wrapper = mount(Slider, { propsData: { value: 50, - barHeight: 10 - } + barHeight: 10, + }, }); expect(wrapper).toMatchSnapshot(); @@ -125,13 +125,13 @@ it('bar height', () => { it('should not emit change event when value not changed', () => { const wrapper = mount(Slider, { propsData: { - value: 50 + value: 50, }, listeners: { input(value) { wrapper.setProps({ value }); - } - } + }, + }, }); trigger(wrapper, 'click', 100, 0); @@ -143,13 +143,13 @@ it('should not emit change event when value not changed', () => { it('should format initial value', done => { mount(Slider, { propsData: { - value: null + value: null, }, listeners: { input(value) { expect(value).toEqual(0); done(); - } - } + }, + }, }); }); diff --git a/src/step/index.js b/src/step/index.js index 7b0f12b55..ed952c29e 100644 --- a/src/step/index.js +++ b/src/step/index.js @@ -16,7 +16,7 @@ export default createComponent({ if (this.index === this.parent.active) { return 'process'; } - } + }, }, methods: { @@ -38,7 +38,7 @@ export default createComponent({ } return ; - } + }, }, render() { @@ -55,5 +55,5 @@ export default createComponent({
); - } + }, }); diff --git a/src/stepper/demo/index.vue b/src/stepper/demo/index.vue index 31cf0fa9e..e3bd4b894 100644 --- a/src/stepper/demo/index.vue +++ b/src/stepper/demo/index.vue @@ -48,7 +48,7 @@ export default { asyncChange: '异步变更', customSize: '自定义大小', disableInput: '禁用输入框', - decimalLength: '固定小数位数' + decimalLength: '固定小数位数', }, 'en-US': { step: 'Step', @@ -57,8 +57,8 @@ export default { asyncChange: 'Async Change', customSize: 'Custom Size', disableInput: 'Disable Input', - decimalLength: 'Decimal Length' - } + decimalLength: 'Decimal Length', + }, }, data() { @@ -71,7 +71,7 @@ export default { stepper6: 1, stepper7: 1, stepper8: 1, - disabledInput: 1 + disabledInput: 1, }; }, @@ -83,7 +83,7 @@ export default { this.stepper6 = value; this.$toast.clear(); }, 500); - } - } + }, + }, }; diff --git a/src/stepper/index.js b/src/stepper/index.js index 6ccfdb679..d32df6dc0 100644 --- a/src/stepper/index.js +++ b/src/stepper/index.js @@ -31,36 +31,36 @@ export default createComponent({ decimalLength: Number, name: { type: [Number, String], - default: '' + default: '', }, min: { type: [Number, String], - default: 1 + default: 1, }, max: { type: [Number, String], - default: Infinity + default: Infinity, }, step: { type: [Number, String], - default: 1 + default: 1, }, defaultValue: { type: [Number, String], - default: 1 + default: 1, }, showPlus: { type: Boolean, - default: true + default: true, }, showMinus: { type: Boolean, - default: true + default: true, }, longPress: { type: Boolean, - default: true - } + default: true, + }, }, data() { @@ -72,7 +72,7 @@ export default createComponent({ } return { - currentValue: value + currentValue: value, }; }, @@ -105,10 +105,10 @@ export default createComponent({ return { width: size, - height: size + height: size, }; } - } + }, }, watch: { @@ -126,7 +126,7 @@ export default createComponent({ currentValue(val) { this.$emit('input', val); this.$emit('change', val, { name: this.name }); - } + }, }, methods: { @@ -256,7 +256,7 @@ export default createComponent({ if (this.isLongPress) { preventDefault(event); } - } + }, }, render() { @@ -271,8 +271,8 @@ export default createComponent({ this.onTouchStart(); }, touchend: this.onTouchEnd, - touchcancel: this.onTouchEnd - } + touchcancel: this.onTouchEnd, + }, }); return ( @@ -308,5 +308,5 @@ export default createComponent({ /> ); - } + }, }); diff --git a/src/stepper/test/index.spec.js b/src/stepper/test/index.spec.js index aa6c5b4eb..157470f8c 100644 --- a/src/stepper/test/index.spec.js +++ b/src/stepper/test/index.spec.js @@ -4,8 +4,8 @@ import { mount, later } from '../../../test'; test('disabled stepper', () => { const wrapper = mount(Stepper, { propsData: { - disabled: true - } + disabled: true, + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -13,8 +13,8 @@ test('disabled stepper', () => { test('disable stepper input', () => { const wrapper = mount(Stepper, { propsData: { - disableInput: true - } + disableInput: true, + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -22,8 +22,8 @@ test('disable stepper input', () => { test('disable button', async () => { const wrapper = mount(Stepper, { propsData: { - value: 5 - } + value: 5, + }, }); const plus = wrapper.find('.van-stepper__plus'); @@ -37,7 +37,7 @@ test('disable button', async () => { wrapper.setProps({ disablePlus: true, - disableMinus: true + disableMinus: true, }); await later(); @@ -52,8 +52,8 @@ test('click button', () => { const wrapper = mount(Stepper, { propsData: { value: 1, - max: 2 - } + max: 2, + }, }); const plus = wrapper.find('.van-stepper__plus'); @@ -71,8 +71,8 @@ test('click button', () => { test('long press', async () => { const wrapper = mount(Stepper, { propsData: { - value: 1 - } + value: 1, + }, }); const plus = wrapper.find('.van-stepper__plus'); @@ -93,8 +93,8 @@ test('disable long press', async () => { const wrapper = mount(Stepper, { propsData: { value: 1, - longPress: false - } + longPress: false, + }, }); const plus = wrapper.find('.van-stepper__plus'); @@ -108,8 +108,8 @@ test('disable long press', async () => { test('filter value during user input', () => { const wrapper = mount(Stepper, { propsData: { - value: 1 - } + value: 1, + }, }); const input = wrapper.find('.van-stepper__input'); @@ -132,8 +132,8 @@ test('shoud watch value and format it', () => { const wrapper = mount(Stepper, { propsData: { value: 1, - max: 5 - } + max: 5, + }, }); wrapper.setData({ value: 10 }); @@ -144,8 +144,8 @@ test('only allow interger', () => { const wrapper = mount(Stepper, { propsData: { value: 1, - integer: true - } + integer: true, + }, }); const input = wrapper.find('input'); @@ -168,8 +168,8 @@ test('stepper blur', () => { const wrapper = mount(Stepper, { propsData: { value: 5, - min: 3 - } + min: 3, + }, }); wrapper.vm.$on('input', value => { @@ -188,8 +188,8 @@ test('stepper blur', () => { test('input-width prop', () => { const wrapper = mount(Stepper, { propsData: { - inputWidth: '10rem' - } + inputWidth: '10rem', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -197,8 +197,8 @@ test('input-width prop', () => { test('button-size prop', () => { const wrapper = mount(Stepper, { propsData: { - buttonSize: '2rem' - } + buttonSize: '2rem', + }, }); expect(wrapper).toMatchSnapshot(); }); @@ -207,8 +207,8 @@ test('async-change prop', () => { const wrapper = mount(Stepper, { propsData: { value: 1, - asyncChange: true - } + asyncChange: true, + }, }); const plus = wrapper.find('.van-stepper__plus'); @@ -229,8 +229,8 @@ test('min value is 0', () => { const wrapper = mount(Stepper, { propsData: { value: 1, - min: 0 - } + min: 0, + }, }); const input = wrapper.find('input'); @@ -245,8 +245,8 @@ test('show-plus & show-minus props', () => { const wrapper = mount(Stepper, { propsData: { showPlus: false, - showMinus: false - } + showMinus: false, + }, }); expect(wrapper).toMatchSnapshot(); @@ -257,8 +257,8 @@ test('decimal-length prop', () => { propsData: { value: 1, step: 0.2, - decimalLength: 2 - } + decimalLength: 2, + }, }); expect(wrapper.emitted('input')[0][0]).toEqual('1.00'); @@ -273,8 +273,8 @@ test('should limit decimal-length when input', () => { propsData: { value: 1, step: 0.2, - decimalLength: 1 - } + decimalLength: 1, + }, }); const input = wrapper.find('input'); @@ -300,8 +300,8 @@ test('name prop', () => { test('change min and max', async () => { const wrapper = mount(Stepper, { propsData: { - value: 1 - } + value: 1, + }, }); wrapper.setProps({ @@ -326,12 +326,12 @@ test('change min and max', async () => { test('change decimal-length', async () => { const wrapper = mount(Stepper, { propsData: { - value: 1.33 - } + value: 1.33, + }, }); wrapper.setProps({ - decimalLength: 1 + decimalLength: 1, }); await later(); @@ -342,12 +342,12 @@ test('change decimal-length', async () => { test('change integer', async () => { const wrapper = mount(Stepper, { propsData: { - value: 1.33 - } + value: 1.33, + }, }); wrapper.setProps({ - integer: true + integer: true, }); await later(); diff --git a/src/steps/demo/index.vue b/src/steps/demo/index.vue index 8d4dc6a9f..2125f4cda 100644 --- a/src/steps/demo/index.vue +++ b/src/steps/demo/index.vue @@ -61,7 +61,7 @@ export default { status1: '【城市】物流状态1', status2: '【城市】物流状态', status3: '快件已发货', - customStyle: '自定义样式' + customStyle: '自定义样式', }, 'en-US': { nextStep: 'Next Step', @@ -74,21 +74,21 @@ export default { status1: '【City】Status1', status2: '【City】Status2', status3: '【City】Status3', - customStyle: 'Custom Style' - } + customStyle: 'Custom Style', + }, }, data() { return { - active: 1 + active: 1, }; }, methods: { nextStep() { this.active = ++this.active % 4; - } - } + }, + }, }; diff --git a/src/steps/index.js b/src/steps/index.js index 3cc572a12..3f72394c6 100644 --- a/src/steps/index.js +++ b/src/steps/index.js @@ -11,20 +11,20 @@ export default createComponent({ inactiveIcon: String, active: { type: Number, - default: 0 + default: 0, }, direction: { type: String, - default: 'horizontal' + default: 'horizontal', }, activeColor: { type: String, - default: GREEN + default: GREEN, }, activeIcon: { type: String, - default: 'checked' - } + default: 'checked', + }, }, render() { @@ -33,5 +33,5 @@ export default createComponent({
{this.slots()}
); - } + }, }); diff --git a/src/steps/test/index.spec.js b/src/steps/test/index.spec.js index ba568f6cc..7e9781642 100644 --- a/src/steps/test/index.spec.js +++ b/src/steps/test/index.spec.js @@ -22,8 +22,8 @@ test('icon slot', () => { `, components: { Steps, - Step - } + Step, + }, }); expect(wrapper).toMatchSnapshot(); }); diff --git a/src/sticky/demo/index.vue b/src/sticky/demo/index.vue index fa5fea286..4a1af8942 100644 --- a/src/sticky/demo/index.vue +++ b/src/sticky/demo/index.vue @@ -27,23 +27,23 @@ export default { i18n: { 'zh-CN': { offsetTop: '吸顶距离', - setContainer: '指定容器' + setContainer: '指定容器', }, 'en-US': { offsetTop: 'Offset Top', - setContainer: 'Set Container' - } + setContainer: 'Set Container', + }, }, data() { return { - container: null + container: null, }; }, mounted() { this.container = this.$refs.container; - } + }, }; diff --git a/src/sticky/index.js b/src/sticky/index.js index 5f71fad58..04e2e1aba 100644 --- a/src/sticky/index.js +++ b/src/sticky/index.js @@ -13,7 +13,7 @@ export default createComponent({ bind(this.scroller, 'scroll', this.onScroll, true); this.onScroll(); - }) + }), ], props: { @@ -21,15 +21,15 @@ export default createComponent({ container: null, offsetTop: { type: Number, - default: 0 - } + default: 0, + }, }, data() { return { fixed: false, height: 0, - transform: 0 + transform: 0, }; }, @@ -54,7 +54,7 @@ export default createComponent({ } return style; - } + }, }, methods: { @@ -68,7 +68,7 @@ export default createComponent({ const emitScrollEvent = () => { this.$emit('scroll', { scrollTop, - isFixed: this.fixed + isFixed: this.fixed, }); }; @@ -99,13 +99,13 @@ export default createComponent({ } emitScrollEvent(); - } + }, }, render() { const { fixed } = this; const style = { - height: fixed ? `${this.height}px` : null + height: fixed ? `${this.height}px` : null, }; return ( @@ -115,5 +115,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/sticky/test/index.spec.js b/src/sticky/test/index.spec.js index 20b514a8d..2212fff2f 100644 --- a/src/sticky/test/index.spec.js +++ b/src/sticky/test/index.spec.js @@ -6,7 +6,7 @@ test('sticky to top', () => { Content - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -21,7 +21,7 @@ test('z-index prop', () => { Content - ` + `, }); mockScrollTop(100); @@ -35,7 +35,7 @@ test('offset-top prop', () => { Content - ` + `, }); mockScrollTop(100); @@ -54,12 +54,12 @@ test('container prop', () => { `, data() { return { - container: null + container: null, }; }, mounted() { this.container = this.$refs.container; - } + }, }); mockScrollTop(15); diff --git a/src/style/demo/index.vue b/src/style/demo/index.vue index 93b19db76..e88724739 100644 --- a/src/style/demo/index.vue +++ b/src/style/demo/index.vue @@ -55,7 +55,7 @@ export default { animation: '动画', toggle: '切换动画', text1: '这是一段最多显示一行的文字，后面的内容会省略', - text2: '这是一段最多显示两行的文字，后面的内容会省略。这是一段最多显示两行的文字，后面的内容会省略' + text2: '这是一段最多显示两行的文字，后面的内容会省略。这是一段最多显示两行的文字，后面的内容会省略', }, 'en-US': { hairline: 'Hairline', @@ -63,14 +63,14 @@ export default { animation: 'Animation', toggle: 'Switch animation', text1: 'This is a paragraph that displays up to one line of text, and the rest of the text will be omitted.', - text2: 'This is a paragraph that displays up to two lines of text, and the rest of the text will be omitted.' - } + text2: 'This is a paragraph that displays up to two lines of text, and the rest of the text will be omitted.', + }, }, data() { return { show: false, - transitionName: '' + transitionName: '', }; }, @@ -82,8 +82,8 @@ export default { setTimeout(() => { this.show = false; }, 500); - } - } + }, + }, }; diff --git a/src/submit-bar/demo/index.vue b/src/submit-bar/demo/index.vue index e8886ea78..c6b30c0bd 100644 --- a/src/submit-bar/demo/index.vue +++ b/src/submit-bar/demo/index.vue @@ -59,7 +59,7 @@ export default { tip3: '修改地址', check: '全选', clickButton: '点击按钮', - clickLink: '修改地址' + clickLink: '修改地址', }, 'en-US': { submit: 'Submit', @@ -68,13 +68,13 @@ export default { tip3: 'Link', check: 'Label', clickButton: 'Click button', - clickLink: 'Click Link' - } + clickLink: 'Click Link', + }, }, data() { return { - checked: true + checked: true, }; }, @@ -84,8 +84,8 @@ export default { }, onClickLink() { this.$toast(this.$t('clickLink')); - } - } + }, + }, }; diff --git a/src/submit-bar/index.tsx b/src/submit-bar/index.tsx index 1ad964655..eace002c7 100644 --- a/src/submit-bar/index.tsx +++ b/src/submit-bar/index.tsx @@ -111,15 +111,15 @@ SubmitBar.props = { safeAreaInsetBottom: Boolean, decimalLength: { type: Number, - default: 2 + default: 2, }, currency: { type: String, - default: '¥' + default: '¥', }, buttonType: { type: String, - default: 'danger' + default: 'danger', }, textAlign: String, }; diff --git a/src/submit-bar/test/index.spec.js b/src/submit-bar/test/index.spec.js index 4c4ea3246..de67bee22 100644 --- a/src/submit-bar/test/index.spec.js +++ b/src/submit-bar/test/index.spec.js @@ -6,10 +6,10 @@ test('submit event', () => { const wrapper = mount(SubmitBar, { context: { props: { - price: 1 + price: 1, }, - on: { submit } - } + on: { submit }, + }, }); const button = wrapper.find('.van-button'); @@ -23,10 +23,10 @@ test('disable submit', () => { context: { props: { price: 1, - disabled: true + disabled: true, }, - on: { submit } - } + on: { submit }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -41,9 +41,9 @@ test('without price', () => { const wrapper = mount(SubmitBar, { context: { props: { - label: 'Label' - } - } + label: 'Label', + }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -52,8 +52,8 @@ test('without price', () => { test('top slot', () => { const wrapper = mount(SubmitBar, { scopedSlots: { - top: () => 'top' - } + top: () => 'top', + }, }); expect(wrapper).toMatchSnapshot(); @@ -64,9 +64,9 @@ test('decimal-length prop', () => { context: { props: { price: 111, - decimalLength: 1 - } - } + decimalLength: 1, + }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -78,9 +78,9 @@ test('suffix-label prop', () => { props: { price: 111, label: 'Label', - suffixLabel: 'Suffix Label' - } - } + suffixLabel: 'Suffix Label', + }, + }, }); expect(wrapper).toMatchSnapshot(); @@ -91,9 +91,9 @@ test('text-align prop', () => { context: { props: { price: 111, - textAlign: 'left' - } - } + textAlign: 'left', + }, + }, }); expect(wrapper).toMatchSnapshot(); }); diff --git a/src/swipe-cell/demo/index.vue b/src/swipe-cell/demo/index.vue index 374c8b679..c67629580 100644 --- a/src/swipe-cell/demo/index.vue +++ b/src/swipe-cell/demo/index.vue @@ -66,7 +66,7 @@ export default { collect: '收藏', title: '单元格', title2: '异步关闭', - confirm: '确定删除吗？' + confirm: '确定删除吗？', }, 'en-US': { select: 'Select', @@ -74,8 +74,8 @@ export default { collect: 'Collect', title: 'Cell', title2: 'Async close', - confirm: 'Are you sure to delete?' - } + confirm: 'Are you sure to delete?', + }, }, methods: { @@ -88,14 +88,14 @@ export default { break; case 'right': this.$dialog.confirm({ - message: this.$t('confirm') + message: this.$t('confirm'), }).then(() => { instance.close(); }); break; } - } - } + }, + }, }; diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js index 94a4d5c5f..157172940 100644 --- a/src/swipe-cell/index.js +++ b/src/swipe-cell/index.js @@ -12,8 +12,8 @@ export default createComponent({ TouchMixin, ClickOutsideMixin({ event: 'touchstart', - method: 'onClick' - }) + method: 'onClick', + }), ], props: { @@ -27,14 +27,14 @@ export default createComponent({ stopPropagation: Boolean, name: { type: [Number, String], - default: '' - } + default: '', + }, }, data() { return { offset: 0, - dragging: false + dragging: false, }; }, @@ -45,7 +45,7 @@ export default createComponent({ computedRightWidth() { return this.rightWidth || this.getWidthByRef('right'); - } + }, }, mounted() { @@ -75,7 +75,7 @@ export default createComponent({ name: this.name, // @deprecated // should be removed in next major version - detail: this.name + detail: this.name, }); }, @@ -87,7 +87,7 @@ export default createComponent({ this.opened = false; this.$emit('close', { position, - name: this.name + name: this.name, }); } }, @@ -172,7 +172,7 @@ export default createComponent({ this.beforeClose({ position, name: this.name, - instance: this + instance: this, }); } else if (this.onClose) { this.onClose(position, this, { name: this.name }); @@ -221,13 +221,13 @@ export default createComponent({ ); } - } + }, }, render() { const wrapperStyle = { transform: `translate3d(${this.offset}px, 0, 0)`, - transitionDuration: this.dragging ? '0s' : '.6s' + transitionDuration: this.dragging ? '0s' : '.6s', }; return ( @@ -239,5 +239,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/swipe-cell/test/index.spec.js b/src/swipe-cell/test/index.spec.js index 65596da9e..a48792ceb 100644 --- a/src/swipe-cell/test/index.spec.js +++ b/src/swipe-cell/test/index.spec.js @@ -3,19 +3,19 @@ import { mount, triggerDrag, later, - mockGetBoundingClientRect + mockGetBoundingClientRect, } from '../../../test'; const THRESHOLD = 0.15; const defaultProps = { propsData: { leftWidth: 100, - rightWidth: 100 + rightWidth: 100, }, scopedSlots: { left: () => 'Left', - right: () => 'Right' - } + right: () => 'Right', + }, }; test('drag and show left part', () => { @@ -52,8 +52,8 @@ test('on-close prop', () => { onClose(pos, ins) { position = pos; instance = ins; - } - } + }, + }, }); wrapper.trigger('click'); @@ -89,8 +89,8 @@ test('before-close prop', () => { beforeClose(params) { ({ position } = params); ({ instance } = params); - } - } + }, + }, }); wrapper.trigger('click'); @@ -124,8 +124,8 @@ test('name prop', done => { onClose(position, instance, detail) { expect(detail.name).toEqual('test'); done(); - } - } + }, + }, }); wrapper.vm.open('left'); @@ -143,8 +143,8 @@ test('disabled prop', () => { const wrapper = mount(SwipeCell, { propsData: { ...defaultProps.propsData, - disabled: true - } + disabled: true, + }, }); triggerDrag(wrapper, 50, 0); @@ -153,11 +153,11 @@ test('disabled prop', () => { test('auto calc width', async () => { const restoreMock = mockGetBoundingClientRect({ - width: 50 + width: 50, }); const wrapper = mount(SwipeCell, { - scopedSlots: defaultProps.scopedSlots + scopedSlots: defaultProps.scopedSlots, }); await later(); @@ -169,13 +169,13 @@ test('auto calc width', async () => { test('render one side', async () => { const restoreMock = mockGetBoundingClientRect({ - width: 50 + width: 50, }); const wrapper = mount(SwipeCell, { scopedSlots: { - left: defaultProps.scopedSlots.left - } + left: defaultProps.scopedSlots.left, + }, }); await later(); @@ -192,7 +192,7 @@ test('trigger open event when open left side', () => { expect(wrapper.emitted('open')[0][0]).toEqual({ name: '', detail: '', - position: 'left' + position: 'left', }); }); @@ -203,7 +203,7 @@ test('trigger open event when open right side', () => { expect(wrapper.emitted('open')[0][0]).toEqual({ name: '', detail: '', - position: 'right' + position: 'right', }); }); @@ -215,7 +215,7 @@ test('trigger close event when closed', () => { expect(wrapper.emitted('close')[0][0]).toEqual({ name: '', - position: undefined + position: undefined, }); }); diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js index 89c86144f..f7552d31b 100644 --- a/src/swipe-item/index.js +++ b/src/swipe-item/index.js @@ -5,7 +5,7 @@ const [createComponent, bem] = createNamespace('swipe-item'); export default createComponent({ data() { return { - offset: 0 + offset: 0, }; }, @@ -23,7 +23,7 @@ export default createComponent({ const style = { width: computedWidth + 'px', height: vertical ? computedHeight + 'px' : '100%', - transform: `translate${vertical ? 'Y' : 'X'}(${this.offset}px)` + transform: `translate${vertical ? 'Y' : 'X'}(${this.offset}px)`, }; return ( @@ -31,5 +31,5 @@ export default createComponent({ {this.slots()} ); - } + }, }); diff --git a/src/swipe/demo/index.vue b/src/swipe/demo/index.vue index 7540f9304..4d181d7bb 100644 --- a/src/swipe/demo/index.vue +++ b/src/swipe/demo/index.vue @@ -12,7 +12,7 @@ - + @@ -74,7 +74,7 @@ export default { title4: '纵向滚动', title5: '自定义滑块大小', title6: '自定义指示器', - message: '当前 Swipe 索引：' + message: '当前 Swipe 索引：', }, 'en-US': { title2: 'Image Lazyload', @@ -82,8 +82,8 @@ export default { title4: 'Vertical Scrolling', title5: 'Set SwipeItem Size', title6: 'Custom indicator', - message: 'Current Swipe index:' - } + message: 'Current Swipe index:', + }, }, data() { @@ -93,8 +93,8 @@ export default { 'https://img.yzcdn.cn/vant/apple-1.jpg', 'https://img.yzcdn.cn/vant/apple-2.jpg', 'https://img.yzcdn.cn/vant/apple-3.jpg', - 'https://img.yzcdn.cn/vant/apple-4.jpg' - ] + 'https://img.yzcdn.cn/vant/apple-4.jpg', + ], }; }, @@ -105,8 +105,8 @@ export default { onChange2(index) { this.current = index; - } - } + }, + }, }; diff --git a/src/swipe/index.js b/src/swipe/index.js index 5318ce141..56ac4bcfc 100644 --- a/src/swipe/index.js +++ b/src/swipe/index.js @@ -19,7 +19,7 @@ export default createComponent({ } else { this.clear(); } - }) + }), ], props: { @@ -30,28 +30,28 @@ export default createComponent({ indicatorColor: String, loop: { type: Boolean, - default: true + default: true, }, duration: { type: Number, - default: 500 + default: 500, }, touchable: { type: Boolean, - default: true + default: true, }, initialSwipe: { type: Number, - default: 0 + default: 0, }, showIndicators: { type: Boolean, - default: true + default: true, }, stopPropagation: { type: Boolean, - default: true - } + default: true, + }, }, data() { @@ -63,7 +63,7 @@ export default createComponent({ deltaX: 0, deltaY: 0, swipes: [], - swiping: false + swiping: false, }; }, @@ -82,7 +82,7 @@ export default createComponent({ } else { this.autoPlay(); } - } + }, }, computed: { @@ -119,13 +119,13 @@ export default createComponent({ [mainAxis]: `${this.trackSize}px`, [crossAxis]: this[crossAxis] ? `${this[crossAxis]}px` : '', transitionDuration: `${this.swiping ? 0 : this.duration}ms`, - transform: `translate${this.vertical ? 'Y' : 'X'}(${this.offset}px)` + transform: `translate${this.vertical ? 'Y' : 'X'}(${this.offset}px)`, }; }, indicatorStyle() { return { - backgroundColor: this.indicatorColor + backgroundColor: this.indicatorColor, }; }, @@ -134,7 +134,7 @@ export default createComponent({ return ( (this.vertical ? rect.height : rect.width) - this.size * this.count ); - } + }, }, mounted() { @@ -200,7 +200,7 @@ export default createComponent({ const offset = this.vertical ? this.offsetY : this.offsetX; this.move({ pace: offset > 0 ? (this.delta > 0 ? -1 : 1) : 0, - emitChange: true + emitChange: true, }); } @@ -276,7 +276,7 @@ export default createComponent({ this.swiping = false; this.move({ pace: -1, - emitChange: true + emitChange: true, }); }); }, @@ -290,7 +290,7 @@ export default createComponent({ this.swiping = false; this.move({ pace: 1, - emitChange: true + emitChange: true, }); }); }, @@ -318,7 +318,7 @@ export default createComponent({ this.move({ pace: targetIndex - this.active, - emitChange: true + emitChange: true, }); }); }, @@ -371,7 +371,7 @@ export default createComponent({ ); } - } + }, }, render() { @@ -383,5 +383,5 @@ export default createComponent({ {this.genIndicator()} ); - } + }, }); diff --git a/src/swipe/test/demo.spec.js b/src/swipe/test/demo.spec.js index 2f2861f24..43aab9265 100644 --- a/src/swipe/test/demo.spec.js +++ b/src/swipe/test/demo.spec.js @@ -8,10 +8,10 @@ snapshotDemo(Demo, { beforeTest: () => { restore = mockGetBoundingClientRect({ width: 100, - height: 100 + height: 100, }); }, afterTest: () => { restore(); - } + }, }); diff --git a/src/swipe/test/index.spec.js b/src/swipe/test/index.spec.js index 6f201b303..2fe219e33 100644 --- a/src/swipe/test/index.spec.js +++ b/src/swipe/test/index.spec.js @@ -4,7 +4,7 @@ function mockPageHidden() { let hidden = true; Object.defineProperty(document, 'hidden', { - get: () => hidden + get: () => hidden, }); trigger(window, 'visibilitychange'); @@ -23,29 +23,29 @@ const Component = { vertical: Boolean, loop: { type: Boolean, - default: true + default: true, }, touchable: { type: Boolean, - default: true + default: true, }, autoplay: { type: Number, - default: 0 + default: 0, }, initialSwipe: { type: Number, - default: 0 - } + default: 0, + }, }, data() { return { style: { width: '100px', - height: '100px' - } + height: '100px', + }, }; - } + }, }; test('swipeTo method', async () => { @@ -61,7 +61,7 @@ test('swipeTo method with immediate option', async () => { const wrapper = mount(Component); const { swipe } = wrapper.vm.$refs; swipe.swipeTo(2, { - immediate: true + immediate: true, }); await later(100); @@ -93,8 +93,8 @@ test('initial swipe', () => { test('vertical swipe', () => { const wrapper = mount(Component, { propsData: { - vertical: true - } + vertical: true, + }, }); const { swipe } = wrapper.vm.$refs; const track = wrapper.find('.van-swipe__track'); @@ -106,8 +106,8 @@ test('vertical swipe', () => { test('untouchable', () => { const wrapper = mount(Component, { propsData: { - touchable: false - } + touchable: false, + }, }); const { swipe } = wrapper.vm.$refs; const track = wrapper.find('.van-swipe__track'); @@ -140,8 +140,8 @@ test('loop', () => { test('not loop', () => { const wrapper = mount(Component, { propsData: { - loop: false - } + loop: false, + }, }); const { swipe } = wrapper.vm.$refs; const track = wrapper.find('.van-swipe__track'); @@ -159,11 +159,11 @@ test('should pause auto play when page hidden', async () => { mount(Component, { propsData: { loop: true, - autoplay: 1 + autoplay: 1, }, listeners: { - change - } + change, + }, }); mockPageHidden(); diff --git a/src/switch-cell/demo/index.vue b/src/switch-cell/demo/index.vue index 87d56a3b8..e0af9b23c 100644 --- a/src/switch-cell/demo/index.vue +++ b/src/switch-cell/demo/index.vue @@ -35,8 +35,8 @@ export default { data() { return { - checked: true + checked: true, }; - } + }, }; diff --git a/src/switch-cell/index.tsx b/src/switch-cell/index.tsx index c7589f737..2ee2a563c 100644 --- a/src/switch-cell/index.tsx +++ b/src/switch-cell/index.tsx @@ -43,12 +43,12 @@ SwitchCell.props = { cellSize: String, border: { type: Boolean, - default: true + default: true, }, size: { type: String, - default: '24px' - } + default: '24px', + }, }; export default createComponent(SwitchCell); diff --git a/src/switch-cell/test/index.spec.js b/src/switch-cell/test/index.spec.js index 97a4c39c8..17479b9ac 100644 --- a/src/switch-cell/test/index.spec.js +++ b/src/switch-cell/test/index.spec.js @@ -6,9 +6,9 @@ test('change event', () => { const wrapper = mount(SwitchCell, { context: { on: { - change: onChange - } - } + change: onChange, + }, + }, }); wrapper.find('.van-switch').trigger('click'); @@ -19,8 +19,8 @@ test('change event', () => { test('border prop', () => { const wrapper = mount(SwitchCell, { propsData: { - border: false - } + border: false, + }, }); expect(wrapper).toMatchSnapshot(); @@ -29,8 +29,8 @@ test('border prop', () => { test('cell-size prop', () => { const wrapper = mount(SwitchCell, { propsData: { - cellSize: 'large' - } + cellSize: 'large', + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/switch/demo/index.vue b/src/switch/demo/index.vue index 6487e531a..db3266582 100644 --- a/src/switch/demo/index.vue +++ b/src/switch/demo/index.vue @@ -46,7 +46,7 @@ export default { withCell: '搭配单元格使用', customSize: '自定义大小', customColor: '自定义颜色', - asyncControl: '异步控制' + asyncControl: '异步控制', }, 'en-US': { title: 'Title', @@ -55,8 +55,8 @@ export default { withCell: 'Inside a Cell', customSize: 'Custom Size', customColor: 'Custom Color', - asyncControl: 'Async Control' - } + asyncControl: 'Async Control', + }, }, data() { @@ -66,7 +66,7 @@ export default { checked3: true, checked4: true, checked5: true, - checked6: false + checked6: false, }; }, @@ -75,13 +75,13 @@ export default { this.$dialog .confirm({ title: this.$t('title'), - message: this.$t('message') + message: this.$t('message'), }) .then(() => { this.checked4 = checked; }); - } - } + }, + }, }; diff --git a/src/switch/index.tsx b/src/switch/index.tsx index 8c9a4b79e..b9fc82535 100644 --- a/src/switch/index.tsx +++ b/src/switch/index.tsx @@ -28,14 +28,14 @@ function Switch( activeColor, activeValue, inactiveColor, - inactiveValue + inactiveValue, } = props; const checked = value === activeValue; const switchStyle = { fontSize: addUnit(size), - backgroundColor: checked ? activeColor : inactiveColor + backgroundColor: checked ? activeColor : inactiveColor, }; const loadingColor = checked ? activeColor || BLUE : inactiveColor || ''; @@ -55,7 +55,7 @@ function Switch( class={bem({ on: checked, loading, - disabled + disabled, })} role="switch" style={switchStyle} diff --git a/src/switch/shared.ts b/src/switch/shared.ts index 84c46eb97..9ac4b4913 100644 --- a/src/switch/shared.ts +++ b/src/switch/shared.ts @@ -22,10 +22,10 @@ export const switchProps = { inactiveColor: String, activeValue: { type: null as any, - default: true + default: true, }, inactiveValue: { type: null as any, - default: false - } + default: false, + }, }; diff --git a/src/switch/test/index.spec.js b/src/switch/test/index.spec.js index d54d20c9c..1e6815712 100644 --- a/src/switch/test/index.spec.js +++ b/src/switch/test/index.spec.js @@ -8,9 +8,9 @@ test('emit event', () => { context: { on: { input, - change - } - } + change, + }, + }, }); wrapper.trigger('click'); @@ -25,12 +25,12 @@ test('disabled', () => { context: { on: { input, - change - } + change, + }, }, propsData: { - disabled: true - } + disabled: true, + }, }); wrapper.trigger('click'); @@ -45,14 +45,14 @@ test('active-value & inactive-value prop', () => { propsData: { value: '1', activeValue: '1', - inactiveValue: '2' + inactiveValue: '2', }, context: { on: { input, - change - } - } + change, + }, + }, }); wrapper.trigger('click'); @@ -66,8 +66,8 @@ test('inactive-color prop', () => { propsData: { value: '2', inactiveValue: '2', - inactiveColor: 'black' - } + inactiveColor: 'black', + }, }); expect(wrapper).toMatchSnapshot(); @@ -76,8 +76,8 @@ test('inactive-color prop', () => { test('size prop', () => { const wrapper = mount(Switch, { propsData: { - size: 20 - } + size: 20, + }, }); expect(wrapper).toMatchSnapshot(); @@ -88,9 +88,9 @@ test('click event', () => { const wrapper = mount(Switch, { context: { on: { - click - } - } + click, + }, + }, }); wrapper.trigger('click'); diff --git a/src/tab/demo/index.vue b/src/tab/demo/index.vue index c0f0ac30c..f5747ea64 100644 --- a/src/tab/demo/index.vue +++ b/src/tab/demo/index.vue @@ -119,7 +119,7 @@ export default { title9: '滑动切换', title10: '滚动导航', disabled: ' 已被禁用', - matchByName: '通过名称匹配' + matchByName: '通过名称匹配', }, 'en-US': { tab: 'Tab ', @@ -134,15 +134,15 @@ export default { title9: 'Swipeable', title10: 'Scrollspy', disabled: ' is disabled', - matchByName: 'Match By Name' - } + matchByName: 'Match By Name', + }, }, data() { return { active: 2, activeName: 'b', - tabs: [1, 2, 3, 4] + tabs: [1, 2, 3, 4], }; }, @@ -153,8 +153,8 @@ export default { onClick(index, title) { this.$toast(title); - } - } + }, + }, }; diff --git a/src/tab/index.js b/src/tab/index.js index 2e6a738c6..045918a53 100644 --- a/src/tab/index.js +++ b/src/tab/index.js @@ -14,12 +14,12 @@ export default createComponent({ name: [Number, String], title: String, titleStyle: null, - disabled: Boolean + disabled: Boolean, }, data() { return { - inited: false + inited: false, }; }, @@ -30,7 +30,7 @@ export default createComponent({ isActive() { return this.computedName === this.parent.currentName; - } + }, }, watch: { @@ -49,7 +49,7 @@ export default createComponent({ this.parent.$emit('rendered', this.computedName, this.title); }); } - } + }, }, render(h) { @@ -75,5 +75,5 @@ export default createComponent({ {Content} ); - } + }, }); diff --git a/src/tab/test/index.spec.js b/src/tab/test/index.spec.js index c6085ecb6..dbe07dd1d 100644 --- a/src/tab/test/index.spec.js +++ b/src/tab/test/index.spec.js @@ -24,10 +24,10 @@ function createWrapper(options = {}) { type: 'line', sticky: true, lineWidth: 2, - lazyRender: true + lazyRender: true, }; }, - ...options + ...options, }); } @@ -42,8 +42,8 @@ test('click to switch tab', async () => { `, methods: { - onChange - } + onChange, + }, }); await later(); @@ -68,8 +68,8 @@ test('swipe to switch tab', async () => { `, methods: { - onChange - } + onChange, + }, }); const content = wrapper.find('.van-tabs__content'); @@ -100,7 +100,7 @@ test('change tabs data', async () => { swipeable: false, sticky: false, type: 'card', - color: 'blue' + color: 'blue', }); await later(); @@ -113,7 +113,7 @@ test('lazy render', async () => { expect(wrapper).toMatchSnapshot(); wrapper.setData({ - lazyRender: false + lazyRender: false, }); await later(); @@ -125,7 +125,7 @@ test('render nav-left & nav-right slot', async () => { extraTemplate: ` - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -134,8 +134,8 @@ test('render nav-left & nav-right slot', async () => { test('border props', async () => { const wrapper = mount(Tabs, { propsData: { - border: false - } + border: false, + }, }); expect(wrapper).toMatchSnapshot(); @@ -155,8 +155,8 @@ test('click event', async () => { `, methods: { onClick, - onDisabled - } + onDisabled, + }, }); const tabs = wrapper.findAll('.van-tab'); @@ -184,8 +184,8 @@ test('name prop', async () => { methods: { onClick, onChange, - onDisabled - } + onDisabled, + }, }); await later(); @@ -214,8 +214,8 @@ test('set name to zero', async () => { `, methods: { - onClick - } + onClick, + }, }); const tabs = wrapper.findAll('.van-tab'); @@ -229,7 +229,7 @@ test('title-style prop', () => { Text - ` + `, }); expect(wrapper.find('.van-tab').element.style.color).toEqual('red'); @@ -241,7 +241,7 @@ test('dot prop', () => { Text - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -253,7 +253,7 @@ test('info prop', () => { Text - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -272,8 +272,8 @@ test('scrollspy', async () => { `, methods: { - onChange - } + onChange, + }, }); await later(); @@ -301,12 +301,12 @@ test('rendered event', async () => { `, data() { return { - active: 'a' + active: 'a', }; }, methods: { - onRendered - } + onRendered, + }, }); await later(); @@ -332,8 +332,8 @@ test('should not trigger rendered event when disable lazy-render', async () => { `, methods: { - onRendered - } + onRendered, + }, }); await later(); diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js index 36c2edaf7..d78b89545 100644 --- a/src/tabbar-item/index.js +++ b/src/tabbar-item/index.js @@ -14,12 +14,12 @@ export default createComponent({ dot: Boolean, icon: String, name: [Number, String], - info: [Number, String] + info: [Number, String], }, data() { return { - active: false + active: false, }; }, @@ -33,7 +33,7 @@ export default createComponent({ return pathMatched || nameMatched; } - } + }, }, methods: { @@ -41,7 +41,7 @@ export default createComponent({ this.parent.onChange(this.name || this.index); this.$emit('click', event); route(this.$router, this); - } + }, }, render() { @@ -58,5 +58,5 @@ export default createComponent({
{slots('default', { active })}
); - } + }, }); diff --git a/src/tabbar/demo/index.vue b/src/tabbar/demo/index.vue index fee715f94..9967aba0a 100644 --- a/src/tabbar/demo/index.vue +++ b/src/tabbar/demo/index.vue @@ -32,7 +32,7 @@ {{ $t('custom') }} {{ $t('tab') }} @@ -69,7 +69,7 @@ export default { customColor: '自定义颜色', matchByName: '通过名称匹配', switchEvent: '监听切换事件', - selectTip: '你切换到了' + selectTip: '你切换到了', }, 'en-US': { badge: 'Show Badge', @@ -77,8 +77,8 @@ export default { customColor: 'Custom Color', matchByName: 'Match by name', switchEvent: 'Change Event', - selectTip: 'You select ' - } + selectTip: 'You select ', + }, }, data() { @@ -91,8 +91,8 @@ export default { activeName: 'home', icon: { active: 'https://img.yzcdn.cn/vant/user-active.png', - inactive: 'https://img.yzcdn.cn/vant/user-inactive.png' - } + inactive: 'https://img.yzcdn.cn/vant/user-inactive.png', + }, }; }, @@ -100,10 +100,10 @@ export default { onChange(index) { this.$notify({ type: 'primary', - message: `${this.$t('selectTip')} ${this.$t('tab')}${index + 1}` + message: `${this.$t('selectTip')} ${this.$t('tab')}${index + 1}`, }); - } - } + }, + }, }; diff --git a/src/tabbar/index.js b/src/tabbar/index.js index 1b39dcb65..5f37184d6 100644 --- a/src/tabbar/index.js +++ b/src/tabbar/index.js @@ -14,25 +14,25 @@ export default createComponent({ safeAreaInsetBottom: Boolean, value: { type: [Number, String], - default: 0 + default: 0, }, border: { type: Boolean, - default: true + default: true, }, fixed: { type: Boolean, - default: true + default: true, }, zIndex: { type: Number, - default: 1 - } + default: 1, + }, }, watch: { value: 'setActiveItem', - children: 'setActiveItem' + children: 'setActiveItem', }, methods: { @@ -47,7 +47,7 @@ export default createComponent({ this.$emit('input', active); this.$emit('change', active); } - } + }, }, render() { @@ -58,12 +58,12 @@ export default createComponent({ { [BORDER_TOP_BOTTOM]: this.border }, bem({ fixed: this.fixed, - 'safe-area-inset-bottom': this.safeAreaInsetBottom - }) + 'safe-area-inset-bottom': this.safeAreaInsetBottom, + }), ]} > {this.slots()} ); - } + }, }); diff --git a/src/tabbar/test/index.spec.js b/src/tabbar/test/index.spec.js index 8957bd754..96e451538 100644 --- a/src/tabbar/test/index.spec.js +++ b/src/tabbar/test/index.spec.js @@ -24,7 +24,7 @@ test('route mode', async () => { Tab - ` + `, }); expect(wrapper).toMatchSnapshot(); @@ -47,8 +47,8 @@ test('route mode match by name', async () => { const router = new VueRouter({ routes: [ { path: '/foo', component: Foo, name: 'foo' }, - { path: '/bar', component: Bar, name: 'bar' } - ] + { path: '/bar', component: Bar, name: 'bar' }, + ], }); const wrapper = mount({ @@ -62,7 +62,7 @@ test('route mode match by name', async () => { Tab - ` + `, }); const items = wrapper.findAll('.van-tabbar-item'); @@ -86,7 +86,7 @@ test('router NavigationDuplicated', async done => { Tab - ` + `, }); const item = wrapper.find('.van-tabbar-item'); @@ -108,9 +108,9 @@ test('watch tabbar value', () => { `, data() { return { - value: 0 + value: 0, }; - } + }, }); wrapper.setData({ value: 1 }); @@ -129,8 +129,8 @@ test('click event', () => { `, methods: { onClick, - onChange - } + onChange, + }, }); wrapper.find('.van-tabbar-item').trigger('click'); @@ -149,12 +149,12 @@ test('name prop', () => { `, data() { return { - value: 'a' + value: 'a', }; }, methods: { - onChange - } + onChange, + }, }); wrapper @@ -168,8 +168,8 @@ test('name prop', () => { test('disable border', () => { const wrapper = mount(Tabbar, { propsData: { - border: false - } + border: false, + }, }); expect(wrapper).toMatchSnapshot(); diff --git a/src/tabs/Content.js b/src/tabs/Content.js index 82d20be57..ed151ddef 100644 --- a/src/tabs/Content.js +++ b/src/tabs/Content.js @@ -12,7 +12,7 @@ export default createComponent({ duration: Number, animated: Boolean, swipeable: Boolean, - currentIndex: Number + currentIndex: Number, }, computed: { @@ -20,7 +20,7 @@ export default createComponent({ if (this.animated) { return { transform: `translate3d(${-1 * this.currentIndex * 100}%, 0, 0)`, - transitionDuration: `${this.duration}s` + transitionDuration: `${this.duration}s`, }; } }, @@ -31,10 +31,10 @@ export default createComponent({ touchstart: this.touchStart, touchmove: this.touchMove, touchend: this.onTouchEnd, - touchcancel: this.onTouchEnd + touchcancel: this.onTouchEnd, }; } - } + }, }, methods: { @@ -63,7 +63,7 @@ export default createComponent({ } return this.slots(); - } + }, }, render() { @@ -75,5 +75,5 @@ export default createComponent({ {this.genChildren()} ); - } + }, }); diff --git a/src/tabs/Title.js b/src/tabs/Title.js index 2f6043284..1ab826882 100644 --- a/src/tabs/Title.js +++ b/src/tabs/Title.js @@ -16,7 +16,7 @@ export default createComponent({ scrollable: Boolean, activeColor: String, inactiveColor: String, - swipeThreshold: Number + swipeThreshold: Number, }, computed: { @@ -48,13 +48,13 @@ export default createComponent({ } return style; - } + }, }, methods: { onClick() { this.$emit('click'); - } + }, }, render() { @@ -66,11 +66,11 @@ export default createComponent({ bem({ active: this.isActive, disabled: this.disabled, - complete: !this.ellipsis + complete: !this.ellipsis, }), { - 'van-ellipsis': this.ellipsis - } + 'van-ellipsis': this.ellipsis, + }, ]} style={this.style} onClick={this.onClick} @@ -81,5 +81,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/tabs/index.js b/src/tabs/index.js index 82c2d7184..e965eb29f 100644 --- a/src/tabs/index.js +++ b/src/tabs/index.js @@ -10,7 +10,7 @@ import { setRootScrollTop, getElementTop, getVisibleHeight, - getVisibleTop + getVisibleTop, } from '../utils/dom/scroll'; import Title from './Title'; @@ -27,11 +27,11 @@ export default createComponent({ if (this.scrollspy) { bind(window, 'scroll', this.onScroll, true); } - }) + }), ], model: { - prop: 'active' + prop: 'active', }, props: { @@ -47,36 +47,36 @@ export default createComponent({ titleInactiveColor: String, type: { type: String, - default: 'line' + default: 'line', }, active: { type: [Number, String], - default: 0 + default: 0, }, border: { type: Boolean, - default: true + default: true, }, ellipsis: { type: Boolean, - default: true + default: true, }, duration: { type: Number, - default: 0.3 + default: 0.3, }, offsetTop: { type: Number, - default: 0 + default: 0, }, lazyRender: { type: Boolean, - default: true + default: true, }, swipeThreshold: { type: Number, - default: 4 - } + default: 4, + }, }, data() { @@ -84,8 +84,8 @@ export default createComponent({ position: '', currentIndex: null, lineStyle: { - backgroundColor: this.color - } + backgroundColor: this.color, + }, }; }, @@ -98,7 +98,7 @@ export default createComponent({ navStyle() { return { borderColor: this.color, - background: this.background + background: this.background, }; }, @@ -115,7 +115,7 @@ export default createComponent({ return this.offsetTop + this.tabHeight; } return 0; - } + }, }, watch: { @@ -152,7 +152,7 @@ export default createComponent({ } else { off(window, 'scroll', this.onScroll); } - } + }, }, mounted() { @@ -202,7 +202,7 @@ export default createComponent({ const lineStyle = { width: addUnit(width), backgroundColor: this.color, - transform: `translateX(${left}px) translateX(-50%)` + transform: `translateX(${left}px) translateX(-50%)`, }; if (shouldAnimate) { @@ -321,7 +321,7 @@ export default createComponent({ } return children.length - 1; - } + }, }, render() { @@ -345,7 +345,7 @@ export default createComponent({ inactiveColor={this.titleInactiveColor} swipeThreshold={this.swipeThreshold} scopedSlots={{ - default: () => item.slots('title') + default: () => item.slots('title'), }} onClick={() => { this.onClick(index); @@ -359,7 +359,7 @@ export default createComponent({ ref="wrap" class={[ bem('wrap', { scrollable }), - { [BORDER_TOP_BOTTOM]: type === 'line' && this.border } + { [BORDER_TOP_BOTTOM]: type === 'line' && this.border }, ]} >
); - } + }, }); diff --git a/src/tag/demo/index.vue b/src/tag/demo/index.vue index 393dd29d3..f3d93c975 100644 --- a/src/tag/demo/index.vue +++ b/src/tag/demo/index.vue @@ -78,7 +78,7 @@ export default { mark: '标记样式', closeable: '可关闭标签', customColor: '自定义颜色', - customSize: '标签大小' + customSize: '标签大小', }, 'en-US': { plain: 'Plain style', @@ -86,24 +86,24 @@ export default { mark: 'Mark style', closeable: 'Closeable', customColor: 'Custom Color', - customSize: 'Custom Size' - } + customSize: 'Custom Size', + }, }, data() { return { show: { primary: true, - success: true - } + success: true, + }, }; }, methods: { close(tag) { this.show[tag] = false; - } - } + }, + }, }; diff --git a/src/tag/index.tsx b/src/tag/index.tsx index 9a8187ea0..64373d8e9 100644 --- a/src/tag/index.tsx +++ b/src/tag/index.tsx @@ -80,8 +80,8 @@ Tag.props = { closeable: Boolean, type: { type: String, - default: 'default' - } + default: 'default', + }, }; export default createComponent(Tag); diff --git a/src/tag/test/index.spec.js b/src/tag/test/index.spec.js index 77c3544db..864947a4f 100644 --- a/src/tag/test/index.spec.js +++ b/src/tag/test/index.spec.js @@ -6,9 +6,9 @@ test('click event', () => { const wrapper = mount(Tag, { context: { on: { - click - } - } + click, + }, + }, }); wrapper.trigger('click'); @@ -19,13 +19,13 @@ test('close event', () => { const close = jest.fn(); const wrapper = mount(Tag, { propsData: { - closeable: true + closeable: true, }, context: { on: { - close - } - } + close, + }, + }, }); wrapper.find('.van-tag__close').trigger('click'); @@ -38,14 +38,14 @@ test('should not trigger click event when close', () => { const wrapper = mount(Tag, { propsData: { - closeable: true + closeable: true, }, context: { on: { close, - click - } - } + click, + }, + }, }); wrapper.find('.van-tag__close').trigger('click'); diff --git a/src/toast/Toast.js b/src/toast/Toast.js index 35e7e765c..bf7f12263 100644 --- a/src/toast/Toast.js +++ b/src/toast/Toast.js @@ -19,25 +19,25 @@ export default createComponent({ message: [Number, String], type: { type: String, - default: 'text' + default: 'text', }, position: { type: String, - default: 'middle' + default: 'middle', }, transition: { type: String, - default: 'van-fade' + default: 'van-fade', }, lockScroll: { type: Boolean, - default: false - } + default: false, + }, }, data() { return { - clickable: false + clickable: false, }; }, @@ -51,7 +51,7 @@ export default createComponent({ watch: { value: 'toggleClickable', - forbidClick: 'toggleClickable' + forbidClick: 'toggleClickable', }, methods: { @@ -108,7 +108,7 @@ export default createComponent({ } return
{message}
; - } + }, }, render() { @@ -128,5 +128,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/toast/demo/index.vue b/src/toast/demo/index.vue index 03e4bd3f1..b7194baee 100644 --- a/src/toast/demo/index.vue +++ b/src/toast/demo/index.vue @@ -44,7 +44,7 @@ export default { text4: second => `倒计时 ${second} 秒`, longTextButton: '长文字提示', updateMessage: '动态更新提示', - loadingType: '自定义加载图标' + loadingType: '自定义加载图标', }, 'en-US': { title1: 'Text', @@ -61,8 +61,8 @@ export default { text4: second => `${second} seconds`, longTextButton: 'Long Text', updateMessage: 'Update Message', - loadingType: 'Loading Type' - } + loadingType: 'Loading Type', + }, }, methods: { @@ -70,7 +70,7 @@ export default { this.$toast.loading({ forbidClick: true, message: this.$t('loading'), - loadingType + loadingType, }); }, @@ -85,14 +85,14 @@ export default { showIconToast() { this.$toast({ message: this.$t('customIcon'), - icon: 'like-o' + icon: 'like-o', }); }, showImageToast() { this.$toast({ message: this.$t('customImage'), - icon: 'https://img.yzcdn.cn/vant/logo.png' + icon: 'https://img.yzcdn.cn/vant/logo.png', }); }, @@ -100,7 +100,7 @@ export default { const toast = this.$toast.loading({ duration: 0, forbidClick: true, - message: this.$t('text4', 3) + message: this.$t('text4', 3), }); let second = 3; @@ -113,8 +113,8 @@ export default { this.$toast.clear(); } }, 1000); - } - } + }, + }, }; diff --git a/src/toast/index.js b/src/toast/index.js index 4e3d3c762..420c6d0bd 100644 --- a/src/toast/index.js +++ b/src/toast/index.js @@ -22,7 +22,7 @@ const defaultOptions = { getContainer: 'body', overlayStyle: null, closeOnClick: false, - closeOnClickOverlay: false + closeOnClickOverlay: false, }; // default options of specific type @@ -31,7 +31,7 @@ let defaultOptionsMap = {}; let queue = []; let multiple = false; let currentOptions = { - ...defaultOptions + ...defaultOptions, }; function parseOptions(message) { @@ -50,7 +50,7 @@ function createInstance() { if (!queue.length || multiple) { const toast = new (Vue.extend(VueToast))({ - el: document.createElement('div') + el: document.createElement('div'), }); toast.$on('input', value => { @@ -69,7 +69,7 @@ function transformOptions(options) { ...options, overlay: options.mask || options.overlay, mask: undefined, - duration: undefined + duration: undefined, }; } @@ -85,7 +85,7 @@ function Toast(options = {}) { options = { ...currentOptions, ...defaultOptionsMap[options.type || currentOptions.type], - ...options + ...options, }; options.clear = () => { @@ -125,7 +125,7 @@ function Toast(options = {}) { const createMethod = type => options => Toast({ type, - ...parseOptions(options) + ...parseOptions(options), }); ['loading', 'success', 'fail'].forEach(method => { diff --git a/src/toast/test/index.spec.js b/src/toast/test/index.spec.js index eb0d35eb5..549fb0f9d 100644 --- a/src/toast/test/index.spec.js +++ b/src/toast/test/index.spec.js @@ -7,7 +7,7 @@ import { lockClick } from '../lock-click'; test('create a forbidClick toast', async () => { const toast = Toast({ forbidClick: true, - type: 'success' + type: 'success', }); await later(); @@ -27,7 +27,7 @@ test('create a forbidClick toast', async () => { it('toast disappeared after duration', async () => { const toast = Toast({ - duration: 10 + duration: 10, }); await later(50); @@ -36,7 +36,7 @@ it('toast disappeared after duration', async () => { test('show loading toast', async () => { const toast = Toast.loading({ - message: 'Message' + message: 'Message', }); await later(); @@ -46,7 +46,7 @@ test('show loading toast', async () => { test('show html toast', async () => { const toast = Toast({ type: 'html', - message: '
Message
' + message: '
Message
', }); await later(); @@ -56,7 +56,7 @@ test('show html toast', async () => { test('icon prop', async () => { const toast = Toast({ message: 'Message', - icon: 'star-o' + icon: 'star-o', }); await later(); @@ -67,7 +67,7 @@ test('icon-prefix prop', async () => { const toast = Toast({ message: 'Message', icon: 'star-o', - iconPrefix: 'my-icon' + iconPrefix: 'my-icon', }); await later(); @@ -139,7 +139,7 @@ test('toast duration 0', () => { Toast.allowMultiple(); const toast = Toast({ message: 'toast', - duration: 0 + duration: 0, }); expect(toast.timer).toBeFalsy(); Toast.allowMultiple(false); @@ -150,7 +150,7 @@ test('onClose callback', () => { const onClose = jest.fn(); const toast = Toast({ message: 'toast', - onClose + onClose, }); toast.clear(); @@ -161,7 +161,7 @@ test('onClose callback', () => { test('closeOnClick option', async () => { Toast.allowMultiple(); const toast = Toast({ - message: 'toast' + message: 'toast', }); await later(); diff --git a/src/tree-select/demo/data.en-US.ts b/src/tree-select/demo/data.en-US.ts index beddfe1a1..cd948c788 100644 --- a/src/tree-select/demo/data.en-US.ts +++ b/src/tree-select/demo/data.en-US.ts @@ -1,66 +1,66 @@ const group1 = [ { text: 'Delaware', - id: 1 + id: 1, }, { text: 'Florida', - id: 2 + id: 2, }, { text: 'Georqia', id: 3, - disabled: true + disabled: true, }, { text: 'Indiana', - id: 4 - } + id: 4, + }, ]; const group2 = [ { text: 'Alabama', - id: 5 + id: 5, }, { text: 'Kansas', - id: 6 + id: 6, }, { text: 'Louisiana', - id: 7 + id: 7, }, { text: 'Texas', - id: 8 - } + id: 8, + }, ]; const group3 = [ { text: 'Alabama', - id: 9 + id: 9, }, { text: 'Kansas', - id: 10 - } + id: 10, + }, ]; export const enUSData = [ { text: 'Group 1', - children: group1 + children: group1, }, { text: 'Group 2', - children: group2 + children: group2, }, { text: 'Group 3', disabled: true, - children: group3 - } + children: group3, + }, ]; diff --git a/src/tree-select/demo/data.zh-CN.ts b/src/tree-select/demo/data.zh-CN.ts index b2c8789cf..04096a180 100644 --- a/src/tree-select/demo/data.zh-CN.ts +++ b/src/tree-select/demo/data.zh-CN.ts @@ -1,65 +1,65 @@ const zhejiang = [ { text: '杭州', - id: 1 + id: 1, }, { text: '温州', - id: 2 + id: 2, }, { text: '宁波', id: 3, - disabled: true + disabled: true, }, { text: '义乌', - id: 4 - } + id: 4, + }, ]; const jiangsu = [ { text: '南京', - id: 5 + id: 5, }, { text: '无锡', - id: 6 + id: 6, }, { text: '徐州', - id: 7 + id: 7, }, { text: '苏州', - id: 8 - } + id: 8, + }, ]; const fujian = [ { text: '泉州', - id: 9 + id: 9, }, { text: '厦门', - id: 10 - } + id: 10, + }, ]; export const zhCNData = [ { text: '浙江', - children: zhejiang + children: zhejiang, }, { text: '江苏', - children: jiangsu + children: jiangsu, }, { text: '福建', disabled: true, - children: fujian - } + children: fujian, + }, ]; diff --git a/src/tree-select/demo/index.vue b/src/tree-select/demo/index.vue index e75847aef..199dcff65 100644 --- a/src/tree-select/demo/index.vue +++ b/src/tree-select/demo/index.vue @@ -44,7 +44,7 @@ export default { multipleMode: '多选模式', customContent: '自定义内容', data: zhCNData, - dataSimple: [{ text: '分组 1' }, { text: '分组 2' }] + dataSimple: [{ text: '分组 1' }, { text: '分组 2' }], }, 'en-US': { showInfo: 'Show Info', @@ -52,8 +52,8 @@ export default { multipleMode: 'Multiple Mode', customContent: 'Custom Content', data: enUSData, - dataSimple: [{ text: 'Group 1' }, { text: 'Group 2' }] - } + dataSimple: [{ text: 'Group 1' }, { text: 'Group 2' }], + }, }, data() { @@ -64,7 +64,7 @@ export default { activeIndex: 0, activeIndex2: 0, activeIndex3: 0, - activeIndex4: 0 + activeIndex4: 0, }; }, @@ -84,7 +84,7 @@ export default { data[1].info = 5; return data; - } - } + }, + }, }; diff --git a/src/tree-select/index.tsx b/src/tree-select/index.tsx index 1a24c0ce8..74891bd9b 100644 --- a/src/tree-select/index.tsx +++ b/src/tree-select/index.tsx @@ -79,8 +79,8 @@ function TreeSelect( 'van-ellipsis', bem('item', { active: isActiveItem(item.id), - disabled: item.disabled - }) + disabled: item.disabled, + }), ]} onClick={() => { if (!item.disabled) { @@ -134,24 +134,24 @@ function TreeSelect( TreeSelect.props = { max: { type: Number, - default: Infinity + default: Infinity, }, items: { type: Array, - default: () => [] + default: () => [], }, height: { type: [Number, String], - default: 300 + default: 300, }, activeId: { type: [Number, String, Array], - default: 0 + default: 0, }, mainActiveIndex: { type: Number, - default: 0 - } + default: 0, + }, }; export default createComponent(TreeSelect); diff --git a/src/tree-select/test/index.spec.js b/src/tree-select/test/index.spec.js index 1f0dae0ea..3a83e29ef 100644 --- a/src/tree-select/test/index.spec.js +++ b/src/tree-select/test/index.spec.js @@ -7,19 +7,19 @@ test('empty list', () => { const mockItem = { text: 'city1', - id: 1 + id: 1, }; const mockItem2 = { text: 'city2', - id: 2 + id: 2, }; const mockItems = [ { text: 'group1', - children: [mockItem] - } + children: [mockItem], + }, ]; test('click-nav event', () => { @@ -28,14 +28,14 @@ test('click-nav event', () => { const wrapper = mount(TreeSelect, { propsData: { - items: mockItems + items: mockItems, }, context: { on: { navclick: onNavClick, - 'click-nav': onClickNav - } - } + 'click-nav': onClickNav, + }, + }, }); const navItems = wrapper.findAll('.van-tree-select__nav-item'); @@ -51,14 +51,14 @@ test('click-item event', () => { const wrapper = mount(TreeSelect, { propsData: { - items: mockItems + items: mockItems, }, context: { on: { itemclick: onItemClick, - 'click-item': onClickItem - } - } + 'click-item': onClickItem, + }, + }, }); const items = wrapper.findAll('.van-tree-select__item'); @@ -76,15 +76,15 @@ test('click disabled nav', () => { { text: 'group1', children: [mockItem], - disabled: true - } - ] + disabled: true, + }, + ], }, context: { on: { - 'click-nav': onClickNav - } - } + 'click-nav': onClickNav, + }, + }, }); const items = wrapper.findAll('.van-tree-select__nav-item'); @@ -102,17 +102,17 @@ test('click disabled item', () => { children: [ { ...mockItem, - disabled: true - } - ] - } - ] + disabled: true, + }, + ], + }, + ], }, context: { on: { - 'click-item': onClickItem - } - } + 'click-item': onClickItem, + }, + }, }); const items = wrapper.findAll('.van-tree-select__item'); @@ -125,13 +125,13 @@ test('content slot', () => { propsData: { items: [ { - text: 'group1' - } - ] + text: 'group1', + }, + ], }, scopedSlots: { - content: () => 'Custom Content' - } + content: () => 'Custom Content', + }, }); expect(wrapper).toMatchSnapshot(); @@ -140,8 +140,8 @@ test('content slot', () => { test('height prop', () => { const wrapper = mount(TreeSelect, { propsData: { - height: '100vh' - } + height: '100vh', + }, }); expect(wrapper).toMatchSnapshot(); @@ -153,10 +153,10 @@ test('nav info', () => { items: [ { text: 'group1', - info: 3 - } - ] - } + info: 3, + }, + ], + }, }); expect(wrapper).toMatchSnapshot(); @@ -173,9 +173,9 @@ test('use sync modifier in main-active-index', () => { data() { return { mainActiveIndex: -1, - items: mockItems + items: mockItems, }; - } + }, }); const navItems = wrapper.findAll('.van-tree-select__nav-item'); @@ -200,11 +200,11 @@ test('use sync modifier in active-id', () => { items: [ { text: 'group1', - children: [mockItem, mockItem2] - } - ] + children: [mockItem, mockItem2], + }, + ], }; - } + }, }); const items = wrapper.findAll('.van-tree-select__item'); @@ -229,11 +229,11 @@ test('multiple select', () => { items: [ { text: 'group1', - children: [mockItem, mockItem2] - } - ] + children: [mockItem, mockItem2], + }, + ], }; - } + }, }); const items = wrapper.findAll('.van-tree-select__item'); @@ -262,11 +262,11 @@ test('max prop', () => { items: [ { text: 'group1', - children: [mockItem, mockItem2] - } - ] + children: [mockItem, mockItem2], + }, + ], }; - } + }, }); const items = wrapper.findAll('.van-tree-select__item'); @@ -283,10 +283,10 @@ test('className of nav', () => { { text: 'group1', className: 'my-class', - children: [] - } - ] - } + children: [], + }, + ], + }, }); const items = wrapper.findAll('.van-tree-select__nav-item'); @@ -310,17 +310,17 @@ test('should sync value before trigger click-item event', done => { items: [ { text: 'group1', - children: [mockItem, mockItem2] - } - ] + children: [mockItem, mockItem2], + }, + ], }; }, methods: { onClickItem() { expect(wrapper.vm.activeId).toEqual(mockItem2.id); done(); - } - } + }, + }, }); const items = wrapper.findAll('.van-tree-select__item'); diff --git a/src/uploader/demo/index.vue b/src/uploader/demo/index.vue index 235f3f8d3..1811f7314 100644 --- a/src/uploader/demo/index.vue +++ b/src/uploader/demo/index.vue @@ -33,7 +33,7 @@ export default { maxCount: '限制上传数量', beforeRead: '上传前校验', uploadStyle: '自定义上传样式', - invalidType: '请上传 jpg 格式图片' + invalidType: '请上传 jpg 格式图片', }, 'en-US': { upload: 'Upload File', @@ -41,18 +41,18 @@ export default { maxCount: 'Max Count', beforeRead: 'Before Read', uploadStyle: 'Upload Style', - invalidType: 'Please upload an image in jpg format' - } + invalidType: 'Please upload an image in jpg format', + }, }, data() { return { fileList: [ { url: 'https://img.yzcdn.cn/vant/leaf.jpg' }, - { url: 'https://img.yzcdn.cn/vant/tree.jpg' } + { url: 'https://img.yzcdn.cn/vant/tree.jpg' }, ], fileList2: [{ url: 'https://img.yzcdn.cn/vant/sand.jpg' }], - fileList3: [] + fileList3: [], }; }, @@ -68,8 +68,8 @@ export default { afterRead(file, detail) { console.log(file, detail); - } - } + }, + }, }; diff --git a/src/uploader/index.js b/src/uploader/index.js index 19fb511cc..384463367 100644 --- a/src/uploader/index.js +++ b/src/uploader/index.js @@ -10,7 +10,7 @@ export default createComponent({ inheritAttrs: false, model: { - prop: 'fileList' + prop: 'fileList', }, props: { @@ -22,57 +22,57 @@ export default createComponent({ previewSize: [Number, String], name: { type: [Number, String], - default: '' + default: '', }, accept: { type: String, - default: 'image/*' + default: 'image/*', }, fileList: { type: Array, - default: () => [] + default: () => [], }, maxSize: { type: Number, - default: Number.MAX_VALUE + default: Number.MAX_VALUE, }, maxCount: { type: Number, - default: Number.MAX_VALUE + default: Number.MAX_VALUE, }, deletable: { type: Boolean, - default: true + default: true, }, previewImage: { type: Boolean, - default: true + default: true, }, previewFullImage: { type: Boolean, - default: true + default: true, }, imageFit: { type: String, - default: 'cover' + default: 'cover', }, resultType: { type: String, - default: 'dataUrl' - } + default: 'dataUrl', + }, }, computed: { previewSizeWithUnit() { return addUnit(this.previewSize); - } + }, }, methods: { getDetail(index = this.fileList.length) { return { name: this.name, - index + index, }; }, @@ -208,7 +208,7 @@ export default createComponent({ startPosition: imageFiles.indexOf(item), onClose: () => { this.$emit('close-preview'); - } + }, }); }, @@ -248,7 +248,7 @@ export default createComponent({ class={bem('file')} style={{ width: this.previewSizeWithUnit, - height: this.previewSizeWithUnit + height: this.previewSizeWithUnit, }} > @@ -310,7 +310,7 @@ export default createComponent({ const size = this.previewSizeWithUnit; style = { width: size, - height: size + height: size, }; } @@ -321,7 +321,7 @@ export default createComponent({ {Input} ); - } + }, }, render() { @@ -333,5 +333,5 @@ export default createComponent({ ); - } + }, }); diff --git a/src/uploader/test/index.spec.js b/src/uploader/test/index.spec.js index 1af2068b1..634a0949d 100644 --- a/src/uploader/test/index.spec.js +++ b/src/uploader/test/index.spec.js @@ -17,8 +17,8 @@ window.FileReader = function() { this.onload && this.onload({ target: { - result: mockFileDataUrl - } + result: mockFileDataUrl, + }, }); }; this.readAsDataURL = this.readAsText; @@ -29,8 +29,8 @@ test('disabled', () => { const wrapper = mount(Uploader, { propsData: { disabled: true, - afterRead - } + afterRead, + }, }); wrapper.vm.onChange(file); @@ -44,8 +44,8 @@ it('result-type as text', done => { afterRead: readFile => { expect(readFile.content).toEqual(mockFileDataUrl); done(); - } - } + }, + }, }); wrapper.vm.onChange(file); @@ -59,8 +59,8 @@ it('result-type as file', done => { expect(readFile.file).toBeTruthy(); expect(readFile.content).toBeFalsy(); done(); - } - } + }, + }, }); wrapper.vm.onChange(file); @@ -77,8 +77,8 @@ it('set input name', done => { afterRead: (readFile, detail) => { expect(detail.name).toEqual('uploader'); done(); - } - } + }, + }, }); wrapper.vm.onChange(file); @@ -89,8 +89,8 @@ it('unknown resultType', () => { const wrapper = mount(Uploader, { propsData: { resultType: 'xxxx', - afterRead - } + afterRead, + }, }); wrapper.vm.onChange(file); expect(afterRead).toHaveBeenCalledTimes(0); @@ -101,8 +101,8 @@ it('before read return false', () => { const wrapper = mount(Uploader, { propsData: { beforeRead: () => false, - afterRead - } + afterRead, + }, }); const input = wrapper.find('input'); @@ -120,8 +120,8 @@ it('before read return promise and resolve', async () => { new Promise(resolve => { resolve(); }), - afterRead - } + afterRead, + }, }); wrapper.vm.onChange(file); @@ -138,8 +138,8 @@ it('before read return promise and reject', async () => { new Promise((resolve, reject) => { reject(); }), - afterRead - } + afterRead, + }, }); const input = wrapper.find('input'); @@ -153,8 +153,8 @@ it('before read return promise and reject', async () => { test('file size overlimit', async () => { const wrapper = mount(Uploader, { propsData: { - maxSize: 1 - } + maxSize: 1, + }, }); wrapper.vm.onChange(file); wrapper.vm.onChange(multiFile); @@ -173,8 +173,8 @@ test('file size overlimit', async () => { it('render upload-text', () => { const wrapper = mount(Uploader, { propsData: { - uploadText: 'Text' - } + uploadText: 'Text', + }, }); expect(wrapper).toMatchSnapshot(); @@ -186,14 +186,14 @@ it('render preview image', async () => { fileList: [ { url: 'https://img.yzcdn.cn/vant/cat.jpeg' }, { url: 'https://img.yzcdn.cn/vant/test.pdf' }, - { file: { name: 'test.pdf' } } - ] + { file: { name: 'test.pdf' } }, + ], }, listeners: { input(fileList) { wrapper.setProps({ fileList }); - } - } + }, + }, }); wrapper.vm.onChange(file); @@ -206,8 +206,8 @@ it('image-fit prop', () => { const wrapper = mount(Uploader, { propsData: { imageFit: 'contain', - fileList: [{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }] - } + fileList: [{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }], + }, }); expect(wrapper).toMatchSnapshot(); @@ -217,13 +217,13 @@ it('disable preview image', async () => { const wrapper = mount(Uploader, { propsData: { fileList: [], - previewImage: false + previewImage: false, }, listeners: { input(fileList) { wrapper.setProps({ fileList }); - } - } + }, + }, }); wrapper.vm.onChange(file); @@ -236,13 +236,13 @@ it('max-count prop', async () => { const wrapper = mount(Uploader, { propsData: { fileList: [], - maxCount: 1 + maxCount: 1, }, listeners: { input(fileList) { wrapper.setProps({ fileList }); - } - } + }, + }, }); wrapper.vm.onChange(multiFile); @@ -255,13 +255,13 @@ it('preview-size prop', async () => { const wrapper = mount(Uploader, { propsData: { fileList: [], - previewSize: 30 + previewSize: 30, }, listeners: { input(fileList) { wrapper.setProps({ fileList }); - } - } + }, + }, }); wrapper.vm.onChange(file); @@ -273,8 +273,8 @@ it('preview-size prop', async () => { it('deletable prop', () => { const wrapper = mount(Uploader, { propsData: { - fileList: [{ url: IMAGE }] - } + fileList: [{ url: IMAGE }], + }, }); expect(wrapper.find('.van-uploader__preview-delete').element).toBeTruthy(); @@ -287,13 +287,13 @@ it('delete preview image', () => { const wrapper = mount(Uploader, { propsData: { fileList: [{ url: IMAGE }], - previewSize: 30 + previewSize: 30, }, listeners: { input(fileList) { wrapper.setProps({ fileList }); - } - } + }, + }, }); wrapper.find('.van-uploader__preview-delete').trigger('click'); @@ -307,8 +307,8 @@ it('before-delete prop return false', () => { const wrapper = mount(Uploader, { propsData: { fileList: [{ url: IMAGE }], - beforeDelete: () => false - } + beforeDelete: () => false, + }, }); wrapper.find('.van-uploader__preview-delete').trigger('click'); @@ -319,8 +319,8 @@ it('before-delete prop return true', () => { const wrapper = mount(Uploader, { propsData: { fileList: [{ url: IMAGE }], - beforeDelete: () => true - } + beforeDelete: () => true, + }, }); wrapper.find('.van-uploader__preview-delete').trigger('click'); @@ -331,8 +331,8 @@ it('before-delete prop resolved', async () => { const wrapper = mount(Uploader, { propsData: { fileList: [{ url: IMAGE }], - beforeDelete: () => new Promise(resolve => resolve()) - } + beforeDelete: () => new Promise(resolve => resolve()), + }, }); wrapper.find('.van-uploader__preview-delete').trigger('click'); @@ -344,8 +344,8 @@ it('before-delete prop rejected', async () => { const wrapper = mount(Uploader, { propsData: { fileList: [{ url: IMAGE }], - beforeDelete: () => new Promise((resolve, reject) => reject()) - } + beforeDelete: () => new Promise((resolve, reject) => reject()), + }, }); wrapper.find('.van-uploader__preview-delete').trigger('click'); @@ -357,8 +357,8 @@ it('click to preview image', () => { const wrapper = mount(Uploader, { propsData: { previewFullImage: false, - fileList: [{ url: IMAGE }, { url: PDF }] - } + fileList: [{ url: IMAGE }, { url: PDF }], + }, }); wrapper.find('.van-image').trigger('click'); @@ -377,9 +377,9 @@ it('closeImagePreview method', () => { const wrapper = mount(Uploader, { mocks: { imagePreview: { - close - } - } + close, + }, + }, }); wrapper.vm.closeImagePreview(); @@ -394,8 +394,8 @@ it('click-preview event', () => { const wrapper = mount(Uploader, { propsData: { previewFullImage: false, - fileList: [{ url: IMAGE }, { url: PDF }] - } + fileList: [{ url: IMAGE }, { url: PDF }], + }, }); wrapper.find('.van-image').trigger('click'); @@ -406,8 +406,8 @@ it('click-preview event', () => { it('close-preview event', async () => { const wrapper = mount(Uploader, { propsData: { - fileList: [{ url: IMAGE }] - } + fileList: [{ url: IMAGE }], + }, }); wrapper.find('.van-image').trigger('click'); diff --git a/src/utils/create/component.ts b/src/utils/create/component.ts index 99aa9f18a..7c266d702 100644 --- a/src/utils/create/component.ts +++ b/src/utils/create/component.ts @@ -52,7 +52,7 @@ function transformFunctionComponent(pure: FunctionComponent): VantComponentOptio functional: true, props: pure.props, model: pure.model, - render: (h, context): any => pure(h, context.props, unifySlots(context), context) + render: (h, context): any => pure(h, context.props, unifySlots(context), context), }; } diff --git a/src/utils/dom/event.ts b/src/utils/dom/event.ts index 0e9e9f452..4308297e4 100644 --- a/src/utils/dom/event.ts +++ b/src/utils/dom/event.ts @@ -12,7 +12,7 @@ if (!isServer) { get() { /* istanbul ignore next */ supportsPassive = true; - } + }, }); window.addEventListener('test-passive', null as any, opts); // eslint-disable-next-line no-empty diff --git a/src/utils/functional.ts b/src/utils/functional.ts index c3ba829ca..336616d4a 100644 --- a/src/utils/functional.ts +++ b/src/utils/functional.ts @@ -13,7 +13,7 @@ const inheritKey = [ 'nativeOn', 'directives', 'staticClass', - 'staticStyle' + 'staticStyle', ]; const mapInheritKey: ObjectIndex = { nativeOn: 'on' }; @@ -60,9 +60,9 @@ export function mount(Component: any, data?: VNodeData) { render(h) { return h(Component, { props: this.$props, - ...data + ...data, }); - } + }, }); document.body.appendChild(instance.$el); diff --git a/src/utils/router.ts b/src/utils/router.ts index 4c1e4d543..abe17635e 100644 --- a/src/utils/router.ts +++ b/src/utils/router.ts @@ -43,5 +43,5 @@ export type RouteProps = { export const routeProps = { url: String, replace: Boolean, - to: [String, Object] + to: [String, Object], }; diff --git a/src/utils/test/index.spec.js b/src/utils/test/index.spec.js index 28d603b26..e5bd49a58 100644 --- a/src/utils/test/index.spec.js +++ b/src/utils/test/index.spec.js @@ -33,8 +33,8 @@ test('deepAssign', () => { { foo: { bar: true, - foo: false - } + foo: false, + }, } ); }); diff --git a/test/demo.ts b/test/demo.ts index ebcdb5b05..d231c6a7b 100644 --- a/test/demo.ts +++ b/test/demo.ts @@ -7,7 +7,7 @@ const Empty = { render(h: CreateElement): ReturnType { return h('div', [(this as any).$slots.default]); }, - inheritAttrs: false + inheritAttrs: false, }; Vue.component('demo-block', Empty); diff --git a/test/dom.ts b/test/dom.ts index d4ba67913..518787d5b 100644 --- a/test/dom.ts +++ b/test/dom.ts @@ -5,28 +5,28 @@ function mockHTMLElementOffset() { offsetParent: { get() { return this.parentNode || {}; - } + }, }, offsetLeft: { get() { return parseFloat(window.getComputedStyle(this).marginLeft) || 0; - } + }, }, offsetTop: { get() { return parseFloat(window.getComputedStyle(this).marginTop) || 0; - } + }, }, offsetHeight: { get() { return parseFloat(window.getComputedStyle(this).height) || 0; - } + }, }, offsetWidth: { get() { return parseFloat(window.getComputedStyle(this).width) || 0; - } - } + }, + }, }); } diff --git a/test/event.ts b/test/event.ts index 31ff9b048..0e8f24a93 100644 --- a/test/event.ts +++ b/test/event.ts @@ -12,7 +12,7 @@ function getTouch(el: HTMLElement | Window, x: number, y: number) { radiusX: 2.5, radiusY: 2.5, rotationAngle: 10, - force: 0.5 + force: 0.5, }; } @@ -39,14 +39,18 @@ export function trigger( clientY: y, touches: touchList, targetTouches: touchList, - changedTouches: touchList + changedTouches: touchList, }); el.dispatchEvent(event); } // simulate drag gesture -export function triggerDrag(el: Wrapper | HTMLElement, x = 0, y = 0): void { +export function triggerDrag( + el: Wrapper | HTMLElement, + x = 0, + y = 0 +): void { trigger(el, 'touchstart', 0, 0); trigger(el, 'touchmove', x / 4, y / 4); trigger(el, 'touchmove', x / 3, y / 3); diff --git a/test/index.ts b/test/index.ts index dded10a4a..2cbe84b5c 100644 --- a/test/index.ts +++ b/test/index.ts @@ -21,5 +21,5 @@ export { trigger, triggerDrag, mockScrollTop, - mockGetBoundingClientRect + mockGetBoundingClientRect, }; diff --git a/vant.config.js b/vant.config.js index 65d36c888..2d32daf19 100644 --- a/vant.config.js +++ b/vant.config.js @@ -3,17 +3,17 @@ module.exports = { build: { skipInstall: ['lazyload'], site: { - publicPath: 'https://b.yzcdn.cn/vant/' + publicPath: 'https://b.yzcdn.cn/vant/', }, vetur: { - tagPrefix: 'van-' - } + tagPrefix: 'van-', + }, }, site: { defaultLang: 'en-US', versions: [{ label: '1.x', link: 'https://youzan.github.io/vant/1.x/' }], baiduAnalytics: { - seed: 'ad6b5732c36321f2dafed737ac2da92f' + seed: 'ad6b5732c36321f2dafed737ac2da92f', }, locales: { 'zh-CN': { @@ -24,17 +24,17 @@ module.exports = { links: [ { logo: 'https://b.yzcdn.cn/vant/logo/weapp.svg', - url: '/vant-weapp' + url: '/vant-weapp', }, { logo: 'https://b.yzcdn.cn/vant/logo/github.svg', - url: 'https://github.com/youzan/vant' - } + url: 'https://github.com/youzan/vant', + }, ], searchConfig: { apiKey: '90067aecdaa2c85220e2783cd305caac', indexName: 'vant', - placeholder: '搜索文档...' + placeholder: '搜索文档...', }, nav: [ { @@ -42,326 +42,326 @@ module.exports = { items: [ { path: 'home', - title: '介绍' + title: '介绍', }, { path: 'quickstart', - title: '快速上手' + title: '快速上手', }, { path: 'changelog', - title: '更新日志' + title: '更新日志', }, { path: 'theme', - title: '定制主题' + title: '定制主题', }, { path: 'contribution', - title: '开发指南' + title: '开发指南', }, { path: 'design', - title: '设计资源' + title: '设计资源', }, { path: 'style-guide', - title: '风格指南' + title: '风格指南', }, { path: 'locale', - title: '国际化' - } - ] + title: '国际化', + }, + ], }, { title: '基础组件', items: [ { path: 'button', - title: 'Button 按钮' + title: 'Button 按钮', }, { path: 'cell', - title: 'Cell 单元格' + title: 'Cell 单元格', }, { path: 'icon', - title: 'Icon 图标' + title: 'Icon 图标', }, { path: 'image', - title: 'Image 图片' + title: 'Image 图片', }, { path: 'col', - title: 'Layout 布局' + title: 'Layout 布局', }, { path: 'popup', - title: 'Popup 弹出层' + title: 'Popup 弹出层', }, { path: 'style', - title: 'Style 内置样式' - } - ] + title: 'Style 内置样式', + }, + ], }, { title: '表单组件', items: [ { path: 'calendar', - title: 'Calendar 日历' + title: 'Calendar 日历', }, { path: 'checkbox', - title: 'Checkbox 复选框' + title: 'Checkbox 复选框', }, { path: 'datetime-picker', - title: 'DatetimePicker 时间选择' + title: 'DatetimePicker 时间选择', }, { path: 'field', - title: 'Field 输入框' + title: 'Field 输入框', }, { path: 'number-keyboard', - title: 'NumberKeyboard 数字键盘' + title: 'NumberKeyboard 数字键盘', }, { path: 'password-input', - title: 'PasswordInput 密码输入框' + title: 'PasswordInput 密码输入框', }, { path: 'picker', - title: 'Picker 选择器' + title: 'Picker 选择器', }, { path: 'radio', - title: 'Radio 单选框' + title: 'Radio 单选框', }, { path: 'rate', - title: 'Rate 评分' + title: 'Rate 评分', }, { path: 'search', - title: 'Search 搜索' + title: 'Search 搜索', }, { path: 'slider', - title: 'Slider 滑块' + title: 'Slider 滑块', }, { path: 'stepper', - title: 'Stepper 步进器' + title: 'Stepper 步进器', }, { path: 'switch', - title: 'Switch 开关' + title: 'Switch 开关', }, { path: 'uploader', - title: 'Uploader 文件上传' - } - ] + title: 'Uploader 文件上传', + }, + ], }, { title: '反馈组件', items: [ { path: 'action-sheet', - title: 'ActionSheet 上拉菜单' + title: 'ActionSheet 上拉菜单', }, { path: 'dialog', - title: 'Dialog 弹出框' + title: 'Dialog 弹出框', }, { path: 'dropdown-menu', - title: 'DropdownMenu 下拉菜单' + title: 'DropdownMenu 下拉菜单', }, { path: 'loading', - title: 'Loading 加载' + title: 'Loading 加载', }, { path: 'notify', - title: 'Notify 消息通知' + title: 'Notify 消息通知', }, { path: 'overlay', - title: 'Overlay 遮罩层' + title: 'Overlay 遮罩层', }, { path: 'pull-refresh', - title: 'PullRefresh 下拉刷新' + title: 'PullRefresh 下拉刷新', }, { path: 'swipe-cell', - title: 'SwipeCell 滑动单元格' + title: 'SwipeCell 滑动单元格', }, { path: 'toast', - title: 'Toast 轻提示' - } - ] + title: 'Toast 轻提示', + }, + ], }, { title: '展示组件', items: [ { path: 'circle', - title: 'Circle 环形进度条' + title: 'Circle 环形进度条', }, { path: 'collapse', - title: 'Collapse 折叠面板' + title: 'Collapse 折叠面板', }, { path: 'count-down', - title: 'CountDown 倒计时' + title: 'CountDown 倒计时', }, { path: 'divider', - title: 'Divider 分割线' + title: 'Divider 分割线', }, { path: 'image-preview', - title: 'ImagePreview 图片预览' + title: 'ImagePreview 图片预览', }, { path: 'lazyload', - title: 'Lazyload 图片懒加载' + title: 'Lazyload 图片懒加载', }, { path: 'list', - title: 'List 列表' + title: 'List 列表', }, { path: 'notice-bar', - title: 'NoticeBar 通知栏' + title: 'NoticeBar 通知栏', }, { path: 'panel', - title: 'Panel 面板' + title: 'Panel 面板', }, { path: 'progress', - title: 'Progress 进度条' + title: 'Progress 进度条', }, { path: 'skeleton', - title: 'Skeleton 骨架屏' + title: 'Skeleton 骨架屏', }, { path: 'steps', - title: 'Steps 步骤条' + title: 'Steps 步骤条', }, { path: 'sticky', - title: 'Sticky 粘性布局' + title: 'Sticky 粘性布局', }, { path: 'swipe', - title: 'Swipe 轮播' + title: 'Swipe 轮播', }, { path: 'tag', - title: 'Tag 标记' - } - ] + title: 'Tag 标记', + }, + ], }, { title: '导航组件', items: [ { path: 'grid', - title: 'Grid 宫格' + title: 'Grid 宫格', }, { path: 'index-bar', - title: 'IndexBar 索引栏' + title: 'IndexBar 索引栏', }, { path: 'nav-bar', - title: 'NavBar 导航栏' + title: 'NavBar 导航栏', }, { path: 'pagination', - title: 'Pagination 分页' + title: 'Pagination 分页', }, { path: 'sidebar', - title: 'Sidebar 侧边导航' + title: 'Sidebar 侧边导航', }, { path: 'tab', - title: 'Tab 标签页' + title: 'Tab 标签页', }, { path: 'tabbar', - title: 'Tabbar 标签栏' + title: 'Tabbar 标签栏', }, { path: 'tree-select', - title: 'TreeSelect 分类选择' - } - ] + title: 'TreeSelect 分类选择', + }, + ], }, { title: '业务组件', items: [ { path: 'address-edit', - title: 'AddressEdit 地址编辑' + title: 'AddressEdit 地址编辑', }, { path: 'address-list', - title: 'AddressList 地址列表' + title: 'AddressList 地址列表', }, { path: 'area', - title: 'Area 省市区选择' + title: 'Area 省市区选择', }, { path: 'card', - title: 'Card 商品卡片' + title: 'Card 商品卡片', }, { path: 'contact-card', - title: 'Contact 联系人' + title: 'Contact 联系人', }, { path: 'coupon-list', - title: 'Coupon 优惠券' + title: 'Coupon 优惠券', }, { path: 'goods-action', - title: 'GoodsAction 商品导航' + title: 'GoodsAction 商品导航', }, { path: 'submit-bar', - title: 'SubmitBar 提交订单栏' + title: 'SubmitBar 提交订单栏', }, { path: 'sku', - title: 'Sku 商品规格' - } - ] + title: 'Sku 商品规格', + }, + ], }, { title: '废弃', items: [ { path: 'switch-cell', - title: 'SwitchCell 开关单元格' - } - ] - } - ] + title: 'SwitchCell 开关单元格', + }, + ], + }, + ], }, 'en-US': { title: 'Vant', @@ -371,17 +371,17 @@ module.exports = { links: [ { logo: 'https://b.yzcdn.cn/vant/logo/weapp.svg', - url: '/vant-weapp' + url: '/vant-weapp', }, { logo: 'https://b.yzcdn.cn/vant/logo/github.svg', - url: 'https://github.com/youzan/vant' - } + url: 'https://github.com/youzan/vant', + }, ], searchConfig: { apiKey: '90067aecdaa2c85220e2783cd305caac', indexName: 'vant', - placeholder: 'Search...' + placeholder: 'Search...', }, nav: [ { @@ -389,319 +389,319 @@ module.exports = { items: [ { path: 'home', - title: 'Introduction' + title: 'Introduction', }, { path: 'quickstart', - title: 'Quickstart' + title: 'Quickstart', }, { path: 'changelog', - title: 'Changelog' + title: 'Changelog', }, { path: 'theme', - title: 'Custom Theme' + title: 'Custom Theme', }, { path: 'locale', - title: 'Internationalization' - } - ] + title: 'Internationalization', + }, + ], }, { title: 'Basic Components', items: [ { path: 'button', - title: 'Button' + title: 'Button', }, { path: 'cell', - title: 'Cell' + title: 'Cell', }, { path: 'icon', - title: 'Icon' + title: 'Icon', }, { path: 'image', - title: 'Image' + title: 'Image', }, { path: 'col', - title: 'Layout' + title: 'Layout', }, { path: 'popup', - title: 'Popup' + title: 'Popup', }, { path: 'style', - title: 'Built-in style' - } - ] + title: 'Built-in style', + }, + ], }, { title: 'Form Components', items: [ { path: 'calendar', - title: 'Calendar' + title: 'Calendar', }, { path: 'checkbox', - title: 'Checkbox' + title: 'Checkbox', }, { path: 'datetime-picker', - title: 'DatetimePicker' + title: 'DatetimePicker', }, { path: 'field', - title: 'Field' + title: 'Field', }, { path: 'number-keyboard', - title: 'NumberKeyboard' + title: 'NumberKeyboard', }, { path: 'password-input', - title: 'PasswordInput' + title: 'PasswordInput', }, { path: 'picker', - title: 'Picker' + title: 'Picker', }, { path: 'radio', - title: 'Radio' + title: 'Radio', }, { path: 'rate', - title: 'Rate' + title: 'Rate', }, { path: 'search', - title: 'Search' + title: 'Search', }, { path: 'slider', - title: 'Slider' + title: 'Slider', }, { path: 'stepper', - title: 'Stepper' + title: 'Stepper', }, { path: 'switch', - title: 'Switch' + title: 'Switch', }, { path: 'switch-cell', - title: 'SwitchCell' + title: 'SwitchCell', }, { path: 'uploader', - title: 'Uploader' - } - ] + title: 'Uploader', + }, + ], }, { title: 'Action Components', items: [ { path: 'action-sheet', - title: 'ActionSheet' + title: 'ActionSheet', }, { path: 'dialog', - title: 'Dialog' + title: 'Dialog', }, { path: 'dropdown-menu', - title: 'DropdownMenu' + title: 'DropdownMenu', }, { path: 'loading', - title: 'Loading' + title: 'Loading', }, { path: 'notify', - title: 'Notify' + title: 'Notify', }, { path: 'overlay', - title: 'Overlay' + title: 'Overlay', }, { path: 'pull-refresh', - title: 'PullRefresh' + title: 'PullRefresh', }, { path: 'swipe-cell', - title: 'SwipeCell' + title: 'SwipeCell', }, { path: 'toast', - title: 'Toast' - } - ] + title: 'Toast', + }, + ], }, { title: 'Display Components', items: [ { path: 'circle', - title: 'Circle' + title: 'Circle', }, { path: 'collapse', - title: 'Collapse' + title: 'Collapse', }, { path: 'count-down', - title: 'CountDown' + title: 'CountDown', }, { path: 'divider', - title: 'Divider' + title: 'Divider', }, { path: 'image-preview', - title: 'ImagePreview' + title: 'ImagePreview', }, { path: 'lazyload', - title: 'Lazyload' + title: 'Lazyload', }, { path: 'list', - title: 'List' + title: 'List', }, { path: 'notice-bar', - title: 'NoticeBar' + title: 'NoticeBar', }, { path: 'panel', - title: 'Panel' + title: 'Panel', }, { path: 'progress', - title: 'Progress' + title: 'Progress', }, { path: 'skeleton', - title: 'Skeleton' + title: 'Skeleton', }, { path: 'steps', - title: 'Steps' + title: 'Steps', }, { path: 'sticky', - title: 'Sticky' + title: 'Sticky', }, { path: 'swipe', - title: 'Swipe' + title: 'Swipe', }, { path: 'tag', - title: 'Tag' - } - ] + title: 'Tag', + }, + ], }, { title: 'Navigation Components', items: [ { path: 'grid', - title: 'Grid' + title: 'Grid', }, { path: 'index-bar', - title: 'IndexBar' + title: 'IndexBar', }, { path: 'nav-bar', - title: 'NavBar' + title: 'NavBar', }, { path: 'pagination', - title: 'Pagination' + title: 'Pagination', }, { path: 'sidebar', - title: 'Sidebar' + title: 'Sidebar', }, { path: 'tab', - title: 'Tab' + title: 'Tab', }, { path: 'tabbar', - title: 'Tabbar' + title: 'Tabbar', }, { path: 'tree-select', - title: 'TreeSelect' - } - ] + title: 'TreeSelect', + }, + ], }, { title: 'Business Components', items: [ { path: 'address-edit', - title: 'AddressEdit' + title: 'AddressEdit', }, { path: 'address-list', - title: 'AddressList' + title: 'AddressList', }, { path: 'area', - title: 'Area' + title: 'Area', }, { path: 'card', - title: 'Card' + title: 'Card', }, { path: 'contact-card', - title: 'Contact' + title: 'Contact', }, { path: 'coupon-list', - title: 'Coupon' + title: 'Coupon', }, { path: 'goods-action', - title: 'GoodsAction' + title: 'GoodsAction', }, { path: 'submit-bar', - title: 'SubmitBar' + title: 'SubmitBar', }, { path: 'sku', - title: 'Sku' - } - ] + title: 'Sku', + }, + ], }, { title: 'Deprecated', items: [ { path: 'switch-cell', - title: 'SwitchCell' - } - ] - } - ] - } - } - } + title: 'SwitchCell', + }, + ], + }, + ], + }, + }, + }, };